/**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ * { margin:0; padding:0; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:''; } blockquote, q { quotes: "" ""; } abbr, acronym { border:0; font-variant:normal; } sup, sub { line-height:-1px; vertical-align: text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } table { font-size:inherit; font:100%; } /** * Bump up IE to get to 13px equivalent */ pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:99%; } /** * Default line-height based on font-size rather than "computed-value" * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */ body * { line-height:1.22em; } /* {font-size:77%;} renders 10px {font-size:85%;} renders 11px {font-size:93%;} renders 12px {font-size:100%;} renders 13px {font-size:108%;} renders 14px {font-size:116%;} renders 15px {font-size:123.1%;} renders 16px {font-size:131%;} renders 17px {font-size:138.5%;} renders 18px {font-size:146.5%;} renders 19px {font-size:153.9%;} renders 20px */ h1, h2, h3, h4, h5, h6, strong { font-weight:bold; } em { font-style:italic; } th { font-weight:bold; text-align:center; } p { margin: 1em 0; } div#content blockquote, div#content ul, div#content ol, div#content dl { margin:1em; } div#content ol, div#content ul, div#content dl { margin-left:2em; } div#content ul li { list-style: disc outside; } div#content ol li { list-style: decimal outside; } div#content li { margin:0.5em 0; } div#content dl dd { margin-left:1em; } body { background: #FFF url(../images/bg.png); color:#000; } a, a:link, a:visited, a:active { color: #000; } a:hover { color:#D7E1F4; } /**************************************************************************************************************************** * Reset css finish ****************************************************************************************************************************/ /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:url(../images/bg.png);text-align:center; font-family:Arial;} #mainContanier { width:759px; margin:auto; text-align:left; background:url(../images/mainBg.png); padding:0 0 0 19px} #header { width:738px; background:url(../images/headerBg1.png) right top no-repeat; border:1px solid #fff; height:141px} #logo{ width:299px; height:141px; background:url(../images/logo.png) no-repeat; float:left} #headerTool{ width:438px; height:141px; float:left; position:relative} #headerMedia{ width:552px; height:275px;} #searchBox{ position:absolute; left: 228px; top: 19px; width:127px; height: 20px; background: url(../images/searchBg.png) no-repeat } .headerInput{width:123px;border:0px; background:transparent; padding:2px 0 0 3px; font-size:11px; color:#041C46} #searchButton{ position:absolute; left: 358px; top: 20px; width:30px; height: 19px; } #sendFrndBtn{ position:absolute; left: 226px; top: 57px; width: 155px; height:25px; } a#sendFrndBtnRpl, #sendFrndBtnRpl span, span.sendFrndBtnRpl_span { display:block; position:relative; width:155px; height:25px; overflow:hidden; } a#sendFrndBtnRpl span, span.sendFrndBtnRpl_span { position:absolute; left:0; top:0; background:url(../images/sendFrndBtn.png) left top no-repeat; } a#sendFrndBtnRpl:hover span, span.sendFrndBtnRpl_span_oo {background-position:left bottom;} #clickHere1C{ position:absolute; left: 14px; top: 176px; width: 156px; height:25px; } #clickHere1C2{ position:absolute; left: 14px; top: 234px; width: 156px; height:25px; } #clickHere1C3{ position:absolute; left: 14px; top: 160px; width: 156px; height:25px; } #clickHere1C4{ position:absolute; left: 14px; top: 123px; width: 156px; height:25px; } #clickHere1C5{ position:absolute; left: 5px; top: 53px; width: 174px; height:25px; } #clickHere1C6{ position:absolute; left: 14px; top: 134px; width: 156px; height:25px; } a#clickHere1, #clickHere1 span, span.clickHere1_span { display:block; position:relative; width:156px; height:25px; overflow:hidden; } a#clickHere1 span, span.clickHere1_span { position:absolute; left:0; top:0; background:url(../images/btnSet1.png) left top no-repeat; } a#clickHere1:hover span, span.clickHere1_span_oo {background-position:0 -25px;} a#DEye, #DEye span, span.DEye_span { display:block; position:relative; width:175px; height:60px; overflow:hidden; } a#DEye span, span.DEye_span { position:absolute; left:0; top:0; background:url(../images/btnSet1.png) no-repeat 0 -50px; } a#DEye:hover span, span.DEye_span_oo {background-position:0 -110px;} a#clickHereMore, #clickHereMore span, span.clickHereMore_span { display:block; position:relative; width:155px; height:25px; overflow:hidden; } a#clickHereMore span, span.clickHereMore_span { position:absolute; left:0; top:0; background:url(../images/btnSet2.png) no-repeat -19px 0; } a#clickHereMore:hover span, span.clickHereMore_span_oo {background-position:-19px -25px;} a#takeTest, #takeTest span, span.takeTest_span { display:block; position:relative; width:155px; height:25px; overflow:hidden; } a#takeTest span, span.takeTest_span { position:absolute; left:0; top:0; background:url(../images/btnSet2.png) no-repeat -19px -50px; } a#takeTest:hover span, span.takeTest_span_oo {background-position:-19px -75px;} a#takeTest2, #takeTest2 span, span.takeTest2_span { display:block; position:relative; width:155px; height:25px; overflow:hidden; } a#takeTest2 span, span.takeTest2_span { position:absolute; left:0; top:0; background:url(../images/btnSet3.png) no-repeat 0 0; } a#takeTest2:hover span, span.takeTest2_span_oo {background-position:0 -25px;} a#toOrder, #toOrder span, span.toOrder_span { display:block; position:relative; width:174px; height:25px; overflow:hidden; } a#toOrder span, span.toOrder_span { position:absolute; left:0; top:0; background:url(../images/btnSet2.png) no-repeat 0 -100px; } a#toOrder:hover span, span.toOrder_span_oo {background-position:0 -125px;} a#toOrder2, #toOrder2 span, span.toOrder2_span { display:block; position:relative; width:174px; height:25px; overflow:hidden; } a#toOrder2 span, span.toOrder2_span { position:absolute; left:0; top:0; background:url(../images/btnSet3.png) no-repeat 0 -50px; } a#toOrder2:hover span, span.toOrder2_span_oo {background-position:0 -75px;} #contentBody {width:737px; padding:0 0 0 1px;} #contentL { width:184px; float:left; min-height:500px;background:url(../images/contentLBg.png);} #contentR { width:552px; float:left; margin:0 0 0 1px;min-height:500px;} #contentR1 { width:484px; float:left; margin:8px 0 0 8px;min-height:500px; padding:0 10px 0 10px;} #contentBorder { font-size:1px; height:1px;background:url(../images/contentBorder.png); width:551px;} #contentBox {width:477px; padding:16px 54px 15px 20px; position:relative} #contentBox h1{ color:#142252; letter-spacing:0.03em; font-size:15px;} #contentBox h5{ color:#142252; font-size:11px; font-weight:normal} #guiname{font-size:16px; font-weight:bold; color:#12162B; padding-bottom:12px; padding-top:6px;} #secondary_header{ width:511px; height:42px; margin:-8px 0pt 0pt -17px;} #NewMultifocalens{ position:absolute; width: 276px; left: 200px; top: 11px; } /*#clickHereMoreC{ position:absolute; width: 155px; height:25px; left: 339px; top: 102px; }*/ #clickHereMoreC{ position:absolute; width: 155px; height:25px; left: 339px; top: 70px; } #clickHereMore2{ position:absolute; width: 155px; height:25px; left: 339px; top: 116px; } #clickHereMore3{ position:absolute; width: 155px; height:25px; left: 339px; top: 100px; } #GlaucomaSpecialists{ position:absolute; width: 350px; left: 143px; top: 11px; } #ImplantableContactLens{ position:absolute; width: 305px; left: 188px; top: 11px; } #ImplantableBtn{ position:absolute; width: 155px; height:25px; left: 337px; top: 88px; } #OrderFREELASIK{ position:absolute; width: 411px; left: 82px; top: 11px; } #OrderFREEBtn{ position:absolute; width: 174px; left: 320px; top: 100px; } #audioLearning{ position:absolute; width: 194px; height:48px; left: 83px; top: 80px; } #ExpertCorneal{ position:absolute; width: 350px; left: 160px; top: 11px; } #footer { background:url(../images/footerBg.jpg); height:50px;margin:0 0 0 1px; width:697px; text-align:center } #footerSubBg { background:url(../images/footerSubBg.jpg);color:#bfbfbf; width:778px; height:24px;margin: auto} #footer img { margin:14px 0 -2px 0 } #footer a { color:#fff; margin:18px 6px 18px 6px; text-decoration:none;font-size:11px; } #footer a:hover { color:#f3aa03;margin:18px 6px 18px 6px;text-decoration:none} #leftBox1 {width:184px; height:216px; border-bottom:1px solid #fff;border-top:1px solid #fff; font-size:16px; color:#FFF;letter-spacing:-0.03em;font-family:Tahoma; position:relative} #leftBox1 strong {margin:0 0 0 44px} #leftBox2 {width:180px; height:66px; border-bottom:1px solid #fff; padding:8px 0 0 4px} #leftBox3 {width:184px; height:360px; border-bottom:1px solid #fff;font-size:16px; color:#FFF;letter-spacing:-0.03em;font-family:Tahoma; position:relative} #leftBox3 strong {margin:0 0 0 20px} #leftBox3 a{text-decoration:none} #leftBox3 h5 {margin:0 20px 0 20px; font-size:11px; font-weight:normal} #leftBox3-2 {width:184px; height:270px; border-bottom:1px solid #fff;font-size:16px; color:#FFF;letter-spacing:-0.03em;font-family:Tahoma; position:relative} #leftBox3-2 strong {margin:0 0 0 20px} #leftBox3-2 h5 {margin:0 20px 0 20px; font-size:11px; font-weight:normal} #leftBox4 {width:184px; height:220px; border-bottom:1px solid #fff;font-size:16px; color:#FFF;letter-spacing:-0.03em;font-family:Tahoma; background:#444f78; padding:8px 0 0 0} #leftBox4 strong {margin:0 0 0 20px} #leftBox5 {width:184px; height:216px; border-bottom:1px solid #fff;font-size:16px; color:#FFF;letter-spacing:-0.03em;font-family:Tahoma; position:relative} #leftBox5 h1 { padding:0 0 0 11px } #leftBox6 {width:184px; height:188px; border-bottom:1px solid #fff;font-size:16px; color:#FFF;letter-spacing:-0.03em;font-family:Tahoma; position:relative; padding:8px 0 8px 0 } #leftBox6 h1 { padding:0 0 0 7px } #leftBox7 {width:184px; height:148px; border-bottom:1px solid #fff;font-size:14px; color:#FFF;letter-spacing:-0.03em;font-family:Tahoma; position:relative; padding:8px 0 8px 0} #leftBox7 h1 { padding:0 0 0 3px } #leftBox8 {width:184px; height:74px; border-bottom:1px solid #fff;font-size:14px; color:#FFF;letter-spacing:-0.03em;font-family:Tahoma; position:relative; padding:8px 0 8px 0} #leftBox8 h1 { padding:0 0 0 14px } #leftBox9 {width:184px; height:160px; border-bottom:1px solid #fff;font-size:14px; color:#FFF;letter-spacing:-0.03em;font-family:Tahoma; position:relative; padding:8px 0 8px 0} #leftBox9 h1 { padding:0 0 0 3px } #askForm {width:150px;padding:0 0 0 16px} .askFormInpt{ background:url(../images/inputbg.gif) repeat-x; border:1px inset #cfcfcf; font-family:Sans-serif; width:144px; height:16px; line-height:normal; padding:3px 0 0 3px; margin:4px 0 0 0;font-size:11px } .askFormTxtA { background:#fff url(../images/inputbg.gif) repeat-x; border:1px inset #cfcfcf; font-family:Sans-serif;width:144px; height:33px; line-height:normal; padding-left:3px; margin:4px 0 0 0;OVERFLOW: auto; font-size:11px} #submit {width: 64px; height:25px; padding:0px 16px 0 13px;} #fontResizeC{color:#fff; font-size:13px; font-family:"Trebuchet MS", Tahoma; letter-spacing:-0.05em; width:165px; text-align:center; margin:4px 0 6px 10px } #fontSizeMenu{ padding:8px 0 0 6px } a.fontSizeMenu_1 { display:block; float:left; width:74px; height:16px; background:url(../images/fontResizer.png) no-repeat 0px 0px; font-size:8px } a.fontSizeMenu_1:hover { background:url(../images/fontResizer.png) no-repeat 0px -16px; width:74px; height:16px; } a.fontSizeMenu_2 { display:block; float:left; width:74px; height:16px; background:url(../images/fontResizer.png) no-repeat -82px 0px; margin:0 0 0 6px; font-size:8px } a.fontSizeMenu_2:hover { background:url(../images/fontResizer.png) no-repeat -82px -16px; width:74px; height:16px;} #fontResizeNone {height:56px} /** * Text Replace */ #replace { position:relative; width:142px; height:139px; padding:0; overflow:hidden; margin:10px 0 0 21px } #replace span, span.replace { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/ourDoctors.jpg) left top no-repeat;} #replace1 { position:relative; width:142px; height:124px; padding:0; overflow:hidden; margin:10px 0 0 21px} #replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/LASIKSacramento.png) left top no-repeat;} #replace2 { position:relative; width:138px; height:60px; padding:0; overflow:hidden; margin:10px 0 0 23px} #replace2 span, span.replace2 { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/iLasik.png) left top no-repeat;} #replace3 { position:relative; width:136px; height:81px; padding:0; overflow:hidden;} #replace3 span, span.replace3 { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/botox.png) left top no-repeat;} #replace4 { position:relative; width:120px; height:134px; padding:0; overflow:hidden;} #replace4 span, span.replace4 { position: absolute; top:0; left:0px; width:100%; height:134px; background:url(../images/GlaucomaSpecialists.jpg) left top no-repeat; } #replace5 { position:relative; width:151px; height:100px; padding:0; overflow:hidden;} #replace5 span, span.replace5 { position: absolute; top:0; left:0px; width:100%; height:100px; background:url(../images/ImplantableContactLens.jpg) left top no-repeat; } #replace6 { position:relative; width:47px; height:122px; padding:0; overflow:hidden;} #replace6 span, span.replace6 { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/FREELASIK.png) left top no-repeat;} #replace7 { position:relative; width:120px; height:90px; padding:0; overflow:hidden;} #replace7 span, span.replace7 { position: absolute; top:0; left:0px; width:100%; height:149px; background:url(../images/expert_corneal_specialists.jpg) left top no-repeat; } #replace8 { position:relative; width:167px; height:127px; padding:0; overflow:hidden; margin:6px 0 0 10px } #replace8 span, span.replace8 { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/NewMultifocalLensImplants2.jpg) left top no-repeat;} #replace9 { position:relative; width:103px; height:131px; padding:0; overflow:hidden; margin:6px 0 0 41px } #replace9 span, span.replace9 { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/GlaucomaSpecialists2.jpg) left top no-repeat;} #replace10 { position:relative; width:80px; height:101px; padding:0; overflow:hidden; margin:6px 0 0 51px } #replace10 span, span.replace10 { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/ExpertCornea2.jpg) left top no-repeat;} #replace11 { position:relative; width:178px; height:92px; padding:0; overflow:hidden; margin:6px 0 0 0 } #replace11 span, span.replace1 { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/ImplantableContactLens2.jpg) left top no-repeat;} /** ************ Text Replace */ .color2 { color:#7ed3ff } #recommendUsCell { display:none; cursor: default; padding:5px; border:1px solid #000; } .close_form, .close_form_oo { margin:0; padding:0 1px; border:1px solid #555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; cursor:pointer; } .close_form { background-color:#F6F6F6; color:#CC0000; } .close_form_oo { background-color:#C90000; color:#FFF; } #recommendUsForm, #recommendUsForm * { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; } #recommendUsForm { clear:both; } recommendUsForm td { margin:2px 0; } #recommendUsForm .input_txt, #recommendUsForm .input_txtarea { border:1px solid #bbb; background-color:#F6F6F6; padding:2px; margin:1px 0; } #recommendUsForm .input_txt { width:145px; } #recommendUsForm .input_txtarea { width:300px; } #recommendUsForm a { color:#AE620D; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; text-decoration:none; } .submissionResultCell { clear:both; font-size:12px; display:none; margin:6px 0; padding:6px 5px; text-align:left; color:#800000; background-color:#FFF; } /************************/ a#podcast_button { display:block; position:relative; width: 150px; height: 65px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#podcast_button span, span.podcast_button { position: absolute; top:0; left:0; width:150px; height:65px; background: url(../images/podcast_button.png) left top no-repeat; cursor:pointer; } a#podcast_button:hover span { background-position:left bottom; } a.glacialslide, a.glacialslide * { margin:0; padding:0; } a.glacialslide { display:block; float:left; position:relative; width:auto; height:64px; overflow:hidden; text-decoration:none; margin:6px 8px 6px 0; background:url(../images/watch_video_button_left.png) left top no-repeat;} a.glacialslide span, span.glacialslide { display:block; float:left; position:relative; width:auto; height:34px; cursor:pointer; background:url(../images/watch_video_button_right.png) right top no-repeat; font:12px/1.20em helvetica,arial,clean,sans-serif; color:#8a2222; padding:30px 6px 0 46px; font-weight:bold; text-align:left; } a.glacialslide:hover { background-position:left -64px; color:#9aaaab; } a.glacialslide:hover span { background-position:right -64px; color:#9aaaab; white-space:nowrap; } .glacialslide-html{background-color:#FFF;} .glacialslide-html-blur{border:2px solid gray;} .glacialslide-html-content{position:absolute;display:none;} .glacialslide-loading{display:block;color:#000;font-size:8pt;font-family:sans-serif;font-weight:700;text-decoration:none;border:1px solid #000;background-color:#FFF;padding:2px;} .glacialslide-move{cursor:move;} .glacialslide-display-block{display:block;} .glacialslide-display-none{display:none;} .control{float:right;display:block;font-size:9pt;font-weight:700;text-decoration:none;text-transform:uppercase;color:#999;margin:0 5px;} .control:hover{color:#000!important;} /*****************/ a#expert_learn_more { display: block; position: absolute; top:140px; left:15px; width: 155px; height: 25px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#expert_learn_more span, span.expert_learn_more { position: absolute; top:0; left:0; width:155px; height:25px; background: url(../images/expert_learn_more.png) left top no-repeat; cursor:pointer; } a#expert_learn_more:hover span { background-position:left bottom; } div#cornea_expert{position:relative; width:184px; height:176px; background:url(../images/cornea_expert_bg.png) no-repeat;} #copyRight{ width:759px; margin:auto; padding:14px 0 0 0; text-align:center; color:#151a33; font-size:10px;} /**********************************/ #charles_norma { position:relative; width: 494px; height: 251px; margin:0; padding:0; overflow:hidden; } #charles_norma span, span.charles_norma { position: absolute; top:0; left:0; width:494px; height:251px; background: url(../images/patient_experience.jpg) left top no-repeat; } /************************************/ .glcallouts{padding:0; margin:0; background-image:url(../images/gl_callouts.png); width:552px; height:108px; position:relative;} a#newsletter_btn { left:12px; top:65px} a#newsletter_btn, #newsletter_btn span, span.newsletter_btn_span {width:114px;height:31px;display:block; position:relative; overflow:hidden; text-decoration:none;} a#newsletter_btn span, span.newsletter_btn_span { position:absolute; left:0; top:0; background:url(../images/gl_callouts_btns.png) no-repeat 0 0;} a#newsletter_btn:hover span, span.newsletter_btn_span_oo { background-position:0 -31px; cursor:pointer} a#financing_btn { left:149px; top:34px} a#financing_btn, #financing_btn span, span.financing_btn_span {width:114px;height:31px;display:block; position:relative; overflow:hidden; text-decoration:none;} a#financing_btn span, span.financing_btn_span { position:absolute; left:0; top:0; background:url(../images/gl_callouts_btns.png) no-repeat -114px 0 ;} a#financing_btn:hover span, span.financing_btn_span_oo { background-position:-114px -31px; cursor:pointer} a#lasik_btn { left:288px; top:3px} a#lasik_btn, #lasik_btn span, span.lasik_btn_span {width:114px;height:31px;display:block; position:relative; overflow:hidden; text-decoration:none;} a#lasik_btn span, span.lasik_btn_span { position:absolute; left:0; top:0; background:url(../images/gl_callouts_btns.png) no-repeat -228px 0;} a#lasik_btn:hover span, span.lasik_btn_span_oo { background-position:-228px -31px; cursor:pointer} a#botox_btn { left:427px; top:-28px} a#botox_btn, #botox_btn span, span.botox_btn_span {width:114px;height:31px;display:block; position:relative; overflow:hidden; text-decoration:none;} a#botox_btn span, span.botox_btn_span { position:absolute; left:0; top:0; background:url(../images/gl_callouts_btns.png) no-repeat -342px 0;} a#botox_btn:hover span, span.botox_btn_span_oo { background-position:-342px -31px; cursor:pointer} /**************************/ /**************************/ .newsletterform { width:150px; height:45px; position:absolute; top:27px; left:11px;} .newsletter { width:107px; height:16px; background-image:url(/images/inputbg.jpg); background-repeat:no-repeat; background-position:right bottom; border:0px;} *html .newsletter { width:107px; height:16px; background-image:url(/images/inputbg.jpg); background-repeat:no-repeat; background-attachment:fixed;border:0px;} .btngo {width:29px; height:17px; background-image:url(/images/btngo.png);border:0px;} .btngo:hover { background-position:bottom;} #clickTakeTest2{ position:absolute; width: 155px; height:25px; left: 388px; top: 35px; } a#clickTakeTest, #clickTakeTest span, span.clickTakeTest_span { display:block; position:relative; width:155px; height:25px; overflow:hidden; } a#clickTakeTest span, span.clickTakeTest_span { position:absolute; left:0; top:0; background:url(../images/clickTakeTest.png) no-repeat 0 0; } a#clickTakeTest:hover span, span.clickTakeTest_span_oo {background-position:0 -25px;} #clickLearnMore2{ position:absolute; width: 155px; height:25px; left: 195px; top: 35px; } a#clickLearnMore, #clickLearnMore span, span.clickLearnMore_span { display:block; position:relative; width:155px; height:25px; overflow:hidden; } a#clickLearnMore span, span.clickLearnMore_span { position:absolute; left:0; top:0; background:url(../images/clickLearnMore.png) no-repeat 0 0; } a#clickLearnMore:hover span, span.clickLearnMore_span_oo {background-position:0 -25px;} /**************************/ /**************************/