html, body { 
	background: url(../images/top-bg.jpg) repeat-x scroll 0 0; 
	width:100%; 
	color:#666;
	font:12px/1.3333 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
img { vertical-align:middle;}
a:link, a:visited { text-decoration:none;}

p { margin:0 0 1.5em;}

sup{ vertical-align: baseline; font-size: 0.8em; font-family: verdana; position: relative; top: -0.4em; }
sub { position:relative;top:2px; font-size:0.8em; font-family:verdana;}

.fltLeft { display:inline; float:left; }
.fltRight { display:inline; float:right; }
.clrBoth { clear:both;}

.pdTop20 {padding-top:20px;}
.pdTop15 {padding-top:15px;}
.pdTop10 {padding-top:10px;}
.pdTop5  {padding-top:5px;}

.pdRt20 {padding-right:20px;}
.pdRt10 {padding-right:10px;}
.pdRt5 {padding-right:5px; }

.pdLt20 {padding-left:20px;}
.pdLt30 {padding-left:30px;}

.mrgTop15 {margin-top:15px;}
.mrgTop10 {margin-top:10px;}

.mrgBt60 {margin-bottom:60px;}
.mrgBt45 {margin-bottom:45px;}
.mrgBt30 {margin-bottom:30px;}
.mrgBt20 {margin-bottom:20px;}

.mrgRt20 {margin-right:20px;}
.mrgRt5 {margin-right:5px;}

.hide { visibility:hidden;}
.remove { display:none;}

#wrap, #footer {  
	margin:0 auto 1em; 
}
#wrap { background:url('../images/page-mid.png') repeat-y scroll 0 0; width:1025px;}

#footer, .footnote { width:995px; color:#8b8a8a; padding:0 0 1em; }
.footnote {margin:0 auto;}
#footer p, .footnote p { font-size: .95em; margin:0;}
#footer li { font-size: .95em; display:inline; padding:0 5px 0 0;}
#footer a:link, #footer a:visited, #footer a:active { color:#8b8a8a; text-decoration:underline;}
#footer a:hover { text-decoration:none;}

#page { width:1010px; margin:0 6px 0 8px; position:relative;}
 
#nav { 
	background: #fff url('../images/nav-tall-bg.gif') repeat-y 0px 0px;
	height:38px; 
	text-align:left; 
	width:1008px;
	position:relative;
	left:1px;
	overflow-y: hidden;
}

#navLeft, #moreSites{
     position: relative;
     top: 0px;
     left: 0px;
     width: 1008px;
}

#moreSites{
     text-align: left;
     visibility: hidden;
     height: 52px;
}
 
#nav div .fltLeft{
	width: 179px;
}
#moreSites div.navLink div{
     position: relative;
     top: -26px;
     padding-top: 10px;
     z-index: 1000;
}

#moreSites div.navLink div img{
     vertical-align: baseline;
}

#navArrow{
     position: relative;
     top: 2px;
     left: -6px;
}

div.navLink{
     float: left;
     display: inline;
     padding: 17px 14px 0px 0px;
     font-size: 10px;
     height: 10px;
     line-height: 10px;
     text-align: left;
}

div.navLinkRt{
	 color:#448CCB;
     float: right;
     display: inline;
     padding: 17px 10px 0px 0px;
     font-size: 10px;
     height: 10px;
     line-height: 10px;
     text-align: left;
}

div.navLink a{
     font-size: 10px;
     color: #00aeef;
     text-decoration: none;
}

div.navLink a:hover{
     color: #000;
     text-decoration: none;
}

div.navLinkRt a{
     font-size: 10px;
     color: #448ccb;
     text-decoration: none;
}

div.navLinkRt a:hover{
     color: #000;
     text-decoration: none;
}  

div.navLink a.sel { color: #000;}

#hNav {
	position:absolute;
	top:10px;
	left:182px;
	color:#fff;
	font-size:.9em;
	width:800px;
}

#hNav ul li { display:inline; padding:0 2px;}

.search { 
	background:url('../images/searchBg.png') no-repeat 0 0; 
	width:180px; 
	height:23px; 
	border:0; 
	color:#004d99; 
	font-size:10px; 
	line-height:1;
}

#navBtm{
     position: relative;
     height: 7px;
     background: url('../images/nav-btm.png') repeat-x 0 0;
     overflow: hidden; 
	 margin-left:1px;
	 width:1009px;
	 z-index:12;
}

#blue-nav {
	height:39px;
	width:1009px;
	/* margin:0 0 15px 1px; */
	margin-left: 1px;
	position:relative;
	z-index: 200;
	top:-5px;	background: url('../images/blue-bar.jpg') no-repeat scroll top right;
}

