/*! 
 * CSS Document 
 * @author Tom Newton tom.newton@rosetta.com
 * @date: Tue Nov 02 2010 12:14:11 GMT-0400 (EST)
 */
 
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ *
 * FAUX MASTER TEMPLATE STYLES (frame/header/footer). CSS below this line (up to HUB LANDING 
 * CONTENT STYLES) can be safely removed or ignored.							 *
 * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
/* Zero Out
---------------------------------------- */
div, img, body, a, h1, h2, h3, h4{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
/* Remove outline of links in FF */
a:active, a:focus{outline:0}
img{border:0;}
sup { line-height:0px; }
a { color: #CC0000; }

/* clearfix hack (mostly for ie/ie6) */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Structure
---------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	text-align: center;
	background: #D8D4C3 url(../../images/elc-bkg.jpg) repeat-x;
}
.frame {
	width: 994px;
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
}
.head {
	overflow: hidden;	
}
.head h1 {
	float: left;
	width: 231px;
	height: 86px;
	background: url(../../images/elc-head-left.png) 0 0 no-repeat;	
}
.head h1 span, .head h2 span {
	position: relative;
	left: -10000px;	
}
.head h2 {
	float: right;
	width: 132px;
	height: 45px;
	background: url(../../images/elc-head-right.png) 0 0 no-repeat;	
}
.content-top {
	width: 994px;
	height: 9px;
	background: url(../../images/elc-content-top.png) 0 0 no-repeat;
}
.content-btm {
	width: 994px;
	height: 15px;
	background: url(../../images/elc-content-btm.png) 0 0 no-repeat;
}
.content-outer {
	background: url(../../images/elc-content-bkg.png) repeat-y;
	padding: 0px 8px;
}
.content-inner {
	background: url(../../images/elc-content-inner-bkg.gif) 0 0 no-repeat;
}
.content-inner-btm-cap {
	width: 978px;
	height: 98px;
	background: url(../../images/elc-content-inner-btm.jpg) 0 0 no-repeat;
}
.col-l {
	float: left;
	width: 185px;
	height: 400px;
}
.foot {
	text-align:center;
	color:#8f8b76;
	font-size:11px;
}
.smartphone { background: url(../../images/elc-col-left-smartphone.png) 0 0 no-repeat; }
.blackberry { background: url(../../images/elc-col-left-blackberry.png) 0 0 no-repeat; }
.wireless { background: url(../../images/elc-col-left-wireless.png) 0 0 no-repeat; }
.iphone { background: url(../../images/elc-col-left-iphone.png) 0 0 no-repeat; }
.col-m {
	float: left;
	width: 498px;
}
.col-m .headline {
	padding: 36px 0 0 0;
	font-size: 48px;
	line-height: 50px;
	color: #666;
	zoom: 1;
	z-index: 2;
	position: relative;	
}
.col-m .headline span { 
	font-size: 50%;
	line-height: 50%;
	vertical-align: middle;
}
.col-m .copy-main {
	margin-top: -10px;
	min-height: 400px;
	padding: 20px 12px;
	color: #666;
}
.copy-main h2 {
	border-bottom: 1px solid #CFCFCF;
	font-size: 20px;
	padding-top: 10px;	
}
.copy-main ul {
	padding-top: 0;
	margin-top: 0;	
}
.collapsable {
	color: #CC0000;
	font-size: 14px;
	padding-left: 18px;
	background: url(../../images/plusminus.png) 0 1px no-repeat;
	cursor: pointer;
	margin: 10px 0;
	margin-left:10px;
}
.headline-advanced {
	color:#333333;
	font-size: 15px;
	line-height:20px;
	padding: 0px;
	margin:0px;
	padding-left: 24px;
	background: url(../../images/exclamation.png) 0 0 no-repeat;
		
}
.adv-tips {
	padding-left: 18px;
	border-top: 1px solid #CFCFCF;
	padding-top: 10px;	
}
.adv-tips .collapsable {
	color:#666666;
}
h3.open {
	background-position: 0px -15px;	
}
.csection {
	display: none;
	padding: 0 18px 10px 30px;	
}
.col-r {
	float: left;
	width: 261px;
	padding: 76px 22px 0 12px;
}
.videos {
	padding: 8px;
	overflow: hidden;	
}
.videos h2 {
	font-size: 18px;
	color: #666;	
}
.videos .slider {
	overflow: hidden;
	position: relative;	
}
#slider-contents {
	position: absolute;	
}
.vid {
	clear: both;
	border-bottom: 1px solid #d5d5d5;
	color: #666;
	padding: 6px 0;
	font-size: 11px;
}
.vid h4 {
	font-size: 11px;	
}
.vid a {
	float: left;
	display: block;
	width: 88px; 
	height: 63px;
	padding-right: 5px;
}
.vid div {
	float: left;
	width: 150px;	
}
.slider-controls { height: 16px; line-height: 0px; text-align: right; padding-top: 8px; overflow: hidden;}
.slider-controls div { 
	float: left; 
	line-height: 16px;
	font-size: 10px;
	font-style: italic; 
}
.slider-controls .label {
	font-family: 'FrutigerCn',Arial,Helvetica,sans-serif;
	display: inline-block;
	line-height: normal;
	vertical-align: top;
}
.slider-controls .slider-btn {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/slider-controls.png) 0 0 no-repeat;
}
.slider-controls .down {
	background-position: -19px 0px;
}
.slider-controls .disabled { cursor: default !important; }

.cb {
	border: 1px solid #CFCFCF;
	z-index: 1;
	background: url(../../images/elc-copy-bkg.png);
}
.tab {
	float: left;
	width: 40px;	
	color: #CC0000;
	font-weight: bold;
}
.red {
	color: #CC0000 !important;	
}

/* Video Player / Modal Styles */
#simplemodal-overlay { background-color: #000; }
#simplemodal-container a.modalCloseImg {
	background:url(../../images/x.png) no-repeat; /* adjust url as required */
	width:30px;
	height:31px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-17px;
	right:-20px;
	cursor:pointer;
}
.simplemodal-data {
	display:none; 
	background-color: #FFF;
	border: 1px solid #CCC; 
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 480px;
	height: 392px;
}
.vp-title {
	height: 32px;
	color: #b40a0f;
	font-size: 20px;
	text-align: left;	
}