/*
	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; }
DT { font-weight: bold; }

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; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }



#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 35px; }
#BodyWrapper { background: #FFF; min-height: 0; padding: 0 13px 8px 12px; }
#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; }
#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.462em; 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: 315px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.soflens-dd.gif) no-repeat 0 100%; } /*img height 35px*/

#MainNavWrap { height: 85px; }
#MainNavWrap object { position: relative; z-index: 1; }
UL#MainNav { overflow: hidden; border-left: 1px solid #96B7D7; border-bottom: 1px solid #96B7D7; }
/* \*/
* HTML UL#MainNav { height: 1%; }
/* */
#MainNav LI { float: left; font-size: 16px; }
#MainNav A { text-decoration: none; display: block; border-top: 1px solid #96B7D7; border-right: 1px solid #96B7D7; color: #000; background: #D9E7FD; padding: 5px 15px; }
#MainNav A:hover { background: #BFCDFE; }
#MainNav LI UL { position: absolute; display: none; }
#MainNav LI:hover UL { display: block; }
#MainNav LI LI { font-size: 12px; }
#MainNav LI LI A { padding: 2px 15px; background: #BFCDFE; }
#MainNav LI LI A:hover { text-decoration: underline; }

DIV#ContentArea { padding: 1px 30px 0; position: relative; }
* HTML DIV#ContentArea { zoom: 1; }

#Features { padding-top: 7px; overflow: hidden; position: relative; left: -8px; margin-right: -8px; }
#Features .module { float: left; margin-left: 8px; }
#Features .module IMG { display: block; }
* HTML #Features { zoom: 1; }
* HTML #Features .module { display: inline; }

/* Home */
.HomePage #ContentArea { padding: 0; }
.HomePage #MainNavWrap { height: 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.fresh-pair.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.gif) no-repeat; }
#why-convenience H3 { background: url(../img/hdr.convenience.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.385em; }
.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%; }
.TrialPage #ContentArea .intro { padding: 0 15px; }
.TrialPage #ContentArea .intro H2 { height: 35px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.free-trial.gif) no-repeat; }

#trial-form { background: url(../img/bg.trial.fs.gif) no-repeat 100% 3em; margin: 0 35px 25px 15px; min-height: 300px; }
#trial-form EM.legend { font-style: normal; color: #666; display: block; margin-bottom: 1.5em; }
#trial-form LABEL { font-weight: bold; }

TABLE.FormTable TH { text-align: right; vertical-align: top; padding-right: 10px; }

#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: 16em; height: 2em; border: 1px solid #CCC; }

#trial-form .FormAction { text-align: center; }
* HTML #trial-form .FormAction { padding-bottom: 1px; }