#leftNav {
	width:160px;
	float:left;
	display: inline;
	background: #fff url('../images/col1-bg.jpg') repeat-x 0px 200px;
	font-size:11px;
	position: relative;
	left: 1px;
	padding-top: 49px;
}

.selected a{ color:#001f5b !important; }
.home #leftNav { height:343px; }
.sub-1 #leftNav { min-height:605px;}

#leftNav h2 { color:#001f5b; margin-bottom:12px;}

#leftNav .callout { padding:15px 0 0 20px;}
#leftNav .callout div { width:110px;}

.callout .zip, .ecp .zip { 
	width: 110px; 
	color:#001f5b; 
	font-weight:bold; 
	font-family:arial; 
	font-size:11px; 
	background:url('../images/small-input.gif') no-repeat 0 0;
	border:none; 
	height:21px;
	padding-left:5px;
	padding-top:3px;
	vertical-align:middle;
}
.callout .zip, .ecp .zip {
	font-size:10px;
	font-weight:bold;  
}
.callout img { position:relative; left:-4px; top:-2px;}


#main { width: 1009px; background:#ededed; position: relative; left: 1px; }
#mid { width: 1009px;}

/* nudge vignettes flash into correct position */
/* #swfVignettes{ z-index: 11;  position: relative; top: -56px; left: 2px; z-index: } */

#swfVignettes{ z-index: 11;  position: relative; }

#contentBlock {
	float:left;
	display: inline;
	width:848px;
	background: #fff url('../images/content-bg.jpg') no-repeat;
	position: relative;
	top: -7px;
	left: 2px;
}

.home #contentBlock { background:#fff; height:376px;}

/* .home #mid { height:392px;} */

#contentFlash{ width: 100%; height: 400px; background-color: #fff; }
#logo{ position: absolute; left: 0; top: 0; width:200px; }

#col-a { width:380px; border-right:1px solid #ccc; margin-left:60px; margin-top:35px;}
#col-b { width:370px; padding-left:25px;  margin-top:35px;}

#menu {
	background: url('../images/leftNav.jpg') repeat-x 0 0;
	width: 160px;
	height: 240px;
	position:relative;	
	padding:5px 0px 0;
	color:#fff;
	font-weight:bold;
}

#menu #tr {
 background: url('../images/leftNav-tr.jpg') no-repeat 0 0;
 width:14px;
 height:11px;
 position:absolute;
 top:0;
 right:0;
}

#menu #list li {
	background: url('../images/nav-sep.png') no-repeat left bottom;
	line-height:14px; 
	padding:10px;
	width:140px;
	text-transform:uppercase;
}
#menu #list li.last { background:none;}

#list a:link, #hNav a:link { color:#fff; text-decoration:none;}
#list a:visited, #hNav a:visited { color:#fff; text-decoration:none;}
#list a:hover { color: #001f5b;}

#hNav a:hover { text-decoration:underline;}

 

#btm-shdw{ height:46px; background: url('../images/btm1.jpg') no-repeat 0 0;}

