@charset "UTF-8";

/* STRUCTURAL ELEMENTS */

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

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

#container{ top:0px; left:0px; width:440px; height:600px; display:none; }

#collapsed{ top:0px; left:140px; width:158px; height:598px; background:#FFF; border:#000 solid 1px; overflow:hidden; }
#expandingButton{ width:158px; height:372px; background:rgba(0,0,0,0); cursor:pointer; }

#expanding{ width:298px; height:598px; 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: 140px; top: 0px; }
.direction-bl { left: 0px; top: 0px; }
.direction-br { left: 140px; top: 0px; }


/* BANNER ELEMENTS */
#logo_col{ top:26px; right:0px; display:block; cursor:pointer;}

#copy_Links_col{ top:383px; left:11px; }
#copy1{ top:180px; left:13px; }
#copy2{ top:204px; left:15px;}
#copy3{ top:121px; left:13px; opacity:0; }
#copy4{ top:163px; left:15px; opacity:0; }
#copy5{ top:121px; left:29px;}
#copy6{ top:120px; left:10px;}
#copy7{ top:193px; left:13px; opacity:0; }
#copy8{ top:122px; left:0px; opacity:0; }

#image_Video_col{ top:145px; left:10px; opacity:0;}

#cta_collapsed{ background:url(cta_collapsed.png) no-repeat; background-position:0px 0px; width:144px; height:56px; top:275px; left:8px; opacity:0; overflow: hidden;}
#CTAcol-over{ left:-140px;}


#clickTag2{ top:393px; left:11px; display:block; cursor:pointer; }
#clickTag3{ top:403px; left:42px; display:block; cursor:pointer; }


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

#mainVideo{ display:block; position:absolute; top:141px; left:11px; background:#000; }
#image_Video_exp{ top:141px; left:11px; }

#copy_Links_exp{ top:389px; left:29px; }
#clickTag6{ top:389px; left:113px; display:block; cursor:pointer; }
#clickTag7{ top:397px; left:42px; 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:240px; height:54px; top:308px; left:27px; overflow: hidden; cursor:pointer;}
#CTAexp-over{ left:-150px; top:0px;}
#CTAexp-over.on{left:300px; top:0px;}
#CTAexp-over.out{left:-150px; top:0px;}

#signoff { text-align:justify; margin-bottom:0; height:25px; overflow:hidden; }
#signoff:after{ content: ""; display: inline-block; width: 100%;}
#signoff span{ display:inline-block; }

/* CLICKTAGS */

#clickTag1 {
    position: absolute;
    width: 240px;
    height: 50px;
    top: 308px;
    left: 28px;
    cursor: pointer;
}

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