/* Author: Justin Prahst - Rosetta, Inc Date: 6/17/2010 target red color:#cc0000; dark gray color:#333; light gray color:#999; _element targets ie6 browser *element targets ie7 browser */ /************************ CONSTANT CLASSES :: START **********************/ body {font-size:0.7125em;font-family:Helvetica, Arial, sans-serif;} body select {border:1px solid #666;} select#year {width:47px;width:52px\9;}/*ie 6, 7, and 8 are 52px, and every other browser is set to 47px*/ .red {color:#CC0000;} span.red a {color:#CC0000;} span.carrot {padding:1px 0px 0px 5px;} .bold {font-weight:bold;} .font18 {font-size:1.636em;} .font12 {font-size:1.091em;} p.findtext {width:600px;font-size:1.091em;color:#333;line-height:18px;margin:20px 0px 0px 0px;} h3 {font-size:1.273em;color:#4e4e4e;font-weight:bold;} span.searchkickbackred {color:#CC0000;font-weight:bold;padding-left:5px;} p.searchkick {margin:20px 0px 10px 0px;font-size:1.091em;} .clearfix:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;} .clearfix {display: none; padding:0px; margin:0px;} #appointmentHolder { float: right; width: 280px; height:auto; margin:3px 10px 0px 0px; padding-right:20px; border:1px solid #CCC;padding:15px; -webkit-box-shadow: 4px 4px 4px #cccccc; -moz-box-shadow: 4px 4px 4px #cccccc; box-shadow: 4px 4px 4px #cccccc; position:relative; } #applistArrow { background-image:url(../images/image_grayarrow.jpg); background-repeat:no-repeat; width:22px; height:54px; position:absolute; left: -21px; top:50px; } #appointmentList {float:left;position:relative;clear:both;width:280px;padding-top:15px;} #appointmentlist .applistholder {float:left;position:relative;clear:both;width:280px;padding:4px 0px;} #appointmentlist .applistholder p {float:left;height:auto;color:#666;width:170px;} #appointmentlist .applistholder input {float:right;position:relative;} button.submitButton {background:url(../images/btn_select_time.jpg); background-repeat:no-repeat;width:87px;height:19px;border:none;cursor:pointer;margin-right:20px;margin-left:6px;display: block; text-indent: -99999px; overflow: hidden;} /************************* Button ID's and classes :: START **********************/ #submitcontact {background:url(../images/btn_submit.jpg);width:75px;height:25px;border:none;cursorointer;clear:both;margin-left:120px;} #scheduleanother {background:url(../images/btn_schedule_another.jpg);width:181px;height:27px;border:none;cursor:pointer;clear:both;} #registernewuser {background:url(../images/btn_register.jpg);width:75px;height:25px;border:none;cursor:pointer;clear:both;} #signin {background:url(../images/btn_sign_in.jpg);width:75px;height:25px;border:none;cursor:pointer;clear:both;} #submit {background:url(../images/btn_submit.jpg);width:75px;height:25px;border:none;cursor:pointer;clear:both;} #continue {background:url(../images/btn_continue.jpg);width:75px;height:25px;border:none;cursor:pointer;clear:both;float:left;} #gotoaccount {background:url(../images/btn_gotoaccount.jpg);width:145px;height:27px;border:none;cursor:pointer;clear:both;} #rescheduleexam {background:url(../images/btn_rescheduleexam.jpg);width:145px;height:23px;border:none;cursor:pointer;clear:both;margin-bottom:4px;} #cancelexam {background:url(../images/btn_cancelexam.jpg);width:145px;height:23px;border:none;cursor:pointer;clear:both;float:left;} #close {background:url(../images/btn_close.jpg);width:53px;height:19px;border:none;cursor:pointer;clear:both;float:left;} #scheduleeyeexam {background:url(../images/btn_scheduleeyeexam.jpg);width:145px;height:23px;border:none;cursor:pointer;clear:both;float:right;margin-right:5px;} #confirmexam {background:url(../images/btn_confirmexam.jpg);width:145px;height:23px;border:none;cursor:pointer;clear:both;} #addpatient {background:url(../images/btn_addpatient.jpg);width:145px;height:23px;border:none;cursor:pointer;clear:both;float:right;margin-right:5px;} #save {background:url(../images/btn_save.jpg);width:83px;height:23px;border:none;cursor:pointer;clear:both;float:left;} #changeemail-button {background:url(../images/btn_changeemail.jpg);width:145px;height:23px;border:none;cursor:pointer;clear:both;margin-top:5px;} #changepassword-button {background:url(../images/btn_changepassword.jpg);width:145px;height:23px;border:none;cursor:pointer;clear:both;margin-top:10px;} #directionsgo {background:url(../images/btn_go.jpg);background-repeat:no-repeat;width:50px;height:25px;border:none;cursor:pointer;position:relative;float:left;} #go {background:url(../images/btn_go.jpg);width:50px;height:25px;border:none;cursor:pointer;float:left;position:relative; margin-left: 1em; margin-top: 5px;} #emailoffersgo {background:url(../images/btn_go.jpg);width:50px;height:25px;border:none;cursor:pointer;float:left;position:relative;margin-top: 1em;} #searchForm #go {background:url(../images/btn_findstore.jpg);width:89px;height:19px;border:none;cursor:pointer;float:left;position:relative;margin-top:5px;} #cancel {background:url(../images/btn_cancel.jpg);background-repeat:no-repeat;width:73px;height:19px;border:none;cursor:pointer;float:left;margin-top:0px;} #scheduleeyeexamstore {background:url(../images/btn_scheduleeyeexam_store.jpg);width:136px;height:26px;border:none;cursor:pointer;clear:both;margin-top:10px;} /************************* Button ID's and classes :: END **********************/ /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /************************ CONSTANT CLASSES :: END **********************/ /************************ HEADER -- HEADER :: START **********************/ #wrapper {width:938px;height:auto;margin:0px auto 0px auto;/*padding:0px 10px;*/} #headerto {width:938px;height:168px;;position:relative;} #headerto #headertop {width:938px;height:auto;position:relative;} #headerto #hleft {width:400px;position:relative;float:left;height:100px;} #headerto .logo {position:relative;float:left;width:265px;height:57px;margin:30px 0px 0px 0px;} #headerto #hright {width:500px;position:relative;float:right;height:100px;z-index:5;} #headerto #hright ul.topnav {float:right;position:relative;height:17px;margin:15px 0px 0px 0px;z-index:6;} #headerto #hright ul.topnav li {float:left;position:relative;display:block;border-right:1px solid #CC0000;padding:.154em .492em;*padding:.154em .692em;_padding:.154em .692em;} #headerto #hright ul.topnav li a {color:#CC0000;font-size:1em;text-decoration:none;} #headerto #hright ul.topnav li.norightborder {border-right:none;} #headerto #hright .scheduleexam {float:left;clear:both;width:500px;height:53px;margin:10px 0px 0px 0px;} #headerto #hright .scheduleexam img {float:right;position:relative;} #headerto .mainnav {position:relative;float:left;width:938px;height:58px;background-image:url(../images/bg_main_nav.jpg);background-repeat:no-repeat;margin:10px 0px 0px 0px;*margin:0px 0px 0px 0px;} #headerto .mainnav ul {float:left;position:relative;width:450px;margin:12px 0px 0px 0px;} #headerto .mainnav ul.eyecare {margin-left:10px;width:460px;_width:430px;} #headerto .mainnav p {font-size:1.182em;font-weight:bold;color:#333;width:100%;padding:0px 0px 6px 0px;} #headerto .mainnav ul li ul li{float:left;border-right:1px solid #999;padding:0px 8px;} #headerto .mainnav ul li#noleftpadding {padding-left:0px;} #headerto .mainnav ul li.norightborder {border-right:none;} #headerto .mainnav ul li ul {margin:7px 0px 0px 0px;} #headerto .mainnav ul li ul li a {color:#999;text-decoration:none;font-weight:normal!important;} #headerto .mainnav ul li ul li a:hover {color:#CC0000;text-decoration:none;} #headerto .mainnav ul li ul li a.boldred {font-weight:bold;color:#CC0000;} #headerto .mainnav ul li.listheader {font-size:1.182em;font-weight:bold;color:#333;width:100%;padding:0px 0px 6px 10px;border-right:none!important;} #headerexam {width:938px;height:95px;position:relative;} #headerexam #examtop {width:938px;height:70px;position:relative;padding-bottom:20px;border-bottom:1px solid #d7d7d7;clear:both;} #headerexam #examtop #left {float:left;position:relative;margin:24px 0px 0px 0px;} #headerexam #examtop #left p span.opttext {color:#CC0000;font-size:2.5em;font-weight:bold;text-transform:uppercase;} #headerexam #examtop #left p {color:#CC0000;font-size:1.2em;letter-spacing:.181em;text-transform:uppercase;} #headerexam #examtop #right {float:right;position:relative;} #headerexam #examtop #right ul.topnavexam {float:right;position:relative;width:260px;height:17px;margin:15px 0px 0px 0px;} #headerexam #examtop #right ul.topnavexam li {float:left;position:relative;display:block;border-right:1px solid #CC0000;padding:2px 9px;} #headerexam #examtop #right ul.topnavexam li a {color:#CC0000;font-size:1em;text-decoration:none;} #headerexam #examtop #right ul.topnavexam li.norightborder {border-right:none;} #headerexam #examtop #right ul.topnavexam li#opticalhome {background-image:url(../images/icon_optical_home_small.jpg);background-repeat:no-repeat;background-position:left;} #headerexam #examtop #right ul.topnavexam li#opticalhome a {padding:0px 0px 0px 12px;} #headerexam #examtop #right p.username {float:left;clear:both;position:relative;width:100%;} #headerexam #examtop #right p.username span.signout {} #breadcrumb {position:relative;width:938px;float:left;clear:both;margin:10px 0px 10px 0px;} #breadcrumb ul {float:left;position:relative;width:100%;height:auto;} #breadcrumb ul li {margin:4px 5px;float:left;} #breadcrumb ul li a {color:#333;text-decoration:underline;} ul#hometopads {position:relative;width:938px;float:left;clear:both;margin:15px 0px 0px 0px;} ul#hometopads li.half {width:469px;float:left;height:48px;position:relative;} ul#hometopads li.half_right {width:460px;float:right;height:48px;position:relative;margin-left:9px;} ul#hometopads .fiftyoff {float:left;position:relative;margin:8px 0px 0px 400px;_margin:8px 0px 0px 240px;} ul#hometopads .fiftyoff p {font-size:1.545em;} ul#hometopads .print {float:left;position:relative;margin:8px 0px 0px 250px;_margin:8px 0px 0px 165px;} /************************ HEADER -- HEADER :: END **********************/ /************************ FOOTER -- FOOTER :: START **********************/ ul.bottomnav {float:right;position:relative;width:550px;height:17px;margin:15px 0px 0px 0px;} ul.bottomnav li {float:left;position:relative;display:block;border-right:1px solid #CC0000;padding:2px 9px;} ul.bottomnav li a {color:#CC0000;font-size:1em;text-decoration:none;} ul.bottomnav li.norightborder {border-right:none;} /************************ FOOTER -- FOOTER :: END **********************/ /************************ CONTENT -- CONTENT :: START **********************/ #content {width:938px;height:auto;position:relative;clear:both;margin:0px 0px 0px 0px;} #content #helpDiv {display:none;} #content #contentholder {width:910px;height:auto;position:relative;margin:1.915em auto 0px auto;} #content #homesidebar {width:230px;float:left;position:relative;height:auto;} #content #homesidebar .sidenavholder {width:220px;float:left;position:relative;height:auto;margin:5px 0px 0px 0px;padding:0px 0px 0px 10px;} #content #homesidebar .sidenavholder p {padding:15px 0px 12px 0px;} #content #homesidebar .sidenavholder p a.darkgraybig {font-size:16px;color:#333;text-decoration:none;clear:both;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} #content #homesidebar .sidenavholder p a.graysmall {font-size:1.273em;color:#999;text-decoration:underline;clear:both;} #content #homesidebar .contactsorglasses {width:230px;height:auto;float:left;position:relative;margin:40px 0px 0px 0px;padding:0px 0px 0px 0px;clear:both;} #content #homesidebar .contactsorglasses h2 {font-size:2.082em;line-height:24px;margin:14px 0px 0px 5px;} #content #homesidebar .contactsorglasses p {font-size:1.273em;color:#333;margin:10px 0px 0px 5px;} #content #homesidebar .contactsorglasses p.view {padding:17px 0px 0px 2px;clear:both;} #content #homesidebar .contactsorglasses p.view a {color:#CC0000; font-weight:bold;text-decoration:none;font-size:0.7125em;} #content #homesidebar .specials {width:230px;height:284px;float:left;position:relative;margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;clear:both;background:url(../images/specials_new.jpg);} #content #homesidebar .specials h2, #content #homesidebar .specials h3{font-size:2.1em;font-weight:bold;color:#666;margin:2px 0px 0px 65px;} #content #homesidebar .specials p {font-size:1.15em;color:#FFF;clear:both;margin:198px 0px 3px 5px;width:220px;text-align:center;} #content #homesidebar .specials a {font-weight:bold;text-decoration:none;color:#FFF;text-align:center;padding:0px 0px 0px 75px;} /* Added on 7/8/2010 by Justin - Mainly styles for the home page middle, content pages, and the footer ----------------------------------------------------------------------------------------------------------------- */ #content #homemiddle {float:right;position:relative;width:680px;height:auto;margin:0px 0px 0px 0px;} #content #homemiddle #rotator {width:680px;height:330px;float:left;position:relative;} #content #homemiddle #rotator .eachframe {width:680px;height:330px;} #content #homemiddle #rotator h1 {position:relative;margin:15px 15px;font-size:33.15px;color:#CC0000;font-weight:bolder;width:400px;font-family:Helvetica, Arial, sans-serif;line-height:45px;float:left;} #content #homemiddle #rotator p {position:relative;float:left;clear;both;margin:0px 0px 0px 15px;clear:both;} #content #homemiddle #rotator p a {font-size:22px;color:#CC0000;font-family:Helvetica, Arial, sans-serif;font-weight:bold;text-decoration:none;} #content #homemiddle #rotator p.smallh1 {font-size:2.727em;font-weight:normal;line-height:36px;padding-top:5px;} #content #homemiddle #rotator p.shopcontacts {position:absolute;top:200px;left:30px;width:220px;line-height:45px;} #content #homemiddle #rotator p.shopcontacts a {font-size:2.182em;color:#CC0000;font-weight:bold;text-decoration:none;} #content #homemiddle #rotator .eachframe h1 {position:relative;margin:15px 15px;font-size:33.15px;color:#CC0000;font-weight:bolder;width:400px;font-family:Helvetica, Arial, sans-serif;line-height:45px;float:left;} #content #homemiddle #rotator .eachframe p {position:relative;float:left;clear;both;margin:0px 0px 0px 15px;clear:both;} #content #homemiddle #rotator .eachframe p a {font-size:22px;color:#CC0000;font-family:Helvetica, Arial, sans-serif;font-weight:bold;text-decoration:none;} #content #homemiddle #rotator .eachframe p.smallh1 {font-size:2.727em;font-weight:normal;line-height:36px;padding-top:5px;} #content #homemiddle #rotator .eachframe p.shopcontacts {position:absolute;top:200px;left:30px;width:220px;line-height:45px;} #content #homemiddle #rotator .eachframe p.shopcontacts a {font-size:2.182em;color:#CC0000;font-weight:bold;text-decoration:none;} #content #homemiddle #columnthree {float:left;clear:both;position:relative;width:680px;height:auto;margin:30px 0px 0px 0px;} #content #homemiddle #columnthree .threecol {float:left;position:relative;width:205px;padding:10px 10px 0px 10px;height:auto;} #content #homemiddle #columnthree .threecol.one {} #content #homemiddle #columnthree .threecol.two {} #content #homemiddle #columnthree .threecol.three {} #content #homemiddle #columnthree .threecol h3 {font-size:1.391em;font-weight:bold;color:#333;text-align:center;} #content #homemiddle #columnthree .threecol p {clear:both;margin:92px 0px 0px 0px;text-align:center;color:#333;font-size:.925em;} #content #homemiddle #columnthree .threecol p.link {margin:0px 0px 0px 0px!important;text-align:center;} #content #homemiddle #columnthree .threecol p.link a {color:#CC0000;font-size:.925em;text-decoration:none;padding:5px 0px 5px 0px;font-weight:bold;} #content #homemiddle #columnthree .threecol p.gray18 {color:#333;font-size:1.636em;text-align:center;padding-bottom:10px;} #content #homemiddle #columnthree .threecol p.red18 {color:#CC0000;font-size:1.636em;text-align:center;padding-bottom:10px;} #content #homemiddle #learnabout {float:left;clear:both;position:relative;width:680px;height:auto;margin:30px 0px 0px 0px;} #content #homemiddle #learnabout p {font-size:1.636em;color:#333;float:left;width:130px;padding-top:4px;} #content #homemiddle #learnabout .targeticon {float:left;position:relative;} #content #homemiddle #ourprofessionals {width:680px;height:auto;float:left;clear:both;position:relative;margin:17px 0px 0px 0px;} #content #homemiddle #ourprofessionals p.prof {font-size:3.273em;color:#333;font-weight:bold;padding-left:15px;} #content #homemiddle #ourprofessionals p.desc {font-size:1.182em;line-height:20px;width:350px;padding:13px 0px 10px 0px;padding-left:15px;} #content #homemiddle #ourprofessionals p.details a {color:#CC0000;font-size:1.182em;font-weight:bold;text-decoration:none;padding-left:15px;} #content #homemiddle .ctempholder {width:680px;height:auto;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;} #content #homemiddle .ctempholdermain {width:680px;height:auto;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;} #content #homemiddle .ctempholdermain.aboutimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/About.jpg);} #content #homemiddle .ctempholdermain.annualexamimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/whyregularexams_main.jpg);} #content #homemiddle .ctempholdermain.choosingframesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/Choosing-frames.jpg);} #content #homemiddle .ctempholdermain.choosinglensesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/choosinglenses_main.jpg);} #content #homemiddle .ctempholdermain.commoneyeproblemsimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/common-eye-problems.jpg);} #content #homemiddle .ctempholdermain.eyeexamsimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/eyeexams_main.jpg);} #content #homemiddle .ctempholdermain.careforglassesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/careforglasses.jpg);} #content #homemiddle .ctempholdermain.eyeglasseslensesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/eyeglasseslenses_main.jpg);} #content #homemiddle .ctempholdermain.eyehealthimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/eyehealth_main.jpg);} #content #homemiddle .ctempholdermain.eyewearlensesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/lenses_main.jpg);} #content #homemiddle .ctempholdermain.insuranceimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/insurancehelp_main.jpg);} #content #homemiddle .ctempholdermain.kidsframesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/kids-frames.jpg);} #content #homemiddle .ctempholdermain.mensframesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/mens-frames.jpg);} #content #homemiddle .ctempholdermain.menssunglassesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/Sunglasses-mens.jpg);} #content #homemiddle .ctempholdermain.whattoexpectimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/what-to-expect.jpg);} #content #homemiddle .ctempholdermain.prescriptionsunglassesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/Sunglasses.jpg);} #content #homemiddle .ctempholdermain.preventativeimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/Preventative.jpg);} #content #homemiddle .ctempholdermain.womensframesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/main_womens_frames.jpg);} #content #homemiddle .ctempholdermain.womenssunglassesimg {width:680px;height:250px;*height:250px;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;border-bottom:1px solid #CCC;background:url(../images/Sunglasses-womens.jpg);} #content #homemiddle .ctempholdermain .textholdermain {position:absolute;top:10px;left:15px;} #content #homemiddle .ctempholdermain .textholdermain h1 {position:relative;font-size:33.15px;color:#FFF;font-weight:bolder;width:365px;font-family:Helvetica, Arial, sans-serif;line-height:40px;margin:0px 0px 19px 0px;} #content #homemiddle .ctempholdermain .textholdermain p {position:relative;font-size:1.1em;color:#FFF;width:335px;font-family:Helvetica, Arial, sans-serif;clear:both;} #content #homemiddle .ctempholder .left {width:325px;height:auto;float:left;position:relative;margin:30px 0px 0px 0px;padding-right:15px;} #content #homemiddle .ctempholder .right {width:325px;height:auto;float:right;position:relative;margin:30px 0px 0px 0px;padding-left:15px;} #content #homemiddle .ctempholder_offers {width:680px;height:auto;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;} #content #homemiddle .ctempholder_offers h1 {position:absolute;top:10px;left:0px;font-size:33.15px;color:#CC0000;font-weight:bolder;width:335px;font-family:Helvetica, Arial, sans-serif;line-height:45px;} #content #homemiddle .ctempholder_offers p {position:absolute;top:150px;left:0px;font-size:1.1em;color:#666;width:335px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;} #content #homemiddle .ctextholder {width:680px;height:auto;float:left;position:relative;clear:both;border-bottom:1px solid #d7d7d7;margin:40px 0px 0px 0px;padding-bottom:30px;} #content #homemiddle .ctextholder h1 {font-size:2.182em;color:#000;font-weight:bold;padding-bottom:10px;} #content #homemiddle .ctextholder h2 {font-size:2.182em;color:#000;font-weight:bold;padding-bottom:10px;} #content #homemiddle .ctextholder .left {width:325px;height:auto;float:left;position:relative;margin:20px 0px 0px 0px;padding-right:15px;} #content #homemiddle .ctextholder .right {width:325px;height:auto;float:right;position:relative;margin:20px 0px 0px 0px;padding-left:15px;} #content #homemiddle .ctextholder p {line-height:18px;font-size:1.182em;color:#333;} #content #homemiddle .ctextholder p.subhead {line-height:18px;font-size:1.182em;color:#000;font-weight:bold;padding-top:25px;padding-bottom:10px;} #content #homemiddle .ctempholderlinks h2.offers {color:#000;font-size:2em;padding-top:8px;} #content #homemiddle .ctempholderlinks p.offerstext {color:#666;font-size:1.225em;margin-top:8px;} #content #homemiddle .ctempholderlinks {width:680px;height:auto;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;} #content #homemiddle .ctempholderlinks .left {width:325px;height:auto;float:left;position:relative;margin:30px 15px 0px 0px;border-bottom:1px solid #CCC;} #content #homemiddle .ctempholderlinks .left.schedule {background:url(../images/2.2.0_spot1.jpg);width:325px;height:160px;} #content #homemiddle .ctempholderlinks .left.womensunglasses {background:url(../images/3.0_promo_w.jpg);width:325px;height:160px;} #content #homemiddle .ctempholderlinks .left.womenframes {background:url(../images/womframesad_spot1.jpg);width:325px;height:160px;} #content #homemiddle .ctempholderlinks .left.wink {background:url(../images/0.3_spot1.jpg);width:325px;height:160px;} #content #homemiddle .ctempholderlinks .right.wink {background:url(../images/0.3_spot1.jpg);width:325px;height:160px;} #content #homemiddle .ctempholderlinks .left p {font-size:1.05em;color:#666;line-height:17px;margin:8px 0px 3px 0px;padding-bottom:8px;} #content #homemiddle .ctempholderlinks .left a {font-size:1em;color:#CC0000;line-height:17px;font-weight:bold;text-decoration:none;} #content #homemiddle .ctempholderlinks .left h2 {color:#000;font-size:2em;} #content #homemiddle .ctempholderlinks .left h2.smaller {color:#000;font-size:1.6em;margin:10px 0px 0px 0px;} #content #homemiddle .ctempholderlinks .left h3.smaller {color:#000;font-size:1.6em;margin:10px 0px 0px 0px;font-weight:normal;} #content #homemiddle .ctempholderlinks .right {width:325px;height:auto;float:right;position:relative;margin:30px 0px 0px 10px;border-bottom:1px solid #CCC;} #content #homemiddle .ctempholderlinks .right p {font-size:1.05em;color:#666;line-height:17px;margin:8px 0px 3px 0px;padding-bottom:8px;} #content #homemiddle .ctempholderlinks .right a {font-size:1em;color:#CC0000;line-height:17px;font-weight:bold;text-decoration:none;} #content #homemiddle .ctempholderlinks .right h2 {color:#000;font-size:2em;} #content #homemiddle .ctempholderlinks .right h2.smaller {color:#000;font-size:1.6em;margin:10px 0px 0px 0px;} #content #homemiddle .ctempholderlinks .right h3.smaller {color:#000;font-size:1.6em;margin:10px 0px 0px 0px;font-weight:normal} #content #homemiddle .ctempholderlinks .right.shoplenses {background:url(../images/5.0_spot2.jpg);width:325px;height:160px;} #content #homemiddle .ctempholderlinks .right.mensunglasses {background:url(../images/3.0_promo_m.jpg);width:325px;height:160px;} #content #homemiddle .ctempholderlinks .right.menframes {background:url(../images/menframesad_spot2.jpg);width:325px;height:160px;} #content #homemiddle .ctempholderlinks .right.framed {background:url(../images/0.3_spot2.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks .left {width:325px;height:auto;float:left;position:relative;margin:30px 15px 0px 0px;border-bottom:1px solid #CCC;} #wwcmContent #homemiddle2 .ctempholderlinks .left.schedule {background:url(../images/2.2.0_spot1.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks h2.offers {color:#000;font-size:2em;padding-top:8px;} #wwcmContent #homemiddle2 .ctempholderlinks p.offerstext {color:#666;font-size:1.225em;margin-top:8px;} #wwcmContent #homemiddle2 .ctempholderlinks {width:680px;height:auto;float:left;position:relative;clear:both;margin:0px 0px 0px 0px;} #wwcmContent #homemiddle2 .ctempholderlinks .left {width:325px;height:auto;float:left;position:relative;margin:30px 15px 0px 0px;border-bottom:1px solid #CCC;} #wwcmContent #homemiddle2 .ctempholderlinks .left.schedule {background:url(../images/2.2.0_spot1.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks .left.womensunglasses {background:url(../images/3.0_promo_w.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks .left.womenframes {background:url(../images/womframesad_spot1.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks .left.wink {background:url(../images/0.3_spot1.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks .right.wink {background:url(../images/0.3_spot1.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks .left p {font-size:1.05em;color:#666;line-height:17px;margin:8px 0px 3px 0px;padding-bottom:8px;} #wwcmContent #homemiddle2 .ctempholderlinks .left a {font-size:1em;color:#CC0000;line-height:17px;font-weight:bold;text-decoration:none;} #wwcmContent #homemiddle2 .ctempholderlinks .left h2 {color:#000;font-size:2em;} #wwcmContent #homemiddle2 .ctempholderlinks .left h2.smaller {color:#000;font-size:1.6em;margin:10px 0px 0px 0px;} #wwcmContent #homemiddle2 .ctempholderlinks .left h3.smaller {color:#000;font-size:1.6em;margin:10px 0px 0px 0px;font-weight:normal;} #wwcmContent #homemiddle2 .ctempholderlinks .right {width:325px;height:auto;float:right;position:relative;margin:30px 0px 0px 10px;border-bottom:1px solid #CCC;} #wwcmContent #homemiddle2 .ctempholderlinks .right p {font-size:1.05em;color:#666;line-height:17px;margin:8px 0px 3px 0px;padding-bottom:8px;} #wwcmContent #homemiddle2 .ctempholderlinks .right a {font-size:1em;color:#CC0000;line-height:17px;font-weight:bold;text-decoration:none;} #wwcmContent #homemiddle2 .ctempholderlinks .right h2 {color:#000;font-size:2em;} #wwcmContent #homemiddle2 .ctempholderlinks .right h2.smaller {color:#000;font-size:1.6em;margin:10px 0px 0px 0px;} #wwcmContent #homemiddle2 .ctempholderlinks .right h3.smaller {color:#000;font-size:1.6em;margin:10px 0px 0px 0px;font-weight:normal} #wwcmContent #homemiddle2 .ctempholderlinks .right.shoplenses {background:url(../images/5.0_spot2.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks .right.mensunglasses {background:url(../images/3.0_promo_m.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks .right.menframes {background:url(../images/menframesad_spot2.jpg);width:325px;height:160px;} #wwcmContent #homemiddle2 .ctempholderlinks .right.framed {background:url(../images/0.3_spot2.jpg);width:325px;height:160px;} #content #testdrive {width:938px;background:url(../sweepstakes/acuvue/images/bg_TestDrivePage.gif);} #content #testdrive .ctextholder h3 {color:#FFFFFF;font-size:20px;} #content #testdrive .ctextholder p {color:#FFFFFF;padding:7px 0px;font-size:14px;} #content #testdrive .ctextholder p.finePrint{font-size:10px;font-size:9px;line-height:9px;} #content #testdrive .ctextholder {padding:25px;} #content #testdrive .ctextholder a {color: #FFFFFF; font-weight:bold;} #content #testdrive #testDriveLeft{float:left;width:400px;} #content #testdrive #testDriveRight{float:left;width:400px;} #content #testdrive #testDriveBottom{clear:both;padding-top:30px;} #content #parentpage {width:938px;background:url(../sweepstakes/acuvue/images/bg_TestDrivePage.gif);} #content #parentpage .ctextholder h3 {color:#FFFFFF;font-size:20px;} #content #parentpage .ctextholder p {color:#FFFFFF;padding:7px 0px;font-size:14px;} #content #parentpage .ctextholder p.finePrint{font-size:10px;font-size:9px;line-height:9px;} #content #parentpage .ctextholder {padding:25px;} #content #parentpage .ctextholder a {color: #FFFFFF; font-weight:bold;} #content #parentpage #parentLeft{float:left;width:400px;} #content #parentpage #parentRight{float:left;width:450px;} #content #parentpage #parentBottom{clear:both;padding-top:30px;} #content #parentpage .ctextholder li{font-size:14px;list-style:disc;color:#FFFFFF;margin-left:15px;} #content #parentpage .ctextholder #boldLink{color: #FFFFFF; font-weight:bold;text-decoration:underline;} #content #columns4 {float:left;clear:both;position:relative;width:938px;height:auto;margin:30px 0px 0px 0px;background-image:url(../images/bg_home_fourcol.jpg);background-repeat:no-repeat; background-position:top center;} #content #columns4 .col250 {width:220px;height:auto;position:relative;float:left;padding:20px 15px;margin-right:15px;} #content #columns4 .col250 p {line-height:14px;padding:7px 0px;} #content #columns4 .col229 {width:190px;height:auto;position:relative;float:left;padding:20px 15px;margin-left:4px;} #content #columns4 .col229 p {line-height:14px;padding:7px 0px;} #content #columns4 .col229 p.learn a {color:#CC0000;font-weight:bold;font-size:1.091em;text-decoration:none;} #content #columns4 h3 {font-size:1.091em;font-weight:bold;color:#333;margin:0;} #content #columns4 .col250 form#emailoffers {float:left;clear:both;position:relative;margin:8px 0px;} #content #columns4 .col250 input#emailoffers {float:left;position:relative;width:160px;margin-top: 1em;} #content #footer {float:left;position:relative;clear:both;width:938px;height:auto;margin:30px 0px;} #content #footer ul.footer {float:left;position:relative;width:auto;height:auto;margin:0px 0px 0px 0px;} #content #footer ul.footer li {float:left;position:relative;display:block;border-right:1px solid #666;padding:2px 9px;margin:0px 0px 12px 0px;} #content #footer ul.footer li a {color:#666;font-size:1em;text-decoration:none;} #content #footer ul.footer li.norightborder {border-right:none;} #content #footer #icons {float:left;clear:both;position:relative;margin:10px 0px;} #content #footer #icons div {float:left;position:relative;} /* End HOME MIDDLE, CONTENT, FOOTER styles -------------------------------------------------------------------------------------------------------------------------- */ #content #progressbar {float:left;position:relative;clear:both;} #content #progressbar h1 {color:#4e4e4e;font-size:1.545em;font-weight:bold;width:100%;} #content #progressbar #barholder {width:938px;height:40px;float:left;clear:both;position:relative;margin:10px 0px 0px 0px;} #content #progressbar #barholder ul.barsection {float:left;position:relative;} #content #progressbar #barholder ul.barsection li#one {width:185px;height:40px;float:left;padding:10px 0px 0px 10px;} #content #progressbar #barholder ul.barsection li#two {width:160px;height:40px;float:left;padding:10px 0px 0px 5px;} #content #progressbar #barholder ul.barsection li#three {width:175px;height:40px;float:left;padding:10px 0px 0px 0px;} #content #progressbar #barholder ul.barsection li#four {width:165px;height:40px;float:left;padding:10px 0px 0px 5px;} #content #progressbar #barholder ul.barsection li#five {width:208px;height:40px;float:left;padding:10px 0px 0px 5px;} #content #progressbar #barholder ul.barsection li {font-size:1.182em;color:#999;} #content #progressbar #barholder ul.barsection li.examfocus {color:#FFF;} #content #progressbar #barholder ul.barsection li span.font18 {font-size:1.636em;padding-right:5px;} /************************ EXAM FORMS :: START **********************/ #content #examsholder {float:left;position:relative;clear:both;margin:22px 0px 0px 0px;width:938px;height:auto;} #content #examsholder .col295 {float:left;position:relative;margin:0px 0px 0px 23px;width:265px;height:auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #d7d7d7;padding:15px;} #content #examsholder .col295.nomarginleft {margin:0px 0px 0px 0px;} #content #examsholder .col295.gradient {background-image:url(../images/bg_gradient.jpg);background-repeat:repeat-x;background-position:bottom;} #content #examsholder .col615 {float:left;position:relative;margin:0px 0px 0px 20px;width:585px;height:auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #d7d7d7;padding:15px;} #content #examsholder .col615.gradient {background-image:url(../images/bg_gradient.jpg);background-repeat:repeat-x;background-position:bottom;} #content #examsholder .col615.nomarginleft {margin:0px 0px 0px 0px;} #content #examsholder .col938 {float:left;position:relative;margin:0px 0px 0px 0px;width:905px;height:auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #d7d7d7;padding:15px;} #content #examsholder .col615.noradiusbottom { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } #content #examsholder .col615.noradiustop { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } #content #examsholder h2.red {color:#CC0000;font-size:2.182em;} #content #examsholder h2.gray {color:#333;font-size:2.182em;} #content #examsholder .col295 form {float:left;clear:both;width:100%;margin:10px 0px 0px 0px;} #content #examsholder .col295 form .formsection {float:left;clear:both;width:100%;margin:7px 0px;padding:7px 0px;border-bottom:1px dotted #d7d7d7;} #content #examsholder .col295 form .formsection .formfield {clear:both;float:left;display: block;width:100px;position:relative;margin:5px 0px;width:100%;} #content #examsholder .col295 form .formsection .formfield label {padding:4px 0px;float:left;} #content #examsholder .col295 form .formsection .formfield input.inputfloatr {float:right;width:160px;} #content #examsholder .col295 form .formsection p {font-size:1.091em;padding-bottom:6px;line-height:18px;} #content #examsholder .col615 form {float:left;clear:both;width:100%;margin:10px 0px 0px 0px;} #content #examsholder .col615 form .formsection {float:left;clear:both;width:100%;margin:4px 0px;padding:4px 0px;border-bottom:1px dotted #d7d7d7;} #content #examsholder .col615 form {float:left;clear:both;width:100%;margin:10px 0px 0px 0px;} #content #examsholder .col615 form .formsection {float:left;clear:both;width:100%;margin:7px 0px;padding:7px 0px;border-bottom:1px dotted #d7d7d7;} #content #examsholder .col615 form .formsection .formfield {clear:both;float:left;position:relative;margin:5px 0px;} #content #examsholder .col615 form .formsection .formfield label {padding:4px 5px;} #content #examsholder .col615 form .formsection .formfieldcus {clear:both;float:left;position:relative;margin:5px 0px;width:430px;} #content #examsholder .col615 form .formsection .formfieldcus label {padding:4px 5px; width: 100px;float:left;} #content #examsholder .col615 form .formsection .formfieldcus input {padding:4px 5px; width: 220px;float:right;height:12px;} #content #examsholder .col615 form .formsection .formfieldcus select {padding:4px 5px; width: 235px;float:right;font-size:11px;height:27px;*height:32px;} #content #examsholder .col615 form .formsection .formfieldcbox {clear:both;float:left;position:relative;margin:5px 0px;} #content #examsholder .col615 form .formsection .formfieldcbox input {padding:10px 5px;float:left;} #content #examsholder .col615 form .formsection .formfieldcbox label {padding:4px 5px;float:left;} #content #examsholder .col615 form .formsection .formfieldcus textarea {padding:4px 5px; width: 220px;float:right;height:140px;} #content #examsholder .col615 form .formsection .formfieldcus lavel {padding:4px 5px;} #content #examsholder .col615 form .formsection .formfieldcus input {padding:4px 5px;} #content #examsholder .col615 form .formsection p {font-size:1.091em;padding-bottom:6px;line-height:18px;} #content #examsholder .col615 form .formsection legend {font-size:1.091em;font-weight:bold;padding-bottom:6px;line-height:18px;color:#000;} #content #examsholder .col615 form .formsection p.apptnotlisted {font-size:1.091em;color:#999;line-height:16px;width:230px;position:absolute;left: 379px;top: 134px;} #content #examsholder .col615 form .formsection p.medicalnote {font-size:1.091em;color:#999;line-height:16px;width:230px;position:absolute;left: 362px;top: 35px;} p.out {text-indent:-9999px;} .out {text-indent:-9999px;} p.location {clear:both;margin:2px 0px;padding:2px 0px;} p.changelocation {position:absolute;bottom:10px;right:7px;} p.changelocation a {color:#CC0000;font-weight:bold;font-size:.991em;width:80px;text-decoration:none;} p.changetimedentist {position:absolute;bottom:10px;right:7px;} p.changetimedentist a {color:#CC0000;font-weight:bold;font-size:.991em;width:80px;text-decoration:none;} #content #examsholder .col615.nomarginleft form#patientinfo .formsection .formfield {padding:4px 0px;float:left;width:60%;} #content #examsholder .col615.nomarginleft form#patientinfo .formsection .formfield label {padding:4px 0px;float:left; width: 120px;} #content #examsholder .col615.nomarginleft form#patientinfo .formsection .formfield .inputfloatr {width: 212px;} .formsection .signregbtn {float:left;clear:both;margin:12px 0px 0px 0px;} .yourexam {float:left;clear:both;width:260px;margin:7px 0px;padding:7px 0px;padding-top:0px;border-bottom:1px dotted #d7d7d7;position:relative;} p.storedetails {padding-top:8px;} p.storedetails a {color:#CC0000;font-weight:bold;padding-right:10px;text-decoration:none;} .reviewyourexam {float:left;clear:both;width:583px;margin:7px 0px;padding:7px 0px;border-bottom:1px dotted #d7d7d7;position:relative;} /************************ EXAM FORMS :: END **********************/ /************************ EXAM MY ACCOUNT :: START **********************/ #content #examsholder .col938 #upcomingexams {float:left;clear:both;width:908px;height:auto;margin-top:15px;position:relative;} #content #examsholder .col938 #upcomingexams #upcominghead {width:908px;height:26px;padding-top:14px;background-color:#e5e5e5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #content #examsholder .col938 #upcomingexams #upcominghead .onefifty {width:145px;height:auto;float:left;position:relative;margin-left:15px;} #content #examsholder .col938 #upcomingexams #upcominghead .seventy {width:70px;_width:65px;height:auto;float:left;position:relative;margin-left:25px;} #content #examsholder .col938 #upcomingexams #upcominghead .twotwentyfive {width:225px;height:auto;float:left;position:relative;margin-left:25px;} #content #examsholder .col938 #upcomingexams #upcominghead .onehundredfive {width:105px;_width:100px;height:auto;float:left;position:relative;margin-left:25px;} #content #examsholder .col938 #upcomingexams #upcominghead .onefortyfive {width:145px;height:auto;float:left;position:relative;margin-left:25px;} #content #examsholder .col938 #upcomingexams #upcominghead div p {font-weight:bold;font-size:1.182em;} #content #examsholder .col938 #upcomingexams .eachupcomingexam {float:left;clear:both;position:relative;width:908px;height:auto;padding:10px 0px 20px 0px;margin:10px 0px;border-bottom:1px dotted #d7d7d7;} #content #examsholder .col938 #upcomingexams .eachupcomingexam .onefifty {width:145px;height:auto;float:left;position:relative;margin-left:15px;} #content #examsholder .col938 #upcomingexams .eachupcomingexam .seventy {width:70px;_width:65px;height:auto;float:left;position:relative;margin-left:25px;} #content #examsholder .col938 #upcomingexams .eachupcomingexam .twotwentyfive {width:225px;height:auto;float:left;position:relative;margin-left:25px;} #content #examsholder .col938 #upcomingexams .eachupcomingexam .onehundredfive {width:105px;_width:100px;height:auto;float:left;position:relative;margin-left:25px;} #content #examsholder .col938 #upcomingexams .eachupcomingexam .onefortyfive {width:145px;height:auto;float:left;position:relative;margin-left:25px;} #content #examsholder .col938 #upcomingexams .eachupcomingexam .seventhirteen {width:715px;_width:700px;height:auto;float:left;position:relative;margin-left:15px;} #content #examsholder .col938 #upcomingexams .eachupcomingexam div p {line-height:19px;} #content #examsholder .col938 #upcomingexams .eachupcomingexam .unconfirmedexamholder {width:908px;float:left;position:relative;clear:both;padding-bottom:20px;} #content #examsholder .col938 #upcomingexams .eachupcomingexam .unconfirmedexamholder p {font-size:1.273em;color:#000;font-weight:bold;} #content #examsholder .col938 .patientinformation {float:left;clear:both;width:906px;height:auto;margin-top:15px;position:relative;padding:8px 0px;border:1px solid #999;} #content #examsholder .col938 .patientinformation .oneseventy {width:170px;height:auto;float:left;position:relative;margin-left:15px;padding-top:5px;} #content #examsholder .col938 .patientinformation .twohundo {width:200px;height:auto;float:left;position:relative;margin-left:25px;padding-top:5px;} #content #examsholder .col938 .patientinformation .onethirty {width:130px;height:auto;float:left;position:relative;margin-left:25px;padding-top:5px;} #content #examsholder .col938 .patientinformation .twoseventyfive {width:275px;height:auto;float:right;position:relative;margin-left:25px;padding-top:5px;} #content #examsholder .col938 .patientinformation div p {line-height:19px;} p.pdetails a {color:#CC0000;font-weight:bold;text-decoration:none;padding-right:10px;} #content #examsholder .col938 #personalprofileinfo {float:left;clear:both;width:908px;height:auto;margin-top:0px;position:relative;padding-bottom:20px;border-bottom:1px dotted #d7d7d7;} #content #examsholder .col938 #personalprofileinfo .formleft {width:324px;height:auto;float:left;position:relative;margin:0px;padding:0px;} #content #examsholder .col938 #personalprofileinfo .formright {width:324px;height:auto;float:right;position:relative;margin:0px 100px 0px 0px;_margin:0px 40px 0px 0px;padding:0px;} #content #examsholder .col938 #personalprofileinfo form#updatepersonalinfo .formsection .formfield {padding:8px 0px;float:left;width:100%;} #content #examsholder .col938 #personalprofileinfo form#updatepersonalinfo .formsection .formfield label {padding:4px 0px;float:left;} #content #examsholder .col938 #personalprofileinfo form#updatepersonalinfo .formsection .formfield input.inputfloatr {float:right;width:220px;} #content #examsholder .col938 #accountprofileinfo {float:left;clear:both;width:908px;height:auto;margin-top:0px;position:relative;padding-bottom:20px;border-bottom:1px dotted #d7d7d7;} #content #examsholder .col938 #accountprofileinfo .accountleft {width:auto;height:auto;float:left;position:relative;margin:0px;padding:0px;} #content #examsholder .col938 #accountprofileinfo .accountleft .threehundo {width:auto;float:left;position:relative;height:auto;margin:10px 0px;} #content #examsholder .col938 #accountprofileinfo .accountleft .threehundo p {font-size:1.091em;padding:10px 0px;} #content #examsholder .col938 #accountprofileinfo .accountleft .accountbuttons {width:145px;float:left;position:relative;height:auto;margin:10px 20px;} span.getemail {padding-left:30px;} span.getpass {padding-left:54px;} #content #examsholder .col938 .findstoreholder {float:left;clear:both;width:904px;height:auto;position:relative;margin:15px 0px 0px 0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #d7d7d7;} #content #examsholder .col938 .findstoreholder .findstoretop {float:left;clear:both;width:904px;height:65px;background-color:#f3f3f3;margin:0px 0px 0px 0px;} #content #examsholder .col938 .findstoreholder #searchForm #selectstore {width:904px !important;float:left;margin:20px 0px 0px 15px;_margin:20px 0px 0px 7px;} #content #examsholder .col938 .findstoreholder .findstoretop #selectstore {width:800px;float:left;margin:20px 0px 0px 15px;_margin:20px 0px 0px 7px;} #content #examsholder .col938 .findstoreholder .findstoretop #selectstore .formfield {padding:4px 0px;float:left;width:580px;} #content #examsholder .col938 .findstoreholder .findstoretop #selectstore .formfield input#postalCode {width:240px;margin-left:5px;} #content #examsholder .col938 .findstoreholder .findstoretop #selectstore .radius {float:left;position:relative;padding:5px 0px 0px 0px;} #content #examsholder .col938 .findstoreholder .findstoreresults {float:left;clear:both;margin:0px 0px 15px 15px;_margin:0px 0px 15px 7px;width:874px;border-top:1px solid #d7d7d7;} #content #examsholder .col938 .findstoreholder .findstoreresults .storesearchhead {width:874px;height:26px;padding-top:14px;position:relative;background-color:#e5e5e5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #content #examsholder .col938 .findstoreholder .findstoreresults .storesearchhead .oneforty {width:135px;height:auto;float:left;position:relative;margin-left:15px;_margin-left:5px;} #content #examsholder .col938 .findstoreholder .findstoreresults .storesearchhead .seventy {width:70px;height:auto;float:left;position:relative;} #content #examsholder .col938 .findstoreholder .findstoreresults .storesearchhead .oneninefive {width:305px;height:auto;float:left;position:relative;margin-left:10px;__margin-left:4px;} #content #examsholder .col938 .findstoreholder .findstoreresults .storesearchhead div p {font-weight:bold;font-size:1.182em;} .resulttable {margin:0px 0px 15px 15px;border-bottom:1px dotted #CCC;} p.detdir {padding-top:0px;} p.detdir a {color:#CC0000;font-weight:bold;padding-right:10px;text-decoration:none;} .storeleft {float:left;position:relative;width:420px;height:auto;margin:15px 0px;} .storeright {float:right;position:relative;width:440px;height:auto;margin:15px 0px;} .nodirectionsfound {width:840px;padding:5px;margin:20px 0px 10px 0px;border:1px solid #CC0000;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:20px;background:url(../images/icon_expoint.jpg) no-repeat top left;} .nodirectionsfound ul {color:#CC0000;font-size:1.092em;padding-left:20px;width:800px;} .nodirectionsfound ul li span.errorMessage {width:830px;} .distancetext {margin-top:20px;width:100%;} .dirsteps {float:left;clear:both;margin:20px 0px 0px 0px;border-top:1px solid #CCC;padding:15px 0px;width:100%;} .dirsteps p {line-height:20px;} .formfield textarea.inputfloatr {float:right;width:224px;height:130px;} /************************ EXAM MY ACCOUNT :: END **********************/ .validate .formfield { clear: both; margin-bottom: 10px; } .validate .formfield ul, #usingInsuranceError ul { float: left; position: absolute; margin-left: 270px; *margin-left:170px; background-color: #fff; border: 1px solid #c00; padding-left: 15px; color: #c00; width: 250px; padding: 2px 5px; margin-top: -3px; z-index: 5000; } #usingInsuranceError ul { width:300px; margin-left: 110px; *margin-left: 10x; } .submitstep4 .validate .formfield ul { margin-left: 90px; width: 560px; } .submitstep3 .validate .formfield ul { margin-left: 90px; width: 450px; } .validate .formfield .fieldErrorArrow, #usingInsuranceError .fieldErrorArrow { float: left; background: url(../images/arrow.jpg) left no-repeat; width: 11px; height: 15px; position: absolute; margin-left: 260px; *margin-left:160px; margin-top: 3px; z-index: 5001; } #usingInsuranceError .fieldErrorArrow { margin-left: 100px; *margin-left: 100px; } .submitstep4 .validate .formfield .fieldErrorArrow { margin-left: 80px; } .submitstep3 .validate .formfield .fieldErrorArrow { margin-left: 80px; } .validate .formfield label { float: left; display: block; width: 100px; } .passwdformfield ul, .emailformfield ul { float: left; position: absolute; margin-left: 430px; background-color: #fff; border: 1px solid #c00; padding-left: 15px; color: #c00; width: 250px; padding: 3px 5px; margin-top: -4px; z-index: 5000; overflow: visible !important; } .mformfield ul { float: left; position: absolute; margin-left: 370px; background-color: #fff; border: 1px solid #c00; padding-left: 15px; color: #c00; width: 200px; padding: 3px 5px; margin-top: 0px; z-index: 5000; overflow: visible !important; } .passwdformfield .fieldErrorArrow, .emailformfield .fieldErrorArrow { float: left; background: url(../images/arrow.jpg) left no-repeat; width: 11px; height: 15px; position: absolute; margin-left: 420px; margin-top: 3px; z-index: 5001; } .mformfield .fieldErrorArrow { float: left; background: url(../images/arrow.jpg) left no-repeat; width: 11px; height: 15px; position: absolute; margin-left: 360px; margin-top: 6px; z-index: 5001; } .formfieldcus ul { float: left; position: absolute; margin-left: 455px; *margin-left: 365px; background-color: #fff; border: 1px solid #c00; padding-left: 15px; color: #c00; width: 300px; padding: 3px 5px; margin-top: 0px; z-index: 2234; } #phone-formfield2 ul {padding:2px 5px;height:20px;_height:14px;width:250px;} #phone-formfield2 ul li .errorMessage {width:350px;} .formfieldcus .fieldErrorArrow { float: left; background: url(../images/arrow.jpg) left no-repeat; width: 11px; height: 15px; position: absolute; margin-left: 445px; *margin-left: 355px; margin-top: 4px; z-index: 2235; } #forgotPassword .formfield ul { float: left; position: absolute; margin-left: 250px; *margin-left: 160px; background-color: #fff; border: 1px solid #c00; padding-left: 15px; color: #c00; width: 285px; padding: 5px; margin-top: -3px; z-index: 15000; } #forgotPassword .formfield .fieldErrorArrow { float: left; background: url(../images/arrow.jpg) left no-repeat; width: 11px; height: 15px; position: absolute; margin-left: 240px; *margin-left: 150px; margin-top: 4px; z-index: 15001; } #dob-formfield li+li { display: none; } #dob-formfield ul {width:250px;height:;_height:25px;overflow:;_overflow:hidden;} li.appointment { cursor: pointer; list-style:none; padding-left:10px; } li.appointment:hover { cursor: pointer; list-style:none; padding-left:10px; background-color:#CCCCCC; } li.selectedAppointment { background-color:#1C94C4; } p.detdir {padding-top:0px;} p.detdir a {color:#CC0000;font-weight:bold;padding-right:10px;text-decoration:none;} .storeleft {float:left;position:relative;width:420px;height:auto;margin:15px 0px;} .storeright {float:right;position:relative;width:440px;height:auto;margin:15px 0px;} #content #examsholder .col938 .directionsholder {width:894px;padding:5px;height:auto;float:left;position:relative;margin:0px 0px 0px 0px;} #content #examsholder .col938 .directionsholder form#directions {float:left;position:relative;width:447px;height:auto;} #content #examsholder .col938 .directionsholder .endingaddress {float:right;position:relative;width:430px;height:auto;} #content #examsholder .col938 .directionsholder .directionsheads {width:432px;height:26px;padding-top:14px;position:relative;background-color:#e5e5e5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #content #examsholder .col938 .directionsholder .endingaddress .directionsheads {width:422px;height:26px;padding-top:14px;position:relative;background-color:#e5e5e5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #content #examsholder .col938 .directionsholder .directionsheads p {font-weight:bold;font-size:1.182em;padding-left:15px;} #content #examsholder .col938 .directionsholder .routeholder {float:left;position:relative;margin:20px 0px 0px 18px;_margin:20px 0px 0px 9px;} #content #examsholder .col938 .directionsholder .routeholder p {line-height:20px;} #content #examsholder .col938 .directionsholder .dirresultleft {float:left;position:relative;width:235px;margin:0px 0px 0px 0px;} #content #examsholder .col938 .directionsholder .dirresultright {float:right;position:relative;width:640px;margin:0px 0px 0px 0px;_margin:-277px 0px 0px 0px;} #content #examsholder .col938 .directionsholder .dirresultleft .resulthead {width:100%;height:26px;padding-top:14px;position:relative;background-color:#e5e5e5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #content #examsholder .col938 .directionsholder .dirresultleft .resulthead p {font-weight:bold;font-size:1.182em;padding-left:15px;} #content #examsholder .col938 .directionsholder .dirresultleft .routeholder {float:left;clear:both;position:relative;margin:10px 0px 0px 0px;_margin:20px 0px 0px 9px;} #content #examsholder .col938 .directionsholder .dirresultleft .routeholder p {line-height:20px;} .nodirectionsfound {width:882px;padding:5px;border:1px solid #CC0000;margin-bottom:20px;} .nodirectionsfound p {color:#CC0000;font-size:1.092em;} .distancetext {margin-top:20px;width:100%;} .dirsteps {float:left;clear:both;margin:20px 0px 0px 0px;border-top:1px solid #CCC;padding:15px 0px;width:100%;} .dirsteps p {line-height:20px;} .formfield textarea.inputfloatr {float:right;width:224px;height:130px;} /************************ EXAM MY ACCOUNT :: END **********************/ .col938 { margin-bottom: 20px; } .directionsholder input#location { border: 1px solid #ccc; margin-bottom: 20px; } .routeholder { padding-bottom: 20px; } .nodirectionsfound { height: 20px; } .nodirectionsfound p { float: left; } .ui-dialog, .ui dialog div { overflow: visible !important; } .errorMessage { float: left; color: #c00; line-height: 20px; font-size: 12px; width:330px; _width:250px; overflow: visible !important; } #patientinfo_ageCheck_12351_r_1 { margin-left: 0px !important; float: left; display: inline; } #ageverification { padding-top: 0px !important; } .validate .formfield ul li+li { display: none; } #iverify { display: inline; float: left !important; padding-left: 4px !important; padding-top: 0px !important; width: 200px !important; } .ctempholder div ul li {padding:3px 0px;color:#a0a0a0;font-size:1.2em;display:block;list-style:disc;} p.modalname {position:relative;font-size:1.6em;font-weight:bold;left:-15px;padding-bottom:10px;} h1.out {text-indent:-9999px;} h2.out {text-indent:-9999px;} h3.out {text-indent:-9999px;} .faceshape {float:left;position:relative;width:147px;height:480px;border-right:1px dotted #CCC;margin-left:10px;padding:0px 7px;} .faceshape img {margin-bottom:10px;} p.fs {width:140px;clear:both;height:120px;} p.ys {width:140px;clear:both;} .frameholder {float:left;position:relative;width:640px;height:auto;clear:both;margin-top:25px;} .frameholder2 {float:left;position:relative;width:640px;height:auto;clear:both;margin-top:5px;background-color:#f2f2f2;padding:0px;} .col1frame {float:left;position:relative;width:160px;_width:120px;padding:10px 10px;} .col2frame {float:left;position:relative;width:200px;padding:10px 10px;height:auto;} .col3frame {float:left;position:relative;width:450px;background-color:#f2f2f2;margin-top:0px;margin-left:170px;} .col4frame {float:left;position:relative;width:200px;padding:0px;height:auto;border-right:4px solid #FFF;padding:10px;} img.problems {float:left;position:relative;margin-right:10px;} .lenstypes {float:left;position:relative;clear:both;width:680px;margin-top:25px;} .lenstypes img {float:left;margin-right:25px;margin-bottom:30px;} .lenstypes ul {margin-top:5px;list-style:disc;} .lenstypeslast {float:left;position:relative;clear:both;width:680px;margin-top:25px;} .lenstypeslast img {float:left;margin-right:25px;margin-bottom:80px;} .lenstypeslast ul {margin-left:400px;list-style:disc;} .lenstypeslast img.lastimg {float:left;margin-right:150px;margin-bottom:0px;} .ctextholder ul li {font-size:1.1em;line-height:17px;} .tablekids {float:left;clear:both;width:450px;position:relative;padding:10px;margin-top:20px;} .tkleft {float:left;position:relative;width:150px;padding:10px;} .tkright {float:left;position:relative;width:250px;padding:10px;} #cancelmodalnew {float:left;} input.errorborderred, select.errorborderred {border:1px solid #CC0000 !important;} input[type='submit'] { text-indent: -99999px !important; overflow: hidden; display: block; } button { text-indent: -99999px !important; overflow: hidden; display: block; } #forgotPasswordLink { margin-top: 5px; clear: both; float: left; } #forgotPassword .formfield { margin-top: 1em !important; margin-bottom: 1em !important; } #mobilephone ul {width:340px;height:20px;} #homephone ul {width:340px;height:20px;} #fnameedit ul, #lnameedit ul, #cityedit ul, #stateedit ul, #zipedit ul, #addressedit ul, #altphoneedit ul, #dobedit ul {width:180px;height:20px;} #phoneedit ul {width:280px;height:20px;} #phone-formfield ul {width:355px;_width:365px;height:20px;padding:3px 5px;} #phone-formfield ul li span.errorMessage {width:355px;_width:365px;} .validate #phone-formfield ul {width:355px;_width:365px;height:20px;padding:2px 5px;} .contacttable {width:620px;margin:15px 0px;} .contacttable p.red {color:#CC0000;font-weight:bold;} .contacttable tr {padding:7px 7px 7px 7px;} .contacttable td {padding:7px 7px 7px 7px;border:1px solid #CCC;} .contacttable td.rightphone {width:120px;padding:7px 7px 7px 10px;} #moreLink a { color:#CC0000; font-size:0.991em; font-weight:bold; text-decoration:none; width:80px; } #moreLink p{ padding-top:10px; border-top: 1px dotted; } .skip a { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .skip a:focus { position:static; width:auto; height:auto; } .hidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } #title {margin-top:10px;} li#lensdisclaimer {width:940px;} p.disclaimername {font-size:13px;font-weight:bold;padding-bottom:4px;margin-top:30px;} p.disclaimerdate {font-size:11px;color:#CC0000;font-weight:bold;padding-bottom:2px;padding-top:4px;} /* sign in menu */ #signInDiv { border-left:1px solid #CC0000; border-right:1px solid #CC0000; border-bottom:1px solid #CC0000; width:140px; *width:145px; color:#000000; position:absolute; padding:0px 5px 5px 0px; left:223px; *left:240px; _left:214px; top:32px; *top:32px; _top:32px; z-index:4; } @media screen and (-webkit-min-device-pixel-ratio:0) { #signInDiv{ top:30px;left:225px;border-top:1px solid #CC0000;z-index:2; } } #topSignIn {width:91px;border-top:1px solid #CC0000;position:absolute;padding:0px;margin:0px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #topSignIn {border-top:1px solid #CC0000;} } #signInDiv li{padding:5px 0px 0px 5px;} #signInDiv li a {color:#CC0000;font-size:1em;text-decoration:none;} .Hover { border-top: 1px solid #CC0000;background:#FFFFFF;z-index:3; } th#store {font-size:1.182em;font-weight:bold;} th#miles {font-size:1.182em;font-weight:bold;} th#hours {font-size:1.182em;font-weight:bold;} .resulttable td {padding-top:10px;padding-bottom:10px;padding-left:8px;} tr.headerrow {line-height:32px;background-color:#f2f2f2;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #f2f2f2;} /* heading and text colors for updates */ .white {color:#FFF!important;} .red {color:#ba3944!important;} .dblue {color:#262b45!important;width:365px!important;} .textgray {color:#737171!important;} .brown {color:#543322!important;} .black {color:#050505!important;} .lightBrown {color:#663300!important;} /* homepage rotator */ #rotator *{margin:0px; padding:0px; list-style:none;border:0px;} #rotator, #rotator li{width:680px;height:330px;} #rotator{overflow:hidden;position:relative;background:url(../images/UIimages/1304760390.gif) no-repeat 50% 50%} #rotator .arrow{position:absolute; z-index: 1;} #rotator li{float:left;position:absolute;display:block; left:0px; margin:0px; padding:0px; z-index:1;} #rotator .pagination{float:right;right:13px;position:absolute;top:13px; z-index:3; height:22px;} #rotator .pagination a{width:20px;height:22px; line-height:22px;text-decoration:none; color:#666; font-family:Arial, 'Helvetica', sans-serif; font-size:12px; display:block; text-align:center;float:left; background:url(../images/UIimages/paginationABg.png) repeat; font-weight:bold;border-left:1px solid #acacac;overflow:hidden; } #rotator .pagination a span{position: absolute;left:-9999px} #rotator .pagination a.first{background:url(../images/UIimages/paginationABgFirst.png) no-repeat;border-left:0px} #rotator .pagination a.selected{background:url(../images/UIimages/paginationSelectedBg.png) no-repeat; color:#CC0000; cursor:default; position:relative} #rotator .pagination a:hover{color:#CC0000;} #rotator .pagination a.focus{color:#CC0000;} #rotator .pagination #pause{background:url(../images/UIimages/paginationPause.png) no-repeat;height:0px; } #rotator .pagination b{position:relative;} #rotator .pagination .play{padding-top:22px; height:0px; background:url(../images/UIimages/paginationPlay.png) no-repeat} #rotator .pagination a.first.selected{background:url(../images/UIimages/paginationSelectedBg1.png) no-repeat; cursor:default;} #skipToPagination {position: absolute;left:-999999px} #rotator .offscreen{position: absolute; left:-99999px} /* Frames carousel styling */ .modalContainer{visibility: hidden; position: absolute;} .modalcontent{position: relative; top: -40px; left: 50%; float: left;} .modalheader{position: relative; left: -50%; float: left;} .modaltext ul li {color:#000;font-size:1.2em;list-style:disc; font-weight: 900;} .modal hr{float: left; display: block; clear: both; width: 100%;color:#f9abae;background-color:#f9abae;height:2px;} .component {color:#333;height:100%;z-index:600;font-size:12px;position:relative;text-align:center;letter-spacing:-.003em;} .component .carousel-container .prevFrame {left:0;} .component .carousel-container .nextFrame {right:0;} .component-carousel-4 li.component-container {width:600px !important; position: relative; top: 0px;} .single-image-story {float: left;left: 15px;margin-bottom: 20px;} .modalContent .single-image-story.h3 .prevFrame, .modalContent .single-image-story.h3 .nextFrame {top:42px;} .component .carousel-container .prevFrame{background-image:url("../images/left-arrow.gif");} .carousel-container .nextFrame{background-image:url("../images/right-arrow.gif");} .component .carousel-container .prevFrame.disabled {background-image:url("../images/carousel-sprite.png");background-position:0 -104px;cursor: default;} .component .carousel-container .nextFrame.disabled {background-image:url("../images/carousel-sprite.png");background-position:-36px -106px;cursor: default;} .component .content{ position: relative; left: 17px;} .component .content .component{ position: relative; left: -16px;} .component .carousel-container .prevFrame, .carousel-container .nextFrame{background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;display:block; height:26px;position:absolute;text-indent:-9999px;width:26px;z-index:1;cursor:pointer;z-index:999;overflow: hidden;top: 36px;} .carousel-container .description{position: relative; right: 20px;} .carousel-viewport {margin:0;padding:0;overflow:hidden;position:relative; width: 555px; left: 15px; float: left;} .carousel-viewport ul li {float:left; display:block;} .carousel-viewport ul .slide {float:left;} .carousel-pagination, .carousel-pagination li {margin:0;padding:0;position:relative;} .carousel-pagination li {float:left;display:block;} .aria-busy .carousel-panel {visibility:visible;} .aria-hidden {visibility: hidden;}