@charset "UTF-8";

/* STRUCTURAL ELEMENTS */

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

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

#container{ top:0px; left:0px; width:900px; height:250px; display:none; }

#collapsed{ top:0px; left:300px; width:298px; height:248px; background:#FFF; border:#000 solid 1px; overflow:hidden; }
#expandingButton{ width:300px; height:160px; background:rgba(0,0,0,0); cursor:pointer; }

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


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

#copy_Links_col{ top:166px; left:28px; }
#copy1{ top:39px; left:135px; }
#copy2{ top:58px; left:42px;}
#copy3{ top:26px; left:28px; opacity:0; }
#copy4{ top:64px; left:99px; opacity:0; }
#copy5{ top:27px; left:103px;}
#copy6{ top:26px; left:32px;}
#copy7{ top:44px; left:39px; opacity:0; }
#copy8{ top:27px; left:0px; opacity:0; }

#image_Video_col{ top:34px; left:26px; opacity:0;}

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


#clickTag2{ top:166px; left:114px; display:block; cursor:pointer; }
#clickTag3{ top:176px; left:42px; display:block; cursor:pointer; }


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

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

#copy_Links_exp{ bottom:4px; left:49px; }
#clickTag6{ bottom:14px; left:135px; display:block; cursor:pointer; }
#clickTag7{ bottom:4px; left:62px; 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:41px; top:175px; left: 23px; 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: 174px;
    left: 22px;
    cursor: pointer;
}

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