body{
    width: 300px;
    height: 600px;
    padding:0;
    margin: 0; 
    overflow: hidden;
}

#abContainer{
    position: relative;
    width: 300px;
    height: 600px;
    border: 1px solid #888888;
    overflow: hidden;
    padding:0;
    cursor: pointer;
    margin: 0;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.divCommon{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 600px;
}

/*
    The following lines of code of class assignements are from Texturepacker sprite/CSS gerneration program...
*/
.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(images/CC_300x600_sprite.png);}

.ctaTxt {width:146px; height:35px; background-position: -196px -191px}
.logo {width:209px; height:44px; background-position: -196px -145px}
.txt_1 {width:193px; height:91px; background-position: -1px -134px}
.txt_2 {width:193px; height:142px; background-position: -256px -1px}
.txt_3 {width:253px; height:131px; background-position: -1px -1px}

.replayArrow {background: url(images/replayVector.svg) no-repeat;}
.adImg{
    background: url(images/bg1.jpg) no-repeat;   
}
#FPO{
    background: url(FPO/FPO_3.jpg) no-repeat;   
}
#frm1{
    top: 205px;
    left: 24px;
}
#frm2{
    top: 204px;
    left: 22px;
}
#frm3{
    top: 205px;
    left: 21px;
}
#ctaTxt{
    top: 355px;
    left: 24px;
}
#logo{
    top: 531px;
    left: 66px;
    overflow: hidden;
}
#replay{
    cursor: pointer;
    top:-108px;
    left: 274px;
    width:20px;
    height: 25px;
    -webkit-transform-origin: 10px 10px;
    -ms-transform-origin: 10px 10px;
    -o-transform-origin: 10px 10px;
    transform-origin: 9.5px 10px;
}