/*overrides...spector pro landing page additions */
	 
	  body {background: #9F9F9F;}
	  
	  p.callUs {
    color: #CCCCCC;
    float: right;
    font-size: 145%;
    margin: 8px 0 0;
}

img.headerLogo {
    margin: 0 0 0 -8px;
}

p.copyright {
    color: #CCCCCC;
    font-size: 80%;
    padding: 0 5px;
}


#CTA-Box {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #cccccc;
    margin: 20px 0;
    padding: 5px;
}

#CTA-Box p {
    color: #1A76A8;
    font-size: 105%;
    padding: 8px 3px;
}

#CTA-Box .CTA-bttns {
    list-style: none outside none;
	margin: 0 !important;
}

#CTA-Box .CTA-bttns li a {
    margin: 0 6px 15px;
	padding: 2px 15px;
	text-transform:none;
	font-size:12px;
	display:block;
	background:none;

}

ul.CTA-bttns {padding: 0;}

.clearfix {display: block;}
/* gray */
.gray {
	color: #e9e9e9!important;
	border: solid 1px #555 !important;
	background: #6e6e6e !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)) !important;
	background: -moz-linear-gradient(top,  #888,  #575757) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757') !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.gray:hover {
	background: #616161 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)) !important;
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b') !important;
}
.gray:active {
	color: #afafaf!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)) !important;
	background: -moz-linear-gradient(top,  #575757,  #888) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888')!important;
}

/* red */
.red {
	color: #faddde!important;
	border: solid 1px #980c10 !important;
	background: #d81b21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)) !important;
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317') !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.red:hover {
	background: #b61318 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)) !important;
	background: -moz-linear-gradient(top,  #c9151b,  #a11115) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115') !important;
}
.red:active {
	color: #de898c!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)) !important;
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24') !important;
}


 /*end overrides...spector pro landing page additions */
 
 .centerDiv {margin:0 auto; width:960px;}
 
 .footer {padding-bottom:10px;}
 
 
 .topRadius 	{border-top-left-radius: 5px;
 				border-top-right-radius: 5px;
				-moz-border-top-left-radius: 5px;
				-moz-border-top-right-radius: 5px;}
 .bottomRadius {border-bottom-left-radius: 5px;
 				border-bottom-right-radius: 5px;
				-moz-border-bottom-left-radius: 5px;
				-moz-border-bottom-right-radius: 5px;}
	  
	  #content-section {border-top:1px solid #FFFFFF;padding:15px 20px 20px;margin:0 0 20px;-moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius:10px;}
	  
	  #content-section h2{padding: 0 0 5px;}
	  
	  #pg-wrapper{	   
	   width:960px;
       margin:0 auto;
       }
	  
	  #SiteHeader{
	   background: #1f75ba url(../img/LingoGuide/HeaderBG.png) repeat-x;
	   border-bottom:10px solid #195484;
	   margin:10px auto 0;
       width:960px;
       position: relative;
	   }
	  
	   #SiteHeader .gutter{
/* 	   background: transparent url(../img/LingoGuide/Banner.png) no-repeat scroll 0 72px; */
	   padding:100px  0;
	   }
	   
	   #SiteHeader h1{
	   color:#FFFFFF;
	   font-size:300%;
	   left:30px;
	   position:absolute;
	   text-shadow:1px 1px 1px #5B9ACA;
	   top:140px;
	   }
	  
	  
	  		.calloutBox{
	  			background: #bce7f8 url(../img/LingoGuide/CallOutBoxBG.png) repeat-x;
	  			border: 1px solid #34a7db;
	  			margin: 40px 10px;
	  			-moz-border-radius: 5px;
	  			-webkit-border-radius: 5px;
	  		}
			
			.calloutBox .gutter{padding: 10px;min-height:160px;}
				  		
	  		.left{float:left;width:47%;}
	  		
	  		.right{float: right;width: 47%;}
	  		
	  		.calloutBox p{line-height: 1.5em;}
	  		
	  		.calloutBox h2{font-size: 230%;text-shadow: 1px 1px 1px #fff;padding:5px 0!important;}
	  		
	  		.CTA p{
	  		background: #c1e2eb url(../img/LingoGuide/CTAbttnBG.png) repeat-x;
	  		border:1px solid #77a0ab;
	  		-moz-border-radius: 5px;
	  		-webkit-border-radius: 5px;
	  		padding:15px 0 11px;
	  		margin: 0 auto;
	  		width: 270px;
	  		color: #006b9b;
	  		font-family: Arial;
	  		font-weight: bold;
	  		font-size: 130%;
	  		text-shadow: 1px 1px 1px #fff;
	  		}
	  		
	  		.CTA p:hover{background: #ee9319 url(../img/LingoGuide/CallOutBoxCTABG_hover.png) repeat-x;}
	  		
	  		.calloutBox a{
	  		background: transparent url(../img/LingoGuide/downloadBox.png) no-repeat scroll 4px 9px;
	  		text-decoration: none;
	  		padding:34px 0 18px 70px;
	  		}
	  		
	  		.calloutBox p.quiz{ }

	  		.quiz a{background:transparent url(../img/LingoGuide/QuizPencil.png) no-repeat scroll 4px 5px;padding:30px 0 35px 70px;}
	  		.quiz p{padding:15px 0 11px; }
	  		
	  		.calloutBox a:hover{color: #823c00!important;}
	  		
	  		.CTA{background: min-height:60px;}
	  		
	  		.adesc{font-size: 70%;padding:0 10px 0 74px;;display: block;}
	  		
	  		#SiteHeader ul li{
	  		background: url(../img/LingoGuide/bubbles.png) no-repeat;
	  		display:block;
			height:150px;
			width:150px;
			position: relative;
	  		}
	  		#SiteHeader ul{position: absolute;}
	  		
	  		#SiteHeader ul li.wtf{
	  		height:100px;
			left:10px;
			top:-52px;
			width:200px;
	  		}
	  		
	  		#SiteHeader ul li.nudeclub{
			background-position:0 -140px;
			height:75px;
			left:206px;
			top:-140px;
	  		}
	  		#SiteHeader ul li.nudeclub span.hover{
			background-position:-160px -140px;
			height:75px;
			left:20px;
			width:200px;
	  		}

	  		#SiteHeader ul li.hak{
	  		background-position:0 -220px;
	  		left:400px;
	  		top:-300px;
	  		width:200px;
	  		}
	  		#SiteHeader ul li.hak span.hover{
	  		background-position:-161px -220px;
	  		}


	  		#SiteHeader ul li.ilu{
	  		background-position:0 -360px;
	  		left:575px;
	  		top:-350px;
	  		}
	  		#SiteHeader ul li.ilu span.hover{background-position:-161px -360px;}

	  		#SiteHeader ul li.asl{
			background-position:-57px -481px;
			height:105px;
			left:665px;
			top:-580px;
			width:100px; 		
	  		}
	  		#SiteHeader ul li.asl span.hover{background-position:-189px -481px;}

	  		#SiteHeader ul li.iws{
	  		background-position:0 -600px;
	  		left:773px;
	  		top:-654px;
	  		}
	  		#SiteHeader ul li.iws span.hover{background-position:-200px -600px;}

	  		
	 /* BEGIN CSS */
	.fadeThis {
		position:relative;
		display:block;			
		height:150px;
		width:150px;
	  	background-image: url(../img/LingoGuide/bubbles.png);
	  	background-repeat: no-repeat;
	}
	
	.fadeThis * {
	  display: none;
	}
	
	.fadeThis span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background-image: url(../img/LingoGuide/bubbles.png);
		height:150px;
		width:150px;
	}
	
	#overlay { 
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); 
    color:#efefef; 
    height:450px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    height:441px; 
    overflow-y:auto; 
} 

