@charset "utf-8";
/* CSS Document */

body{ background-image: url(images/bg.gif); font:12px Arial, Helvetica, sans-serif; margin:0;}
#wrapper{ width:990px; margin:0 auto; }
#header{ height:76px; padding: 0 24px;}
  #header-left{ width:300px; float:left; }
  #header-right{ width:350px; float:right; margin: 0; }
	#header-links{ float:right; position:relative; top:30px; right:-10px; color:#FFFFFF; }
	#header-links li.first{ border-left:none; padding-left:0px; }
	#header-links li{ float:left; list-style-type:none; padding:0px 12px; border-left:1px solid #FFF;  }
	#header-links li a{ color:#FFFFFF; text-decoration:none; }
#content_bg { width:990px; height:543px; background:url("images/content.png") no-repeat 0 0 scroll transparent; }
.contentWrapper { padding: 20px 25px 0;}
#overview { width: 276px; padding: 25px 20px 0 40px; float:left;}
	#overview .headerTitle { width:100%;}
#right { width: 300px;  padding: 50px 0 0 300px; padding: 0; margin:0;}
#videotitles { float:left; margin: 25px 0 0 250px;}
  #videotitles-top { background:url(images/videotitles-top.png) no-repeat; width:330px; height:25px; margin-top:-30px;}
  #videotitles-middle { background:url(images/videotitles-middle.png) repeat-y; width:330px; }
  #videotitle1 { background:url(images/title1.png) no-repeat; width:305px; height:45px; margin-left:10px; }
  #videotitle1:hover { background:url(images/title1_rollover.png) no-repeat; width:305px; height:117px; }    
  #videotitle2 { background:url(images/title2.png) no-repeat; width:305px; height:45px; margin-left:10px; }
  #videotitle2:hover { background:url(images/title2_rollover.png) no-repeat; width:305px; height:150px; }  
  #videotitle3 { background:url(images/title3.png) no-repeat; width:305px; height:45px; margin-left:10px; }
  #videotitle3:hover { background:url(images/title3_rollover.png) no-repeat; width:305px; height:125px; }    
  #videotitle4 { background:url(images/title4.png) no-repeat; width:305px; height:45px; margin-left:10px; }
  #videotitle4:hover { background:url(images/title4_rollover.png) no-repeat; width:305px; height:117px; }    
  #videotitle5 { background:url(images/title5.png) no-repeat; width:305px; height:45px; margin-left:10px; }
  #videotitle5:hover { background:url(images/title5_rollover.png) no-repeat; width:305px; height:117px; }    
  #videotitle6 { background:url(images/title6.png) no-repeat; width:305px; height:45px; margin-left:10px; }
  #videotitle6:hover { background:url(images/title6_rollover.png) no-repeat; width:305px; height:117px; }    
  #videotitles-bottom { background:url(images/videotitles-bottom.png) no-repeat; width:330px; height:25px; }
  #show1 {width:260px; padding:40px 20px 20px 20px; color:#FFF; font:12px Arial, Helvetica, sans-serif;}
  #show2 {width:260px; padding:40px 20px 20px 20px; color:#FFF; font:12px Arial, Helvetica, sans-serif;}
  #show3 {width:260px; padding:40px 20px 20px 20px; color:#FFF; font:12px Arial, Helvetica, sans-serif;}
  #show4 {width:260px; padding:40px 20px 20px 20px; color:#FFF; font:12px Arial, Helvetica, sans-serif;}
  #show5 {width:260px; padding:40px 20px 20px 20px; color:#FFF; font:12px Arial, Helvetica, sans-serif;}
  #show6 {width:260px; padding:40px 20px 20px 20px; color:#FFF; font:12px Arial, Helvetica, sans-serif;}
.video {background: #eff3f7; padding: 2px 20px 20px; width: 500px;}  
  
.overlayBG {position: fixed;	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: #000;	filter:alpha(opacity=50);	-moz-opacity:0.5;	-khtml-opacity: 0.5;	opacity: 0.5;	z-index: 510;	display: none;}
.overlayBody {	background: #fff;	padding: 15px;	position: relative;	z-index: 511;}
.overlayContainer {	display: none;	position: absolute;			top: 40px;}
.overlayClose {	background:url(images/overlayClose.png) no-repeat scroll 0 0 transparent;	display: block;	height: 27px;	position: absolute;top: -12px;	right: -13px;	width: 27px;	text-indent: -3000000px;}
.overlayClose:focus { outline: none; }

#footer { margin:0; padding:10px 24px 0; color:#FFF; margin-top: 515px;}
  #footer a {color:#FFF; text-decoration:none;}  
  #footer a:hover { text-decoration:underline;}
  #footer-links{ margin:0; padding:0;}
  #footer-links li.first{ border-left:none; padding-left:0px; }
  #footer-links li{ float:left; list-style-type:none; padding:0px 12px; border-left:1px solid #FFF; line-height:13px; }
  #footer-links li a{ color:#FFFFFF; text-decoration:none; }

#open-account-box { background:url("images/apply-online.png") no-repeat 0 0 scroll transparent; width:280px;
	height:264px; margin: 0 0 0 -5px; }
#open-account-text { padding-left:15px; margin-top: -210px; width: 230px; margin-left: auto; margin-right: auto; font-family:Arial; font-size:12px; color:#333;}
a.openaccount {
	display:block;	
	height: 75%;
	outline:none;
    padding: 25% 10% 0;
    width: 80%;
}
a.openaccount span {
	background:url("images/learn_more_fr.png") no-repeat 0 0 scroll transparent; 
	display:block;
	height: 32px;
	margin-top: 16%;
	text-indent:-300000px;
}
a.openaccount,
a.openaccount:hover { text-decoration:none; cursor:pointer; color:#003366;} /* cursor for ie*/
 
/*#toolOverlay { display:none; position:relative; margin-top: 50px; }
  a.closeButton { position:absolute; right:10px; top:10px; padding-right:14px; background:url(images/x_close.gif) no-repeat right center; color:#0079c1; font-weight:bold; float:right; text-decoration:none; outline:none; }
  .ui-widget-overlay  { position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; background-color: #bfd2e4; opacity: 0.75;  background-repeat: repeat-x;  background-attachment: scroll; background-position: 50% 50%; }
  .ui-dialog .ui-dialog-titlebar { display:none; }
  .ui-widget-content  { background:none; border:none; }
  .ui-dialog .ui-widget-content  { background:#fff; height:200px; width:300px; }
  #toolWrapper { overflow:hidden; margin:auto; }
  .ui-widget-overlay { background: 50% 50% #666666; opacity: 0.5; }  */