P#find-pro { font-size: 1.077em; font-weight: bold; text-align: center; margin-bottom: 20px; }
P.note { font-size: 0.846em; color: #666; margin: 0; }
.TrialPage .errorMessage { width: 420px; }
.errorMessage UL { margin: 0 0 1em 1em; padding-left: 1em; list-style: disc; }


/* 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 { float: left; width: 180px; }
.OptOut #print-btn { float: none; width: 180px; margin: auto; }
#rebate-btn { float: right; width: 180px; }

/* FreeSoflensPage Free Trial */       
.FreeSoflensPage #ContentArea { background: url(../img/bg.landing.freeLensContent.jpg) no-repeat left top; }
.FreeSoflensPage #ContentArea .intro { padding: 0 52px 5px 0; }

.FreeSoflensPage #ContentArea dl { font-size: 13px; font-family: helvetica, arial, sans-serif; }
.FreeSoflensPage #ContentArea dt,
.FreeSoflensPage #ContentArea dd { float: left; }
.FreeSoflensPage #ContentArea dt { width: 162px; height: auto; line-height: 27px; text-align: right; clear: left; }
.FreeSoflensPage #ContentArea dd { width: 480px; margin: 0px; padding: 0 0 20px 8px; }
.FreeSoflensPage #ContentArea .text input { width: 213px; height: 27px; border: 1px solid #cccccc; padding: 9px 0 0 8px; line-height: 18px; }
.FreeSoflensPage #ContentArea .radio { width: 274px; line-height: 20px; }
.FreeSoflensPage #ContentArea .radio input { width: auto; border: none; }
.FreeSoflensPage #ContentArea .radio label { line-height: 20px; }
.FreeSoflensPage #ContentArea .FormAction { padding-left: 296px; clear: left; }
.FreeSoflensPage #ContentArea p.cta { text-align: center; }
.FreeSoflensPage #ContentArea p.cta a { display: block; font-size: 14px; font-weight: bold; }
.FreeSoflensPage #ContentArea p.disclaimer { font-size: 11px; color: #666666; }
                                                                      

/* Teen */
.Teen #ContentArea { background: url(../img/bg.teen.jpg) no-repeat 0 100%; padding-bottom: 305px; }
.Teen #ContentArea H2 { height: 73px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.tired-glasses-between.gif) no-repeat; }


/* Teen Parent */
.TeenParent #ContentArea { background: url(../img/bg.teenparent.jpg) no-repeat 0 100%; }
.TeenParent #ContentArea .column { width: 360px; min-height: 285px; }
* HTML .TeenParent #ContentArea .column { height: 285px; }
.TeenParent #ContentArea H2 { height: 35px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.child-asking-lens.gif) no-repeat; margin-bottom: 12px; }
P.more-link { font-weight: bold; font-size: 1.231em; }


/* Teen Talking */
.TeenTalk #ContentArea { background: url(../img/bg.teentalk.jpg) no-repeat 0 100%; padding-bottom: 255px; }
.TeenTalk #ContentArea H2 { height: 35px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.talking-points.gif) no-repeat; }
DL.talk { margin: 1.25em 0 2em 20px; }
DL.talk DT { margin-bottom: 0.75em; padding-left: 10px; background: url(../img/bullet.gif) no-repeat 0 0.462em; }
DL.talk DD { margin: 0 0 1.5em; padding-left: 15px; }
DL.talk B { color: #939; }
.TeenTalk P.note { margin-top: 1.75em; }


/* Quiz Page */
.QuizPage #ContentArea { height: 400px }


/* Testimonials */
.Testimonials #ContentArea { background: url(../img/bg.testimonials.jpg) no-repeat 0 100%; min-height: 300px; padding-bottom: 22px; }
.Testimonials #ContentArea H2 { height: 75px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.share-experiences.gif) no-repeat; margin-bottom: 6px; }
.Testimonials #ContentArea .body { margin-right: 315px; }
.Testimonials #submit { margin: 40px 0 30px; }
.Testimonials p.note { line-height: 1.182; }

/* Seeing Eye to Eye */
.Eye2Eye #ContentArea { background: url(../img/bg.eye2eye.jpg) no-repeat 0 100%; padding-bottom: 32px; padding-top: 35px; }
.Eye2Eye #ContentArea H2 { height: 33px; text-indent: -9999px; overflow: hidden; background: url(../img/hdr.calling-all-parents.gif) no-repeat; margin-bottom: 21px; }
.Eye2Eye #ContentArea .contest-description { width: 304px; margin-bottom: 25px; }
.Eye2Eye #ContentArea .enter-now { margin-bottom: 18px; }
.Eye2Eye #ContentArea .disclosure { color: #3d3d3d; font-size: .8462em; margin-bottom: 0; }


.addthis_toolbox { position: absolute; top: 9px; right: 1px; }

/* Dr Toltz Page */
.dr_toltz #ContentArea { height: 640px; padding: 0; }

/* Marcia Gay Harden */
.mgh1 #ContentArea { padding-top: 18px; background: url(../img/bg.mgh1.jpg) no-repeat left top; min-height: 396px; } 
.mgh1 #ContentArea h2 { width: 167px; height: 25px; background: url('../img/hdr.meetMarcia.gif') no-repeat left top; margin-bottom: 19px; text-indent: -5000em; }
.mgh1 #ContentArea p { width: 375px; margin-bottom: 2em;}
.mgh1 #ContentArea ul { font-family: 'Trebuchet MS'; font-size: 16px; }
.mgh1 #ContentArea li { float: left; padding: 0 10px; border-left: 1px solid #993399; line-height: 16px; }
.mgh1 #ContentArea li.first { border: none; padding-left: 0; }
.mgh1 #ContentArea li a { text-decoration: underline; }
.mgh1 #ContentArea li a:hover { text-decoration: none; }

#cboxLoadedContent iframe { overflow: hidden; }
.popUp.bio { height: 100%; padding: 7px; background: none; font-size: 12px; }
.popUp.bio h2 { width: 100%; height: 41px; padding-left: 7px; margin-bottom: 0; background: url('../img/hdr.meetMarcia.gif') no-repeat 7px 7px #fff; position: fixed; _position: absolute; top: 0px; left: 0px; z-index:300; text-indent: -5000em; }

.popUp.bio .bioContent { overflow: hidden; padding-top: 77px; position: relative; }
.popUp.bio .bioContent img.bottom { position: fixed; _position: absolute; bottom: 0; left: 7px;  z-index: 100; }
.popUp.bio .bioContent img.top { position: fixed; _position: absolute; top: 48px; left: 7px; z-index: 200; }
.popUp.bio p { width: 95%; }
.popUp.video { padding: 0; color: #000; background: none; }

.mgh2 #ContentArea { padding-top: 15px; background: url(../img/bg.mgh2.jpg) no-repeat 0 bottom; min-height: 692px; padding-bottom: 22px; } 
.mgh2 #ContentArea h2 { width: 434px; height: 69px; margin-bottom: 17px; background: url('../img/hdr.mgh_eyetoeye.gif') no-repeat left top; text-indent: -5000em; }
.mgh2 #ContentArea .intro p { clear: none; }
.mgh2 #ContentArea .intro div { width: 415px; padding-left: 30px; float: right; }
.mgh2 #ContentArea .intro div img { margin-bottom: 8px; }
.mgh2 #ContentArea .intro div p { color: #666666; font-size: 12px; float: left; line-height: 12px; }
.mgh2 #ContentArea .intro div p.credit { float: right; font-size: 10px; }