#product-ID{
	   max-width:1024px;
       min-width:960px;
       margin:0 auto;}

/* --- */

.tooltipDefs { 
    display:none; 
    background-color:#ffa; 
    border:1px solid #cc9; 
    padding:3px; 
    font-size:13px; 
    -moz-box-shadow: 2px 2px 11px #666; 
    -webkit-box-shadow: 2px 2px 11px #666; 
    z-index: 3;
}

.right-side .calloutBox {margin: 0 0 40px ;}

.right-side .calloutBox h2{
font-size: 150%;
}

.right-side .calloutBox .gutter{min-height: inherit;padding:10px 15px !important;}

.right-side .calloutBox a{padding:34px 0 23px 70px;}

.right-side .CTA{padding: 5px 0 15px;}

.right-side .CTA p {
padding:14px 0 10px;
width:90%;
font-size:100%;
}

.alt-width{
width:70%!important;
}


ul.IMConvo{position:relative; z-index:2; list-style: none!important;border: 1px solid #bdbcbd!important; margin:10px 0 25px !important; background: #eeeeee url(../img/LingoGuide/calloutBG.png) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; }

ul.IMConvo li{background: none!important;padding: 3px 0!important;font-weight: normal!important; color: #464646!important;}

ul.IMConvo li.stranger span{color: #ab0000; font-weight: bold;}

ul.IMConvo li.child span{color: #005091; font-weight: bold;}
ul.IMConvo li abbr{background: lightyellow; border-bottom: 1px dotted #999;}

#LingoGuideDload{}
#LingoGuideDload fieldset{background:#EEEEEE url(../img/LingoGuide/calloutBG.png) repeat-x scroll 0 0; border: 1px solid #BDBCBD;padding: 10px;}
#LingoGuideDload legend{display: none;}
#LingoGuideDload label{
float:left;
margin:13px 0;
}
#LingoGuideDload input{
float:right;
margin:10px 0;
}


#video{width:574px;}