/*-------------------------------------------- GLOBALS --------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /*-------------------------------------------- HEADER --------------------------------------------*/ ul#header-checklist { left: 40px; position: absolute; top: 215px; /* z-index: 1000;*/ } ul#header-checklist li { background: url('../_images/bg-checks.gif') no-repeat; color: #0F66A7; font-weight: bold; line-height: 1.4; margin: 0; padding: 0 0 5px 22px; width: 230px; } /*-------------------------------------------- BODY CALLOUTS --------------------------------------------*/ div#body-callout-right { float: right; padding: 0 0 15px 15px; width: 271px; } div#body-callout-right a.cta { background: url('../_images/button-bluegradient.gif') no-repeat; border: none; display: block; height: 44px; margin-top: 10px; padding: 0 0 0 10px; text-decoration: none; } div#body-callout-right a.cta span { background: url('../_images/button-bluegradient.gif') no-repeat right top; color: rgb(255,255,255); display: block; font: 18px Helvetica, Arial, Verdana, sans-serif; height: 35px; padding: 9px 15px 0 0; text-align: center; text-shadow: 0 -1px 0 #07859a; } div#body-callout-right p { color: #808285; padding-right: 15px; text-align: right; } div.callout-clear { margin-right: 290px; } div.callout-clear p.larger-text { font-size: 18px; } /*-------------------------------------------- FORM --------------------------------------------*/ div#col-wrapper { clear: both; padding-top: 10px; } /*-------------------------------------------- SIDEBAR CALLOUTS --------------------------------------------*/ div#content-supporting a.box { color: rgb(80,80,80); display: block; margin: 0 0 20px 22px; text-decoration: none !important; width: 208px; } div#content-supporting a.box span.bottom { background: url('/images/sideboxes/sidebox-bottom.png') no-repeat left bottom; height: 15px; margin-bottom: -1px; } div#content-supporting a.box span { display: block; } div#content-supporting a.box span.href { color: #0F66A7; display: inline; text-decoration: underline; } div#content-supporting a.box:hover span.href { text-decoration: underline; } div#content-supporting a.box span.shimright { float: right; height: 20px; width: 90px; } div#content-supporting a.eyedoctor span.message { font-size: 16px; font-style: italic; font-weight: bold; line-height: 1.1; text-align: center; } div#content-supporting a.eyedoctor span.href { text-decoration: none; } div#content-supporting a.eyedoctor:hover span.href { text-decoration: underline; } div#content-supporting a.gp span.header { background: url('/images/bg-sidebox.gif') no-repeat left top; } div#content-supporting a.moistlenseslarge span.header { background: url('/images/sideboxes/sidebox-moistlenses.gif') no-repeat left top; font-size: 11px; padding: 100px 25px 0 15px; } div#content-supporting a.emagazine span.header { background: url('/images/sideboxes/sidebox-opti.gif') no-repeat left top; font-size: 14px; padding: 125px 25px 0 15px; } div#content-supporting a.be { background: url('/images/sideboxes/be.gif') no-repeat left top; } div#content-supporting a.be span.header { font-size: 14px; padding: 95px 25px 0 15px; } div#content-supporting a.be span.message { font-size: 14px; padding: 0 15px; } div#content-supporting a.be2 { background: url('/images/sideboxes/be.gif') no-repeat left top; } div#content-supporting a.be2 span.message { font-size: 14px; padding: 95px 35px 0 15px; } div#content-supporting a.be3 { background: url('/images/sideboxes/be.gif') no-repeat left top; } div#content-supporting a.be3 span.message { font-size: 14px; padding: 95px 35px 0 15px; } div#content-supporting a.teenscontacts { background: url('/images/sideboxes/teencontacts.gif') no-repeat left top; } div#content-supporting a.teenscontacts span.header { color: #395866; font-size: 20px; font-weight: bold; padding: 10px 0 0 95px; } div#content-supporting a.teenscontacts span.header em { font-size: 14px; font-style: italic; padding-left: 5px; text-transform: uppercase; } div#content-supporting a.teenscontacts span.message { font-size: 15px; padding: 10px 20px 40px 117px; } div#content-supporting a.whycontacts { background: url('/images/sideboxes/whycontacts.gif') no-repeat left top; } div#content-supporting a.whycontacts span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.whycontacts span.message { font-size: 14px; padding: 5px 10px 10px 14px; } div#content-supporting a.whycontacts2 { background: url('/images/sideboxes/whycontacts2.gif') no-repeat left top; } div#content-supporting a.whycontacts2 span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.whycontacts2 span.message { font-size: 14px; padding: 5px 10px 10px 14px; } div#content-supporting a.whycontacts3 { background: url('/images/sideboxes/whycontactssports.gif') no-repeat left top; } div#content-supporting a.whycontacts3 span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.whycontacts3 span.message { font-size: 14px; padding: 5px 10px 10px 14px; } div#content-supporting a.contactsmakeup { background: url('/images/sideboxes/makeup.gif') no-repeat left top; } div#content-supporting a.contactsmakeup span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.contactsmakeup span.message { font-size: 14px; padding: 5px 10px 5px 14px; } div#content-supporting a.atsports { background: url('/images/sideboxes/atsports.gif') no-repeat left top; } div#content-supporting a.atsports span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.atsports span.message { font-size: 14px; padding: 5px 10px 5px 14px; } div#content-supporting a.intheworkplace { background: url('/images/sideboxes/workplacegirl.gif') no-repeat left top; } div#content-supporting a.intheworkplace span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.intheworkplace span.message { font-size: 14px; padding: 5px 10px 5px 14px; } div#content-supporting a.intheworkplace2 { background: url('/images/sideboxes/workplaceguy.gif') no-repeat left top; } div#content-supporting a.intheworkplace2 span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.intheworkplace2 span.message { font-size: 14px; padding: 5px 10px 5px 14px; } div#content-supporting a.duringtravel { background: url('/images/sideboxes/duringtravel.gif') no-repeat left top; } div#content-supporting a.duringtravel span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.duringtravel span.message { font-size: 14px; padding: 5px 10px 5px 14px; } div#content-supporting a.contactsaging { background: url('/images/sideboxes/aging.gif') no-repeat left top; } div#content-supporting a.contactsaging span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.contactsaging span.message { font-size: 14px; padding: 5px 10px 5px 14px; } div#content-supporting a.askanexpert { background: url('/images/sideboxes/askanexpert.gif') no-repeat left top; } div#content-supporting a.askanexpert span.header { color: #0F66A7; font-size: 20px; font-weight: bold; padding: 10px 10px 5px 14px; } div#content-supporting a.askanexpert span.message { font-size: 14px; padding: 85px 10px 0 14px; } div#content-supporting a.seeyourdoctor { background: url('/images/sideboxes/eyedoctor2.gif') no-repeat left top; } div#content-supporting a.seeyourdoctor span.header { font-size: 16px; font-weight: bold; padding: 20px 15px 5px 80px; text-align: right; } div#content-supporting a.seeyourdoctor span.message { font-size: 13px; padding: 5px 15px 20px 80px; text-align: right; } div#content-supporting a.seeyourdoctor3 { background: url('/images/sideboxes/childdoctor.gif') no-repeat left top; } div#content-supporting a.seeyourdoctor3 span.header { font-size: 18px; font-weight: bold; padding: 10px 15px 5px 80px; text-align: right; } div#content-supporting a.seeyourdoctor3 span.message { font-size: 13px; padding: 0 15px 25px 100px; text-align: right; } div#content-supporting a.seeyourdoctor4 { background: url('/images/sideboxes/eyedoctor3.gif') no-repeat left top; } div#content-supporting a.seeyourdoctor4 span.header { color: #22895d; font-size: 20px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.seeyourdoctor4 span.message { font-size: 14px; padding: 5px 10px 10px 14px; } div#content-supporting a.seeyourdoctor5 { background: url('/images/sideboxes/eyedoctor5.gif') no-repeat left top; } div#content-supporting a.seeyourdoctor5 span.header { font-size: 18px; font-weight: bold; padding: 10px 15px 5px 80px; text-align: right; } div#content-supporting a.seeyourdoctor5 span.message { font-size: 13px; padding: 0 15px 25px 90px; text-align: right; } div#content-supporting a.seeyourdoctor6 { background: url('/images/sideboxes/childdoctor.gif') no-repeat left top; } div#content-supporting a.seeyourdoctor6 span.header { font-size: 18px; font-weight: bold; padding: 10px 15px 5px 80px; text-align: right; } div#content-supporting a.seeyourdoctor6 span.message { font-size: 13px; padding: 0 15px 25px 90px; text-align: right; } div#content-supporting a.productquality { background: url('/images/sideboxes/productquality.png') no-repeat left top; } div#content-supporting a.productquality span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 10px 20px 5px 15px; text-align: center; } div#content-supporting a.productquality span.message { font-size: 13px; padding: 10px 15px 10px 100px; } div#content-supporting a.eyeerrors { background: url('/images/sideboxes/stories2.gif') no-repeat left top; } div#content-supporting a.eyeerrors span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.eyeerrors span.header em { font-size: 12px; font-style: italic; } div#content-supporting a.eyeerrors span.message { font-size: 11px; padding: 5px 0 5px 14px; } div#content-supporting a.learningaboutquiz { background: url('/images/sideboxes/quiz.gif') no-repeat left top; } div#content-supporting a.learningaboutquiz span.header { color: #0F66A7; font-size: 18px; font-weight: bold; padding: 10px 30px 5px 14px; } div#content-supporting a.learningaboutquiz span.message { font-size: 14px; padding: 85px 10px 0 14px; } div#content-supporting a.alconcommitment { background: url('/images/sideboxes/commitment.gif') no-repeat left top; } div#content-supporting a.alconcommitment span.message { font-size: 14px; padding: 105px 15px 5px 14px; } div#content-supporting a.corporategiving { background: url('/images/sideboxes/corporate.gif') no-repeat left top; } div#content-supporting a.corporategiving span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.corporategiving span.message { font-size: 14px; padding: 5px 10px 5px 14px; } div#content-supporting a.contactlenssolution { background: url('/images/sideboxes/solution.gif') no-repeat left top; } div#content-supporting a.contactlenssolution span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.contactlenssolution span.message { font-size: 14px; padding: 5px 10px 5px 14px; } div#content-supporting a.cleaningstorage { background: url('/images/sideboxes/cleaningstorage.gif') no-repeat left top; } div#content-supporting a.cleaningstorage span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 85px 10px 0 14px; } div#content-supporting a.cleaningstorage span.message { font-size: 14px; padding: 5px 10px 5px 14px; } div#content-supporting a.systaneultra { background: url('/images/sideboxes/systane.gif') no-repeat left top; } div#content-supporting a.systaneultra span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 35px 10px 0 90px; } div#content-supporting a.systaneultra span.message { font-size: 14px; padding: 5px 10px 70px 90px; } div#content-supporting a.systaneultra2 { background: url('/images/sideboxes/systane.gif') no-repeat left top; } div#content-supporting a.systaneultra2 span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 35px 10px 0 90px; } div#content-supporting a.systaneultra2 span.message { font-size: 14px; padding: 5px 10px 30px 90px; } div#content-supporting a.systaneultra2 span.header { font-size: 15px; } div#content-supporting a.systaneultra2 span.message { font-size: 13px; padding: 5px 10px 30px 90px; } div#content-supporting a.icaps { background: url('/images/sideboxes/icaps.gif') no-repeat left top; } div#content-supporting a.icaps span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 25px 10px 0 90px; } div#content-supporting a.icaps span.message { font-size: 14px; padding: 5px 10px 10px 90px; } div#content-supporting a.seeyourdoctor2 { background: url('/images/sideboxes/eyedoctor1.gif') no-repeat left top; } div#content-supporting a.seeyourdoctor2 span.header { color: #22895d; font-size: 16px; font-weight: bold; padding: 0 15px 0 15px; } div#content-supporting a.seeyourdoctor2 span.message { font-size: 14px; padding: 90px 15px 10px 15px; } div#content-supporting a.seeyourdoctor7 { background: url('/images/sideboxes/eyedoctor1.gif') no-repeat left top; } div#content-supporting a.seeyourdoctor7 span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 90px 25px 0 15px; } div#content-supporting a.seeyourdoctor7 span.message { font-size: 14px; padding: 5px 15px 10px 15px; } div#content-supporting a.replenish { background: url('/images/sideboxes/customerservice.gif') no-repeat left top; } div#content-supporting a.replenish span.header { color: #22895d; font-size: 16px; font-weight: bold; padding: 0 15px 0 15px; } div#content-supporting a.replenish span.message { font-size: 14px; padding: 90px 15px 10px 15px; } div#content-supporting a.fashionableeye { background: url('/images/sideboxes/fashionableeyes.gif') no-repeat left top; } div#content-supporting a.fashionableeye span.header { color: #22895d; font-size: 20px; font-weight: bold; padding: 80px 15px 0 15px; } div#content-supporting a.fashionableeye span.message { font-size: 13px; padding: 5px 90px 10px 15px; } div#content-supporting a.pataday { background: url('/images/sideboxes/pataday.gif') no-repeat left top; } div#content-supporting a.pataday span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 30px 15px 0 105px; } div#content-supporting a.pataday span.message { font-size: 13px; padding: 10px 25px 35px 105px; } div#content-supporting a.contactsandtravel { background: url('/images/sideboxes/sidebar-contactsandtravel.gif') no-repeat left top; } div#content-supporting a.contactsandtravel span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 80px 25px 0 15px; } div#content-supporting a.contactsandtravel span.header em { font-size: 12px; } div#content-supporting a.contactsandtravel span.message { font-size: 13px; padding: 0 0 10px 15px; } div#content-supporting a.understandingcontacts { background: url('/images/sideboxes/understandingcontacts.gif') no-repeat left top; } div#content-supporting a.understandingcontacts span.header { color: #22895d; font-size: 18px; font-weight: bold; padding: 80px 25px 0 15px; } div#content-supporting a.understandingcontacts span.message { font-size: 13px; padding: 0 15px 10px 15px; } /*-------------------------------------------- FOOTER CALLOUTS --------------------------------------------*/ div#content-additional a.ftrbox { background: transparent; color: #808184; display: block; float: left; /* font-size: 95%;*/ margin: 0 10px 0 0; padding: 0; text-decoration: none; width: 325px; } div#content-additional a.ftrbox span { display: block; } div#content-additional a.ftrbox span.header { font-weight: bold; } div#content-additional a.ftrbox span.message { padding-top: 5px; } div#content-additional a.ftrbox span.href { color: #00954A; display: inline; text-decoration: underline; } /*div#content-additional a.ftrbox:hover span.href { text-decoration: none; }*/ div#content-additional a.ftrbox span.image { float: left; margin: 0; padding: 0; } div#content-additional a.optibe { background: transparent url('/images/footerboxes/opti-be.png') 0 0 no-repeat; padding: 12px 20px 0 15px; width: 290px;} div#content-additional a.optibe span.header { margin-left: 100px; } div#content-additional a.optibe span.message { text-align: center; padding: 0 65px; } div#content-additional a.optieyecolor { background: transparent url('/images/footerboxes/opti-eyecolor.png') 0 0 no-repeat; padding: 12px 20px 0 20px; width: 285px;} div#content-additional a.optieyecolor span.header { color:#00954A; padding-top: 58px; } div#content-additional a.optieyecolor span.message { width: 185px; } div#content-additional a.privateeye { background: transparent url('../_images/footer-callout-privateeye.png') 0 0 no-repeat; height: 55px; padding: 70px 120px 0 20px; width: 185px; } div#content-additional a.fashionable { background: transparent url('../_images/footer-callout-fashionable.png') 0 0 no-repeat; height: 55px; padding: 70px 125px 0 20px; width: 180px; } div#content-additional a.optiparty {background: transparent url('/images/footerboxes/opti-officeparty.png') 0 0 no-repeat;padding: 12px 20px 0 20px;width: 285px;} div#content-additional a.optiparty span.header { color:#00954A; padding-top: 58px; } div#content-additional a.oldschool { background: transparent url('../_images/footer-callout-oldschool.png') 0 0 no-repeat; height: 55px; padding: 70px 100px 0 20px; width: 185px; } div#content-additional a.AdventureGirl { background: transparent url('../_images/footer-callout-AdventureGirl.png') 0 0 no-repeat; height: 55px; padding: 70px 120px 0 20px; width: 185px; } div#content-additional a.busyDay { background: transparent url('../_images/fc-busyday.png') 0 0 no-repeat; height: 55px; padding: 70px 120px 0 20px; width: 185px; } div#content-additional a.costumes { background: transparent url('../_images/footer-callout-costumes.png') 0 0 no-repeat; height: 55px; padding: 70px 125px 0 20px; width: 180px; } div#content-additional div.musictoeyes { background: transparent url('../_images/footer-callout-musictoears.png') 0 0 no-repeat; height: 75px; padding: 50px 120px 0 15px; width: 190px; } div#content-additional a.prodexpress, div#content-additional a.prodreplenish, div#content-additional a.prodrewetting, div#content-additional a.prodsupraclens, div#content-additional a.prodgp { background: transparent url('/images/footerboxes/pb.png') 0 0 no-repeat; padding: 12px 20px 0 15px; width: 290px; } div#content-additional a.prodexpress span.header, div#content-additional a.prodreplenish span.header, div#content-additional a.prodrewetting span.header, div#content-additional a.prodsupraclens span.header, div#content-additional a.prodgp span.header { color: #fff; font-size: 115%; margin: 0 0 0 15px; text-align: center; } div#content-additional a.prodexpress span.message, div#content-additional a.prodreplenish span.message, div#content-additional a.prodrewetting span.message, div#content-additional a.prodsupraclens span.message, div#content-additional a.prodgp span.message { margin: 20px 0 0 0; padding: 0; } div#content-additional a.prodgp span.header { margin: 0 0 20px 0 !important; } div#content-additional a.prodrewetting span.header { font-size: 12px; } div#content-additional a.prodsupraclens span.header { font-size: 11px; } div#content-additional a.featcommitted { background: transparent url('/images/footerboxes/fp-alconcommitment.png') 0 0 no-repeat; min-height: 83px; padding: 55px 0 0 20px; width: 302px; } div#content-additional a.featcommitted span.header { color: #fff; margin: 0 0 30px 56px; } div#content-additional a.featcommitted span.message img { margin: 0 0 8px 0; } div#content-additional a.featicaps span.header, div#content-additional a.featpataday span.header, div#content-additional a.featsystane span.header { color: #fff; margin: 0 0 10px 56px; } div#content-additional a.featicaps span.image, div#content-additional a.featpataday span.image, div#content-additional a.featsystane span.image { display: inline; float: left; margin: 0 10px 0 0; padding: 0; } div#content-additional a.featicaps span.message, div#content-additional a.featpataday span.message, div#content-additional a.featsystane span.message {padding: 10px 8px 0 0;margin: 0;} div#content-additional a.featicaps {background: transparent url('/images/footerboxes/fp-icaps.png') 0 0 no-repeat;padding: 13px 0 0 20px;width: 302px} div#content-additional a.featicaps span.message, div#content-additional a.featpataday span.message, div#content-additional a.featsystane span.message { padding: 10px 8px 0 0; margin: 0; } div#content-additional a.featpataday { background: transparent url('/images/footerboxes/fp-pataday.png') 0 0 no-repeat; padding: 13px 0 0 20px; width: 302px; } div#content-additional a.featsystane {background: transparent url('/images/footerboxes/fp-systane.png') 0 0 no-repeat;padding: 13px 20px 0 20px;width: 282px} div#content-additional a.feattellfriend {background: transparent url('/images/footerboxes/fp-tellfriend.png') 0 0 no-repeat;padding: 13px 20px 0 20px;width: 282px} div#content-additional a.feattellfriend span.header {color: #fff;margin: 0 0 10px 56px;} div#content-additional a.feattellfriend span.message {padding: 10px 0 0 140px;}