/* general, element-based global rules */ body { font-size: 0; line-height: 0; font-family: arial; margin: 0em; padding: 0em; background-color: #FCF78E; background-image: url(../img/body_bg.jpg); background-position: center top; } a { cursor: pointer; text-decoration: none; } body a img { border: 0em; text-decoration: none; } /* global block rules */ div.header, div.mainContent, ul.bottomNav, p.legal { font-size: 10px; line-height: 1.5em; width:97.1em; margin: 0em auto 0em auto; display: block; list-style: none; list-style-type: none; position: relative; clear: both; overflow: hidden; } /* global header rules */ div.header { height:9.1em; background-repeat: no-repeat; } div.header img.logo { position: absolute; top: 0em; left: -1.3em; width: 18.6em; height: 9.1em; } div.header img.buyLink { position: absolute; top: 0em; right: 1.1em; width: 13.6em; height: 3.0em; } div.header ul { display: block; margin: 0em; padding: 0em; height: 3.7em; text-align: right; position: absolute; right: 2.5em; bottom: 0em; white-space: nowrap; } *html div.header ul { bottom: -0.4em; } div.header ul li { display: inline; margin: 0em; padding: 0em; height: 3.7em; white-space: nowrap; } div.header ul li a { display: inline; margin: 0em; padding: 0em; height: 3.7em; white-space: nowrap; margin-right: -0.3em; } div.header ul li a img { display: inline; margin: 0em; padding: 0em; height: 3.7em; white-space: nowrap; } /* main content elements */ div.mainContent { background-image: url(../img/chrome_gradient_content.jpg); background-position: top right; background-repeat: repeat-x; background-color: #AFEBF6; padding-bottom: 1.8em; } /* column management */ div.mainContent div.leftCol { float: left; width: 18em; text-align: center; } div.mainContent div.RightCol-big { float: left; width: 72.1em; } div.mainContent div.RightCol-med { float: left; width: 51.6em; color: #334d96; margin-bottom: 40px; } div.mainContent div.RightCol-sml { float: left; width: 27.5em; } /* flex test movie and alt */ div.flexMovie { background-color: #6acfe3; background-image: url(../img/chrome_corner_flex.jpg); background-position: top right; background-repeat: no-repeat; } div.flexMovie div.flextest { width: 87.5em; height: 105.0em; overflow: visible; background-color: #6acfe3; background-image: none; } div.flexMovie div.flextest h1 { margin: 0em; padding: 0em; position: absolute; top: 3.2em; left: 24.1em; font-size: 10px; } div.flexMovie div.flextest h1 img { width: 50.6em; height: 9.4em; } div.flexMovie div.flextest img.bigBox { position: absolute; top: 0; left: 0em; width: 15.1em; height: 28.0em; font-size: 10px; } *html div.flexMovie div.flextest img.bigBox { position: absolute; top: 5.4; left: 1.3em; width: 15.1em; height: 28.0em; font-size: 10px; } *html+ div.flexMovie div.flextest img.bigBox { position: absolute; top: 5.4; left: 1.3em; width: 15.1em; height: 28.0em; font-size: 10px; } div.flexMovie div.flextest div.flexCont { margin-top: 12.6em; margin-left: 24.1em; } div.flexMovie div.flextest div.flexCont h2 { color: #2b52ad; font-size: 16px; font-weight: normal; width: 32em; } div.flexMovie div.flextest div.flexCont p { color: #2b52ad; width: 40em; } div.flexMovie div.flextest div.flexCont form div { width: 56.5em; height: 16.1em; overflow: hidden; position: relative; } div.flexMovie div.flextest div.flexCont form div h3 { display: block; position: absolute; top: 1.5em; left: 1.2em; z-index: 4; color: #2b52ad; font-size: 20px; margin: 0px padding: 0px; } div.flexMovie div.flextest div.flexCont form div label { display: block; position: absolute; top: 3.9em; left: 1.7em; z-index: 4; color: #2b52ad; font-size: 14px; margin: 0px padding: 0px; width: 25em; } div.flexMovie div.flextest div.flexCont form div ul { display: block; font-size: 10px; position: absolute; list-style: none; list-style-type: none; top: 10.3em; left: 8em; z-index: 4; margin: 0em; padding: 0em; width: 33em; height: 1.8em; font-size: 10px; } *html div.flexMovie div.flextest div.flexCont form div ul { top: 10.4em; } div.flexMovie div.flextest div.flexCont form div ul li { display: inline; font-size: 10px; position: relative; list-style: none; list-style-type: none; margin: 0em; padding: 0em; margin-right: 4.1em; } div.flexMovie div.flextest div.flexCont form div ul li input { } div.flexMovie div.flextest div.flexCont form div img { display: block; position: absolute; top: 0em; height: 0em; width: 56.5em; height: 16.1em; z-index: 2; } form#tripleFlexCheck div.flexCheckSm { width: 52.8em; height: 15.1em; position: relative;} form#tripleFlexCheck div.flexCheckSm img { width: 52.8em; height: 15.1em; position: absolute; top: 0em; left: 0em; } form#tripleFlexCheck div.flexCheckSm h3 { } form#tripleFlexCheck div.flexCheckSm ul { left: 2.3em; top: 8.5em; } form#tripleFlexCheck div.flexCheckSm ul li { display: block; margin: 0em; padding: 0em; } form#tripleFlexCheck div.flexCheckSm ul li label { margin: 0em; padding: 0em; position: relative; top: 0em; left: 0em; display: inline; } form#tripleFlexCheck div.flexCheckSm ul li input { } form#tripleFlexCheck div.flexCheckBg { width: 52.8em; height: 23.2em; position: relative; } form#tripleFlexCheck div.flexCheckBg img { width: 52.8em; height: 23.2em; position: absolute; top: 0em; left: 0em; } form#tripleFlexCheck div.flexCheckBg h3 { } form#tripleFlexCheck div.flexCheckBg p { position: absolute; top: 14em; left: 2.2em; z-index: 3; width: 35em; } form#tripleFlexCheck div.flexCheckBg ul { left: 2.3em; top: 8.5em; } form#tripleFlexCheck div.flexCheckBg ul li { display: block; margin: 0em; padding: 0em; } form#tripleFlexCheck div.flexCheckBg ul li label { margin: 0em; padding: 0em; position: relative; top: 0em; left: 0em; display: inline; } form#tripleFlexCheck div.flexCheckBg ul li input { } #surveyForm { display: none; } /* how it works movie and alt */ div.howWorks { width: 725px; height: 400px; background-image: none; } div.howWorks img { width: 77.1em; height: 41.9em; } /* sub content elements */ div.mainContent h1 { margin: 5.4em 0em 0.6em 0em; padding: 0em; font-size: 10px; } div.mainContent h2 { font-size: 18px; line-height: 1.3em; margin-bottom: 1.1em; } div.mainContent h3 { font-size: 15px; margin: 0em; padding: 0em; } div.mainContent p { font-size: 12px; margin: 0em; padding: 0em; margin-bottom: 1.1em; } /* selling points */ div.mainContent ul.sellingPoints { display: block; list-style: none; list-style-type: none; margin: 0em; padding: 0em; padding-left: 2em; } div.mainContent ul.sellingPoints li { display: block; list-style: none; list-style-type: none; margin: 0em; padding: 0em; font-size: 12px; margin-bottom: 1.1em; } div.mainContent ul.sellingPoints li strong { font-weight: bold; font-size: 14px; } /* box images */ div.mainContent img.triBox { margin: 5.4em auto 0em auto; text-align: center; width: 16.8em; height: 16.8em; } div.mainContent img.bigBox { margin: 5.4em auto 0em 1.3em; text-align: center; width: 15.1em; height: 28.0em; } /* product links */ div.mainContent div.leftCol ul.prodLinks { display: block; margin: 0em; padding: 0em; margin-left: 1.5em; } div.mainContent div.leftCol ul.prodLinks li { display: inline; margin: 0em; padding: 0em; } div.mainContent div.leftCol ul.prodLinks li a { display: inline; margin: 0em; padding: 0em; } div.mainContent div.leftCol ul.prodLinks li a img { display: inline; margin: 0em; padding: 0em; margin-right: -0.3em; } /* content box rules */ div.mainContent div.storePartners { position: relative; width: 26.3em; margin-top: 8px; } div.mainContent div.storePartners h4 { position: absolute; width: 26.3em; height: 6.7em; left: 0em; top: 0em; margin: 0em; padding: 0em; font-size: 10px; } div.mainContent div.storePartners h4 img { width: 26.3em; height: 6.7em; margin: 0em; padding: 0em; } div.mainContent div.storePartners div { overflow: hidden; position: relative; top: 6.7em; } div.mainContent div.storePartners div img.botImg { position: absolute; z-index: 2; width: 26.3em; height: 50em; left: 0em; bottom: 0em; } div.mainContent div.storePartners div ul { position: relative; z-index: 3; display: block; list-style: none; list-style-type: none; margin: 0em; padding: 1em 0em 2em 2.3em; } div.mainContent div.storePartners div ul li { display: block; list-style: none; list-style-type: none; margin: 0em; padding: 0em; margin-bottom: 0.5em; height: 2.2em;} div.mainContent div.storePartners div ul li a { display: block; text-decoration: underline; color: white; font-size: 13px; } div.mainContent div.storePartners div ul li img { float: left; font-size: 10px; width: 3.7em; height: 1.8em; clear: both; margin-right: 0.3em;} /* content box rules */ div.mainContent div.countSizes { cursor: default ! important; position: relative; width: 26.3em; margin-top: 8em; margin-bottom: 4em; } div.mainContent div.countSizes h4 { cursor: default ! important; position: absolute; width: 26.3em; height: 4.5em; left: 0em; top: 0em; margin: 0em; padding: 0em; font-size: 10px; } div.mainContent div.countSizes h4 img { cursor: default ! important; width: 26.3em; height: 4.5em; margin: 0em; padding: 0em; } div.mainContent div.countSizes div { cursor: default ! important; overflow: hidden; position: relative; top: 4.5em; } div.mainContent div.countSizes div img.botImg { cursor: default ! important; position: absolute; z-index: 2; width: 26.3em; height: 50em; left: 0em; bottom: 0em; } div.mainContent div.countSizes div ul { cursor: default ! important; position: relative; z-index: 3; display: block; list-style: none; list-style-type: none; margin: 0em; padding: 1em 0em 2em 2em; } div.mainContent div.countSizes div ul li { cursor: default ! important; display: block; list-style: none; list-style-type: none; margin: 0em; padding: 0em; margin-bottom: 0.4em; color: #334d96; } div.mainContent div.countSizes div ul li span { cursor: default ! important; display: block; text-decoration: none; color: white; color: #334d96; font-size: 12px; cursor: arrow; } div.mainContent div.countSizes div ul li img { cursor: default ! important; float: left; font-size: 10px; width: 3.7em; height: 1.8em; clear: both; margin-right: 0.3em;} /* glossary anchor rules */ ul.glossaryLinks { font-size: 14px; display: block; margin: 0em; padding: 0em; color: #334d96; font-weight: 700;} ul.glossaryLinks li { font-size: 14px; display: block; margin: 0em; padding: 0em; color: #334d96; font-weight: 700; margin-bottom: 0.3em;} ul.glossaryLinks li a { font-size: 14px; display: inline; margin: 0em; padding: 0em; color: #334d96; font-weight: 700; text-decoration: underline; padding-left: 0.5em;} /* glossary terms */ div.mainContent dl { font-size: 14px; display: block; margin: 0em; padding: 0em; color: #334d96; margin-top: 2em; } div.mainContent dl dt { margin-top: 1em; font-weight: 700; margin-right: 5em; } div.mainContent dl dd { font-size: 13px; font-weight: normal; margin: 0px; padding: 0px; margin-top: 0.3em; margin-right: 5em; text-indent: 0; } div.mainContent dl dd strong { font-size: 14px; font-weight: 700; } div.mainContent a.topAnchor { display: block; font-size: 13px; font-weight: normal; margin: 0px; padding: 0px; color: #000000; text-decoration: underline; margin-top: 0.3em; } /* glossary references */ div.mainContent div.references { color: #334d96; font-size: 14px; display: block; margin: 0em; padding: 0em; margin-top: 4em; } div.mainContent div.references h5 { color: #334d96; font-size: 14px; display: block; margin: 0em; padding: 0em; margin-left: 1.3em; margin-bottom: 1.2em; } div.mainContent div.references h6 { color: #334d96; font-size: 14px; display: block; margin: 0em; padding: 0em; margin-left: 1.3em; margin-bottom: 1.2em; } div.mainContent div.references p { color: #334d96; font-size: 13px; display: block; margin: 0em; padding: 0em; margin-left: 1.5em; margin-bottom: 1.2em; } div.mainContent p.legal { color: black; text-align: left; width: 40em; font-size: 10px ! important; } /* test results page */ #resultsPage { position: absolute; top: 0em; left: 0em; width: 97.1em; height: 56.5em; } div.resultsPage { width: 97.1em; height: 55em; } div#bars { position: absolute; top: 23em; left: 8.7em; } div#barsCover { position: absolute; top: 23em; left: 8.7em; width: 30em; height: 5em; background-color: transparent; background-image: url(../img/blank.gif); } div#bars img { display: inline; } div#flexTitle { position: absolute; top: 8.8em; left: 3.9em; } div#flexMessage { position: absolute; top: 16.1em; left: 33.1em; } .resultsPage a.back { display: block; position: absolute; width: 18.5em; height: 4em; top: 29.8em; left: 9.3em; background-image: url(../img/blank.gif); } .resultsPage a.back img { display: block; } .resultsPage a.back:hover img { display: block; } .resultsPage a.products { display: block; position: absolute; width: 24em; height: 4em; bottom: 4.7em; right: 10.8em; background-image: url(../img/blank.gif); } *html .resultsPage a.products { bottom: 3.4em; right: 10.7em; } .resultsPage a.products img { display: block; } .resultsPage a.products:hover img { display: block; } .resultsPage a.video { display: block; position: absolute; width: 53em; height: 13em; bottom: 4.8em; right: 38.7em; background-image: url(../img/blank.gif); } *html .resultsPage a.video { bottom: 3.1em; right: 37.3em; } .resultsPage a.video img { display: block; } .resultsPage a.video:hover img { display: block; } /* homepage rules */ div.home { position: relative; height: 490px; padding: 0; background: none; } div.home h1 { position: absolute; top: 0em; left: 39.9em; margin: 0em; padding: 0em; } div.home h1 img { margin: 0em; padding: 0em; width: 57.2em; height: 18.6em;} div.home img { padding:0; margin: 0; } div.home div#prodSets { position: absolute; top: 0; left: 0em; } div.home div#prodSets img { width: 425px; height: 505px; } div.home div#prodSets img#prodSet0 { display: block; } div.home div#prodSets img#prodSet1 { display: none; } div.home div#prodSets img#prodSet2 { display: none; } div.home div#prodSets img#prodSet3 { display: none; } div.home div#prodParas { position: absolute; top: 0; left: 425px; } div.home div#prodParas img { width: 549px; height: 505px; } div.home div#prodParas img#homeContentPara0 { display: block; } div.home div#prodParas img#homeContentPara1 { display: none; } div.home div#prodParas img#homeContentPara2 { display: none; } div.home div#prodParas img#homeContentPara3 { display: none; } div.home div#prodLinks { position: absolute; top: 7em; left: 1.7em; width: 36.5em; height: 35em; overflow: hidden; } div.home div#prodLinks div#prodLinks1 { display: none; width: 36.5em; height: 35em; position: relative; } div.home div#prodLinks div#prodLinks1 a.prodLink1 { display: block; position: absolute; width: 20em; height: 35em; left: 0em; top: 0.5em; background-image: url(../img/blank.gif); } div.home div#prodLinks div#prodLinks1 a.prodLink2 { display: block; position: absolute; width: 9.5em; height: 29em; left: 20em; top: 4.5em; background-image: url(../img/blank.gif); } div.home div#prodLinks div#prodLinks1 a.prodLink3 { display: block; position: absolute; width: 7em; height: 24em; right: 0em; top: 8.6em; background-image: url(../img/blank.gif); } div.home div#prodLinks div#prodLinks2 { display: block; width: 36.5em; height: 35em; position: relative; } div.home div#prodLinks div#prodLinks2 a.prodLink1 { display: block; position: absolute; width: 8.5em; height: 22em; left: 0em; top: 10.2em; background-image: url(../img/blank.gif); } div.home div#prodLinks div#prodLinks2 a.prodLink2 { display: block; position: absolute; width: 19.3em; height: 40em; left: 8.6em; top: 0em; background-image: url(../img/blank.gif); } div.home div#prodLinks div#prodLinks2 a.prodLink3 { display: block; position: absolute; width: 8.5em; height: 24em; right: 0em; top: 8.6em; background-image: url(../img/blank.gif); } div.home div#prodLinks div#prodLinks3 { display: none; width: 36.5em; height: 35em; position: relative; } div.home div#prodLinks div#prodLinks3 a.prodLink1 { display: block; position: absolute; width: 7em; height: 22em; left: 0em; top: 10.2em; background-image: url(../img/blank.gif); } div.home div#prodLinks div#prodLinks3 a.prodLink2 { display: block; position: absolute; width: 11.5em; height: 29em; left: 7em; top: 4em; background-image: url(../img/blank.gif); } div.home div#prodLinks div#prodLinks3 a.prodLink3 { display: block; position: absolute; width: 19.3em; height: 40em; right: 0em; top: 0em; background-image: url(../img/blank.gif); } div.home img.topLeft { position: absolute; top: 0em; left: 0em; width: 39.9em; height: 6.4em; } #flexTestLink { position: absolute; bottom: 4em; right: 16em; width: 22em; height: 5em; background-image: url(../img/blank.gif); } /* bottom nav rules */ ul.bottomNav { display: block; text-align: center; left: -1.0em; padding-bottom: 2.1em; padding-top: 2.1em;} ul.bottomNav li { display: inline; color: #847d14; padding-right: 1.0em; } ul.bottomNav li a { display: inline; color: #847d14; padding-left: 1.0em; } ul.bottomNav li a:hover { text-decoration: underline; } /* legal rules */ p.legal { color: #847d14; text-align: center; font-size: 10px ! important; line-height: 1.2em ! important; } #iFrameContainer { font-size: 0px; width: 0em; height: 0em; position: absolute: top: -1px; left: -1px; } #flexCheckSm_question_2, #flexCheckSm_question_3 { display: none;} div.terms { color: #334d96; } div.terms h1 { font-size: 10px; padding-right: 4em; } div.terms h2 { font-size: 15px; padding-right: 4em; font-weight: normal; font-style: italic; } div.terms p { font-size: 13px; padding-right: 4em; } div.terms ul { font-size: 13px; padding-right: 4em; } div.terms ul li { font-size: 13px; padding-right: 4em; } div.terms ol { font-size: 13px; padding-right: 4em; } div.terms ol li { font-size: 13px; padding-right: 4em; } div.privacy { color: #334d96; } div.privacy a { color: #334d96; text-decoration: underline; } div.privacy h1 { font-size: 10px; padding-right: 4em; } div.privacy h2 { font-size: 15px; padding-right: 4em; font-weight: normal; font-style: italic; } div.privacy h3 { font-size: 15px; padding-right: 4em; font-weight: normal; text-decoration: underline; font-weight: bold; margin-bottom: 1em; } div.privacy p { font-size: 13px; padding-right: 4em; } div.privacy ul { font-size: 13px; padding-right: 4em; } div.privacy ul li { font-size: 13px; padding-right: 4em; } div.privacy ol { font-size: 13px; padding-right: 4em; } div.privacy ol li { font-size: 13px; padding-right: 4em; } div.contact { color: #334d96; } div.contact a { color: #334d96; text-decoration: underline; } div.contact h1 { font-size: 10px; padding-right: 4em; } div.contact h2 { font-size: 15px; padding-right: 4em; font-weight: normal; font-style: italic; } div.contact h3 { font-size: 15px; padding-right: 4em; font-weight: normal; text-decoration: underline; font-weight: bold; margin-bottom: 1em; } div.contact p { font-size: 13px; padding-right: 4em; } div.contact ul { font-size: 13px; padding-right: 4em; } div.contact ul li { font-size: 13px; padding-right: 4em; } div.contact ol { font-size: 13px; padding-right: 4em; } div.contact ol li { font-size: 13px; padding-right: 4em; } .underline { text-decoration: underline; } #hcpLink { position: absolute; top: 7em; right: 7em;} div#large_prodimg_container{ position: relative; text-align: center; } div.long_description{ } div.long_description li{ font-weight: normal; } div.long_description p.intro{ font-size: 16px; color: #004ea0; line-height: 1.6em; font-weight: bold; } div.long_description p:last-child{ line-height: 1.6em; } div.long_description b{ color:#ec5800; font-weight: bold; } div.long_description ul{ list-style: none; margin: 0; padding: 0; } div.mainContent h3 { font-size:17px; margin:17px 0 7px; padding:0; } div.mainContent p, div.long_description li, div.long_description p { /* Global:90*/ font-size:12px; line-height:1.6em; margin: 1.1em 0 0 0; padding:0; color: #000; } div.long_description p:last-child{ font-weight: normal; } div.leftCol{ text-align: center; } div.mainContent{ background-color: #b3ebf6; /* ver 2 */ } div.topMsg{ margin: 20px 30px; } div.btn-try{ margin: 15px 0; padding: 0; text-align: center; } div.commercial div.btn-try{ margin: 0; text-align: right; width: 557px; } div.home .topMsg{ position:absolute; z-index: 3000; left: 25px; top: 17px; margin: 0; } div#watchCommercial{ position: absolute; z-index: 5000; top: 525px; width: 980px; left: 50%; margin-left: -520px; } div#rolloverBoxes{ position: absolute; z-index: 4900; top: 465px; width: 250px; left: 150px; } div.commercial .leftCol{ width: 230px !important; } div#videoContainer{ width: 552px; float: left; } div.faq .leftCol, div.how .leftCol{ width: 230px !important; } div.how div.RightCol-big{ width: 725px; } div.productinfo div.RightCol-med{ width: 43em; margin-right: 20px; } div.productinfo div.RightCol-sml{ width: 33em; text-align: center; } div.foundation div#mainimg{ text-align: center; margin-bottom: 25px; } div.foundation div#mainimg{ text-align: center; } div.foundation h1{ color: #004ea0; margin: 0 0 10px 0; font-size: 1.8em; } div.foundation h3{ color: #ec5800; margin-bottom: 7px; } div.foundation p.intro{ font-weight: bold; font-size: 1.2em; } div#twocolLeft{ width: 595px; float: left; margin: 0 20px 0 22px; padding: 0; } div#twocolLeft[id]{ margin-left: 35px;} div.twocolRight{ width: 292px; float: left; margin: 15px 0 0 0; padding: 0; } ul#walkList{ width: 291px; background: url(../img/list_bg_top.jpg) #fff top left no-repeat; padding: 15px 0 0 0 !important; margin: 15px 0 0 0; } ul#walkList li{ display: block; list-style: none; list-style-type: none; padding: 0; margin: 0.4em 0 0 0; color: #000; font-size: 12px; text-indent: 14px; } ul#walkList span{ display: block; color: #334d96; float:left; width: 210px; } ul#walkList li a{ color:#324d9a; font-weight: bold; text-decoration: underline; } div#walkListBottom{ width: 291px; height: 18px; float: left; background: url(../img/list_bg_bottom.gif) top left no-repeat; } div#letsmove_container{ position: relative; float:left; width: 100%; margin: 15px 0; } div#letsmove_container td{ font-weight: bold; font-size: 1.5em; } div.home .tryContainer{ position: absolute; top: 405px; right: 12px; z-index: 5000; } div.shadow_generic{ position: relative; margin: 0; padding: 0; } .strong{ font-weight: bold; } .topspace{ padding-top: 40px; } img, div { behavior: url(/iepngfix.htc) } /* IE6 png fix*/