/**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { color:#000; } 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%;} legend {color:#000;} a, a:link, a:visited, a:active{ color: #333333; } a:hover { color:#5B97C4; text-decoration:none; } /**************************************************************************************************************************** * Reset css finish /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ #transBorder,#leftShadow,#gui,*html #footerTop,*html #topShadow,*html #rightShadow, *html #footerTop1{ azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true )} body { background:#c4dfe6 url(../images/bg.png) repeat-x; text-align:center; font-family:Arial;} #mainContanier { width:967px; margin:auto; text-align:left} #top{ width:966px;position:relative; z-index:1000} #logo{ width:436px; height:58px;background:url(../images/logo.png); float:left} #nav1Cont{ width:491px; height:58px;background:url(../images/nav/nav1.png); float:right;position:relative; z-index:1000} #nav2Cont{ width:627px;float:left;position:relative; z-index:1000} #nav2Cont1{ width:627px;position:relative; z-index:1000} #nav3Cont{ width:627px; height:45px; background:url(../images/nav/nav3.png);} .searchCont{ width:336px; height:45px;background:url(../images/searchBg.png); border-right:1px solid #6a92ae;} #rightTop{ width:337px; float:right; position:relative;} #rightTop1{ width:337px; position:relative;} *html #rightTop{height:320px;} .firstRow{height:238px; padding:14px 0 0 0;position:relative; z-index:1 } .firstRowColumnL{ width:622px;float:left;} .firstRowColumnL1{ width:627px;float:left; background:#dff3f7; min-height:1095px;} *html .firstRowColumnL1{height:1095px;} .firstRowColumnR{ width:337px; float:left;} .leftConttent{ padding:10px; min-height:800px; background:#dff3f7; font-size:12px; color:#333333} *html .leftConttent{height:800px} #headerMeadia{ width:627px;} #headerMeadia2{ width:627px; height:115px; } #ajaxModul{ width:964px; height:289px; background:#00CCFF; margin:auto; margin-top:20px;text-align:center; position:relative} .ajaxIn{ background-color:#c4dfe6; height:100%;} #slideContainer { clear:both; position:relative;width:892px; height:209px; overflow:hidden;padding:0px; margin:auto;} #slideContainer ul {width:6800px;} #slideContainer li {position:relative; float:left; height:209px; font-weight:700; border-top:1px solid #6991ae; border-bottom:1px solid #6991ae;} #slideNav { clear:both; text-align:center; padding-left:2px; margin:0 0 0 34px;} #slideNav a {display:block; float:left; width:172px; height:55px; background:url(../images/tabbed.png) left top no-repeat; color:#505050; text-decoration:none; text-align:center; margin:0; padding:6px 0px 0 0; margin:0 4px 0 4px; font-weight:bold; font-size:15px;} #slideNav a:hover { color:#1a63a5;background-position:0 -81px;} #slideNav a.slideNavSelected { color:#7b7a7a; background-position:0 -81px;} #ajxButtonL { width:34px; height:24px; position:absolute; left: -2px; top:167px; z-index:10000 } #ajxButtonL a { width:34px; height:24px; background:url(../images/ajxButtonLR.png); display:block } #ajxButtonL a:hover { width:34px; height:24px; background:url(../images/ajxButtonLR.png) 0 -25px } #ajxButtonL span { display:none } #ajxButtonR { width:34px; height:24px; position:absolute; top: 167px; left: 932px; z-index:10000 } #ajxButtonR a { width:34px; height:24px; background:url(../images/ajxButtonLR.png) -34px 0; display:block } #ajxButtonR a:hover { width:34px; height:24px; background:url(../images/ajxButtonLR.png) -34px -25px } #ajxButtonR span { display:none } #ajxBottom { width:879px; height:21px; background:url(../images/ajxBottom.png) 0 1px ; margin:auto; border-top:1px solid #cdcdcd} #content{ text-align:center; background:#dff3f7} #contentIn {text-align:left; padding:12px 20px 0 0;color:#1b3f61; font-size:12px; position:relative;} #contentIn h1, #contentIn2 h1{ color:#4e84ba; font-size:24px; padding:16px 0 0 0} #contentIn p,#contentIn2 p{ height:12px} #contentIn2 { width:965px; padding:110px 0 0 0; min-height:380px; margin:auto; position:relative; text-align:left; position:relative} #formBox{width:289px; height:149px;border:1px solid #b8b8ba;border-bottom:0;border-top:0; padding:10px 0 0 10px; margin:auto; margin-top:31px;position:relative; text-align:left;background:url(../images/formBg.jpg)} #formBox1-1{width:938px; height:131px; padding:14px; margin:auto; position:relative; text-align:left;background:url(../images/formBg.jpg)} #formBox1-2{width:319px; height:145px; border:1px solid #b8b8ba; border-bottom:0; border-top:0; padding:0 14px 14px 3px;margin:auto; position:relative; text-align:left;background:url(../images/formBg.jpg)} #formBoxInner_1{width:319px; height:145px; border:1px solid #b8b8ba; border-bottom:0; border-top:0; padding:0 14px 14px 3px;margin:auto; position:relative; text-align:left;background:url(../images/formBg.jpg)} #formBoxInner_2 #formBox1-2-homepage{width:319px; height:145px; top:-19px; left:5px; border:1px solid #b8b8ba; border-bottom:0; border-top:0; padding:0 14px 14px 3px;margin:auto; position:relative; text-align:left;background:url(../images/formBg.jpg)} .titleLine{height:43px; position: relative; } .titleOurTeam{width:139px; height:33px; position:absolute; background:url(../images/replaceSet1.png) 0 -28px;left:0px; top:0px;} .ourLocation{ width:164px; height:31px; position:absolute; background:url(../images/replaceSet1.png) 0 -62px; left: 380px; top: 1px; } .selfTest{ width:210px; height:44px; position:absolute; left:690px; background:url(../images/footerTop.png) } #transBorder{ width:874px; height:22px; background:url(../images/transBorder.png); position:absolute; left:52px; top:270px; border-top:1px solid #6991ae } .box3{ width:246px; height:42px; background:url(../images/box3-Set.png);} .box3-1{ position:relative; padding:0 0 0 0; height:212px; font-size:12px} .box3-2{ position:relative; padding:0 0 0 0; height:172px; font-size:12px} .box3-3{ position:relative; padding:0 0 0 0; font-size:12px} .box3-1Title{ width:130px; height:32px; background:url(../images/box3-Set.png); position:absolute; left: 17px; top: 12px; } .box3-2Title{ width:169px; height:35px; background:url(../images/box3-Set.png) 0 -32px; position:absolute; left: 17px; top: 39px; } .box3-3Title{ width:243px; height:41px; background:url(../images/box3-Set.png) 0 -67px; position:absolute; left: 17px; top:14px; } #ourTeam{ height:140px; background:url(../images/team-img2.png) no-repeat; padding:0 0 0 75px; position:absolute; left: 62px; top: 52px; width: 157px; } #ourTeamNew{ height:70px; background:url(../images/team-img-2.gif) no-repeat; padding:0 0 0 75px; position:absolute; left: 62px; top: 185px; width: 157px; } #ourTeam a, #ourTeamNew a{ color:#025fba; font-style:italic; text-decoration:none; font-size:12px;} #ourTeam a:hover, #ourTeamNew a:hover{ color:#fb7900;} #footer{width:966px; height:46px; margin:auto; background:url(../images/footer.png);} #footerMenu { height:px;margin: auto; padding:4px 0 0 0; width:790px; text-align:center } #footerMenu img{margin:4px 4px 0 4px} #footerMenu a { color:#367faf; margin:8px 6px 8px 6px; text-decoration:none;font-size:11px; } #footerMenu a:hover { color:#fff;margin:18px 6px 18px 6px;text-decoration:none} #ajaxContent{ padding:20px 0 0 0;} #ajaxCFloat1{ width:200px;height:209px; float:left;} #ajaxCFloat2{ width:403px;height:209px; padding:0 20px 0 0; float:left;color:#195086; font-size:12px; position:relative; text-align:justify} #ajaxCFloat3{ width:262px;height:209px; float:left;} #footerTop{ width:214px;height:44px; background:url(../images/footerTop.png) no-repeat;} #footerTop1{ width:210px;height:44px; background:url(../images/footerTop.png) no-repeat;} #location{ width:370px; height:100px;float:left; position:relative} #self{ width:220px; height:100px;float:left; font-size:12px;color:#303030;; margin:0 0 0 46px;} #loc1{ width:136px; position:absolute; font-size:12px; color:#303030;left: 225px; top: 1px; } #loc2{ width:136px; position:absolute; font-size:12px; color:#303030; left: 84px; top: 2px; } #loc3{ font-size:12px; color:#303030; padding:58px 0 0 153px; } #loc3{ font-size:12px; color:#303030; padding:53px 0 0 235px; position;relative} #loc4{ font-size:12px; color:#303030; padding:23px 0 0 0;} #loc5{ width:65px; height:64px; background:url(../images/team-img.png); position:absolute; left: 40px; top: -6px; } #loc6{ width:65px; height:64px; background:url(../images/team-img.png) -65px 0; position:absolute; left: 155px; top: -5px; } #loc7{ width:65px; height:64px; background:url(../images/team-img.png) -130px 0; position:absolute; left: 275px; top: -6px; } #locTxt1,#locTxt2, #locTxt3{ color:#303030; font-size:11px;} #locTxt1 a,#locTxt2 a, #locTxt3 a{ color:#025fba; font-style:italic; text-decoration:none; font-size:12px;} #locTxt1 a:hover,#locTxt2 a:hover, #locTxt3 a:hover{ color:#fb7900;} #locTxt1{ width:120px; height:30px; position:absolute; left: 17px; top: 61px; } #locTxt2{ width:120px; height:30px; position:absolute; left: 140px; top: 60px; } #locTxt3{ width:125px; height:30px; position:absolute; left: 260px; top: 59px; } #loc1-1{ width:120px; height:30px; position:absolute; left: 29px; top: 90px; } #loc2-1{ width:146px; height:30px; position:absolute; left: 169px; top: 90px; } #loc3-1{ width:212px; height:30px; position:absolute; left: 55px; top:70px; } *html #contentIn2 {height:380px;} .telephone{ width:143px; height:31px; position:absolute; top: 9px; background:url(../images/tellephone.jpg); left: 22px; } #leftShadow{ width:12px; height:160px; margin:auto; position:absolute; left: -11px; top: -1px; text-align:left; background:url(../images/leftShadow.png);} #rightShadow{ width:12px; height:160px; margin:auto; position:absolute; left: 965px; top: -1px; text-align:left; background:url(../images/rightShadow.png);} #topShadow{ width:962px; height:5px;font-size:5px; margin:auto; position:absolute; left: 1px; top: -3px; text-align:left; background:url(../images/topShadow.png);} #formCont1-1{ width:334px; position:relative; float:left} #location{ width:370px;220px; height:100px;float:left; position:relative} #formCont-1{ width:334px; position:relative; float:left} .box3{ width:337px; background:#fff url(../images/box3.png); min-height:570px; border:1px solid #b8b8ba} *html .box3{height:570px;} .formLast{ padding:12px 6px 0px 28px} #headerInner{ width:965px; height:109px; margin:auto; position:relative} #gui{ width:964px; height:182px; background:url(../images/gui.png); position:absolute; top:20px; left:0 } #guiName{ color:#88bacf; font-size:24px; position:absolute; left: 37px; top: 95px; width: 516px; text-align:left } /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ #menu1Cont{ width:169px; height:56px; position:absolute; left: 216px; top: 127px; } #menu3Cont{ width:169px; height:56px; position:absolute; left: 300px; top: 127px; } #menu4Cont{ width:319px; height:56px; position:absolute; left: 30px; top: 127px;} #menu5Cont{ width:321px; height:58px; position:absolute; left: 0px; top: 127px;} #menu6Cont{ width:116px; height:39px; position:absolute; left: 105px; top: 130px;} #menu7Cont { width:226px; height:42px; position:absolute; top:110px; width:119px; left:56px } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span {width:169px; height:56px; display:block; position:relative;overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/btnSet1.png) no-repeat 0 0;} a#menu1:hover span, span.menu1_span_oo { background-position:0 -56px; cursor:pointer} a#menu2, #menu2 span, span.menu2_span {width:319px; height:56px; display:block; position:relative;overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/btnSet2.png) no-repeat 0 0;} a#menu2:hover span, span.menu2_span_oo { background-position:0 -56px; cursor:pointer} a#menu3, #menu3 span, span.menu3_span {width:321px; height:58px; display:block; position:relative;overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/btnSet3.png) no-repeat 0 0;} a#menu3:hover span, span.menu3_span_oo { background-position:0 -58px; cursor:pointer} a#menu4, #menu4 span, span.menu4_span {width:112px; height:38px; display:block; position:relative;overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/btnSet4.png) no-repeat 0 0;} a#menu4:hover span, span.menu4_span_oo { background-position:0 -38px; cursor:pointer} a#menu5, #menu5 span, span.menu5_span {width:222px; height:38px; display:block; position:relative;overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/btnSet4.png) no-repeat 0 -76px;} a#menu5:hover span, span.menu5_span_oo { background-position:0 -114px; cursor:pointer} a#menu6, #menu6 span, span.menu6_span {width:116px; height:39px;display:block; position:relative;overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/btnSet5.png) no-repeat 0 0;} a#menu6:hover span, span.menu6_span_oo { background-position:0 -39px; cursor:pointer} a#menu7, #menu7 span, span.menu7_span {width:226px; height:42px; display:block; position:relative;overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/btnSet5.png) no-repeat 0 -78px;} a#menu7:hover span, span.menu7_span_oo { background-position:0 -121px; cursor:pointer} a#menu8, #menu8 span, span.menu8_span {width:213px; height:29px; display:block; position:relative;overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/btn-eval.jpg) no-repeat 0 0px;} a#menu8:hover span, span.menu8_span_oo { background-position:0 -29px; cursor:pointer} a#menu9, #menu9 span, span.menu9_span {width:213px; height:29px; display:block; position:relative;overflow:hidden;} a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/btn-sched.jpg) no-repeat 0 0px;} a#menu9:hover span, span.menu9_span_oo { background-position:0 -29px; cursor:pointer} /**************************************************************************************************************************** * Form >> css ****************************************************************************************************************************/ .askFormInpt{width:120px; height:16px; background:url(../images/inputbg.gif) repeat-x; border:1px solid #a2a2a2;padding:1px 0 0 3px; font-size:11px } .askFormTxtA {width:120px; height:30px; background:#fff url(../images/inputbg.gif) repeat-x;border:1px solid #a2a2a2;OVERFLOW: auto;padding:1px 0 0 3px; font-size:11px} /****** Form2 >> css *****/ #formCont1{ width:280px; position:relative;} #formCont1-homepage{ width:280px; position:absolute; left:690px;top:57px;} #formCont{ width:300px; position:relative; float:left} #formBox1{ padding:0; height:16px} #formBox2{ padding:10px 0 0 0} *html #formBox2{ padding:3px 0 0 0} #formFloat1,#formFloat2,#formFloat1-1{ width:122px; height:16px; padding:4px 0 0 4px; float:left; background:url(../images/inputBg.png)} #formFloat2{ margin:0 0 0 2px;} #formFloat1-1{height:30px; padding:0 0 0 4px} #formFSubmit{ width:114px; height:37px; position:absolute; left: 136px; top: 55px; } /****** Search Form >> css *****/ #searhInput{ width:117px; height:17px; position:absolute; background:url(../images/search-input.png); left: 173px; top:16px; } .searchFormInpt{ width:92px; border:0; height:14px !important; height:16px; position:absolute; background:transparent; font-size:11px; padding:0 0 0 6px; top: 2px; } #searhButton{ width:30px; height:15px; position:absolute; left: 296px; top:17px; } /**************************************************************************************************************************** * Form >> css ****************************************************************************************************************************/ #formCont-11{ width:300px; height:98px;position:relative; float:left} /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ #replace1Cont { width:302px; height:25px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative; width:302px; height:25px; padding:0; overflow:hidden; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:302px; height:25px; background:url(../images/replaceSet1.png) 0 0;} div.leftConttent blockquote,div.leftConttent ul,div.leftConttent ol,div.leftConttent dl {margin:1em;} div.leftConttent ol,div.leftConttent ul,div.leftConttent dl {margin-left:2em;} div.leftConttent ul li {list-style: disc outside;} div.leftConttent ol li {list-style: decimal inside;} div.leftConttent li {margin:0.5em 0; } div.leftConttent dl dd {margin-left:1em;} .copyRight{width:967px; margin:auto; text-align:center; font-size:10px; color:#4880ab; padding:10px 0 0 0} div#contentIn blockquote,div.contentIn ul,div.contentIn ol,div.contentIn dl {margin:1em;} div#contentIn ol,div.contentIn ul,div.contentIn dl {margin-left:2em;} div#contentIn ul li {list-style: disc inside;} div#contentIn ol li {list-style: decimal inside;} div#contentIn li {margin:0.5em 2em; margin:0; padding:0 } div#contentIn p {margin:4px 0 4px 0; padding:4px 0 4px 0 } div#contentIn dl dd {margin-left:1em;} .copyRight{width:967px; margin:auto; text-align:center; font-size:10px; color:#4880ab; padding:10px 0 0 0} /***************Send To Friend*******************/ #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; } /***************Send To Friend*******************/ /*************Map Button*************/ a#download_map { display:block; position:relative; width: 209px; height: 51px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#download_map span, span.download_map { position: absolute; top:0; left:0; width:209px; height:51px; background: url(../images/map_button.png) left top no-repeat; cursor:pointer; } a#download_map:hover span { background-position:left bottom; } /*************Map Button*************/ /**********************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:#000; text-decoration:none;} .ir-info-wrapper {} .ir-info {} /**********************Text Link***********************/ #promotion_btnCont {position:relative; top:-25px; left:5px;} a#promotion_btn, #promotion_btn span, span.promotion_btn_span { display:block; position:relative; width:338px; height:58px; overflow:hidden; cursor:pointer;} a#promotion_btn span, span.promotion_btn_span { position:absolute; left:0; top:0; background:url(../images/special_promotions_button.png) left top no-repeat; } a#promotion_btn:hover span, span.promotion_btn_span_oo { background-position:left bottom; } #self_testCont {position:relative; top:-19px; left:5px;} #self_testContInner {position:relative; top:-6px;} a#self_test, #self_test span, span.self_test_span { display:block; position:relative; width:338px; height:56px; overflow:hidden; cursor:pointer;} a#self_test span, span.self_test_span { position:absolute; left:0; top:0; background:url(../images/take_test.png) left top no-repeat; } a#self_test:hover span, span.self_test_span_oo { background-position:left bottom; } #schedule_a_lasikCont {position:relative; top:-10px; left:5px;} #schedule_a_lasikContInner {position:relative; top:6px;} a#schedule_a_lasik, #schedule_a_lasik span, span.schedule_a_lasik_span { display:block; position:relative; width:338px; height:56px; overflow:hidden; cursor:pointer;} a#schedule_a_lasik span, span.schedule_a_lasik_span { position:absolute; left:0; top:0; background:url(../images/schedule_a_lasik.png) left top no-repeat; } a#schedule_a_lasik:hover span, span.schedule_a_lasik_span_oo { background-position:left bottom; } a#facebook_btn { right:298px; top:147px;} a#facebook_btn, #facebook_btn span, span.facebook_btn_span {width:50px;height:60px;display:block; position:absolute; overflow:hidden;} a#facebook_btn span, span.facebook_btn_span { position:absolute; left:0; top:0; background:url(../images/facebook_btn.png) no-repeat 0 0;}