/**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ htmll { color:#000; background:#FFF; } 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%; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } legend { color:#000; } /**************************************************************************************************************************** * Reset css finish /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#010f38 url(../images/bg.png) repeat-x; text-align:center; font-family:Arial; } #mainContanier { width:764px; background:url(../images/main-bg.png); padding:0 8px 0 8px; margin:auto; text-align:left; background-color:#212F58; } *html #subBx3InnerL, *html #subBx4InnerL, *html #subBx2InnerL, *html #subBx1InnerL, *html #replace10 span, *html #replace9 span, *html #replace8 span, *html #replace7 span, *html #rBoxInnerLImg, *html #rBoxInnerLImg2, *html #rBoxInnerLImg3, *html #rBoxInnerLImg4, *html #replace1 span, *html #replace2 span, *html #replace3 span, *html #replace4 span, *html #replace5, *html #replace6 span, *html #border, *html #fullBoxBottom2, *html #fullBoxMiddle, *html #fullBoxBottom, *html #fullBoxTop, *html #fullBoxMiddle2, *html #contentL, *html #contentR, *html #contentR2, *html #mainContanier, *html #guiname, *html border2 { 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 ) } #rBoxTopImg { background:url(../images/john_krunk_callout_r4_c3.png) no-repeat; width:218px; height:167px; left:57px; position:absolute;} #fullBoxMiddle2In p{ margin:6px 0 0 0} #content { width:761px; background:url(../images/fireBg.jpg) no-repeat; background-color:#212F58;} #contentL { width:411px; height:1411px; padding:14px 0 0 0; float:left; background:url(../images/content-l.png) repeat-x; border-right:1px solid #010f38 } #contentR { width:348px; height:1425px; float:left; background:url(../images/content-r.png) repeat-x top left; border-left:1px solid #e7f0ff; } *html #contentR { width:348px; height:1071px; float:left; background:url(../images/content-r.png) repeat-x top left; border-left:1px solid #e7f0ff; } #contentL2 { width:523px; min-height:1056px; float:left; background:#b7c0db; border-right:1px solid #010f38; color:#000 } *html #contentL2 { width:500px; height:936px;} #contentR2 { width:236px; min-height:1056px; float:left; background:url(../images/content-r2.png) repeat-x top left; border-left:1px solid #e7f0ff } *html #contentR2 { width:238px;} #rightBox { width:329px; height:274px; padding:24px 0 0 17px; } #rightBox2 { width:329px; height:259px; padding:24px 0 0 17px; } #rightBox3 { width:329px; height:238px; padding:24px 0 0 17px; } #rightBox4 { width:329px; height:285px; padding:24px 0 0 17px; } #rightBoxICL { width:329px; height:250px; padding:24px 0 0 17px; } #rBoxInnerL { width:183px; float:left } #rBoxInnerL2 { width:129px; float:left } #rBoxInnerL3 { width:175px; float:left } #rBoxInnerL2-1 { width:129px; float:left } #rBoxInnerLImg { width:167; height:119px; margin:23px 0 0 0; background:url(../images/rbox-img.png) no-repeat } #rBoxInnerLImg2 { width:129; height:158px; margin:12px 0 0 0; background:url(../images/rbox-img2.png) no-repeat } #rBoxInnerLImg3 { width:175; height:159px; margin:12px 0 0 0; background:url(../images/rbox-img3.png) no-repeat } #rBoxInnerLImg2-1 { width:129; height:158px; margin:12px 0 0 0; background:url(../images/rbox-img2-1.png) no-repeat } #rBoxInnerLImg4 { width:167; height:158px; margin:12px 0 0 0; background:url(../images/rbox-img4.png) no-repeat } #rBoxInnerL h1 { color:010f38; font-size:14px; letter-spacing:0.02em; padding:10px 0 0 0 } #rBoxInnerR { width:130px; float:left; margin:0 0 0 8px; padding:10px 8px 0 0; font-size:11px } #rBoxInnerR2 { width:170px; float:left; margin:0 0 0 8px; padding:10px 14px 0 0; font-size:11px } #rBoxInnerR3 { width:137px; float:left; margin:0 0 0 8px; padding:10px 7px 0 0; font-size:11px } #rBoxInnerR2-1 { width:176px; float:left; margin:0 0 0 8px; padding:10px 7px 0 0; font-size:11px } #rBoxInnerR3-1 { width:138px; float:left; margin:0 0 0 8px; padding:10px 6px 0 0; font-size:11px } #border { width:347px; height:1px; font-size:1px; background:url(../images/border.png) no-repeat; } #header { width:778px; height:375px; padding:2px 0 0 0; background:#010f38; margin:auto; text-align:left } #headerTop { width:778px; height:102px; background:url(../images/header-bg.png) no-repeat; } #navCont { width:228px; height:259px; background:url(../images/nav/nav1.png) no-repeat; float:left } #headerMedia { width:550px; height:259px; float:left } #bar { width:778px; height:12px; background:url(../images/bar.png) no-repeat 0 -1px; } #contentInner { padding:10px; font-size:13px; color:#fff; position:relative } #fullBoxTop { width:382px; height:47px; background:url(../images/full-box-top.png); } #fullBoxMiddle { width:342px; padding:0 20px 10px 20px; background:url(../images/full-box-middle.png) repeat-y top left; color:#fff; font-size:12px; text-align:left } *html #fullBoxMiddle { width:342px; padding:0 16px 10px 16px; background:url(../images/full-box-middle.png) repeat-y top left; color:#fff; font-size:12px; text-align:left } #fullBoxMiddleIn { width:350px; position:relative; z-index:100 } #fullBoxMiddleIn a, #fullBoxMiddle2 a { color:#fff; font-size:12px; text-decoration:none } #fullBoxMiddleIn a:hover, #fullBoxMiddle2 a:hover { color:#f5b781; } #fullBoxBottom { width:382px; height:52px; background:url(../images/full-box-bottom.png); } #fullBoxMiddle2 { width:322px; min-height:40px; padding:0 20px 10px 40px; background:url(../images/full-box-middle2.png) repeat-y top left; text-align:left; color:#fff; font-size:12px; position:relative; top:0;} #fullBoxBottom2 { width:382px; height:23px; background:url(../images/full-box-bottom2.png); margin-top:0px} #contentTxt{padding:14px} #contentTxt {color:#000;fontsize:12px;font-family:Arial, Helvetica, sans-serif; font-weight:normal} #contentTxt a, a:link, a:visited, a:active{ color: #010F38; text-decoration:underline; fontsize:12px; } #contentTxt a:hover { color:#3E4A6E; text-decoration:none;} #fullBoxMiddle2 h1 { font-size:22px; font-family:Helvetica; color:#fff } #formBox {text-align:left; height:122px;padding:14px 20px 10px 50px; position:relative } #formContanier{ width:320px;height:120px; position:relative} #formBox h1 { font-size:22px; font-family:Helvetica; color:#fff } #formL { width:142px; float:left;} #formR { width:142px; margin:0 0 0 6px; float:left;} #inputCont1, #inputCont2#, inputCont3{width:142px; height:17px; background:url(../images/inpuBg.png) no-repeat; margin:4px 0 0 0; } #inputCont1{ width:142px; height:17px; background:url(../images/inpuBg.png) no-repeat; margin:4px 0 0 0; position:absolute; top:2px; left:2px; } #inputCont3{ width:142px; height:17px; background:url(../images/inpuBg.png) no-repeat; margin:4px 0 0 0; position:absolute; top:52px; left:2px; } #inputCont2{ width:142px; height:17px; background:url(../images/inpuBg.png) no-repeat; margin:4px 0 0 0; position:absolute; top:27px; left:2px; } #inputCont4{ width:142px; height:17px; background:url(../images/inpuBg.png) no-repeat; margin:4px 0 0 0; position:absolute; top:2px; left:155px; } #inputTxtCont5 { width:142px; height:40px; background:#fff url(../images/inpuBg.png) repeat-x; margin:4px 0 0 0; position:absolute; left:154px; top:28px; } .input { width:142px; height:17px; background:transparent; font-size:11px; border:0px;} .askFormTxtA { background:transparent; font-family:Sans-serif; width:142px; height:40px; line-height:normal; OVERFLOW: auto; font-size:11px; border:0 } #submit { width:63px; text-align:center; padding:0px; position:relative; left:154px; top:81px; } *html #submit {top:85px; left:160px;} #searchBox { padding:20px 0 0 60px; height:46px; background:url(../images/search-box.png) no-repeat 0 10px; } #inputCont2-1 { width:179px; height:15px; background:url(../images/inpuBg2.png); font-size:11px; float:left } #submit2 { width:60px; height:20px; margin:0 0 0 4px; float:left } .input2 { width:179px; height:17px; background:transparent; border:0; font-size:11px } #subBox1 { width:213px; height:94px; padding:16px 6px 0 14px } #subBox2 { width:213px; height:130px; padding:24px 6px 0 14px } #subBox3 { width:213px; height:120px; padding:24px 6px 0 14px } #subBox3-1 { width:213px; height:120px; padding:24px 6px 0 14px } #subBox4 { width:214px; height:128px; padding:24px 0px 0 14px } #subBox6 { width:212px; padding:16px 0px 0 20px } *html #subBox1 { width:213px; height:94px; padding:16px 6px 0 0 } *html #subBox2 { width:213px; height:130px; padding:24px 6px 0 0 } *html #subBox3 { width:213px; height:120px; padding:24px 6px 0 0 } *html #subBox4 { width:224px; height:128px; padding:24px 0px 0 0 } #bordr2 { width:226px; height:1px; font-size:1px; background:url(../images/border2.png) no-repeat; } #subBx1Inner { padding:10px 0 0 0; } #subBx1InnerL { width:37px; height:32px; background:url(../images/search-bg.png) no-repeat; float:left } #subBx1InnerM { width:94px; height:17px; background:url(../images/search-bg_input.png) no-repeat; float:left; position:relative; margin:9px 0 0 0px; } #subBx1InnerR { width:60px; height:20px; float:left; margin:7px 0 0 6px; } .input3 { width:94px; height:17px; background:transparent; border:0; font-size:11px } #subBx2Inner { padding:10px 0 0 0; } #subBox2 h1 { font-size:12px; color:#000; padding:6px 0 6px 0 } #subBx2InnerL { width:105px; height:75px; background:url(../images/sub-img1.png); float:left } #subBx2InnerM { float:left; margin:24px 0 0 10px;} #guiname { width:480px; height:41px; padding:5px 0 0 20px; background:url(../images/guiname-bg.png) no-repeat top left; font-size:25px; color:#fff } #subBx3Inner { padding:10px 0 0 0; } #subBx3InnerL { width:105px; height:75px; background:url(../images/sub-img2.png); float:left } #subBx3InnerM { float:left; margin:16px 0 0 6px; } #subBx4Inner { padding:10px 0 0 0; position:relative } #subBx4InnerL { width:82px; height:75px; background:url(../images/sub-img3.png); float:left } #subBx4InnerM { } #subBx5Inner { padding:10px 0 0 0; } #subBx5InnerL { width:104px; height:75px; background:url(../images/sub-img4.png); float:left } #subBx5InnerM { float:left; margin:24px 6px 0 5px; } #subBx5Inner9-1 { padding:10px 0 0 0; } #subBx5Inner9-1L { width:105px; height:74px; background:url(../images/sub-img9-1.png); float:left } #subBx5Inner9-1M { float:left; margin:-50px 6px 0 109px; } *html #subBx5Inner9-1M { float:left; margin:0px; } #subBx6Inner { padding:10px 0 0 0; } #subBx6InnerL { width:104px; height:75px; background:url(../images/sub-img4.png); float:left } #subBx6InnerM { float:left; margin:24px 6px 0 0px; } #formRow1 { margin:4px 0 0 0; width:195px; height:17px; background:url(../images/inpuBg3.png); position:relative } #formRow2 { margin:4px 0 0 0; width:195px; height:40px; position:relative } #formRow3 { margin:8px 0 0 54px; position:relative } .input4 { width:192px; height:17px; background:transparent; border:0; font-size:11px; padding:0 0 0 3px } .askFormTxtA2 { font-family:Sans-serif; width:192px; height:40px; line-height:normal; OVERFLOW: auto; font-size:11px; border:0; background:#fff url(../images/inpuBg2.png) repeat-x; padding:0 0 0 3px } /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ #replace1Cont { width:305px; height:22px; } #replace2Cont { width:251px; height:20px; } #replace2-1Cont { width:251px; height:20px; } #replace3Cont { width:227px; height:20px; } #replace4Cont { width:141px; height:17px; } #replace5Cont { width:116px; height:16px; } #replace6Cont { width:154px; height:15px; } #replace7Cont { width:133px; height:13px; } #replace8Cont { width:173px; height:15px; } #replace9Cont { width:108px; height:13px; } #replace9-1innerCont { width:191px; height:15px; } #replace10Cont { width:107px; height:14px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative; width:305px; height:22px; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:305px; height:22px; background:url(../images/laser_surgery.png); } #replace2 { position:relative; width:176px; height:17px; } #replace2 span, span.replace2 { position: absolute; top:0; left:0px; width:176px; height:17px; background:url(../images/replaceSet2.png); } #replace3 { position:relative; width:227px; height:20px; } #replace2-1 { position:relative; width:251px; height:20px; } #replace2-1 span, span.replace2-1 { position: absolute; top:0; left:0px; width:251px; height:20px; background:url(../images/implantable_collamer_lens.png); } #replace3 span, span.replace3 { position: absolute; top:0; left:0px; width:227px; height:20px; background:url(../images/replaceSet3.png); } #replace4 { position:relative; width:141px; height:17px; } #replace4 span, span.replace4 { position: absolute; top:0; left:0px; width:141px; height:17px; background:url(../images/replaceSet4.png); } #replace5 { position:relative; width:116px; height:16px; } #replace5 span, span.replace5 { position: absolute; top:0; left:0px; width:116px; height:16px; background:url(../images/replaceSet5.png); } #replace6 { position:relative; width:154px; height:15px; } #replace6 span, span.replace6 { position: absolute; top:0; left:0px; width:154px; height:15px; background:url(../images/replaceSet6.png); } #replace7 { position:relative; width:133px; height:13px } #replace7 span, span.replace7 { position: absolute; top:0; left:0px; width:133px; height:13px; background:url(../images/replaceSet7.gif); } #replace8 { position:relative; width:173px; height:15px; } #replace8 span, span.replace8 { position: absolute; top:0; left:0px; width:173px; height:15px; background:url(../images/replaceSet8.png); } #replace9 { position:relative; width:108px; height:13px; } #replace9 span, span.replace9 { position: absolute; top:0; left:0px; width:108px; height:13px; background:url(../images/replaceSet9.png); } #replace9-1inner { position:relative; width:191px; height:15px; } #replace9-1inner span, span.replace9-1inner { position: absolute; top:0; left:0px; width:191px; height:15px; background:url(../images/replace9-1.gif); } #replace10 { position:relative; width:107px; height:14px; } #replace10 span, span.replace10 { position: absolute; top:0; left:0px; width:107px; height:14px; background:url(../images/replaceSet10.png); } #replace11 { position:relative; width:313px; height:73px; top:-8px;} #replace11 span, span.replace11 { position: absolute; top:0; left:0px; width:313px; height:73px; background:url(../images/john_krunk_callout_r2_c2.png); } /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ .menu1Cont { position:absolute; top: 9px; left:109px } #menu2Cont { margin:19px 0 0 0; } .menu3Cont { position:absolute; top: 35px; left:81px } *html .menu1Cont { position:absolute; top: 9px; left:42px } *html .menu3Cont { position:absolute; top: 35px; left:22px } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:95px; height:20px; overflow:hidden; padding:0 0 0 3px; top:10px; } a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.gif) no-repeat 0 0px; } a#menu1:hover span, span.menu1_span_oo { background-position:0 -20px; cursor:pointer; } a#menu1_sec, #menu1_sec span, span.menu1_sec_span { display:block; position:relative; width:95px; height:20px; overflow:hidden; padding:0 0 0 3px; left:10px; } a#menu1_sec span, span.menu1_sec_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.gif) no-repeat 0 0px; } a#menu1_sec:hover span, span.menu1_sec_span_oo { background-position:0 -20px; cursor:pointer; } a#menu1_sec_bottom, #menu1_sec_bottom span, span.menu1_sec_bottom_span { display:block; position:relative; width:95px; height:20px; overflow:hidden; padding:0 0 0 3px; left:8px; } a#menu1_sec_bottom span, span.menu1_sec_bottom_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.gif) no-repeat 0 0px; } a#menu1_sec_bottom:hover span, span.menu1_sec_bottom_span_oo { background-position:0 -20px; cursor:pointer; } a#menu1_bottom, #menu1_bottom span, span.menu1_bottom_span { display:block; position:relative; width:95px; height:20px; overflow:hidden; padding:0 0 0 3px; left:40px; } a#menu1_bottom span, span.menu1_bottom_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.gif) no-repeat 0 0px; } a#menu1_bottom:hover span, span.menu1_bottom_span_oo { background-position:0 -20px; cursor:pointer; } a#menu1_top, #menu1_top span, span.menu1_top_span { display:block; position:relative; width:95px; height:20px; overflow:hidden; padding:0 0 0 3px;left:15px; top:15px;} a#menu1_top span, span.menu1_top_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.gif) no-repeat 0 0px; } a#menu1_top:hover span, span.menu1_top_span_oo { background-position:0 -20px; cursor:pointer; } a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:131px; height:55px; overflow:hidden; padding:0 0 0 3px; top:10px; } a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat 0 0px; } a#menu3:hover span, span.menu1_span_oo { background-position:0 -66px; cursor:pointer; } #footer { width:780px; height:128px; background:url(../images/footer-bg.jpg) no-repeat; text-align:center; margin:auto } #footer2 { width:780px; height:128px; background:url(../images/footer-bg.jpg) no-repeat 0 -5px; text-align:center; margin:auto } #footerMenu { width:520px; height:85px; padding:10px 20px 0 20px; margin: auto; position:relative; background:url(../images/footerBg.png) repeat-x; } #footerMenu img { margin-top:14px; margin-bottom:-2px } #footerMenu a { color:#fff; text-decoration:none; font-size:10px; margin:6px; line-height:24px; } #footerMenu a:hover { color:#d8e0e5; } #copyRight { width:754px; padding:14px; margin:auto; font-size:10px; color:#fff } /*****************************/ div#contentTxt blockquote,div#contentTxt ul,div#contentTxt ol,div#contentTxt dl {margin:1em;} div#contentTxt ol,div#contentTxt ul,div#contentTxt dl {margin-left:2em;} div#contentTxt ul li {list-style: disc outside;} div#contentTxt ol li {list-style: decimal outside;} div#contentTxt li {margin:0.5em 0; } div#contentTxt dl dd {margin-left:1em;} /***********************Back To Top**********************/ a#back_to_top { display:block; position:relative; width: 98px; height:23px; margin:0; padding:0px; overflow:hidden; cursor:pointer; } a#back_to_top span, span.back_to_top { position: absolute; top:0; left:0; width:98px; height:23px; background: url(../images/back_to_top_button_2.png) left top no-repeat; cursor:pointer; } a#back_to_top:hover span { background-position:left bottom; } /***********************Back To Top**********************/ /********Contact Us Td**********************/ .form_td td { padding: 5px; } /***********************/ a#menu_button { display:block; position:relative; width: 217px; height: 46px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#menu_button span, span.menu_button { position: absolute; top:0; left:0; width:217px; height:46px; background: url(../images/menu_button.png) left top no-repeat; cursor:pointer; } div#new_menu_button{top:0; left:0;} /**********/ /***************Pdf Buttons***************/ a#visit_button { display:block; position:relative; width: 226px; height:60px; margin:0; padding:6px; overflow:hidden; cursor:pointer; } a#visit_button span, span.visit_button { position: absolute; top:0; left:0; width:226px; height:60px; background: url(../images/before_your_visit.png) left top no-repeat; cursor:pointer; } /**********/ a#financial_button { display:block; position:relative; width: 226px; height:60px; margin:0; padding:6px; overflow:hidden; cursor:pointer; } a#financial_button span, span.financial_button { position: absolute; top:0; left:0; width:226px; height:60px; background: url(../images/financial_policy.png) left top no-repeat; cursor:pointer; } /**********/ a#medical_button { display:block; position:relative; width: 226px; height:60px; margin:0; padding:6px; overflow:hidden; cursor:pointer; } a#medical_button span, span.medical_button { position: absolute; top:0; left:0; width:226px; height:60px; background: url(../images/medical_health.png) left top no-repeat; cursor:pointer; } /**********/ a#new_patient_button { display:block; position:relative; width: 226px; height:60px; margin:0; padding:6px; overflow:hidden; cursor:pointer; } a#new_patient_button span, span.new_patient_button { position: absolute; top:0; left:0; width:226px; height:60px; background: url(../images/new_patient.png) left top no-repeat; cursor:pointer; } /**********/ a#registration_button { display:block; position:relative; width: 226px; height:60px; margin:0; padding:6px; overflow:hidden; cursor:pointer; } a#registration_button span, span.registration_button { position: absolute; top:0; left:0; width:226px; height:60px; background: url(../images/patient_registration.png) left top no-repeat; cursor:pointer; } /***************Pdf Buttons***************/