.results .prod { padding-right:40px;}
.prod h1 { color: #004d99; font-size:36px; font-weight:bold; }
.prod h1 span { font-size: 26px;}
.prod h2{ color:#004d99; font-size:16px; margin-bottom:10px; margin-top:25px;}
.prod h3 { color:#004d99; font-size: 20px; line-height:1px; margin-bottom:15px; }
h4.green { color:#7eaf00; font-size:16px; text-transform:uppercase;}
.prod p { margin-bottom:15px; line-height:1.8em;}
.more { color:#004d99; font-size:14px; font-weight:bold;}
.more img { vertical-align:middle; margin-left:7px; position:relative; top:-1px; *top:0px;}
.more a { color:#001f5b; }
.results .line { background: url('../images/bar.gif') no-repeat 0 0; height:1px; width:350px; margin-top:20px; margin-bottom:15px; }

.abtBox { background: url('../images/ditch.gif') no-repeat 0 0; width:309px; height:315px; padding:32px 20px 5px 25px; display:none;}
.abtBox .editBtn{ position:relative; margin-top:-4px;}
.abtBox .points { overflow-y:auto; height:260px; margin-top:10px;}
.points ul { color:#888; font-size:14px;  }
.points ul li { font-weight:bold; margin-bottom:10px; list-style-type:disc; margin-left:18px; padding-left:5px;}

/*buttons*/
.trialBtn {  width:240px; height:32px; color:#fff; display:block; font-weight:bold; margin: 0 auto;}

/*eof button */

.comfort { padding-right:46px;}
.comfort img.neg { margin-left:-20px;}

.results div.print { padding-top:15px;}
div.print p { color:#7eaf00; font-weight:bold; margin:0 0 1.5em 9.5em;} 
div .print h4 { line-height:1em;}
.print .printIco { margin-left:36px;}

.ecp { height:80px; background: #fff url('../images/ecpbg.gif') repeat-x left bottom; padding-top:20px; padding-left:30px; }
.ecp h4 { font-size:14px; color:#004d99;}
.ecp .bArr { position:relative; top:-3px; _left:4px; _top:1px;}

#features { height:193px; background: url('../images/homegrad.jpg') repeat-x 0 0;}
.home #btm-shdw { height:21px; background: url('../images/home_btm_shdw.jpg') no-repeat 0 0; }
.home #btm-shdw-rebate { height:21px; background: url('../images/home_btm_shdw-rebate.jpg') no-repeat 0 0; }


#features ul { 
	clear:both;
}

#features li {
	float:left;
	display:inline;
	padding:35px 8px 0 15px;
	background: url('../images/home-sep.jpg') no-repeat right 40px;
}
#features li.first { width: 375px; *width:385px; padding-left:0px;}
#features li.second { width:290px;}
#features li.last { width:280px; background:none;}

#features p { font-size:11px; font-weight:bold;}
#features li.last img#thumb { margin-bottom:80px;}

#vignette { margin-left:17px; width:326px; padding-top: 20px; }
#vig-info { width: 480px; padding-left:15px; padding-top: 20px; }

#vig-info p { font-size:16px; width: 450px; color:#999999;}

.search { position:absolute; left:500px; top: -3px; z-index: 199; }

.go-input-home{
  width: 180px;
  height: 23px;
  background: url('../images/go-input-bg.png') no-repeat 0px 0px;  
  padding: 0px 0px 2px 2px;
}

td.go-input-fld{width: 162px;}

td.go-input-fld input{
  width: 150px; 
  background: none; 
  border: 0; 
  padding: 0;
  margin: 0; 
  font-size: 10px;
  line-height: 10px; 
  height: 16px;
  color: #1378c2;
  position:relative;
  top:4px;
  left:5px;
}

.sub #leftNav{  min-height:650px; height:auto; }
.sub #main {
	 
}

#content-shdw  { 
	width:683px;
	background: #fff url('../images/sub-cont-bg.png') repeat-y right 0;
	float:left;
	min-height: 700px;  
}

.rx { vertical-align:middle;}
.downArrowIcon{
	padding-right:5px;
}
#lensHeader {
	font-family:Arial;
	font-size:26px;
	color:#0c5ba0;
	font-weight:bold;
	line-height:30px;
}
.checkQuiz{
	font-size:12px;
	color:#77a207;
	font-weight:bold;
	line-height:25px;
}
.momentImage{
	margin:10px 0px;
}
.momentImage span{
	padding-right:10px;	
}

#vignetteThumbnail li { position:relative; z-index:1; padding:0 1px 1px 0; float:left; }
#vignetteThumbnail div { width:99px; height:99px; z-index:2; border:4px solid #85c401; position:absolute; left:0; top:0; display:none; cursor:pointer;}

/* Style for vignetted individual page */
#vig-info.questionaire p { font-size:14px;}
#vig-info.questionaire .desc { margin:10px 0 30px;}
#vig-info.questionaire .guide {margin:0 0 10px; font-weight:bold; font-size:12px;}

#lifeStylePoints { display:none;}
/* Style for recommand page*/
#recommedMain{
	font-family:Arial;
	position:relative;
	left: 0px;
	top:2px;
	color:#fff;
}
#recommend4{
		background: url('../images/home-recommendation.jpg') no-repeat 0px 0px; 
		height:396px;
		_height:385px;
		width:848px;
		_width:845px; 
}
.viewMoreImg{
	width:100%;
	_width:844px;
	text-align:right;
}
.topHeader h2{
	font-size:24px;
	color:#fff;
	padding:0px 0px 20px 10px;
	font-weight:normal;
}
.vignette4Submit{
	/*width:100%; */
	text-align:right;
	
}
.vignette4Submit img{
	padding:10px 45px 0px 0px;
}
.quiz{
	z-index:999; 
}
#quizSummary{
	width:350px;
	padding:0 5px 10px 10px;
	font-size:14px;
}
#quizLeftBlock{ width:380px; float:left; }
#quizLeft{ padding:30px 5px 10px 10px; font-size:13px; }
#quizLeft h3{font-size:17px; padding-left:16px;text-indent:-17px;}

#quizRightBlock{
	/*margin-top:-30px;
	margin-left:400px; */
	padding-left:20px; width:410px;
}
.quizBold{font-size:17px; font-weight:bold; padding-left:18px; text-indent:-18px;}
.quizOpt{ padding:10px 0 0 10px; font-weight:bold; }

/* Style for running page popup*/
#runningPopup{
	clear:both;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	width:295px;
	margin:10px;
}
.popupHead{
	font-family:Arial;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	padding:10px 10px 0px 14px;
}
#outerTop{
	background:url(../images/hover-top.gif) no-repeat top left;
	display:block;
	height:39px;
}
#outerBottom{
	background:url(../images/hover-bottom.gif) no-repeat bottom left;
	display:block;
	height:23px;
	margin-top:-10px;
}
#outerLeftRight{
	background:#145f05 url(../images/hover-side.gif) repeat-x top left;
	display:block;
	margin-top:-10px;
}
#runPopupInner{

}
#innerBottom{
	background:#fff url(../images/hover-bg.gif) no-repeat left bottom;
	display:block;
	min-height:125px;
	margin:10px 14px;
	padding:15px;
}

