/**************************************************************************************************************************** * 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:#222;} /**************************************************************************************************************************** * Reset css finish ****************************************************************************************************************************/ /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#638296 url(../images/bg.jpg) repeat-x;text-align:center; font-family:Arial;} #mainContanier { width:1020px; margin:auto; text-align:left;padding:6px 0 0 0; position:relative} #header { width:1010px; height:234px;} #headerTop { width:1010px; height:30px; position:relative;} #headerInner { width:1010px; height:204px; position:relative;} #logo { width:306px; height:81px; position:absolute; top: 60px; left: 14px; } #headerMedia { width:662px; height:194px; position:absolute; top: 5px; left: 348px;background:url(../images/headerMedia.jpg) no-repeat; } #nav2Contanier{ width:748px; height:71px; position:relative} #content { width:1008px; padding:0 0 0 12px;} #content p{ font-size:0.9em; color:#000} #content a{ font-size:0.9em; color:#000} #content a:hover { font-size:0.9em; color:#096993; text-decoration:none;} #content h1{ font-size:1em; color:#761919; font-weight:bolder;} #content em{ font-size:10px; color:#761919;} #contentL { width:450px; height:858px; padding:50px 26px 0 26px; float:left;background:url(../images/contentLBg.png); border-right:#959595 1px solid; position:relative;} #contentR {width:485px; height:837px;float:left; margin:0 0 0 12px;} #contentBox1 { width:466px; height:432px; position:absolute; left: 16px; } #contentBox1L {width:21px; height:432px;float:left;background:url(../images/contentBox1LR.png) no-repeat; } #contentBox1M {width:416px; height:406px; padding:26px 0 0 8px;float:left;background:url(../images/contentBox1M.png);} #contentBox1MIn {width:424px; height:412px; padding:20px 0 0 0;position:relative} #contentBox1R {width:21px; height:432px;float:left;background:url(../images/contentBox1LR.png) no-repeat -21px 0;} #contentBox2 { width:485px; height:756px; padding:23px 0 0 0;} #contentBox2L {width:56px; height:756px;float:left;background:url(../images/contentBox2LR.jpg) no-repeat; } #contentBox2M {width:354px; height:730px; padding:26px 0 0 8px;float:left;background:url(../images/contentBox2M.jpg);} #contentBox2MIn1 {width:350px; height:180px; padding:20px 0 0 0;position:relative} #contentBox2MIn2 {width:350px; height:180px; padding:50px 0 70px 0;position:relative} #contentBox2MIn3 {width:350px; height:180px; padding:20px 0 0 0;position:relative} #contentBox2R {width:67px; height:756px;float:left;background:url(../images/contentBox2LR.jpg) no-repeat -56px 0;} #box3-1{height:290px; position:relative} #box3-2{height:210px;position:relative} #box3-3{height:210px;position:relative} #box3-4{height:210px;position:relative} #txt1Contanier{ height:84px; position:absolute; width: 130px; left: 3px; top: 24px; } #txt2Contanier{ height:84px; position:absolute; width: 130px; left: 3px; top: 24px; } #contentBox3 { width:281px; height:756px; padding:23px 0 0 0;} #contentBox3L {width:16px; height:904px;float:left;background:url(../images/contentBox3LR.png) no-repeat; } #contentBox3M {width:248px; height:878px; padding:26px 0 0 0;float:left;background:url(../images/contentBox3M.png);} #contentBox3MIn1 {width:200px; height:180px; padding:20px 0 0 0;position:relative} #contentBox3MIn2 {width:200px; height:180px; padding:50px 0 70px 0;position:relative} #contentBox3MIn3 {width:200px; height:180px; padding:20px 0 0 0;position:relative} #contentBox3R {width:16px; height:904px;float:left;background:url(../images/contentBox3LR.png) no-repeat -16px 0;} #contentLSub { width:620px;padding:50px 26px 0 26px; float:left;background:#cacfd2 url(../images/contentLBg.png) repeat-x; border-right:#959595 1px solid; position:relative; min-height:880px} #contentRSub {width:281px;float:left; margin:0 0 0 12px;} *html #contentLSub {height:880px;} #contentBox2C1{ position: absolute; width:236px; height:220px; padding:0; left: -4px; top: -7px; } #contentBox2C2{ position: absolute; width:236px; height:220px; padding:0; left: -6px; top: 46px; } #contentBox2C3{ position: absolute; width:225px; height:195px; padding:0; left: -4px; top: 4px; } #footer{height:52px;margin:auto; padding:0 0 0 12px;background:url(../images/footer.png)} #footerMenu {width:1001px; height:24px;margin:auto; position:relative;} #copyRight{ font-size:10px; color:#666; padding:6px 0 0 0;} #copyRight a{ font-size:10px; color:#666; text-decoration:none} /**************************************************************************************************************************** *Font Resize >> css ****************************************************************************************************************************/ #fontRsizeContanier { width:195px; height:36px; background:url(../images/fontresizeBg.png) no-repeat; position:absolute; top: 7px; left: 27px; } #A1 { position:absolute; width:32px; height:36px; left: 121px; top: 0px; } #A2 { position:absolute; width:33px; height:36px; left: 162px; top: 0px; } a.A1_1 { display:block;width:32px; height:36px; background:url(../images/fontresizeBg.png) no-repeat -123px 0; } a.A1_1:hover {background:url(../images/fontresizeBg.png) no-repeat -123px -36px;} a.A1_2 { display:block;width:33px; height:36px; background:url(../images/fontresizeBg.png) no-repeat -162px 0; } a.A1_2:hover {background:url(../images/fontresizeBg.png) no-repeat -162px -36px;} /**************************************************************************************************************************** * Button Set Contaniers >> css ****************************************************************************************************************************/ #headerButtonCont{ position: absolute; width:140px; height:37px; padding:0; left: 22px; top: 13px; } #watchVideo{ position: absolute; width:198px; height:75px; padding:0; left: 26px; top: 324px; } #takeCrystalens{ position: absolute; width:189px; height:56px; padding:0; left: 251px; top: 285px; } #learnMore1{ position: absolute; width:133px; height:69px; padding:0; left: 278px; top: 345px; } #learnMore2{ position: absolute; width:132px; height:52px; padding:0; left: 33px; top: 169px; } #learnMore3{ position: absolute; width:132px; height:52px; padding:0; left: -4px; top: 145px; } #makeAn1{ position: absolute; width:132px; height:52px; padding:0; left: 33px; top: 161px; } #takeCrystalens2{ position: absolute; width:142px; height:75px; padding:0; left: 103px; top: 47px; } #learnMore4{ position: absolute; width:131px; height:51px; padding:0; left: 107px; top: 130px; } #watchVideo2{ position: absolute; width:198px; height:74px; padding:0; left: 17px; top: 185px; } #makeAn2{ position: absolute; width:131px; height:56px; padding:0; left: 13px; top: 69px; } #learnMore5{ position: absolute; width:131px; height:58px; padding:0; left: 4px; top: 125px; } #learnMore6{ position: absolute; width:131px; height:57px; padding:0; left: 1px; top: 100px; } /**************************************************************************************************************************** * Button Sets >> css ****************************************************************************************************************************/ a#headerButton, #headerButton span, span.headerButton_span { display:block; position:relative; width:140px; height:37px; overflow:hidden; } a#headerButton span, span.headerButton_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -0px; width:140px; height:37px; } a#headerButton:hover span, span.headerButton_span_oo { background-position:0 -37px; cursor:pointer} a#watchVideoButton, #watchVideoButton span, span.watchVideoButton_span { display:block; position:relative;width:198px; height:75px; overflow:hidden; } a#watchVideoButton span, span.watchVideoButton_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -75px; width:198px; height:75px; } a#watchVideoButton:hover span, span.watchVideoButton_span_oo { background-position:0 -150px; cursor:pointer} a#takeCrystalensButton, #takeCrystalensButton span, span.takeCrystalensButton_span { display:block; position:relative;width:189px; height:56px; overflow:hidden; } a#takeCrystalensButton span, span.takeCrystalensButton_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -226px; width:189px; height:56px; } a#takeCrystalensButton:hover span, span.takeCrystalensButton_span_oo { background-position:0 -282px; cursor:pointer} a#learnMore1Button, #learnMore1Button span, span.learnMore1Button_span { display:block; position:relative;width:133px; height:69px; overflow:hidden; } a#learnMore1Button span, span.learnMore1Button_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -338px; width:133px; height:69px; } a#learnMore1Button:hover span, span.learnMore1Button_span_oo { background-position:0 -407px; cursor:pointer} a#makeAnButton, #makeAnApointmentButton span, span.makeAnApointmentButton_span { display:block; position:relative;width:133px; height:52px; overflow:hidden; } a#makeAnButton span, span.makeAnApointmentButton_span { position:absolute; left:0; top:0; background:url(../images/buttonSet2.png) no-repeat 0 0; width:132px; height:52px; } a#makeAnButton:hover span, span.makeAnApointmentButton_span_oo { background-position:0 -67px; cursor:pointer} a#learnMoreSecond, #learnMoreSecond span, span.learnMoreSecond_span { display:block; position:relative;width:133px; height:56px; overflow:hidden; } a#learnMoreSecond span, span.learnMoreSecond_span { position:absolute; left:0; top:0; background:url(../images/buttonSet2.png) no-repeat 0 -134px; width:133px; height:56px; } a#learnMoreSecond:hover span, span.learnMoreSecond_span_oo { background-position:0 -190px; cursor:pointer} a#takeCrystalens2Button, #takeCrystalens2Button span, span.takeCrystalens2Button_span { display:block; position:relative;wwidth:142px; height:74px;overflow:hidden; } a#takeCrystalens2Button span, span.takeCrystalens2Button_span { position:absolute; left:0; top:0; background:url(../images/buttonSet3.png) no-repeat 0 -148px; width:142px; height:75px;} a#takeCrystalens2Button:hover span, span.takeCrystalens2Button_span_oo { background-position:0 -222px; cursor:pointer} a#learnMore4Button, #learnMore4Button span, span.learnMore4Button_span { display:block; position:relative;width:131px; height:51px; overflow:hidden; } a#learnMore4Button span, span.learnMore4Button_span { position:absolute; left:0; top:0; background:url(../images/buttonSet3.png) no-repeat 0 -514px; width:131px; height:51px; } a#learnMore4Button:hover span, span.learnMore4Button_span_oo { background-position:0 -577px; cursor:pointer} a#learnMore5Button, #learnMore5Button span, span.learnMore5Button_span { display:block; position:relative;width:131px; height:54px; overflow:hidden; } a#learnMore5Button span, span.learnMore5Button_span { position:absolute; left:0; top:0; background:url(../images/buttonSet3.png) no-repeat 0 -407px; width:131px; height:52px; } a#learnMore5Button:hover span, span.learnMore5Button_span_oo { background-position:0 -461px; cursor:pointer} a#makeAn25Button, #makeAn25Button span, span.makeAn25Button_span { display:block; position:relative;width:131px; height:54px; overflow:hidden; } a#makeAn25Button span, span.makeAn25Button_span { position:absolute; left:0; top:0; background:url(../images/buttonSet3.png) no-repeat 0 -296px; width:131px; height:52px; } a#makeAn25Button:hover span, span.makeAn25Button_span_oo { background-position:0 -351px; cursor:pointer} a#watchVideo2Button, #watchVideo2Button span, span.watchVideo2Button_span { display:block; position:relative;width:198px; height:74px; overflow:hidden; } a#watchVideo2Button span, span.watchVideo2Button_span { position:absolute; left:0; top:0; background:url(../images/buttonSet3.png) no-repeat 0 0; wwidth:198px; height:74px; } a#watchVideo2Button:hover span, span.watchVideo2Button_span_oo { background-position:0 -74px; cursor:pointer} /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ #searchContanier { width:215px; height:30px; background:url(../images/searchBg.png) no-repeat; position:absolute; left: 768px; top: 0px; } #searcInputCont { position: absolute; width:100px; ; height:21px; padding:0; left: 64px; top: 5px; } #searcButtonCont { position: absolute; width:30px; height:20px; padding:0; left: 170px; top: 4px; } #phoneContanier { position: absolute; width:118px; height:30px; padding:0; left: 602px; top: 0; } #replace1Contanier { width:212px; height:249px; padding:0; position:absolute; left: 24px; top: 51px; } #replace2Contanier { position: absolute; width:151px; height:232px; padding:0; left: 267px; top: 53px; } #replace3Contanier { position: absolute; width:107px; height:216px; padding:0; left: 247px; top: -9px; } #replace4Contanier { position: absolute; width:107px; height:223px; padding:0; left: 247px; top: 2px; } #replace5Contanier { position: absolute; width:215px; height:241px; padding:0; left: 140px; top: -10px; } #replace6Contanier { position: absolute; width:88px; height:105px; padding:0; left: 9px; top: 48px; } #replace7Contanier { position: absolute; width:75px; height:126px; padding:0; left: 167px; top: 32px; } #replace8Contanier { position: absolute; width:83px; height:139px; padding:0; left: 159px; top: 31px; } #replace9Contanier { position: absolute; width:81px; height:94px; padding:0; left: 161px; top: 5px; } #replace10Contanier { position: absolute; width:107px; height:223px; padding:0; left: 247px; top: 41px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace { position:relative; width:118px; height:29px; padding:0; overflow:hidden; } #replace span, span.replace { position: absolute; top:0; left:0px; width:118px; height:29px; background:url(../images/replaceSet1.jpg) left top no-repeat;} #replace1 { position:relative;width:212px; height:102px; padding:0; overflow:hidden; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px;width:212px; height:102px; background:url(../images/replaceSet1.jpg) no-repeat 0 -29px;} #replace2 { position:relative;width:151px; height:232px; padding:0; overflow:hidden; } #replace2 span, span.replace2 { position: absolute; top:0; left:0px; width:151px; height:232px; background:url(../images/replaceSet1.jpg) no-repeat 0 -131px;} #replace3 { position:relative;width:107px; height:216px; padding:0; overflow:hidden; } #replace3 span, span.replace3 { position: absolute; top:0; left:0px;width:107px; height:216px; background:url(../images/replaceSet2.jpg) no-repeat 0 1px} #replace4 { position:relative;width:107px; height:223px; padding:0; overflow:hidden; } #replace4 span, span.replace4 { position: absolute; top:0; left:0px; width:107px; height:223px; background:url(../images/replaceSet2.jpg) no-repeat 0 -216px} #replace5 { position:relative;width:215px; height:241px; padding:0; overflow:hidden; } #replace5 span, span.replace5 { position: absolute; top:0; left:0px;width:215px; height:241px; background:url(../images/replaceSet2.jpg) no-repeat 0 -440px} #replace6 { position:relative; width:88px; height:105px; padding:0; overflow:hidden; } #replace6 span, span.replace6 { position: absolute; top:0; left:0px; width:88px; height:105px; background:url(../images/replaceSet3.jpg) no-repeat 0 0} #replace7 { position:relative; width:75px; height:126px; padding:0; overflow:hidden; } #replace7 span, span.replace7 { position: absolute; top:0; left:0px;width:80px; height:126px; background:url(../images/replaceSet3.jpg) no-repeat 0 -105px} #replace8 { position:relative; width:83px; height:139px; padding:0; overflow:hidden; } #replace8 span, span.replace8 { position: absolute; top:0; left:0px; width:83px; height:139px; background:url(../images/replaceSet3.jpg) no-repeat 0 -231px} #replace9 { position:relative;width:81px; height:94px; padding:0; overflow:hidden; } #replace9 span, span.replace9 { position: absolute; top:0; left:0px; width:81px; height:94px; background:url(../images/replaceSet3.jpg) no-repeat 0 -370px} #replace10 { position:relative;width:138px; height:141px; padding:0; overflow:hidden; } #replace10 span, span.replace10 { position: absolute; top:0; left:0px; width:132px; height:141px; background:url(../images/replace10.jpg) no-repeat 0 0} /**************************************************************************************************************************** * Form >> css ****************************************************************************************************************************/ .headerInput { width:96px; border:0px; background:transparent; padding:2px 0 0 5px; font-size:11px; color:#041C46 } .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;} #recommendUsCell { display:none; cursor: default; padding:5px; border:1px solid #000; z-index:1000 } .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; } .gm_err_field, #recommendUsForm .gm_err_field { border:1px solid red; background-color:#FFFFAA; } div.ajax_activity { background:url(/form_handler/ajax_indicator.gif) 8px 10px no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#f00; padding:10px; } /**********************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:#000; } .ir-link-wrapper a:hover, a.ir-link:hover {color:#000; text-decoration:none;} .ir-info-wrapper {} .ir-info {} /**********************Text Link***********************/ div#newyork_cataract_buttons{position:relative; width:438px; height:87px;} a#btnstateofart { display:block; position:relative; float:left; width: 205px; height: 87px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnstateofart span, span.btnstateofart { position: absolute; top:0; left:0; width:205px; height:87px; background: url(../images/btnstateofart.png) left top no-repeat; cursor:pointer; } a#btnstateofart:hover span { background-position:left bottom; } /*****************/ a#btnexplaincataract { display:block; position:relative; width: 219px; height: 87px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnexplaincataract span, span.btnexplaincataract { position: absolute; top:0; left:0; width:219px; height:87px; background: url(../images/btnexplaincataract.png) left top no-repeat; cursor:pointer; } a#btnexplaincataract:hover span { background-position:left bottom; } /***************************/ a#click_here, #click_here span, span.click_here_span { display:block; position:relative;width:157px; height:59px; overflow:hidden; } a#click_here span, span.click_here_span { position:absolute; left:0; top:0; background:url(../images/click_here.jpg) no-repeat 0 0; width:157px; height:59px; } a#click_here:hover span, span.click_here_span_oo { background-position:0 -59px; cursor:pointer} a#cataract_video, #cataract_video span, span.cataract_video_span { display:block; position:relative;width:198px; height:75px; overflow:hidden; } a#cataract_video span, span.cataract_video_span { position:absolute; left:0; top:0; background:url(../images/watch_video.jpg) no-repeat 0 0; width:198px; height:75px; } a#cataract_video:hover span, span.cataract_video_span_oo { background-position:0 -75px; cursor:pointer} #homepage_btnCont {float:right; margin-top:-50px;} a#homepage_btn, #homepage_btn span, span.homepage_btn_span { display:block; position:relative; width:144px; height:76px; overflow:hidden; } a#homepage_btn span, span.homepage_btn_span { position:absolute; left:0; top:0; background:url(../images/home_page.jpg) left top no-repeat; } a#homepage_btn:hover span, span.homepage_btn_span_oo { background-position:left bottom; } #directions_btnCont {margin: -100px 39px 0pt 0pt; float: right; *margin-top:-120px;} *html directions_btnCont {position:relative; left:-50px;} a#directions_btn, #directions_btn span, span.directions_btn_span { display:block; position:relative; width:191px; height:78px; overflow:hidden; } a#directions_btn span, span.directions_btn_span { position:absolute; left:0; top:0; background:url(../images/directions_button.jpg) left top no-repeat; } a#directions_btn:hover span, span.directions_btn_span_oo { background-position:left bottom; } .erhan{width:0px; height:0px; margin:0px; padding:0px; line-height:0px; font-size:0px; clear:both;}