@charset "UTF-8";

.banner{
    width: 298px;
    height: 248px;
    border: 1px solid #e8e8e8;
    background: #fff;
    overflow: hidden;
    display:block !important;
}

#noscripted{
    display:none;
}

#loader_container{
    display:none;
}

#btn-exit{
    width: 298px;
    height: 248px;
    cursor: pointer;
    z-index: 4;   
}

#bg{
    background: url(bg.jpg) no-repeat;
    position: absolute;
    width: 300px;   
    height: 201px;
    top: 0px;
    left: 0px;
}

#footer_bg{
    background: url(footer_bg.jpg) no-repeat;
    position: absolute;
    width: 300px;   
    height: 49px;
    top: 201px;
    left: 0px;
}

#top_text{
    background: url(top_text.png) no-repeat;
    position: absolute;
    width: 269px;   
    height: 29px;
    top: 17px;
    left: 18px;
}

#frames{
    position: absolute;
}

#frame1_text{
    background: url(frame1_text.png) no-repeat;
    position: absolute;
    width: 187px;   
    height: 20px;
    top: 49px;
    left: 59px;
}

#frame1_card{
    image-rendering: -webkit-optimize-contrast;
    background: url(frame1_card.png) no-repeat;
    position: absolute;
    width: 182px;   
    height: 87px;
    top: 95px;
    left: 59px;
    z-index: 3;
}

#frame2_text{
    background: url(frame2_text.png) no-repeat;
    position: absolute;
    width: 201px;   
    height: 20px;
    top: 49px;
    left: 48px;
    opacity: 0;
}

#frame2_card{
    image-rendering: -webkit-optimize-contrast;
    background: url(frame2_card.png) no-repeat;
    position: absolute;
    width: 182px;   
    height: 87px;
    top: 95px;
    left: 59px;
    z-index: 1;
}

#frame3_text{
    background: url(frame3_text.png) no-repeat;
    position: absolute;
    width: 243px;   
    height: 20px;
    top: 49px;
    left: 29px;
    opacity: 0;
}

#frame3_card{
    image-rendering: -webkit-optimize-contrast;
    background: url(frame3_card.png) no-repeat;
    position: absolute;
    width: 182px;   
    height: 87px;
    top: 95px;
    left: 59px;
    z-index: 3;
}

#frame4_text{
    background: url(frame4_text.png) no-repeat;
    position: absolute;
    width: 183px;   
    height: 20px;
    top: 49px;
    left: 57px;
    opacity: 0;
}

#frame4_card{
    image-rendering: -webkit-optimize-contrast;
    background: url(frame4_card.png) no-repeat;
    position: absolute;
    width: 182px;   
    height: 87px;
    top: 95px;
    left: 59px;
    opacity: 0;
}

#frame5_text{
    background: url(frame5_text.png) no-repeat;
    position: absolute;
    width: 183px;   
    height: 20px;
    top: 49px;
    left: 57px;
    opacity: 0;
}

#frame5_card{
    image-rendering: -webkit-optimize-contrast;
    background: url(frame5_card.png) no-repeat;
    position: absolute;
    width: 182px;   
    height: 87px;
    top: 95px;
    left: 59px;
    opacity: 0;
}

#frame6_text{
    background: url(frame5_text.png) no-repeat;
    position: absolute;
    width: 183px;   
    height: 20px;
    top: 49px;
    left: 57px;
    opacity: 0;
}

#frame6_card{
    image-rendering: -webkit-optimize-contrast;
    background: url(frame3_card.png) no-repeat;
    position: absolute;
    width: 182px;   
    height: 87px;
    top: 95px;
    left: 59px;
    opacity: 0;
}

#shadow_small{
    background: url(shadow_small.png) no-repeat;
    position: absolute;
    width: 115px;   
    height: 16px;
    top: 153px;
    left: 1px;
}

#shadow_small2{
    background: url(shadow_small.png) no-repeat;
    position: absolute;
    width: 115px;   
    height: 16px;
    top: 153px;
    left: 182px;
}

#shadow_big{
    background: url(shadow_big.png) no-repeat;
    position: absolute;
    width: 169px;   
    height: 23px;
    top: 159px;
    left: 63px;
}

#logo{
    position: absolute;
    width: 45px;   
    height: 25px;
    top: 208px;
    left: 10px;
}

#cta_txt{
    width: 81px;
    height: 9px;
    top: 221px;
    left: 187px;
    background: url(cta_text.png) no-repeat;
    background-size: cover;
    z-index: 3;
}

#cta{
    position: absolute;
    width: 119px;
    height: 27px;
    bottom: 9px;
    right: 10px;
    background-color: transparent;
    border: 1px solid #f0f9fc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#cta2{
    position: absolute;
    width: 121px;
    height: 29px;
    bottom: 9px;
    right: 10px;
    background-color:#00cd00;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    opacity: 0;
}

#cta_over{
    position: absolute;
    width: 119px;
    height: 27px;
    bottom: 9px;
    right: 10px;
    background-color: transparent;
    border: 1px solid #f0f9fc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#cta_Mask{
    overflow: hidden;
    position: absolute;
    width: 122px;
    height: 30px;
    bottom: 8px;
    right: 10px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
} 

#shimer{
    background: url(shimer.png) no-repeat;
    height: 44px;
    left: -44px;
    opacity: 0.4;
    width: 44px;
    position: absolute;
    display: none;
}

#shimer2{
    background: url(shimer.png) no-repeat;
    height: 44px;
    left: -44px;
    opacity: 0.4;
    width: 44px;
    position: absolute;
    display: none;
}

#replay{
    width: 15px;
    height: 14px;
    top: 6px;
    left: 278px;
    background: url(replay.png);
    opacity: 0;
    display: none;
    cursor: pointer;;
    z-index: 10;
}