@charset "UTF-8";

/* STRUCTURAL ELEMENTS */

div, img{ position:absolute; }
video::-webkit-media-controls-fullscreen-button {
    display: none;
}

#preloader{ top:270px; left:0px; width:726px; height:88px; background:#FFF url(preloader.gif) no-repeat center; border:#000 solid 1px; }

#container{ top:0px; left:0px; width:728px; height:630px; display:none; }

#collapsed{ top:270px; left:0px; width:726px; height:88px; background:#FFF; border:#000 solid 1px; overflow:hidden; }
#expandingButton{ width: 486px; height: 73px; background:rgba(0,0,0,0); cursor:pointer; }

#expanding{ width:726px; height:358px; background:#FFF; border:#000 solid 1px; display:none; overflow:hidden; }
#closeButton{ top:5px; right:5px; cursor:pointer; }

.direction-tl { left: 0px; top: 0px; }
.direction-tr { left: 0px; top: 0px; }
.direction-bl { left: 0px; top: 270px; }
.direction-br { left: 0px; top: 270px; }


/* BANNER ELEMENTS */
#logo_col{ top:10px; left:393px; display:block; cursor:pointer;}

#copy_Links_col{ top: 77px; left: 6px; }
#copy1{ top: 34px; left: 88px; }
#copy2{ top: 34px; left: 184px; }
#copy3{ top: 21px; left: 68px; opacity:0; }
#copy4{ top: 37px; left: 198px; opacity:0; }
#copy5{ top: 25px; left: 111px; }
#copy6{ top: 21px; left: 106px; }
#copy7{ top: 39px; left: 80px; opacity:0; }
#copy8{ top: 1px; left: 9px; opacity:0; }

#image_Video_col{  top: 6px; left: 229px; opacity:0;}

#cta_collapsed{ background:url(cta_collapsed.png) no-repeat; background-position:0px 0px; width:164px; height:45px; top: 15px; right: 534px; opacity:0; overflow: hidden;}
#CTAcol-over{ left:-140px;}


#clickTag2{ top: 77px; left: 91px; display:block; cursor:pointer; }
#clickTag3{ top: 77px; left: 239px; display:block; cursor:pointer; }


#logo_exp{ top:9px; right: 0px; display:block; cursor:pointer;}

#mainVideo{ display:block; position:absolute; top: 15px; left: 10px; background:#000; border:1px solid #3f47b3; }
#image_Video_exp{ top: 16px; left: 11px; }

#copy_Links_exp{ bottom: 5px; left: 5px; }
#clickTag6{ bottom: 5px; left: 90px; display:block; cursor:pointer; }
#clickTag7{  bottom: 5px; left: 238px; display:block; cursor:pointer; }

#cta_expanded{ top:175px; left:23px; display:block; }

#cta_expanded{ background:url(cta_expanded.png) no-repeat; background-position:0px 0px; width:298px; height:39px; top: 289px; left: 104px; overflow: hidden; cursor:pointer;}
#CTAexp-over{ left:-150px; top:-15px;}
#CTAexp-over.on{left:300px; top:-15px;}
#CTAexp-over.out{left:-150px; top:-15px;}

/* CLICKTAGS */

#clickTag1 {
    position: absolute;
    width: 300px;
    height: 40px;
    top: 288px;
    left: 104px;
    cursor: pointer;
}

.clickTag5, .clickTag4 {
    text-decoration: underline;
    cursor: pointer;
}