body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html {} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0} legend { color:#000; } a, a:link, a:visited, a:active{ color: #0C325F; } a:hover { color:#799EC1;} /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:url(../images/bg.png);text-align:center; font-family:Arial;} #wrapper { width:754px;position:relative; margin:auto;background:url(../images/wrapper.png); text-align:left } .top { width:740px; height:97px;margin:auto;position:relative;background:url(../images/top.png);} .headerMedia{ width:740px; margin:auto;} #content{ width:738px;margin:auto; border:1px #050505 solid; border-top:1px solid #234169; border-bottom:0; background:#0f2634 url(../images/contentBg.png) repeat-x; min-height:1677px} *html #content{height:1677px} #contentL{ width:400px; float:left;} #contentR{ width:312px; float:right;} .contentBottom{ width:754px; height:19px;margin:auto;background:url(../images/contentBottom.png); text-align:left } .footer{ width:754px;margin:auto; margin:auto;text-align:center; } .footerL{ width:21px; height:88px;margin:auto;text-align:left;background:url(../images/footerLR.png) ;float:left} .footerM{ width:711px; height:72px;margin:auto;text-align:left;background:url(../images/footerBg.png);float:left;padding:15px 0 0 0; text-align:center} .footerR{ width:22px; height:88px;margin:auto;text-align:left;background:url(../images/footerLR.png) -21px 0;float:left} .mod1{ height:500px;padding:10px 0 10px 7px; } .mod2{padding:27px 2px 0 0;} .mod2L{width:21px; height:226px;background:url(../images/mod2LR.png); float:left} .mod2M{width:356px; height:226px;background:url(../images/mod2M.png) -21px 0px; float:left} .mod2R{width:21px; height:226px;background:url(../images/mod2LR.png) -21px 0px; float:left} .examMedia{width:309px; height:144px; margin:8px 0 0 22px} .coll1{width:393px;height:170px;margin:12px 0 0 16px;background:url(../images/call1.png); position:relative} .eventsMod{width:379px;height:133px;margin:12px 0 0 10px;background:url(../images/eventsMod.png) 0 -5px; position:relative} .eventsMod2{width:312px;height:135px;margin:12px 0 0 0;background:url(../images/seconderCall.jpg) 0 -169px; position:relative} .ckCallout{width:379px;height:158px;margin:12px 0 0 10px;background:url(../images/ckCallout.png); position:relative} .ckCallout2{ widows:312px; height:166px; margin:12px 0 0 0; background:url(../images/seconderCall.jpg) 0 -304px; position:relative;} .twitterbtn {width:320px; height:63px; border:0; position:relative; margin:17px 0 0 0; left:50px; top:0;} .eventTxt{ font-size:12px; color:#fff; position:absolute; left: 149px; top: 59px; width: 228px; } .eventTxt a,.eventTxt2 a{ font-size:12px; color:#0f162c; font-weight:bold; text-decoration:none; } .eventTxt2{ font-size:12px; color:#fff; position:absolute; left: 82px; top: 47px; width: 228px; } .lasikMod{width:311px;height:388px; margin:16px 0 0 1px;background:url(../images/lasikMod.jpg) 0 0; position:relative} .lasikModTxt{ font-size:12px; color:#fff; font-weight:bold; position:absolute; left: 24px; top: 158px; width: 262px; } .lasikEvuTest{ width:310px; height:158px; background:url(../images/lasikEvuTest.png); margin:0 0 0 2px; position:relative} .lasikEvuTestTxt{ font-size:12px; color:#fff; position:absolute; left: 29px; top: 78px; width: 266px; } .lasikEvuTestTxt a{font-size:12px; color:#fff; color:#fff; text-decoration:none} .lasikEvuTestTxt a:hover{color:#486fa4} .lensMod{width:311px;height:381px; margin:17px 0 0 1px;background:url(../images/lensMod.png) 0 0; position:relative} .lensModTxt{ font-size:12px; color:#fff; position:absolute; left: 20px; top: 148px; width: 271px; } .footerM img { position:absolute} .footerM a {color:#fff; text-decoration:none; font-size:10px; margin:7px; line-height:20px;} .footerM a:hover {color:#57a1de; } .copyRight{color:#fff; font-size:10px; margin:auto; width:800px; padding:10px 0 10px 0} .content-in{padding:13px 6px 0px 15px;} .content-in2{padding:0;} .guiname{font-size:14px; color:#91c7e9} .guiname2{font-size:24px; color:#91c7e9; padding:7px;} .contentTxt{font-size:12px; color:#fff} .contentTxt a, a:link, a:visited, a:active{ color: #fff; } .contentTxt a:hover { color:#91C7E9;} .coll1-2{width:309px;height:167px;margin:12px 0 0 0;background:url(../images/seconderCall.jpg);position:relative} .font12{font-size:12px;} .color1{color:#fff} /**************************************************************************************************************************** * form elements >> css ****************************************************************************************************************************/ .searchinput{ width:84px; height:14px; border:0px; position:absolute; font-size:11px; color:#0c2854; background:transparent; left: 564px; top: 58px; } .sButton{ width:36px; height:15px; border:0px; position:absolute; left: 670px; top: 57px; } /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ #replace1Cont {width:389px; height:34px} #replace2Cont {width:317px; height:42px; margin:16px 0 0 0;} #replace3Cont {width:182px; height:25px;position:absolute; left: 152px; top: 22px;} #replace4Cont {width:182px; height:25px;position:absolute; left:147px; top:26px;} #replace9Cont {width:180px; height:25px;position:absolute; left: 152px; top: 22px;} #replace5Cont {width:261px; height:41px;position:absolute; left:21px; top:10px;} #replace6Cont {width:273px; height:62px;position:absolute; left:21px; top:10px;} #replace7Cont { width:156px; height:66px; position:absolute; left:142px; top:21px; } #replace8Cont { width:156px; height:66px; position:absolute; left:82px; top:20px; } #replace10Cont { width:180px; height:32px; position:absolute; left:124px; top:39px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative;width:389px; height:34px;padding:0;overflow:hidden; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:389px; height:34px; background:url(../images/replace1Set.png) -6px 0} #replace2 { position:relative;width:317px; height:42px;padding:0;overflow:hidden; } #replace2 span, span.replace2 { position: absolute; top:0; left:0px; width:317px; height:42px; background:url(../images/replace1Set.png) 0 -34px} #replace3 { position:relative;width:197px; height:82px;padding:0;overflow:hidden; } #replace3 span, span.replace3 { position: absolute; top:0; left:0px; width:197px; height:82px;background:url(../images/call1.png) -152px -22px} #replace4 { position:relative;width:182px; height:25px;padding:0;overflow:hidden; } #replace4 span, span.replace4 { position: absolute; top:0; left:0px;width:182px; height:25px;background:url(../images/eventsMod.png) -147px -31px} #replace9 { position:relative;width:182px; height:25px;padding:0;overflow:hidden; } #replace9 span, span.replace9 { position: absolute; top:0; left:0px;width:182px; height:25px;background:url(../images/ckCallout.png) -152px -22px} #replace5 { position:relative;width:261px; height:41px;padding:0;overflow:hidden; } #replace5 span, span.replace5 { position: absolute; top:0; left:0px;width:261px; height:41px;background:url(../images/lasikMod.jpg) -21px -10px} #replace6 { position:relative;width:273px; height:62px;padding:0;overflow:hidden; } #replace6 span, span.replace6 { position: absolute; top:0; left:0px;width:273px; height:62px;background:url(../images/replace1Set.png) 0 -77px} #replace7 { position:relative;width:156px; height:66px;padding:0;overflow:hidden; } #replace7 span, span.replace7 { position: absolute; top:0; left:0px;width:156px; height:66px;background:url(../images/seconderCall.jpg) -142px -21px} #replace10 { position:relative;width:180px; height:32px;padding:0;overflow:hidden; } #replace10 span, span.replace10 { position: absolute; top:0; left:0px;width:180px; height:32px;background:url(../images/seconderCall.jpg) -124px -343px} #replace8 { position:relative;width:182px; height:25px;padding:0;overflow:hidden; } #replace8 span, span.replace4 { position: absolute; top:0; left:0px;width:182px; height:25px;background:url(../images/eventsMod.png) -138px -22px} /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ .menu1Cont { width:97px; height:57px; position: absolute; left: 202px; top: 106px; } .menu2Cont { width:312px; height:82px;} .menu3Cont { width:132px; height:59px; position: absolute; left: 89px; top: 248px; } .menu4Cont { width:97px; height:57px; position: absolute; left: 88px; top: 320px; } .menu5Cont { width:212px; height:57px; position: absolute; left: 402px; top: 40px; } .menu9Cont { widows:95px; height:44px; position:absolute; left:206px; top:106px;} .menu10Cont { width:97px; height:57px; position: absolute; left: 154px; top: 100px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:97px; height:57px; overflow:hidden; } a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0px; } a#menu1:hover span, span.menu1_span_oo {background-position:-97px 0px;cursor:pointer} a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:312px; height:82px; overflow:hidden; } a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 0px; } a#menu2:hover span, span.menu2_span_oo {background-position:0 -82px;cursor:pointer} a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:132px; height:59px; overflow:hidden; } a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -57px; } a#menu3:hover span, span.menu3_span_oo {background-position:0px -116px;cursor:pointer} a#menu4, #menu4 span, span.menu4_span { display:block; position:relative; width:132px; height:59px; overflow:hidden; } a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -57px; } a#menu4:hover span, span.menu4_span_oo {background-position:0px -116px;cursor:pointer} a#menu5, #menu5 span, span.menu5_span { display:block; position:relative; width:210px; height:56px; overflow:hidden; } a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menu5.png) } a#menu5:hover span, span.menu5_span_oo {background-position:-210px 0;cursor:pointer} a#menu9Ck {display:block; position:relative; width:95px; height:44px;margin:0; padding:0; overflow:hidden; cursor:pointer;} a#menu9Ck span, span.menu9Ck {position: absolute; top:0; left:0; width:95px; height:44px; background: url(../images/menu9ck.png) left top no-repeat;cursor:pointer;} a#menu9Ck:hover span { background-position:left bottom; } /******************/ /***************/ div#contentL blockquote,div#sc_inner ul,div#sc_inner ol,div#sc_inner dl {margin:1em;} div#contentL ol,div#sc_inner ul,div#sc_inner dl {margin-left:2em;} div#contentL ul li {list-style: disc outside;} div#contentL ol li {list-style: decimal outside;} div#contentL li {margin:0.5em 25px; } div#contentL dl dd {margin-left:1em;} /***************/ /******Glacial Slide******/ .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.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; } /*****Return Button*******/ .Button { background-color:#229BA6; border:1px solid #33B0BB; color:#FFFFFF; font-size:10px; text-decoration:none;} div#lasik_button_place {top:0; left:-35px; position:relative;} div#lasik_button_place_sec {top:315px; left:55px; position:relative;} /*****************************/ /* Tabs - important styles to ensure accessibility in print */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide {display: none;}} @media print {.anchors {display: none;}} /* Tabs - not important for accessibility, just for the look of it... */ .anchors {list-style: none;margin: 0;padding: 0 0 1px;} .anchors:after { /* clearing without presentational markup, IE gets extra treatment */display: block; clear: both;content: " ";} .anchors li, div#contentL .anchors li, div#contentL ul .anchors li { float: left;margin: 0 1px 0 0; list-style:none; } .anchors a, .contentTxt .anchors a {display: block;position: relative;width:115px;line-height:19px;padding:0 0 0 5px;border-bottom:1px dotted #000;z-index: 2;color: #000;text-decoration: none;} .anchors .tabs-selected a {padding-bottom: 2px;font-weight: bold;} .anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active { background: #F5EDF8; } .anchors .tabs-selected a:link, .anchors .tabs-selected a:visited, .anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;} .anchors a:hover, .anchors a:focus, .anchors a:active {cursor: pointer;} .anchors .tabs-disabled {opacity: .4;} .anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {background: transparent;} .fragment { padding: 0 4px; } .anchors .tabs-selected .tabs-loading {padding-left: 25px;background-image: url(loading.gif);background-position: 4px 50%;background-repeat: no-repeat;} /**************** LASIK EXP ****************/ div#lasik_exp { position:relative; width:391px; height:225px; background-image:url(../images/lasik_exp_callout.png); } div#container1 { position:absolute; top:58px; left:40px; width:308px; height:132px; background:#CBE3F7 url(../images/lasik_exp_bg.png) left top repeat-x; padding-top:21px; overflow:hidden; } div.containerContents {width:180px;height:132px;float:left;overflow: auto;} ul.anchors { display:block; width:122px; height:132px; float:right; } h3.sectionTitle { position:absolute; top:1px; left:4px; font-size:12px; font-weight:bold; margin:0; padding:0 0 0 15px; background:url(../images/arrow_exp.png) 0px 3px no-repeat; } /**********/ /**********************Text Link***********************/ .ir-link-wrapper { text-align:center; margin:15px auto 15px auto; } .ir-link-wrapper, .ir-link-wrapper a, a.ir-link, a.ir-link:link, a.ir-link:visited, a.ir-link:active { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#333; } .ir-link-wrapper a:hover, a.ir-link:hover {color:#FFF; text-decoration:none;} .ir-info-wrapper {} .ir-info {} /**********************Text Link***********************/ .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.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; } /*******************/ div#newVisianIclBtn{ width:310px; height:152px; position:relative; top:0; left:0; margin:15px 0 0 2px;} a#btnVisianIcl { display:block; position:relative; width: 310px; height: 152px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnVisianIcl span, span.btnVisianIcl { position: absolute; top:0; left:0; width:310px; height:152px; background: url(../images/btnVisianIcl.png) left top no-repeat; cursor:pointer; } a#btnVisianIcl:hover span { background-position:left bottom; } /************/ a#btnPatientTodd { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnPatientTodd span, span.btnPatientTodd { position: absolute; top:0; left:0; background: url(../images/testimonialBtn.png) no-repeat; cursor:pointer; } a#btnPatientTodd, a#btnPatientTodd span { width: 295px; height:76px; } a#btnPatientTodd span, span.btnPatientTodd { background-position:0px 0px; } a#btnPatientTodd:hover span { background-position: 0px -76px; } /*****************/ a#btnPatientMindy { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnPatientMindy span, span.btnPatientTodd { position: absolute; top:0; left:0; background: url(../images/btnPatientMindy.png) no-repeat; cursor:pointer; } a#btnPatientMindy, a#btnPatientMindy span { width: 294px; height:75px; } a#btnPatientMindy span, span.btnPatientMindy { background-position:0px 0px; } a#btnPatientMindy:hover span { background-position: 0px -75px; } /*****************/ a#btnPatientMichael { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnPatientMichael span, span.btnPatientMichael { position: absolute; top:0; left:0; background: url(../images/michael_s.png) no-repeat; cursor:pointer; } a#btnPatientMichael, a#btnPatientMichael span { width: 295px; height:76px; } a#btnPatientMichael span, span.btnPatientMichael { background-position:0px 0px; } a#btnPatientMichael:hover span { background-position: 0px -76px; } /*****************/ a#btnPatientBelinda { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnPatientBelinda span, span.btnPatientBelinda { position: absolute; top:0; left:0; background: url(../images/belinda_s.png) no-repeat; cursor:pointer; } a#btnPatientBelinda, a#btnPatientBelinda span { width: 295px; height:76px; } a#btnPatientBelinda span, span.btnPatientBelinda { background-position:0px 0px; } a#btnPatientBelinda:hover span { background-position: 0px -76px; } /*****************/ a#btnPatientCandy { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnPatientCandy span, span.btnPatientCandy { position: absolute; top:0; left:0; background: url(../images/candy.png) no-repeat; cursor:pointer; } a#btnPatientCandy, a#btnPatientCandy span { width: 295px; height:76px; } a#btnPatientCandy span, span.btnPatientCandy { background-position:0px 0px; } a#btnPatientCandy:hover span { background-position: 0px -76px; } /*****************/ a#btnPatientLauren { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnPatientLauren span, span.btnPatientLauren { position: absolute; top:0; left:0; background: url(../images/lauren.png) no-repeat; cursor:pointer; } a#btnPatientLauren, a#btnPatientLauren span { width: 295px; height:76px; } a#btnPatientLauren span, span.btnPatientLauren { background-position:0px 0px; } a#btnPatientLauren:hover span { background-position: 0px -76px; } /*****************/ a#btnPatientRich { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnPatientRich span, span.btnPatientRich { position: absolute; top:0; left:0; background: url(../images/rich.png) no-repeat; cursor:pointer; } a#btnPatientRich, a#btnPatientRich span { width: 295px; height:76px; } a#btnPatientRich span, span.btnPatientRich { background-position:0px 0px; } a#btnPatientRich:hover span { background-position: 0px -76px; } /*****************/ a#btnPatientWilliam { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnPatientWilliam span, span.btnPatientTodd { position: absolute; top:0; left:0; background: url(../images/btnPatientWilliam.png) no-repeat; cursor:pointer; } a#btnPatientWilliam, a#btnPatientWilliam span { width: 294px; height:75px; } a#btnPatientWilliam span, span.btnPatientWilliam { background-position:0px 0px; } a#btnPatientWilliam:hover span { background-position: 0px -75px; } /*****************/ /***********Newsletter*************/ div#newsletter_signup{ width:310px; height:105px; position:relative; background:url(../images/newsletter_bg.png) no-repeat; border:0; display:block; margin-top:20px; top:0; left:0; padding:0;} #newsletter_signup_form{ width:250px; height:30px; position:absolute; top:45px; left:40px;} #newsletter_signup_form .txt_input1 {top:3px; left:1px; width:182px; position:absolute; background-image:none; background-color:transparent;} #newsletter_signup_form .txt_input2 {top:31px; left:1px; width:182px; position:absolute; background-image:none; background-color:transparent;} #signup_submit_button {position:absolute;left:200px;top:12px;} /*********************************/ .military {width:391px; height:189px; background:url(../images/military_discount.png) no-repeat; padding:2px;color:transparent;margin-left:5px;} .military p {display:none;} a#brandons_video, #brandons_video span, span.brandons_video_span { display:block; position:relative; width:278px; height:64px; overflow:hidden; } a#brandons_video span, span.brandons_video_span { position:absolute; left:0; top:0; background:url(../images/brandons_video.jpg) left top no-repeat; } a#brandons_video:hover span, span.brandons_video_span_oo { background-position:left bottom; }