/* Customized theme for All About Vision programmer: Ryan Herndon designer: Steve Bagi layouts: all pages included Redesigned Aug 2013 and Feb 2015: Steve and Liz */ @media screen { #subpage #right { top: 30px; margin: 0 22px 30px 0; float: right; width: 1042px; font-size: 1.1em; line-height: 1.6em; font-family: Open Sans, sans-serif; } #subpage #right #content { float: left; width: 700px; _margin-right: 0px; } #subpage h1, #subpage.large_font h1 { margin: 29px 0 18px; font: bold 2.4em/1.2em Bitter, serif; } #subpage h2 { margin: 0 0 18px; font: bold 1.3em/1.3em Bitter, serif; } #subpage p, #subpage #content ul, #subpage ol { margin: 0 0 1.6em; } #subpage #content a { font-weight: normal; } #subpage #content ul, #subpage #content ol { margin: 0 0 18px 0; } #subpage #content ul li { list-style: none; background: url('http://cdna.allaboutvision.com/i/bullet4.png') no-repeat 0 6px; padding: 0 0 0 10px; margin: 0 0 18px; } #subpage #content ol li { margin: 0 0 18px 20px; } #subpage #content ul.tight li { margin: 0 14px 0 0; } #subpage #content ol.tight li { margin: 0 0 0 20px; } .byline { clear: left; margin: 0 0 1em; font-size: .96em; line-height: 1.4em; font-family: Bitter, serif; font-weight: 600; } .byline a { font-weight: bold; } #subpage .imgL, #subpage .imgLMobileWrap, #subpage .imgC, #subpage .imgR, #subpage .imgRMobileWrap, #subpage #content .sidebarBig .imgR, #subpage #content .sidebarBig .imgRMobileWrap, #subpage #content .sidebarMed .imgR, #subpage #content .sidebarMed .imgRMobileWrap, #subpage #content .sidebarMed .imgC, #subpage #content .sidebarBig .imgC { font-size: .86em; line-height: 1.3em; font-family: Open Sans, sans-serif; font-weight: bold; color: #595959; z-index: 1; } #subpage .imgL, #subpage .imgLMobileWrap { float: left; margin: 0 20px 20px 0; } .imgL img, .imgLMobileWrap img, .imgR img, #subpage .imgRMobileWrap img, .imgC img { margin: 0 0 6px 0; } .imgL.px260, .imgLMobileWrap.px260 { width: 260px; } #subpage .imgL a:link, #subpage .imgL a:visited, #subpage .imgLMobileWrap a:link, #subpage .imgLMobileWrap a:visited, #subpage .imgC a:link, #subpage .imgC a:visited, #subpage.imgR a:link, #subpage .imgR a:visited, #subpage .imgRMobileWrap a:link, #subpage .imgRMobileWrap a:visited { font-weight: bold !important; text-decoration: none; color: #2272b5; } #subpage .imgL a:hover, #subpage .imgLMobileWrap a:hover, #subpage .imgC a:hover, #subpage .imgR a:hover, #subpage .imgRMobileWrap a:hover { font-weight: bold; text-decoration: underline; } #subpage hr.premium { margin: 15px 0 15px; _margin: 5px 0 5px; *margin: 5px 0 5px; clear: both; } #subpage .imgC { margin: 2em auto 2em; } #subpage .imgR, #subpage .imgRMobileWrap, #subpage .quoteR { float: right; margin: 0 0 20px 20px; } .imgR.px140 { width: 140px; } .imgR.px150 { width: 150px; } .imgR.px160 { width: 160px; } .imgR.px170 { width: 170px; } .imgR.px200 { width: 200px; } .imgR.px220 { width: 220px; } .imgR.px230 { width: 230px; } .imgR.px240 { width: 240px; } .imgR.px250 { width: 250px; } .imgR.px260 { width: 260px; } .imgR.px270 { width: 270px; } .imgR.px280 { width: 280px; } .imgR.px299 { width: 299px; } .imgR.px300 { width: 300px; } .imgL.px330, .imgR.px330, .imgL.px330x220, .imgR.px330x220, .imgC.px330x220, .imgL.px330x244, .imgR.px330x244, .imgC.px330x244 { width: 330px; } .imgL.px330 a, .imgR.px330 a, .imgL.px330x220 a, .imgR.px330x220 a, .imgC.px330x220 a, .imgL.px330x244 a, .imgR.px330x244 a, .imgC.px330x244 a { font-weight: bold !important; } .imgL.px330x220 img, .imgR.px330x220 img, .imgC.px330x220 img { width: 330px; height: 220px; } .imgL.px330x244 img, .imgR.px330x244 img, .imgC.px330x244 img { width: 330px; height: 244px; } #subpage .quoteR { width: 300px; font: italic 1.45em/1.5em Bitter, serif; color: #2584d9; border-top: 3px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding-top: .6em; padding-bottom: .6em; } #subpage .faqBtn { margin-bottom: 2em; *margin-bottom:-13px; } #subpage .bread { position: absolute; top: -6px; font-size: .8em; } #subpage .note, #subpage .author, #subpage .update, #subpage #resTop, #subpage #resBtm { font-size: .9em; line-height: 1.3em; } #subpage .author img { width: 61px; height: 61px; float: left; margin-right: .8em; } #subpage #resTop, #subpage #sbClk, #subpage #sbClk2 { margin-bottom: 1.7em; color: #2272b5; cursor: pointer; } #subpage #resBtm, #subpage #sbCtd, #subpage #sbCtd2 { margin-bottom: 1.7em; display: none; } #subpage #shoeLet, #subpage #FlashAd2 { float: right; width: 250px; margin: 0 -325px 20px 0px; z-index: 4; } #subpage #videoFanTastic{ float: right; left: 210px; width: 250px; margin: -9px 0 20px -185px; z-index: 4; } #subpage #shoeLet.altSize, #subpage #FlashAd2.altSize, #subpage #videoFanTastic.altSize { width: 300px; } #subpage img.monKey { right: 0; top: 0; float: right; width: 82px; height: 9px; } #subpage #ceatusPhoneOnly { display: none; } #subpage .videoInfo { margin-top: 20px; clear:both; } #subpage .category { font-weight: bold; height: 26px; color: #fff; font-size: 1.3em; line-height: 26px; font-family: Open Sans, sans-serif; text-indent: 12px; margin-bottom: 1.4em; width: 700px; background: #228ce1; } #subpage #onThisPage, #subpage #seeAlsoThis { clear: left; font-size: .96em; line-height: 1.4em; font-family: Bitter, serif; font-weight: 600; } #subpage #onThisPage img, #subpage #seeAlsoThis img { margin-right: .4em; } #subpage #listMultipleCols { width: 100%; } /* expandable mini-navs */ .expandMiniNavAllergies, .expandMiniNavAllergies img { width: 207px; } .expandMiniNavAMD, .expandMiniNavAMD img { width: 287px; } .expandMiniNavCataracts, .expandMiniNavCataracts img { width: 190px; } .expandMiniNavDiabetic, .expandMiniNavDiabetic img { width: 277px; } .expandMiniNavDry, .expandMiniNavDry img { width: 184px; } .expandMiniNavGlaucoma, .expandMiniNavGlaucoma img { width: 202px; } .expandMiniNavKeratoconus, .expandMiniNavKeratoconus img { width: 220px; } .expandMiniNavMyopia, .expandMiniNavMyopia img { width: 183px; } .expandMiniNavPinkeye, .expandMiniNavPinkeye img { width: 190px; } .expandMiniNavPresbyopia, .expandMiniNavPresbyopia img { width: 209px; } .expandMiniNavStrabismus, .expandMiniNavStrabismus img { width: 210px; } .expandMiniNavAllergies, .expandMiniNavAMD, .expandMiniNavCataracts, .expandMiniNavDiabetic, .expandMiniNavDry, .expandMiniNavGlaucoma, .expandMiniNavKeratoconus, .expandMiniNavMyopia, .expandMiniNavPinkeye, .expandMiniNavPresbyopia, .expandMiniNavStrabismus { height: 27px; margin-top: 1em; margin-bottom: 2em; } .expandMiniNavAllergies img, .expandMiniNavAMD img, .expandMiniNavCataracts img, .expandMiniNavDiabetic img, .expandMiniNavDry img, .expandMiniNavGlaucoma img, .expandMiniNavKeratoconus img, .expandMiniNavMyopia img, .expandMiniNavPinkeye img, .expandMiniNavPresbyopia img, .expandMiniNavStrabismus img { margin-top: 4px; height: 27px; border: none; } .atoz td p { margin: 5px 0; } .atoz td.atozcat p { margin-left: 5px; } /* sidebars and best candidate boxes and box sidebars */ #subpage #content .sidebarBig, #subpage #content .sidebarMed { font-size: .9em; line-height: 1.4em; font-family: Open Sans, sans-serif; color: #000; border-top: 3px solid #e3e3e3; } #subpage #content .sidebarBig h2, #subpage #content .sidebarMed h2 { font-size: 1.2em; font-family: Open Sans, sans-serif; margin-top: 1em; } #subpage #content .sidebarBig { width: 700px; margin: 0 0 2em; } #subpage #content .sidebarMed { width: 330px; margin: 0 0 18px 25px; float: right; } #subpage #content .sidebarBig .top { width: 700px; height: 1px; position: absolute; margin-top: -.3em; border-top: 1px solid #e3e3e3; } #subpage #content .sidebarMed .top { width: 330px; height: 1px; position: absolute; margin-top: -1em; border-top: 1px solid #e3e3e3; } #subpage #content .sidebarBig .bottom { width: 700px; height: 0px; position: absolute; left: 0; bottom: 0; } #subpage #content .sidebarMed .bottom { width: 330px; height: 0px; position: absolute; left: 0; bottom: 0; } #subpage #content .sidebarBig .content { padding-top: 3em; *padding-top: 40px; _padding-top: 40px; z-index: 5; } #subpage #content .sidebarMed .content { padding-top: 3em; *padding-top: 40px; _padding-top: 40px; z-index: 5; } #subpage #content .sidebarBig .content ul li, #subpage #content .sidebarMed .content ul li { padding: 0 0 1.3em 10px; margin: 0; } #subpage #content .sidebarBig .content ul li.last, #subpage #content .sidebarMed .content ul li.last { padding: 0 0 0 10px; margin: 0; } #subpage #content .sidebarBig .content ol li, #subpage #content .sidebarMed .content ol li { padding: 0 0 0 5px; } #subpage #content .sidebarBig .content ol li.last, #subpage #content .sidebarMed .content ol li.last { padding: 0 0 0 5px; } #subpage #content .sidebarBig .content .tight li, #subpage #content .sidebarMed .content .tight li { padding: 0 0 0 10px; margin: 0; } #subpage #content .sidebarBig .content p, #subpage #content .sidebarBig .content ul, #subpage #content .sidebarBig .content ol, #subpage #content .sidebarMed .content p, #subpage #content .sidebarMed .content ul, #subpage #content .sidebarMed .content ol { margin: 1.3em 0; } #subpage #content .sidebarBig a, #subpage #content .sidebarMed a { font-weight: bold; } #subpage #content .sidebarBig a.def:link, #subpage #content .sidebarBig a.def:visited, .glossary, #subpage #content .sidebarMed a.def:link, #subpage #content .sidebarMed a.def:visited, .glossary { color: #000; text-decoration: none; border-bottom: 1px dashed #000; } #subpage #content .sidebarBig a.def:hover, #subpage #content .sidebarMed a.def:hover { text-decoration: none; border-bottom: 1px dashed #188471; } #subpage #content .sidebarBig .head, #subpage #content .sidebarMed .head { width: 100%; height: 23px; position: absolute; margin: 7px 0; font-size: 1.1em; color: #2584d9; text-transform: uppercase; z-index: 15; border-bottom: 1px solid #e3e3e3; } #subpage #content .sidebarMed .head { width: 330px; } #subpage #content .sidebarBig .imgR, #subpage #content .sidebarBig .imgRMobileWrap, #subpage #content .sidebarMed .imgR, #subpage #content .sidebarMed .imgRMobileWrap { float: right; margin: 1.6em 0 10px 15px; z-index: 5; } #subpage #content .sidebarMed .imgC, #subpage #content .sidebarBig .imgC { margin: 0 auto; } #subpage #content .sidebarMed .bestCand { font-size: 1.1em; line-height: 1.4em; } #subpage #content .sidebarMed .bestCand p { font-style: italic; margin-top: .2em; } #subpage #content .sidebarMed .bestCand b { color: #2584d9; } #boxSBContainer { width: 300px; } #boxSBHed { height: 9px; background: url('http://cdna.allaboutvision.com/i/hed.png') no-repeat 0 0; background-position: right; } #boxSB { border-radius: 10px; border: 3px solid #e3e3e3; padding: 17px 15px 15px 15px; font-size: 13px; line-height: 16px; font-family: Open Sans, sans-serif; } #boxSB h2 { font-size: 18px; line-height: 21px; font-family: Open Sans, sans-serif; margin-bottom: 10px; } #boxSB p { margin: 10px 0 0 0; } #boxSB ul { margin: 10px 0 10px 15px; } #boxSB img { float: right; margin: 0 0 0 15px; z-index: 10; } /* editorial p */ #subpage #content #edP, #subpage #content #inTup { width: 100%; margin-bottom: 2.7em; font-size: 1em; line-height: 1.5em; } #subpage #content #inTup { margin-bottom: 1.7em; } #subpage #content #edP strong { color: #fff; font-weight: bold; font-size: 1.05em; text-transform: uppercase; height: 3em; background: #d92525; padding: .3em .8em .3em .8em; } #subpage #content #edP hr, #subpage #content #inTup hr { color: #e3e3e3; background: #e3e3e3; width: 100%; height: 3px; border: 0; margin: 1px 0 0 0; } #subpage #content #edP img, #subpage #content #inTup img { width: 56px; height: 56px; margin-right: 16px; float: left; } #subpage #content #edP img:hover, #subpage #content #inTup img:hover { border-radius: 40px; -webkit-filter: brightness(75%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } #subpage #content #edP .blurb, #subpage #content #inTup .blurb { top: 8px; } #subpage #content #edP a, #subpage #content #inTup a { color: #000; } .edPA, .edPC, .edPE, .edPG, .inTupA { float: left; width: 49%; margin-top: 1em; } .edPB, .edPD, .edPF, .edPH, .inTupB { float: right; width: 48%; margin-top: 1em; margin-left: 3%; } .inTupA { width: 46%; } .inTupB { width: 51%; margin-bottom: 1em; } /* previous, next */ #bK a, #fW a { color: #fff; font-weight: bold; text-decoration: none; font-size: 1.05em; } #bK, #fW { background-color: #4b9d49; padding: .3em .8em .3em .8em; margin: .8em 0 1.8em; } #bK:hover, #fW:hover { background-color: #346e33; } #bK { float: left; } #fW { float: right; } /* polls, surveys */ #pollArticles { width: 300px; float: right; margin: 0 0 10px 15px; font-size: 1em; line-height: 1.5em; background: #eee; } #pollArticles strong { margin: 18px 0 18px 18px; font: 400 2.5em/1.2em Bitter, serif; color: #000; } #pollArticles .box .cell1 { position: relative; float: right; margin: 15px 28px 18px; vertical-align: top; width: 250px; w\idth: 250px; z-index: 45; } #pollArticles .box .cell1 .pds-links { position: relative; z-index: 1; width: 1px; left: 70px; height: 1px; padding-bottom: 0; margin-bottom: 0; } #pollArticles .box .cell1 .pds-view-results { position: relative; z-index: 1; width: 70px; top: -22px; left: -10px; height: 11px; padding-bottom: 0; margin-bottom: 0; } #pollArticles .box .cell1 .pds-votebutton-outer { height: 30px; } #pollArticles .box .cell1 .pds-vote { height: 30px; padding: 10px 0 0 0; } /* charts */ .chartContainer { width: 700px; w\idth: 698px; padding: 0; margin-bottom: 20px; border-top: 3px solid #e3e3e3; font-size: .9em; line-height: 1.4em; font-family: Open Sans, sans-serif; color: #000; } .chartContainer .chartTop { position: absolute; left: 0; top: 0; width: 700px; height: 3px; } .chartContainer .chartBottom { position: absolute; left: 0; bottom: 0; z-index: 1; width: 700px; height: 3px; _margin-bottom: -13px; } .chart { width: 700px; w\idth: 698px; border: none; font-family: Open Sans, sans-serif; display: block; } .chart caption { padding-top: 7px; height: 23px; text-align: left; font-weight: bold; font-size: 1.1em; color: #2584d9; text-transform: uppercase; border-bottom: 1px solid #e3e3e3; } .chart tr.row1 { background: #fff; } .chart tr.row2 { background: #f6f6f6; } .chart th { color: #000; font-weight: bold; background: #f6f6f6; } .chart th, .chart td { padding: 15px 14px 15px 14px; vertical-align: middle; border-bottom: 1px solid #e3e3e3; } .chart td.note { font-size: .9em; line-height: 1.5em; padding-left: 0; border: none; background: #fff; } .chart th.ctr, .chart th.lastCellctr, .chart td.ctr, .chart td.lastCellctr { text-align: center; } /* editorial infographics */ .checklistInfographic { width: 580px; height: 1049px; } .eyestrainInfographic { width: 580px; height: 1300px; } .myopiaInfographic { width: 580px; height: 2400px; } .smokingInfographic { width: 580px; height: 2218px; } #sideContent #juneJuly, #sideContent #lilEthel { float: left; width: 300px; } /* php forms */ #askQuestion { background-image:none; background-color:#fff; text-align:left; color:#000; } #askQuestion .form p { line-height:1.4em; margin: 15px 0; clear:both; font-weight:bold; } #askQuestion .form input.txt { border: 1px solid #000; } #askQuestion .form input.error, #content .form input.error { margin-bottom:15px; width:228px; z-index: 5; } #askQuestion .form #ecpForm input.error, #content .form input.error { margin-bottom: 0; z-index: 5; } #askQuestion p.submit { margin:20px 0 0 100px; } #askQuestion p.note { font-size: 0.9em; line-height:1.2em; font-weight:normal; } #askQuestion .promo { color: #000; font-size: 1.2em; line-height:1.6em; font-weight: bold; } #askQuestion a:link, #askQuestion a:visited { color: #2272B5; text-decoration: underline; } #askQuestion a:hover { color: #2272B5; text-decoration: none; } #content p.question { font-weight: bold; clear: left; margin-top: 25px; } #content p.quizAnswer { font-weight: normal; margin-left: 25px; } .solC { color: green; left: 25px; } .solI { color: red; left: 25px; } #content .correct { font-weight: bold; } .ratio1, .ratio2 { position: absolute; left: 0; font-weight:bold; padding: 5px; border: 1px solid #000; } .ratio1 { top: 2px; } .ratio2 { top: 148px; } #subpage #sideContent { float: right; width: 300px; clear: right; font-family: Open Sans, sans-serif; } #sideContent.hasFlashAd { top: 259px; margin: 0 0 259px; } #sideContent.hasFlashAd600Tall { top: 609px; margin: 0 0 609px; } .slideshow #sideContent.hasFlashAd { top: 0; margin: 0; } /* Share buttons - can delete most or all of this when new social buttons below are done */ #subpage #shareContainer { width: 100%; clear: both; margin-bottom: 25px; } #subpage .shareText { font-size:.9em; float: left; } #subpage #content #sharePage { clear: right; } #subpage #content #sharePage li { float: left; height: 16px; margin-bottom: 10px; padding: 0; line-height: 10px; background: none; } #content #sharePage li#email a { float: left; background: url('http://cdna.allaboutvision.com/i/share-inarticle.png') no-repeat 0 0; width: 21px; height: 16px; margin-right: 8px; _margin-right: 4px; display: block; } #content #sharePage li#facebook a { background: url('http://cdna.allaboutvision.com/i/share-inarticle.png') no-repeat -21px 0; float: left; width: 16px; height: 16px; margin-right: 8px; _margin-right: 4px; display: block; } #content #sharePage li#twitter a { float: left; background: url('http://cdna.allaboutvision.com/i/share-inarticle.png') no-repeat -37px 0; width: 16px; height: 16px; margin-right: 8px; _margin-right: 4px; display: block; } #content #sharePage li#facebook span, #content #sharePage li#twitter span, #content #sharePage li#email span { display: none; } #subpage #share2 { clear: left; margin: 0 0 1.6em; } #subpage #share2 .head { color: #898888; font: 1.1em Bitter, serif; margin-top: .75em; margin-bottom: 1em; font-weight: bold; } #subpage #share2Pin { clear: left; margin: -75px 0 57px 199px; } #subpage #share2PinBtm { clear: left; margin: -49px 0 1.6em 199px; } #subpage #sideContent #facebookLikeBox { right: 0; top: 29px; width: 185px; margin-top: 29px; z-index: 4; } /* Social media buttons */ #subpage #content #social { padding: 10px 0 4px 0; margin-top: .85em; margin-bottom: 1.5em; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } #subpage #content #social img { width: 28px; height: 28px; margin-right: 16px; -webkit-filter: brightness(100%); } #subpage #content #social img:hover { border-radius: 28px; -webkit-filter: brightness(75%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } #subpage #content #social .head { color: #898888; font: .96em Bitter, serif; font-weight: bold; top: -.65em; } /* Email form */ body#email { background: none; text-align: left; } body#email #menu, body#implantframe #menu { display: none; } #email #container #header { background-position: -5px 0; } #email #container #header #logo { left: -5px; } #email #container { left: 0; width: 500px; margin: 0; background: none; font-size: 1.1em; line-height: 1.4em; float: left; } #email #formContainer { position: relative; left: 20px; top: 20px; margin: 0 40px 20px 0; width: 460px; float: left; } #email #formContainer input { width: 220px; } #email #formContainer input.error { width: 220px; w\idth: 214px; z-index: 5; } #email #formContainer input#send { width: auto; } .error { border: 1px solid #c00; color: #c00; background: #fcc; margin: 1px 0; padding: 0 3px; font-weight: bold; } /* palmTree */ #sideContent #palmTree { width: 300px; margin: 16px 0; font-size: .9em; line-height: 1.2em; background-color: #fff; } #sideContent #palmTree strong.hed { color: #fff; font-weight: bold; font-size: .95em; text-transform: uppercase; background: #4b9d49; padding: .3em .8em .2em .8em; } #sideContent #palmTree hr { color: #e3e3e3; background: #e3e3e3; width: 100%; height: 3px; border: 0; margin: 3px 0 0 0; } #sideContent #palmTree span { top: 5px; left: 7px; } #sideContent #palmTree a { color: #000; font-weight: normal; } #sideContent #palmTree li { list-style: none; width: 290px; margin: .7em 0 0 0; padding: 0; } #sideContent #palmTree .spot { float: left; width: 40px; height: 40px; } #sideContent #palmTree .spot:hover { border-radius: 40px; -webkit-filter: brightness(75%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } #left #palmTree { width: 216px; margin: 16px 0 435px 0; font-size: .9em; line-height: 1.2em; background-color: #fff; } #left #palmTree strong.hed { color: #fff; font-weight: bold; font-size: 1.05em; text-transform: uppercase; height: 3em; background: #4b9d49; padding: .3em .8em .3em .8em; } #left #palmTree hr { color: #e3e3e3; background: #e3e3e3; width: 100%; height: 3px; border: 0; margin: 3px 0 0 0; } #left #palmTree span { top: 5px; left: 7px; } #left #palmTree a { color: #000; font-weight: normal; } #left #palmTree li { list-style: none; width: 206px; margin: .7em 0 0 0; padding: 0; } #left #palmTree .spot { float: left; width: 40px; height: 40px; } #subpage #content #palmTree { display: none; } #subpage #right .brandName { font-variant: small-caps; font-size: 1.2em; } /* tooltips */ div#tipDiv { width: 258px; w\idth: 234px; padding: 30px; background: #fff; border: 4px solid #2584d9; color: #000; text-align: left; font-size: 1em; line-height: 1.3em; } .qtip-contentWrapper { font-size: 1em; line-height: 1.3em; } #subpage h1.gobLet { margin: 0 0 30px; } #subpage #tinyThing { width: 82px; height: 9px; margin-bottom: 27px; } #subpage #eyeLash { width: 108px; height: 5px; margin-bottom: 4px; } #subpage #socKer { width: 60px; height: 5px; margin-bottom: 4px; } #subpage #content .highBrow img { vertical-align: middle; } #subpage #content .retailEnd { margin-bottom: 15px; } #subpage #content .footnote { font-size: .6em; line-height: .6em; top: -.7em; } #subpage #sideContent #address { text-align: center; top: 10px; margin: 0 0 40px; font-size: 0.9em; line-height: 1.4em; } #advertorialForm { width: 533px; border-collapse: collapse; } #advertorialForm .fLabel { width: 280px; padding: 5px; vertical-align: top; font-weight: bold; text-align: right; float: left; line-height: 1.2em; } #advertorialForm .fBox { width: 533px; font-weight: bold; padding: 5px; vertical-align: top; text-align: center; } #advertorialForm .fEntry { padding: 5px; vertical-align: top; font-weight: bold; line-height: 1.2em; } #advertorialForm .sEntry { padding: 5px; vertical-align: top; font-weight: bold; line-height: 1.2em; left: 15px; } /* benefitspal */ #bpColor { color: #0093d0; } .sidebarBenefitsPal { float: right; background-color: #0093d0; color: #fff !important ; width: 330px; margin: 0 0 20px 20px; padding: 15px 15px 0 15px; font-size: .86em; line-height: 1.3em; font-family: Open Sans, sans-serif; z-index: 5; } .sidebarBenefitsPal strong { font-size: medium; } .sidebarBenefitsPal #paraOne { margin-top: -.4em; } .sidebarBenefitsPal #bpCard { float: left; width: 175px; } .sidebarBenefitsPal #bpCard p { width: 155px; padding: 5px; background-color: #99CC00; text-align: center; margin-top: .4em; } .sidebarBenefitsPal #bpCard a { color: #fff; font-weight: bold; } .sidebarBenefitsPal #bpCardBullets { float: right; width: 155px; } .sidebarBenefitsPal #bpCardBullets ul {top: -1.2em; } #bpPackage { display: inline; } #bpBenefits { display: none; } #bpPackage:hover #bpBenefits { display: block; position: absolute; top: -10px; left: 36px; z-index: 1000; background-color: #e9e9e9; } #subpage #content #benefitsPalTight ul { margin: 5px 0 0 0; color: #fff; list-style-type: none; padding: 0; } #subpage #content #benefitsPalTight li { margin: 0; color: #fff; background-image: url('http://cdna.allaboutvision.com/i/bp/benefitspal-bullet-white-5x5.png'); background-repeat: no-repeat; } .tablebpPkgs { width: 100%; text-align: center; border-collapse: collapse; } .tablebpPkgs #colA, .tablebpPkgs #colB, .tablebpPkgs #colC, .tablebpPkgs #colD, .tablebpPkgs #colE, .tablebpPkgs #colASmall, .tablebpPkgs #colBSmall, .tablebpPkgs #colCSmall, .tablebpPkgs #colDSmall, .tablebpPkgs #colESmall { border-bottom: 1px solid #94cfe8; } .tablebpPkgs #colAhed, .tablebpPkgs #colBhed, .tablebpPkgs #colChed, .tablebpPkgs #colDhed, .tablebpPkgs #colEhed { border-bottom: 1px solid #94cfe8; padding: 2px; font-size: .9em; } .tablebpPkgs #colB, .tablebpPkgs #colC, .tablebpPkgs #colD, .tablebpPkgs #colE { width: 16%; color: #fff; padding: 2px; font-size: 2em; } .tablebpPkgs #colB, .tablebpPkgs #colBhed, .tablebpPkgs #colBSmall, .tablebpPkgs #colBSmallNoBorder { background-color: #80c9e8; color: #fff; } .tablebpPkgs #colC, .tablebpPkgs #colChed, .tablebpPkgs #colCSmall, .tablebpPkgs #colCSmallNoBorder { background-color: #40aedc; color: #fff; } .tablebpPkgs #colD, .tablebpPkgs #colDhed, .tablebpPkgs #colDSmall, .tablebpPkgs #colDSmallNoBorder { background-color: #0093d0; color: #fff; } .tablebpPkgs #colE, .tablebpPkgs #colEhed, .tablebpPkgs #colESmall, .tablebpPkgs #colESmallNoBorder { background-color: #0e78bd; color: #fff; } .tablebpContact { width: 100%; font-size: small; } .tablebpContact #inputTop { width: 70%; } .tablebpContact #inputBtm { width: 100%; } #bpProv { text-align: center; } #subpage #content #bpProv li { list-style: none; display: inline; padding: 0; } #subpage #content #bpProv #Dent, #subpage #content #bpProv #Pharm, #subpage #content #bpProv #Vis { margin-right: 40px; } /* carecredit */ #carecreditColor { color: #006f60; } /* clear eyes */ .cleareyesInfographic { width: 700px; height: 1827px; } /* crt */ #crtColor { color: #006c86; } /* healthy-vision podcasts */ #hvDeck { top: -4.5em; left: 120px; width: 500px; clear: left; } #hvPod { width: 201px; float: left; padding-bottom: 1.5em; } #hvCaption { width: 479px; float: right; } /* ilasik */ #ilasikColor { color: #0086c6; } .ilasikVidStill { width: 500px; height: 303px; } .ilasikStudy { width: 130px; height: 209px; } .ilasikLogoA { width: 192px; height: 78px; } .ilasikLogoB { width: 180px; height: 45px; } .ilasikIconA, .ilasikIconB { width: 30px; height: 30px; float: left; margin-right: 5px; } .ilasikIconB { width: 34px; } /* lobob */ #lobobColor { color: #004284; } /* macuhealth */ #macuhealthColor { color: #223a78; } .macuhealthChecklist { width: 700px; height: 482px; } .macuhealthVidStill { width: 500px; height: 303px; } /* ocusoft */ #ocusoftColor { color: #00686f; } .ocusoft, .ocusoftOneColumn { width: 1042px; height: auto; margin-bottom: 25px; } .ocusoft { background-image: url("http://cdna.allaboutvision.com/i/dbdbdb-1x1.png"); background-repeat: repeat-y; background-position: center; } .ocusoft .col1 { width: 48%; float: left; margin: -.8em 0 1.2em 0; } .ocusoft .col2 { width: 48%; float: right; margin: -.8em 0 1.2em 0; } .ocusoft .col1 .imgR, .ocusoft .col2 .imgR { margin: 0 0 0 4px; } .ocusoft hr, .ocusoftOneColumn hr { color: #e3e3e3; background: #e3e3e3; height: 1px; border: 0; clear: both; } #ocusoftForm { width: 100%; color: #00686f; } #ocusoftForm .fLabel { width: 100%; font-weight: bold; line-height: 1.2em; } #ocusoftForm .fBox { width: 100%; font-weight: bold; padding: 5px; vertical-align: top; text-align: center; } #ocusoftForm .fEntry, #ocusoftForm .sEntry { padding: 5px; font-weight: bold; line-height: 1.2em; } /* ogs */ #ogsColor { color: darkred; } .ogsLogo { width: 350px; height: 55px; } /* teens and contacts */ #content #hedTeenCL { width: 700px; height: 168px; } #content #subhedTeenCL { width: 479px; height: 53px; margin: .5em 0 1.5em; } #content #pageTeenCL ul { margin: 0 0 18px 0; } #content #pageTeenCL ul li { list-style: none; background: url('http://cdna.allaboutvision.com/i/cooper-teen-bullet.gif') no-repeat 0 0; padding: 0 0 0 11px; margin: 0; } #content #pageTeenCL .imgL, #content #pageTeenCL .imgR { font-size: .9em; line-height: 1.5em; font-weight: bold; color: #0a4379; z-index: 1; } #pageTeenCL .imgL { float: left; margin: 0 15px 10px 0; } #pageTeenCL .imgR { float: right; margin: 0 0 10px 15px; } .chart .eyesci { color: #b96b0b; font-weight: bold; background: #fff; text-align: left; vertical-align: bottom; } .chart .compet { color: #000; font-weight: bold; background: #efeeeb; text-align: left; vertical-align: bottom; } .chart th.gobLet, .chart td.eyesci, .chart td.compet { padding: 3px; border-right: 1px solid #cfccc3; border-bottom: 1px solid #cfccc3; vertical-align: top } /* ultrahealth */ #uhColor { color: #005daa; } .uhDiag { width: 580px; height: 363px; } /* OTHER SUBPAGE STUFF */ #subpage #content hr { width: 700px; color: #e3e3e3; background: #e3e3e3; height: 1px; border: 0; margin: 26px 0 24px 0; display: block; z-index: 3; } #subpage #content hr.px460 { width: 460px; } .quicktip { color: #4874aa; font-style: italic; font-weight: bold; } .deck { color: #000; font: 1em/1.4em Open Sans,sans-serif; font-weight: bold; } .feed { color: #012f67; font: 1em/1.4em Open Sans,sans-serif; } #subpage .indx a:link, #subpage .indx a:visited { color: #000; font-size: 1.1em; font-weight: bold; text-decoration: none } #subpage #content .indxsub a:link, #subpage #content .indxsub a:visited { color: #000; font-weight: bold; text-decoration: none } #subpage .indx a:hover, #subpage #content .indxsub a:hover { text-decoration: underline } #subpage #content ul.indxsub { padding: 0; margin: 0 0 1.5em 0; } #subpage #content ul.indxsub li { list-style: none; background: url('http://cdna.allaboutvision.com/i/bulorng.gif') no-repeat 0 6px; padding: 0 0 0 12px; margin: 0 0 .4em 0; } #subpage .special { font: bold 11px/14px Open Sans,sans-serif; color: #f88b1a; text-transform: uppercase; } #subpage #content .navminisection { color: #4e4d4d; margin-bottom: 50px; } #subpage #content .navminisection hr { width: 700px; color: #e3e3e3; background: #e3e3e3; height: 1px; border: 0; margin: 26px 0 10px 0; display: block; z-index: 3; } #subpage #content .navminisection #heading { color: #0a4379; font: 1.3em/1.5em Open Sans,sans-serif; margin-bottom: 0; font-weight: bold; } #subpage #content .navminisection #links { color: #4e4d4d; font: 0.9em/1.4em Open Sans,sans-serif; } /*----------------------------------------------------------------- subpage */ fieldset { border: none; } fieldset ul { list-style: none; margin: 0; padding: 0; } fieldset li { position: relative; width: 100%; float: left; margin: 0 0 8px; } fieldset label { position: relative; float: left; width: 105px; } fieldset label.error { position: relative; float: left; left: 8px; width: 100px; color: #c00; } input.txt, input.error { position: relative; float: left; width: 150px; w\idth: 148px; border: 1px solid #7f9db9; z-index: 5; } input.error { border: 1px solid #c00; } li.error { border: 1px solid #c00; background: #fcc; text-align: center; color: #c00; z-index: 5; } /* video learning center */ .vlccontain { width: 100%; } .vlccontain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .vlcbg { width: 700px; } .vlcbg p { font-family: Open Sans, sans-serif; color: #000; font-size: .9em; line-height: 17px; padding: 0 0 0 20px; margin: 0;} .iconpad { padding-top: 5px; } .vlcbottom { width: 700px; float: left; } .vlccol1{ width: 50%; float: left; margin-bottom: 15px; } .vlccol2{ width: 70px; float: left; padding-left: 20px; } .vlccol3{ width: 60%; float: left; } .vlccol4{ width: 60%; float: left; padding-right: 20px; } /* premiums */ .prem, .premOneColumn { width: 1042px; height: auto; margin-bottom: 25px; } .prem { background-image: url("http://cdna.allaboutvision.com/i/dbdbdb-1x1.png"); background-repeat: repeat-y; background-position: center; } .prem .col1 { width: 48%; float: left; margin: -.8em 0 1.2em 0; } .prem .col2 { width: 48%; float: right; margin: -.8em 0 1.2em 0; } .prem .col1 .imgR, .prem .col2 .imgR { margin: 0 0 0 4px; } .prem hr, .premOneColumn hr { width: 1042px; color: #e3e3e3; background: #e3e3e3; height: 1px; border: 0; clear: both; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ *.ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; line-height: 13px; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display: block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget { } .ui-widget-content { background: url(http://cdna.allaboutvision.com/i/video/vlc-promo-bg-open-300x84.gif) 0 0 no-repeat; color: #000; width: 280px; height: 84px; } .ui-state-default, .ui-widget-content .ui-state-default { background: #fff url(http://cdna.allaboutvision.com/i/video/vlc-promo-bg-closed-300x27.gif) 0 0 no-repeat; height: 27px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2272b5; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #ccc url(http://cdna.allaboutvision.com/i/video/vlc-promo-bg-open-300x27.gif) 0 0 no-repeat; height: 27px; } .ui-state-hover a, .ui-state-hover a:hover { color: #2272b5; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active { background: #fff url(http://cdna.allaboutvision.com/i/video/vlc-promo-bg-open-300x27.gif) 0 0 no-repeat; height: 27px; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #2272b5; text-decoration: none; } .ui-icon { width: 16px; height: 16px; background-image: url(http://cdna.allaboutvision.com/i/video/vlc-promo-transparent-4x4.gif); } .ui-widget-content .ui-icon, .ui-widget-header .ui-icon, .ui-state-default .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon { background-image: url(http://cdna.allaboutvision.com/i/video/vlc-promo-transparent-4x4.gif); } .ui-icon-triangle-1-e, .ui-icon-triangle-1-s { background-position: 0 0; } /* tabbed content ---- Most if not all of this relates to visioncorrection-quiz which is live again for client review as of 29 april 2015 */ #subpage #content ul.tabs { list-style:none; list-style-image:none !important;margin:0 0 15px 0 !important; padding:0; height:43px; background: url('http://cdna.allaboutvision.com/i/visioncorrection-quiz/result-tabs-580x86.png') no-repeat 0 0; } #subpage #content ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; list-style: none; background-image: none; } ul.tabs a { font-size:11px; display:block; height: 43px; line-height:43px; color:#333; padding:0px; margin:0px; position:relative; } ul.tabs a:active { outline:none; } #subpage #content ul.tabs #egSolution { background-position: 0 0; width: 146px; z-index: 5; list-style: none; list-style-image: none; } ul.tabs #egSolution a:hover, ul.tabs #egSolution a.current, ul.tabs #egSolution a.current:hover, ul.tabs #egSolution li.current a { background: url('http://cdna.allaboutvision.com/i/visioncorrection-quiz/result-tabs-580x86.png') no-repeat 0 -43px; } #subpage #content ul.tabs #spSolution { background-position: -146px 0; width: 265px; z-index: 5; } ul.tabs #spSolution a:hover, ul.tabs #spSolution a.current, ul.tabs #spSolution a.current:hover, ul.tabs #spSolution li.current a { background: url('http://cdna.allaboutvision.com/i/visioncorrection-quiz/result-tabs-580x86.png') no-repeat -146px -43px; } #subpage #content ul.tabs #clSolution { background-position: -411px 0; width: 169px; z-index: 5; } ul.tabs #clSolution a:hover, ul.tabs #clSolution a.current, ul.tabs #clSolution a.current:hover, ul.tabs #clSolution li.current a { background: url('http://cdna.allaboutvision.com/i/visioncorrection-quiz/result-tabs-580x86.png') no-repeat -411px -43px; } .panes .pane { display:none; } #subpage .panes h2 { font-size: 1.6em; line-height: 2.0em; font-weight: normal; } .panes div { display:none; height: 900px; } /* ColorBox */ #cboxWrapper *{position:static;} #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-overflow-scrolling: touch;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url("http://cdna.allaboutvision.com/i/controls.png") no-repeat 0 0;} #cboxTopCenter{height:14px; background:url("http://cdna.allaboutvision.com/i/border.png") repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url("http://cdna.allaboutvision.com/i/controls.png") no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url("http://cdna.allaboutvision.com/i/controls.png") no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url("http://cdna.allaboutvision.com/i/border.png") repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url("http://cdna.allaboutvision.com/i/controls.png") no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url("http://cdna.allaboutvision.com/i/controls.png") repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url("http://cdna.allaboutvision.com/i/controls.png") repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url("http://cdna.allaboutvision.com/i/loading_background.png") no-repeat center center;} #cboxLoadingGraphic{background:url("http://cdna.allaboutvision.com/i/loading.gif") no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ z-index: 10; *z-index:9999; position:absolute; bottom:-29px; background:url("http://cdna.allaboutvision.com/i/controls.png") no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} .mobileOnly, .mobileAndIpadOnly, .ipadOnly { display: none; } /* Slideshow Pages */ .slideshow-header { position: relative; float: left; width: 890px; } .slideshow-header h1 { width: auto; } .slideshow-header .bx-container { margin-top: -27px; } .slideshow-header .bx-container li { height: 458px; overflow: auto; } .slideshow-header .bx-container li strong { font-weight: bold; font-size: 1.2em; } .slideshow-header .bx-container li p { width: 400px; height: 155px; overflow: auto; } #subpage .slideshow-header #share2 { clear: right; float: right; width: 400px; } #subpage .slideshow-header #share2Pin { clear: right; float: right; margin: -75px 160px 57px 0; } #subpage .slideshow-header #shoeLet { position: absolute !important; left: 490px; bottom: 10px; margin-left: 0; z-index: 70; } #subpage .slideshow-header .bread { position: absolute; top: -6px; font-size: .8em; } #subpage .slideshow-header .bread a { font-weight: normal; } #slideshowPage { width: 700px; } #slideshowPage .bx-container { width: 700px; } #slideshowPage .bx-container ul { width: 700px; list-style: none !important; margin: 0; padding: 0; } #slideshowPage .bx-container li { height: 458px; overflow: auto; list-style: none !important; margin: 0; padding: 0; } #slideshowPage .bx-container img { float: left; left: -10px; width: 462px; height: 428px; } #slideshowPage .bx-container li strong { font-weight: bold; font-size: 1.2em; } #slideshowPage .bx-container li p { width: 218px; overflow: visible; } /*------------------- FreeFind search page */ #freefindpage input { height: 30px; margin-bottom: 2em; } #freefindpage .search-results { font-family: Open Sans, sans-serif; color: #000; } #freefindpage a, #freefindpage .search-results a { font-weight: bold !important; font-size: 14px; } /*------------------- Eye-Doctor page */ #LocDocA img { width: 181px; height: 78px; margin-left: 40px; } #LocDocB { width: 100%; text-align: center; } #LocDocB #logoA { float: left; width: 31%; padding: 5px 5px 0 5px; } #LocDocB #logoB { float: left; width: 32%; padding: 5px 5px 0 5px; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; } #LocDocB #logoC { float: right; width: 32%; padding: 5px 5px 0 5px; } #LocDocB #logoA img { width: 150px; height: 41px; margin-top: 9px; } #LocDocB #logoB img { width: 190px; height: 50px; } #LocDocB #logoC img { width: 124px; height: 46px; margin-top: 4px; } #LocDocB #logoA p { padding: 10px 10px 0 0; margin-bottom: 0; text-align: left; } #LocDocB #logoB p, #LocDocB #logoC p { padding: 10px 10px 0 10px; margin-bottom: 0; text-align: left; } /*------------------- Lens Tints page */ #tintA { width: 184px; height: 55px; } #tintB { width: 275px; height: 55px; } #tintC { width: 86px; height: 55px; } } @media handheld { /* CSS Document */} @media print { @charset "utf-8"; /* Customized theme for All About Vision programmer: Ryan Herndon designer: Steve Bagi layouts: all pages included See bottom for items that should not print Redesigned Aug 2013 and Feb 2015: Steve and Liz */ /* Global */ * { margin: 0; padding: 0; } html { min-height: 100%; margin: 0 0 .1em; } @page{margin:.85in .50in .85in .50in} body { background: #fff; font: /*16px/20px*/14px/20px Open Sans, sans-serif; color: #000; text-align: center; } .small_font { font-size: 11px; line-height: 15px; } .normal_font { font-size: 12px; line-height: 16px; } .large_font { font-size: 13px; line-height: 17px; } body * { position: relative; } /* links */ a:link, a:visited { color: #000; text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } /* Site-wide classes */ .clear { clear: both; } .clearL { clear: left; } .floatR { float: right; } .floatL { float: left; } .alignC { text-align: center; } .alignL { text-align: left; } .alignR { text-align: right; } .hd { position: absolute; z-index: -100; visibility: hidden; } /* hides descriptive text of boxes in case CSS is disabled or not supported */ blockquote { margin-left: 20px; margin-right: 20px; } /*.glossary { color: #359151; }*/ .other { color: #000; } a.def:link, a.def:visited, .glossary, a.def:hover { color: #000; text-decoration: none; border-bottom: 1px dashed #000; } #container { left: 0; width: 100%; margin: 0; text-align: left; z-index: 3; } /* main header */ #header { width: 100%; height: 76px; background: none; } #header #logo { margin-left: 0px; } #footer { float: none !important; left: 0; width: 100%; margin: 0; font-size: 11px; line-height: 14px; } /*----------------------------------------------------------------- home page */ #homepage #right { left: 0; top: 10px; margin: 0 0 10px; float: none !important; width: 100%; } /*----------------------------------------------------------------- home page */ /*----------------------------------------------------------------- subpage */ #subpage #right { float: none !important; width: 100%; } #subpage #right #content { width: 100%; } #subpage h1 { margin: 10px 0 24px; font: bold 31px/35px Bitter, serif; color: #000; } /*#subpage h1 br { display: none;}*/ #subpage h2 { margin: 0 0 18px; font: bold /*18px/22px*/17px/23px Bitter, serif; color: #000; } #subpage h2 br { display: none;} #subpage p, #subpage #content ul, #subpage #content ol { margin: 0 0 15px; } #subpage #content a { font-weight: normal; } #subpage #content ul, #subpage #content ol { margin: 0 0 18px 20px; } #subpage #content ul li { list-style: disc; margin: 0 0 20px 0; } #subpage #content ol li { margin: 0 0 20px 0; } #subpage #content .tight li { list-style: disc; padding: 0 0 0 10px; margin: 0 14px 0 0; } #subpage #content .tightol li { margin: 0; } #subpage .byline { clear: left; margin: 0 0 15px; } .byline a { font-weight: normal; } #subpage .imgL, #subpage .imgLMobileWrap, #subpage .imgC, #subpage .imgR, #subpage .imgRMobileWrap { font-size: 10px; line-height: 14px; font-weight: bold; color: #0000; z-index: 1; } #subpage .imgR.printWrap, #subpage .imgRMobileWrap.printWrap { float: right; padding: 0 0 0 15px; } #subpage .imgL, #subpage .imgLMobileWrap { margin: 0 0 15px 0; } #subpage .imgL.printWrap, #subpage .imgLMobileWrap.printWrap { float: left; padding: 0 15px 0 0; } .imgL img, .imgLMobileWrap img, .imgR img, #subpage .imgRMobileWrap img { margin: 0 0 4px 0; } .imgL.px260, .imgLMobileWrap.px260 { width: 260px; } #subpage #content .imgL a:link, #subpage #content .imgL a:visited, #subpage #content .imgLMobileWrap a:link, #subpage #content .imgLMobileWrap a:visited, #subpage #content .imgC a:link, #subpage #content .imgC a:visited, #subpage #content .imgR a:link, #subpage #content .imgR a:visited, #subpage .imgRMobileWrap a:link, #subpage .imgRMobileWrap a:visited { font-weight: bold; text-decoration: underline; color: #000; } #subpage .imgC { margin: 0; } #subpage #content .imgR, #subpage .imgRMobileWrap { margin: 0 0 15px 0; } .imgR.px140 { width: 140px; } .imgR.px150 { width: 150px; } .imgR.px160 { width: 160px; } .imgR.px170 { width: 170px; } .imgR.px200 { width: 200px; } .imgR.px220 { width: 220px; } .imgR.px230 { width: 230px; } .imgR.px240 { width: 240px; } .imgR.px250 { width: 250px; } .imgR.px260 { width: 260px; } .imgR.px270 { width: 270px; } .imgR.px280 { width: 280px; } .imgR.px299 { width: 299px; } .imgR.px300 { width: 300px; } #subpage .note, #subpage .author, #subpage .update, #subpage #resTop, #subpage #resBtm, #subpage #sbClk, #subpage #sbCtd , #subpage #sbClk2, #subpage #sbCtd2 { font-size: 12px; line-height: 16px; } #subpage .author img { width: 64px; height: 64px; float: left; margin-right: .8em; } #subpage #resTop, #subpage #resBtm, #subpage #sbClk, #subpage #sbCtd , #subpage #sbClk2, #subpage #sbCtd2 { margin-bottom: 14px; } /* sidebars and best candidate boxes */ #subpage #content .sidebarBig, #subpage #content .sidebarMed { font-size: .9em; line-height: 1.3em; font-family: Open Sans, sans-serif; color: #000; border-top: 3px solid #e3e3e3; } #subpage #content .sidebarBig { width: 700px; margin: 0 0 2em; } #subpage #content .sidebarMed { width: 330px; margin: 0 0 0 18px; float: right; } #subpage #content .sidebarBig .top { width: 700px; height: 1px; position: absolute; margin-top: -.3em; border-top: 1px solid #e3e3e3; } #subpage #content .sidebarMed .top { width: 330px; height: 1px; position: absolute; top: 0; left: 0; z-index: 10; } #subpage #content .sidebarBig .bottom { width: 700px; height: 0px; position: absolute; left: 0; bottom: 0; } #subpage #content .sidebarMed .bottom { width: 330px; height: 0px; position: absolute; left: 0; bottom: 0; } #subpage #content .sidebarBig .content { padding-top: 3em; *padding-top: 40px; _padding-top: 40px; z-index: 5; } #subpage #content .sidebarMed .content { padding-top: 3em; *padding-top: 40px; _padding-top: 40px; z-index: 5; } #subpage #content .sidebarBig .content ul li, #subpage #content .sidebarMed .content ul li { padding: 0 0 1.3em 10px; margin: 0; } #subpage #content .sidebarBig .content ul li.last, #subpage #content .sidebarMed .content ul li.last { padding: 0 0 0 10px; margin: 0; } #subpage #content .sidebarBig .content ol li, #subpage #content .sidebarMed .content ol li { padding: 0 0 0 5px; } #subpage #content .sidebarBig .content ol li.last, #subpage #content .sidebarMed .content ol li.last { padding: 0 0 0 5px; } #subpage #content .sidebarBig .content .tight li, #subpage #content .sidebarMed .content .tight li { padding: 0 0 0 10px; margin: 0; } #subpage #content .sidebarBig .content p, #subpage #content .sidebarBig .content ul, #subpage #content .sidebarBig .content ol, #subpage #content .sidebarMed .content p, #subpage #content .sidebarMed .content ul, #subpage #content .sidebarMed .content ol { margin: 1.3em 0; } #subpage #content .sidebarBig a, #subpage #content .sidebarMed a { font-weight: bold; } #subpage #content .sidebarBig a.def:link, #subpage #content .sidebarBig a.def:visited, .glossary, #subpage #content .sidebarMed a.def:link, #subpage #content .sidebarMed a.def:visited, .glossary { color: #000; text-decoration: none; border-bottom: 1px dashed #000; } #subpage #content .sidebarBig a.def:hover, #subpage #content .sidebarMed a.def:hover { text-decoration: none; border-bottom: 1px dashed #188471; } #subpage #content .sidebarBig .head, #subpage #content .sidebarMed .head { width: 700px; height: 23px; position: absolute; margin: 7px 0; font-size: 1.1em; color: #2584d9; text-transform: uppercase; z-index: 15; border-bottom: 1px solid #e3e3e3; } #subpage #content .sidebarMed .head { width: 330px; } #subpage #content .sidebarBig .imgR, #subpage #content .sidebarBig .imgRMobileWrap, #subpage #content .sidebarMed .imgR, #subpage #content .sidebarMed .imgRMobileWrap { float: right; margin: 1.6em 1.3em 10px 15px; z-index: 5; } #subpage #content .sidebarMed .bestCand { font-size: 1.1em; line-height: 1.4em; } #subpage #content .sidebarMed .bestCand p { font-style: italic; margin-top: .2em; } #subpage #content .sidebarMed .bestCand b { color: #000; } /* charts */ .chartContainer { width: 580px; w\idth: 578px; padding: 0px; border: 2px solid #dddddd; margin-bottom: 20px; border-collapse: collapse; } .chartContainer .chartTop { position: absolute; left: 0; top: 0; width: 580px; height: 3px; } .chartContainer .chartBottom { position: absolute; left: 0; bottom: 0; z-index: 1; width: 580px; height: 3px; _margin-bottom: -13px; } .chart { width: 580px; w\idth: 578px; font-size: 11px; line-height: 14px; font-family: Open Sans, sans-serif; display: block; } .chart caption { text-align: left; color: #000; font-size: 11px; font-weight: bold; padding: 3px 12px 3px 12px; text-transform: uppercase; } .chart th { color: #000; font-weight: bold; vertical-align: bottom; } .chart th, .chart td { padding: 3px 12px 3px 12px; vertical-align: top; border-top: 2px solid #dddddd; border-right: 2px solid #dddddd; border-collapse: collapse; } .chart th { vertical-align: bottom; } .chart th.lastCell, .chart td.lastCell, .chart td.lastCellctr, .chart td.note { border-right: none; } .chart td.note { font-size: 11px; line-height: 14px; } .chart th, .chart td.ctr, .chart td.lastCellctr { text-align: center; } /* charts */ /* video learning center code */ .vlccontain { width: 620px; margin-bottom: 25px; } .vlccontain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .vlcbg { width: 620px; } .vlcbg p { font-family: Open Sans, sans-serif; color: #000; font-size: 12px; line-height: 17px; } .iconpad { padding-top: 5px; } .vlcbottom { height: 13px; width: 620px; float: left; } .vlccol1{ width: 290px; float: left; margin-top: 5px; margin-bottom: 10px; } .vlccol2{ width: 70px; float: left; } .vlccol3, .vlccol4{ width: 200px; float: left; padding-left: 15px; } /* video learning center code */ /***************** Email form ***********************/ body#email { background: none; text-align: left; } body#email #menu, body#implantframe #menu { display: none; } #email #container { left: 0; width: 500px; margin: 0; background: none; font-size: 10px; line-height: 14px; } #email #formContainer { position: relative; left: 20px; top: 20px; margin: 0 40px 20px 0; width: 460px; } #email #formContainer input { width: 220px; } #email #formContainer input.error { width: 220px; w\idth: 214px; } #email #formContainer input#send { width: auto; } .error { border: 1px solid #c00; color: #c00; background: #fcc; margin: 1px 0; padding: 0 3px; font-weight: bold; } #content p.quizAnswer { font-weight: normal; margin-left: 25px; } #content .correct { font-weight: bold; } .ratio1, .ratio2 { position: absolute; top: -10px; font-weight:bold; padding: 5px; } /* tooltips */ div#tipDiv { width: 258px; padding: 0 0 25px; } div#tipDiv .callout { position: absolute; left: 100px; bottom: -26px; width: 43px; height: 27px; background: url('http://cdnb.allaboutvision.com/i/definition-callout.png') no-repeat 0 0; } div#tipDiv { width: 258px; w\idth: 234px; padding: 12px; background: #fff; border: 4px solid #2584d9; color: #000; text-align: left; font-size: 10px; line-height: 14px; } /* tooltips */ #subpage #content hr { width: 580px; color: #dddddd; background: #dddddd; height: 1px; border: 0; margin: 26px 0 24px 0; display: block; z-index: 3; } #subpage #content hr.px460 { width: 460px; } .quicktip { font-style: italic; } .deck { color: #000; font: 12px/16px Open Sans,sans-serif; font-weight: bold; } .feed { color: #012f67; font: 11px/15px Open Sans,sans-serif; } #subpage .indx a:link, #subpage .indx a:visited { color: #000000; font: 14px/18px arial,helvetica,sans-serif; font-weight: bold; text-decoration: none } #subpage .indx a:hover, #subpage #content .indxsub a:hover { text-decoration: underline } #subpage #content .indxsub a:link, #subpage #content .indxsub a:visited { color: #000000; font: 12px/16px arial,helvetica,sans-serif; font-weight: bold; text-decoration: none } #subpage #content ul.indxsub { padding: 0; margin: 0 0 1.5em 0; } #subpage #content ul.indxsub li { list-style: disc; margin: 0 0 15px 20px; } #subpage .special { color: #f60; font: 11px/15px verdana,sans-serif; font-weight: bold; text-transform: uppercase; } #subpage #content .navminisection { margin-bottom: 14px; } #subpage #content .navminisection p { color: #000000; font: 10px/14px verdana,sans-serif; margin: 0; } /* newer */ #subpage #content #edP { width: 100%; margin-bottom: 2.7em; font-size: 1em; line-height: 1.5em; } #subpage #content #edP strong { font-style: bold; font-size: 1.05em; text-transform: uppercase; height: 3em; padding: 0; } #subpage #content #edP hr { width: 100%; height: 3px; border: 0; margin: 1px 0 0 0; } #subpage #content #edP img { width: 56px; height: 56px; margin-right: 16px; float: left; } #subpage #content #edP .blurb { top: 8px; } .edPA, .edPC, .edPE, .edPG { float: left; width: 48%; margin-top: 1em; } .edPB, .edPD, .edPF, .edPH { float: right; width: 48%; margin-top: 1em; margin-left: 4%; } /*----------------------------------------------------------------- subpage */ /* Do not print */ .noPrint, #topSearch, #header #topNav, #findIt, #skipNav, #left, #subpage #content #shoeLet, #subpage #content #FlashAd2, #pollArticles, #subpage #sideContent, #subpage #content #moreArticles, #subpage #share2, #subpage #share2Pin, #subpage #share2PinBtm, #subpage #shareContainer, #subpage .quoteR, #footer #footNav, #footer hr, #homepage #right #flash, #homepage #right .monKey, #homepage #right #basics, #homepage #right #learningTools, #homepage #right #hotTopics .bottom, ul.tabbernav, #advertorial #honcode, #advertorial #copyright, #pageControls, .sitePromo, #subpage #sideContent #facebookLikeBox, #content #sharePage li, #askQuestion, #advertorialForm, #ocusoftForm, #subpage .socials, #ceatusPhoneOnly, #promoLasikSurgDirBtm, .mobileOnly, .ipadOnly, #subpage #content #rc, .faqBtn, #exampleHTMLToPage, .imgR.noPrint, .imgRMobileWrap.noPrint, .imgL.noPrint, .imgLMobileWrap.noPrint, /*Start new styles from redesign here*/ .imgL.px330, .imgR.px330, .imgL.px330x220, .imgR.px330x220, .imgC.px330x220, .imgL.px330x244, .imgR.px330x244, .imgC.px330x244, .bread, #footer .nomobile, #footer #footA, #footer #footC, #social, #palmTree, #bK, #fW, #inTup, .inTup { display: none } } /* iPads (portrait and landscape) ------------------------------------------------------------------------------------------------------------------------------------------ */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .ipadOnly { display: inline; } .mobileAndIpadOnly { display: inline; } .noMobileNoIpad { display: none; } #subpage #right { top: 30px; margin: 0 12px 30px 0; float: right; width: 872px; font-size: 1.1em; line-height: 1.6em; font-family: Open Sans, sans-serif; } #subpage #right #content { float: left; width: 543px; _margin-right: 0px; } #subpage h1, #subpage.large_font h1 { margin: 29px 0 18px; font: bold 2.2em/1.1em Bitter, serif; } #subpage h1 br , #subpage h2 br { display: none;} #subpage .category { width: 543px; } #subpage #content .sidebarBig { width: 543px; margin: 0 0 2em; } #subpage #content .sidebarBig .top { width: 543px; height: 1px; position: absolute; margin-top: -.3em; border-top: 1px solid #e3e3e3; } #subpage #content .sidebarBig .bottom { width: 543px; height: 0px; position: absolute; left: 0; bottom: 0; } #subpage #content #edP, #subpage #content #inTup { font-size: .9em; line-height: 1.4em; } #subpage #content #inTup { margin-bottom: 1.8em; } #subpage #content #edP hr { margin: 3px 0 0 0; } #subpage #content #inTup hr { margin: 1em 0 0 0; } #subpage #content #edP img, #subpage #content #inTup img { margin-right: 8px; } #pollArticles strong { margin: 18px 0 18px 18px; font: 400 2.2em/1.2em Bitter, serif; color: #000; } .chartContainer { width: 543px; w\idth: 541px; padding: 0; margin-bottom: 20px; border-top: 3px solid #e3e3e3; font-size: .9em; line-height: 1.4em; font-family: Open Sans, sans-serif; color: #000; } .chartContainer .chartTop { position: absolute; left: 0; top: 0; width: 543px; height: 3px; } .chartContainer .chartBottom { position: absolute; left: 0; bottom: 0; z-index: 1; width: 543px; height: 3px; _margin-bottom: -13px; } .chart { width: 543px; w\idth: 543px; border: none; font-family: Open Sans, sans-serif; display: block; } /* editorial infographics */ .checklistInfographic { width: 543px; height: 982px; } .eyestrainInfographic { width: 543px; height: 1217px; } .myopiaInfographic { width: 543px; height: 2247px; } .smokingInfographic { width: 543px; height: 2077px; } #sideContent #palmTree { width: 300px; margin: 16px 0; font-size: .88em; line-height: 1.2em; background-color: #fff; } #left #palmTree { width: 176px; margin: 16px 0 435px 0; font-size: .9em; line-height: 1.2em; background-color: #fff; } #subpage #content hr { width: 543px; color: #dbdbdb; background: #dbdbdb; height: 1px; border: 0; margin: 26px 0 24px 0; display: block; z-index: 3; } #subpage #content .navminisection hr { width: 543px; color: #dbdbdb; background: #dbdbdb; height: 1px; border: 0; margin: 26px 0 10px 0; display: block; z-index: 3; } .vlcbg { width: 543px; } .vlcbottom { width: 543px; float: left; } .prem, .premOneColumn { width: 872px; height: auto; margin-bottom: 25px; } .prem hr, .premOneColumn hr { width: 872px; color: #e3e3e3; background: #e3e3e3; height: 1px; border: 0; clear: both; } /* clear eyes */ .cleareyesInfographic { width: 543px; height: 1417px; } /* healthy-vision podcasts */ #hvDeck { top: -2em; width: 430px; } #hvCaption { width: 260px; } #hvPod img { width: 260px; height: 130px; } /* ilasik */ .ilasikStudy { width: 108px; height: 174px; } /* macuhealth */ .macuhealthChecklist { width: 543px; height: 381px; } /* ocusoft */ .ocusoft, .ocusoftOneColumn { width: 855px; } #slideshowPage, #slideshowPage .bx-container, #slideshowPage .bx-container ul { width: 543px; } #slideshowPage .bx-container li { height: 320px; } #slideshowPage .bx-container img { width: 305px; height: 283px; } #slideshowPage .bx-container li strong { font-weight: bold; font-size: 1.1em; } #slideshowPage .bx-container li p { width: 218px; height: 283px; overflow: scroll; font-size: .93em; line-height: 1.5em; } /* ultrahealth */ .uhDiag { width: 543px; height: 340px; } /* teens and contacts */ #content #hedTeenCL { width: 543px; height: 130px; } /*------------------- Eye-Doctor page */ #LocDocB #logoC { width: 31%; } #LocDocB #logoA img { width: 130px; height: 36px; } #LocDocB #logoB img { width: 170px; height: 45px; } #LocDocB #logoC img { width: 104px; height: 39px; } } /* Desktops with 1280-wide resolution --------------------------------------------------------------------------------------------------------------- */ @media screen and (min-device-width : 1025px) and (max-device-width : 1280px) { #subpage #right { top: 30px; margin: 0 12px 30px 0; float: right; width: 992px; font-size: 1.1em; line-height: 1.6em; font-family: Open Sans, sans-serif; } #subpage #right #content { float: left; width: 663px; _margin-right: 0px; } #subpage .category { width: 663px; } #subpage #content .sidebarBig { width: 663px; margin: 0 0 2em; } #subpage #content .sidebarBig .top { width: 663px; height: 1px; position: absolute; margin-top: -.3em; border-top: 1px solid #e3e3e3; } #subpage #content .sidebarBig .bottom { width: 663px; height: 0px; position: absolute; left: 0; bottom: 0; } .inTupA { width: 44%; } .inTupB { width: 53%; } .chartContainer { width: 663px; w\idth: 661px; padding: 0; margin-bottom: 20px; border-top: 3px solid #e3e3e3; font-size: .9em; line-height: 1.4em; font-family: Open Sans, sans-serif; color: #000; } .chartContainer .chartTop { position: absolute; left: 0; top: 0; width: 663px; height: 3px; } .chartContainer .chartBottom { position: absolute; left: 0; bottom: 0; z-index: 1; width: 663px; height: 3px; _margin-bottom: -13px; } .chart { width: 663px; w\idth: 663px; border: none; font-family: Open Sans, sans-serif; display: block; } #left #palmTree { width: 206px; margin: 16px 0 435px 0; font-size: .9em; line-height: 1.2em; background-color: #fff; } #subpage #content hr { width: 663px; color: #dbdbdb; background: #dbdbdb; height: 1px; border: 0; margin: 26px 0 24px 0; display: block; z-index: 3; } #subpage #content .navminisection hr { width: 663px; color: #dbdbdb; background: #dbdbdb; height: 1px; border: 0; margin: 26px 0 10px 0; display: block; z-index: 3; } .vlcbg { width: 663px; } .vlcbottom { width: 663px; float: left; } .prem, .premOneColumn { width: 992px; height: auto; margin-bottom: 25px; } .prem hr, .premOneColumn hr { width: 992px; color: #e3e3e3; background: #e3e3e3; height: 1px; border: 0; clear: both; } #slideshowPage, #slideshowPage .bx-container, #slideshowPage .bx-container ul { width: 663px; } #slideshowPage .bx-container img { width: 462px; height: 428px; } #slideshowPage .bx-container li strong { font-weight: bold; font-size: 1.2em; } #slideshowPage .bx-container li p { width: 181px; overflow: visible; } /* clear eyes */ .cleareyesInfographic { width: 663px; height: 1731px; } /* healthy-vision podcasts */ #hvCaption { width: 442px; float: right; } /* macuhealth */ .macuhealthChecklist { width: 663px; height: 466px; } /* ocusoft */ .ocusoft, .ocusoftOneColumn { width: 975px; } /* teens and contacts */ #content #hedTeenCL { width: 663px; height: 159px; } }