/*
	styles.css	
	----------
	20/20
*/

BODY { margin: 0; padding-top: 18px; background:#004B8C url(../img/bg.body.gif) no-repeat 50% 0; font-family: Arial, 'Liberation Sans', sans-serif; font-size: 81.25%; line-height: 1.5; color: #111; }

IMG { border: 0; }

H1, H2, H3, H4, H5, H6 { font-size: 1em; line-height: 1.25; margin: 0; }
H1 { font-size: 2em; font-family: 'Trebuchet MS'; font-weight: normal; }
H2 { font-size: 2.462em; font-family: 'Trebuchet MS'; font-weight: normal; margin-bottom: 10px; }
H3 { font-size: 1.692em; font-family: 'Trebuchet MS'; font-weight: normal; }
P { margin: 0 0 1em; }

SUP, SUB { vertical-align: 0; position: relative; }
SUP { bottom: 1ex; }
SUB { top: 0.8ex; }

UL { margin: 0; padding: 0; list-style: none; }

TABLE { border-collapse: collapse; }
CAPTION, TH { padding: 0; }
TD { padding: 0; vertical-align: top; }

FORM { margin: 0; }
FIELDSET { display: block; margin: 0; padding: 0; border: 0; }
LEGEND { padding: 0; }
INPUT, SELECT, BUTTON { vertical-align: middle; font-size: 1em; }

A { color: #939; text-decoration: none; }
A:hover { text-decoration: underline; }

#PageWrapper { width: 816px; margin: 0 auto; background: url(../img/bg.pagewrapper.gif) no-repeat 50% 100%; padding-bottom: 117px; }
#LayoutWrapper { background: url(../img/bg.layoutwrapper.gif) repeat-y 50% 0; padding: 0 33px; }
#HeaderWrapper { background: #FFF; overflow: hidden; padding: 12px 12px 0px; }
#BodyWrapper { background: #FFF; min-height: 0; padding: 0 ; }
#BodyWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#FooterWrapper { background: #5285B2; color: #FDFCFC; font-size: 0.846em; border-top: 1px solid #25689F; text-align: right; padding: 0.25em 12px 0.25em 30px; }
/* \*/
* HTML #HeaderWrapper,
* HTML #BodyWrapper { height: 1%; }
/* */

#HeaderWrapper IMG.logo  { float: left; margin-top: 10px; margin-left: 20px; }
#HeaderWrapper H1 { float: right; }

#FooterWrapper P { margin: 0; }
#FooterWrapper P.nav A { color: #FDFCFC; text-decoration: none; white-space: nowrap; padding: 0 7px; }
#FooterWrapper P.nav A:hover { text-decoration: underline; }
P#copyright { float: left; }

UL.Bullet LI { padding-left: 15px; background: url(../img/bullet.gif) no-repeat 3px 0.51em; margin-bottom: 0.75em; }
UL.Bullet LI.more { background: none; font-weight: bold; font-size: 1.077em; padding-top: 0.25em; }

.errorMessage { color: red; }

/* ------------------------------------------------------------------------ */

#HeaderWrapper H1 { height: 40px; width: 405px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.soflens-dd.fr.gif) no-repeat 0 100%; } /*img height 35px*/

#MainNav { z-index: 1000;}
#MainNav UL { margin-bottom: 15px; overflow: hidden;  }
/* \*/
* HTML #MainNav UL { height: 1%; }
/* */


DIV#ContentArea { padding: 1px 30px 0; }

#Features { padding-top: 7px; width: 100%; overflow: hidden; }
#Features .module { float: left; margin-left: 8px; margin-bottom: 10px; }
#Features .module.first { margin-right: 9px; }
#Features .module IMG { display: block; }


/* Main Nav*/
#MainNav { width: 750px; height: 37px; margin: 0px 0 0; padding: 0; }
#MainNav LI { float: left; list-style: none; margin: 0; padding: 0; }
#MainNav SPAN { position: absolute; top: -9999em; left: -9999em; }
#MainNav A { height: 36px; display: block; cursor: pointer !important; }



#MainNav #nav_why { width: 173px; }
#MainNav #nav_why A { background: url(../images/nav.why.gif) 0 0 no-repeat; }




#MainNav #nav_demo { width: 120px; }
#MainNav #nav_demo A { background: url(../images/nav.demo.gif) 0 0 no-repeat; }


#MainNav #nav_doctor { width: 167px; }
#MainNav #nav_doctor A { background: url(../images/nav.doctor.gif) 0 0 no-repeat; }

#MainNav #nav_enter { width: 161px; }
#MainNav #nav_enter A { background: url(../images/nav.enter.gif) 0 0 no-repeat; }

#MainNav #nav_prizes { width: 56px; }
#MainNav #nav_prizes A { background: url(../images/nav.prizes.gif) 0 0 no-repeat; }

#MainNav #nav_end { width: 44px; }
#MainNav #nav_end A { background: url(../images/nav.end.gif) 0 0 no-repeat; }



#MainNav #nav_winners { width: 157px; height: 28px; }
#MainNav #nav_winners A { background: url(../images/nav.dropdown.gif) 0 0 no-repeat; }
#MainNav ul li  #nav_winners A:hover { background: url(../images/nav.dropdown.gif) 0 -56px no-repeat;  !important;}

#MainNav #nav_rules { width: 157px; height: 28px;}
#MainNav #nav_rules A { background: url(../images/nav.dropdown.gif) no-repeat 0 -28px; }
#MainNav ul li #nav_rules A:hover { background: url(../images/nav.dropdown.gif) 0 -84px no-repeat;  !important;}

#MainNav #nav_why A:hover, #MainNav #nav_demo A:hover, #MainNav #nav_doctor A:hover, #MainNav #nav_demo A:hover,#MainNav #nav_prizes A:hover  { background-position: 0 -36px ;}



#MainNav #nav_prizes ul { display: none; }
 #MainNav       #nav_prizes:hover ul { 	 margin:0; padding:0; width: 200px;   position: absolute; z-index: 1000;}
 
  #MainNav #nav_prizes:hover li { display: block; margin:0;padding:0; width: 200px;  left: -50px; }


/* Home */
.HomePage #ContentArea { padding: 0; }
.HomePage #MainNav UL { margin: 0; }
.HomePage #CalloutColumn { margin: 20px 0 0 15px; }
.HomePage #HdrColumn { float:right; margin: 50px 0 20px 0; }
.HomePage .winners-row { background: #009298;  color: #FFF; text-align:center; padding-top: 7px; font-size: .9em; }

.HomePage .winners-row p {  margin: 0 ; }
.HomePage .winners-row table{ margin: 0 auto; }

/* Why SofLens */
.WhyPage #ContentArea { padding: 0; background: url(../img/bg.whysoflens.jpg) no-repeat 0 100%; }
.WhyPage #ContentArea .intro { background: url(../img/bg.whysoflens.top.jpg) no-repeat 0 100%; padding: 1px 15px 20px 30px; }
.WhyPage #ContentArea .intro H2 { height: 35px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.ideal-contact-lens.fr.gif) no-repeat; margin-bottom: 2px; }
.WhyPage #ContentArea .intro A { text-decoration: underline; }
.WhyPage .ArrowLink { margin-left: 14px; font-weight: bold; }
#reasons-why { padding: 4px 0 0 28px; overflow: hidden; position: relative; }
/* \*/
* HTML #reasons-why { height: 1%; }
/* */
#reasons-why .column { width: 199px; float: left; margin-right: 35px; padding-bottom: 25px; } 
#reasons-why #why-vision { margin: 0; padding-bottom: 285px; }
#reasons-why H3 { height: 20px; text-indent: -9999px; overflow: hidden; margin-bottom: 12px; color: #8F498F; }
#why-comfort H3 { background: url(../img/hdr.comfort.fr.gif) no-repeat; }
#why-convenience H3 { background: url(../img/hdr.convenience.fr.gif) no-repeat; }
#why-vision H3 { background: url(../img/hdr.vision.gif) no-repeat; }
#why-comfort P.note { position: absolute; bottom: 10px; left: 28px; }

/* Value */
.Value #ContentArea { padding: 1px 0 0; background: url(../img/bg.value.gif) bottom left no-repeat; }
.Value #ContentArea .intro { padding: 0 50px 20px 30px; }
.Value #ContentArea .intro H2 { height: 35px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.see-the-value.gif) no-repeat; margin-bottom: 2px; }
.Value .ArrowLink { margin-left: 14px; font-weight: bold; }
.Value .ValueChart { display: block; margin: 0 auto; }
.Value .footnotes { font-size: 85%; line-height: 1; padding: 2em 2em 1em; }

/* Advantages */
.Advantages #ContentArea { padding: 1px 0 0; background: url(../img/bg.advantages.jpg) bottom left no-repeat; min-height: 560px; }
* HTML .Advantages #ContentArea { height: 560px; }
.Advantages #ContentArea .intro { padding: 0 50px 20px 30px; }
.Advantages #ContentArea .intro P { padding-right: 130px; }
.Advantages #ContentArea UL { width: 410px; margin: 0; padding: 0; line-height: 1.25em; }
.Advantages #ContentArea UL LI { background: url(../img/bg.clear-list.png) 0 0 repeat; margin: 4px; padding: 6px; }
* HTML .Advantages #ContentArea UL LI { background: url(../img/bg.clear-list.gif) 0 0 repeat; }
.Advantages #ContentArea UL LI SPAN { display: block; padding-left: 15px; background: url(../img/bullet.gif) no-repeat 3px 0.4em; }
.Advantages #ContentArea .intro H2 { height: 35px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.advantages.gif) no-repeat; margin-bottom: 2px; }
.Advantages .ArrowLink { margin-left: 14px; font-weight: bold; }
.Advantages .ValueChart { display: block; margin: 0 auto; }
.Advantages .footnotes { font-size: 85%; line-height: 1; padding: 2em 2em 1em; }

/* Lens Demo */
.DemoPage #Main { min-height: 699px }
.DemoPage #ContentArea H2 { height: 35px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.comfort-vision.gif) no-repeat; }


/* Doctor Locator */
IFRAME.DocLocator { margin: 0 auto; display: block; }


/* Free Trial */
.TrialPage #ContentArea { padding: 1px 15px 8px; background: url(../img/bg.trial.gif) no-repeat 0 100%; }
.Trial .feature { padding: 20px 0 0; line-height: 1.5; }
.Trial .Text { width: 660px; height: 88px; background: url(../img/hdr.try-bausch.gif) 25px 0 no-repeat; margin-bottom: 15px; } 
#trial-form { padding: 0 30px; }
#trial-form FIELDSET {  }
#trial-form EM.legend { font-style: normal; color: #666; display: block; margin-bottom: 1.5em; }
#trial-form LABEL { font-weight: bold; }
TABLE.FormTable { margin: 0 auto;}
TABLE.FormTable TH { text-align: right; vertical-align: top; padding: 0 10px 0 0; }
TABLE.FormTable TD { vertical-align: top; padding: 0; }
#trial-form TABLE.FormTable TH { height: 3.75em; }
#trial-form TABLE.FormTable TH LABEL { display: block; padding-top: 0.25em; }
#trial-form TABLE.FormTable TD LABEL { margin: 0 20px 0 5px; }
EM.reqd { font-style: normal; }
#trial-form TABLE#signup-info { margin-bottom: 0.25em; }
#trial-form TABLE#signup-info TH { width: 145px; }
#trial-form TABLE#signup-info TD INPUT { width: 18em; height: 2em; border: 1px solid #CCC; }
#trial-form .FormAction { text-align: center; }
* HTML #trial-form .FormAction { padding-bottom: 1px; }
.Trial #find-eye-care { font-size: 1.077em; font-weight: bold; text-align: center; margin-bottom: 20px; }
.Trial #find-eye-care A { color: #E56800; text-decoration: none; }
.Trial #find-eye-care A:hover { text-decoration: underline; }
.Trial #trial-certificate { font-size: 0.846em; color: #666; margin: 0 30px 15px; }
#certificate-wrap { padding: 0 0 50px 49px; }
#certificate-wrap P.disclaimer { text-indent: -9999px; overflow: hidden; height: 0; margin: 0; }
#certificate-wrap IMG.button { cursor: pointer; display: block; margin: 0 auto; }
.Trial .HorizRule { background: url(../img/bg.horizrule.blk.gif) 0 0 no-repeat; height: 1px; width: 705px; margin: 0 auto; }
.Trial .errorMessage { color: red; width: 420px; }
.errorMessage UL { margin: 0 0 1em 1em; padding-left: 1em; }
.TrialPage .congrats-text-trial { width: 723px; height: 205px; background: url(../images/hdr.trial_thanks.gif) 0px 0 no-repeat;  margin: 20px 0 40px 0px;
float:left; }
.TrialPage .congrats-text {
	width: 723px;
	height: 205px;
	margin: 20px 0 40px 0px;
	float:left;
	background-image: url(../images/hdr.congrats.gif);
	background-repeat: no-repeat;
	background-position: 0px 0;
}
.congrats-text-trial SPAN, .congrats-text SPAN { position: absolute; top: -9999em; left: -9999px; }


/* Thank You */
#certificate-wrap { padding: 0 0 50px 21px; }
#certificate-wrap #print-btn { text-align: center; }
#certificate-wrap #print-btn IMG { cursor: pointer; }
#certificate-wrap P.disclaimer { text-indent: -9999px; overflow: hidden; height: 0; margin: 0; }


/* Free Trial Landing Pages */
.LandingPage #Main { padding-bottom: 15px; min-height: 650px;}
.FreeSoflensPage #Main { background: url(../img/bg.landing.freesoflens.jpg) 0 100% no-repeat; }
.FreeCertPage #Main { background: url(../img/bg.landing.freecert.jpg) 0 100% no-repeat; }

.LandingPage #ContentArea { background: url(../img/bg.landing.content.jpg) no-repeat; padding: 65px 0 0 30px; }
.LandingPage #ContentArea .intro { padding: 0 125px 5px 0; }
.LandingPage #ContentArea .intro H2 { height: 35px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.free-trial.gif) no-repeat; margin-bottom: 5px; }

#trial-form-landing { margin-bottom: 1em; }
#trial-form-landing EM.legend { font-style: normal; color: #666; display: block; margin-bottom: 1.75em; font-size: 0.846em; }
#trial-form-landing TABLE.FormTable TH { height: 2.5em; }
#trial-form-landing TABLE#signup-info TD { padding-right: 15px; }
#trial-form-landing TABLE#signup-info TD INPUT { width: 12.5em; border: 1px solid #CCC; }
#trial-form-landing TABLE#signup-info INPUT#zip { width: 7em; }
#trial-form-landing TABLE.FormTable TD LABEL { margin: 0 15px 0 5px; }
#trial-form-landing TD.FormAction { padding: 1.5em 0 0 15px; }

.LandingPage #advantages { width: 415px; border-top: 1px solid #EBEBEB; padding: 5px 40px 0 0; }
.LandingPage #advantages H3 { height: 25px; background: url(../img/hdr.advantages-sdd.gif) no-repeat; text-indent: -9999px; margin-bottom: 5px; }
.LandingPage #advantages UL.Bullet { padding-left: 12px; }
.LandingPage #advantages UL#advants-pt2 { padding-left: 125px; background: url(../img/bg.landing.ul.png)  0 20px no-repeat; min-height: 192px; margin-left: -7px; }
* HTML .LandingPage #advantages UL#advants-pt2 { background-image: url(../img/bg.landing.ul.gif); margin: 0; padding-left: 118px; height: 150px; }

#questions { margin: 0 0 1.5em; }
#trial-form #questions TH, #trial-form #questions TD { vertical-align: middle; height: 2.5em; }
#trial-form #questions .Highlight { background: #DFEEFC; border: 1px solid #C7D9E9; }
#trial-form #questions TR { width: 405px; }
#btn-wrap { width: 400px; margin: 0 auto; overflow: hidden; }
#print-btn {  width: 180px; margin:0 auto;}
.OptOut #print-btn { float: none; width: 180px; margin: auto; }
#rebate-btn { float: right; width: 180px; }


/* Content Pages */
.content_page { padding: 20px;}
 .content_page h1 { padding-bottom: 10px; font-size: 16px; color: #004b8c; }
 .content_page p { color: #333; }

/*======================== POPUPS ==============================*/

.popup{ border: 15px solid #15afb3; width: 520px; padding: 25px; background: #FFFFFF url(../images/bg.popup.jpg) no-repeat; }

.popup h1{
	color: #27709a;
	font-size: 22px;
}

.popup strong {
	color: #27709a;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

.popup input, .popup textarea{
	border: 1px solid #cccccc;
}

.popup .close{
	float: right;
	height: 20px;
	width: 21px;
	right: -20px;
	left: 20px;
}

.popup .light{
	color: #585858;
}

.popup .disclaimer{
	margin-top: 10px;
	margin-bottom: 10px;
	display:block;
}

.popup .buttons { width: 400px; margin: 0 0 0 auto;}
.popup .buttons img{ display: inline; margin: 20px 0 0 0;}

#send-friend{ display: none; position: absolute; z-index:10; position:absolute; top: -500px; left: 43px; }

/* TV Spot */
.TVSpot .feature A { display: block; width: 750px; height: 407px; background: url(../img/bg.feature.home.jpg) 0 0 no-repeat; }
.TVSpot .feature A SPAN { position: absolute; top: -9999em; left: -9999em; }



.Alert { padding: 0 32px; color: #009933; }
.Error { color: #FF4a4a; }


/* ============== RELEASE FORM ======================= */

.release-form { width: 400px; margin: 0 auto;}
.release-form  .main-fields label { width: 200px; display:block; float:left; margin: 10px 0; font-weight: bold; }

.release-form  .main-fields input { margin: 10px 0; padding-right: 25px;}


/* ============== PRIZE DETAILS ======================= */
.prize_content{
	padding: 40px 0px 20px 0;
}

.prize1{
	padding: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5285b2;
	background-color: #edf5f8;
}
.prize2{
	padding: 30px;}
	
		/* ============== WINNERS ======================= */
	.winners_page {padding: 30px;}
	
		.winners_page ul {
	line-height: 1.8;
	list-style-type: circle;
	margin-left: 20px;
}
.countdown{
	float:right;
	background-image: url(../images/bg.prize_countdown.gif);
	background-repeat: no-repeat;
	height: 219px;
	width: 289px;
}
.countdown .number{
	font-size: 160px;
	font-weight: bold;
	margin-left: 50px;
	height: 160px;
	color: #d5bcfe;line-height:1.2;
}
.countdown .text{
	font-size: 18px;
	font-weight: bold;
	margin-left: 50px;
	color: #15afb3;
	}
	
	/* ============== Rules ======================= */

.Rules h2{ font-size: 15px; color: #006b77; }
.Rules h3{
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.Rules .content_page{ padding: 40px; }