.printIco { cursor:pointer;}

#stfBlock { width:450px; visibility: hidden; height:440px; display:none;}

#frndPopup, #frndPopupConfirm{
	width:450px;
	position:absolute; /*
	top:100px;
	left:250px; */
	z-index:100;
}
#swfOuterTop{
	background:url(../images/swf-box-top.gif) no-repeat top left;
	display:block;
	height:23px;
	width:450px;
}
#swfouterBtm{
	border:3px solid #8ac11d; 
	border-top:none; 
	background-color:#fff; 
	width:404px;
	padding:0px 20px 20px 20px;
	height:390px;
}
.frndHeader{
	font-size:20px;
	color:#41821c;
	font-weight:bold;
	line-height:20px;
}
.frndSubHead{
	font-size:14px;
	color:#78a804;
	font-weight:bold;
	text-transform:uppercase;
	line-height:14px;
	padding:10px 0px;
}
.frndSubHeadSize{
	color:#78a804;
	font-size:20px;
	line-height:25px;
}
.frndText{
	font-size:12px;
	color:#666;
}
#closeBtn1{
	text-align:right;
	position:relative;
	top:-10px;
}
#sendBtn{
	text-align:right;
	padding:10px 20px 0px 0px;
	_padding-top:6px;
}

#Contratulations{
	margin:50px 20px 20px 40px;	
	height:900px;
}
.points a{
	color:#004D99;
}
.greenFont{
	color:#78a804;
	font-weight:bold;
}
.blueFont{
	color:#004D99;
	font-weight:bold;	
}
#emailBgImg{
	padding:10px 0px;
	position:absolute;
	z-index:10;
}
#emailContent{
	padding:40px 20px;
	position:relative;
	z-index:12;
	height:250px;
}
#emailFooter{
	font-size: .95em; margin:0;
}

#errDiag { position:relative; width:180px; top:-394px; left:485px; display:none;}


/*  Flash overlay */
div.site_overlay{
   position: absolute;
   left: 0; top: 0;
   background-image: url('/images/contentPattern.png');
   width: 100%; height: 100%;
   z-index: 200;
   overflow: hidden;
}

.lyrRel{
	width: 100%;
	height: 100%;
	position: relative;
}

#tv-ads-overlay{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 500;
	width: 848px;
	height: 430px;
	visibility: hidden;
}

#closeBtn, #closeBtnBG{
	width: 31px;
	height: 31px;
	position: absolute;
	left: 855px;
	top: -13px;
}

#closeBtn{
	z-index: 511;
}

#closeBtnBG{
	background: url('../images/btn-close-green.png') no-repeat 0px 0px;
	z-index: 510;
}

#features ul li.lastflash { display: none;}

.selLangDiv{
 float: right;
 border: 0px solid red;
 width: 110px;
 position: relative;
 z-index: 200;
 left: 6px;
}

/* NOTE, some ie6 specific styles have been set in air-optix-ie.css */
#cntryDD { display:none;height:175px; border:1px solid #ccc; position:absolute; top: 20px; z-index:500; background:#fff; width:115px;_width:120px; overflow:auto; padding:2px; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.35); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.35);}
#cntryDD ul { font-weight:bold; font-size:10px;}
#cntryDD ul li { height:20px; line-height:21px; border-bottom: 1px solid #adafb2; padding-bottom:5px; white-space: nowrap; display: block; }
#cntryDD ul li span {width:69px; display:inline-block;}
#cntryDD a:link, #cntryDD a:visited, #cntryDD a:hover, #cntryDD a:active { text-decoration:none; color:#001F5B; cursor:pointer; }

#cntryDD li.last { border:0;}