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, 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; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#1e4e72 url(../images/bg.png) repeat-x; text-align:center; font-family:Arial; } a, a:link, a:active { color: #3C81C4; text-decoration:none; } a:hover { color:#3C81C4; text-decoration:underline;} .mainContanier {width:925px; text-align:left; margin:auto;border-top:0px;} .top {height:162px;text-align:left; margin:auto;border-top:0px; position:relative;background:url(../images/top.png);z-index:1000;} .headerMedia{width:925px;} .listSet{ width:911px; height:101px; padding:9px 0 0 14px;background:url(../images/menuSet1.png); margin-top:-3px;} .listSet li{width:218px; height:91px; float:left; margin:0 0 0 8px;} .content{padding:16px 0 0 14px;background:#fff url(../images/content.png) no-repeat;} .content{min-height:878px; padding:16px 0 20px 14px;background:#fff url(../images/content.png) no-repeat;} *html .content{height:878px;} .contentL{width:447px; padding:0 20px 0 0;float:left} .contentL p{color:#3a3a3a; font-size:12px; line-height:18px;} .contentLinner{width:584px; padding:14px;float:left} .contentLinner h1{color:#2166b5; font-size:20px; line-height:18px;} .contentLinner h3{color:#3a3a3a; font-size:16px; line-height:18px;} .contentLinner h4{color:#2166B5; font-size:12px; font-weight:bold;} .contentLinner p{color:#3a3a3a; font-size:12px; line-height:18px;} .contentR{width:430px; float:left} .contentRinner{width:299px; float:left} .shadowLine1{width:284px; height:30px; background:url(../images/shadowLine1.png) ;} .shadowLine2{width:284px; height:23px; background:url(../images/shadowLine2.png) ;} .bottom {height:220px; margin:auto;padding:3px 0 0;background:url(../images/bottom.png) ; text-align:center} .footer {width:902px;height:135px; margin:auto; padding:14px 13px;background:url(../images/footer.png) ;} *html .footer {padding:9px 13px;} .footerMenu {width:700px; height:86px; margin:auto} .footerMenu img { margin:-5px 0 0 0 } .footerMenu a { color:#022a56; text-decoration:none; font-size:10px; margin:3px;line-height:24px; } *html .footerMenu a { position:relative; top:20px; margin:8px;} .footerMenu a:hover { color:#FFF;} .copyRight{ padding:16px 0 15px 0;font-size:10px; text-align:center;color:#fff;} /**************************************************************************************************************************** * vSlider >> css ****************************************************************************************************************************/ .vSliderContanier{width:430px; height:202px; padding:5px 0 0 6px; margin:auto;background:url(../images/vSliderBg.png) no-repeat;} .vSliderL{ width:123px; float:left; } .vSliderR{ width:275px;padding:10px 20px 0 5px; float:left} #vSlideNav { background:url(../images/vSlideMenu.png) -123px 0 no-repeat;} #vSlideNav, #vSlideNav ul{ width:123px;overflow:hidden;} #vSlideNav li{width:123px; height:57px; list-style:none} .vSliderRContent {padding:0 6px 6px 30px;} .vSlideItems h1{ height:28px;font-size:26px; color:#fff; letter-spacing:-0.05em; padding:6px 0 0 89px} .vSlideItems { font-size:15px; color:#000;} .vSlideItems{ line-height:18px;text-align:left; font-size:12px; color:#000; } .vSlideItems p{ line-height:18px;text-align:left; font-size:14px; color:#C2E3FF; } a#vSlideMenu1, #vSlideMenu1 span, span.vSlideMenu1_span { display:block; position:relative;width:123px; height:57px; overflow:hidden;} a#vSlideMenu1 span, span.vSlideMenu1_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 0;} a#vSlideMenu1:hover span, span.vSlideMenu1_span_oo { background-position: -123px 0 ; cursor:pointer} a#vSlideMenu2, #vSlideMenu2 span, span.vSlideMenu2_span { display:block; position:relative;width:123px; height:57px; overflow:hidden;} a#vSlideMenu2 span, span.vSlideMenu2_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -57px;} a#vSlideMenu2:hover span, span.vSlideMenu2_span_oo { background-position: -123px -57px ; cursor:pointer} a#vSlideMenu3, #vSlideMenu3 span, span.vSlideMenu3_span { display:block; position:relative;width:123px; height:57px; overflow:hidden;} a#vSlideMenu3 span, span.vSlideMenu3_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -114px;} a#vSlideMenu3:hover span, span.vSlideMenu3_span_oo {background-position: -123px -114px ; cursor:pointer} /**************************************************************************************************************************** * accordion>> css ****************************************************************************************************************************/ .accordion{width:274px;padding:4px;border:1px solid #7e99b2;background:#eee;} .accordionContent{width:252px; padding:10px;overflow:hidden; } .accordionContent h3{ font-size:23px; color:#0c396e} .accordion h3 {margin:0; pxadding:0; display:block; position:relative;width:274px; height:38px;overflow:hidden;} .accordion a, .accordion span, .accordion h3 {margin:0;padding:0;display:block;position:relative;width:274px; height:38px;overflow:hidden;} .accordion span, .accordion h3 {background:url(../images/accordionMenu.png) no-repeat 0 -274px;} .accordion span {position:absolute; left:0; top:0; cursor:pointer;} #accordionMenu1 {background-position:-273px 0 ;display:block;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -273px 0 ; cursor:pointer} #accordionMenu2 {background-position:-273px -37px;display:block;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -37px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position: -273px -37px; cursor:pointer} #accordionMenu3 {background-position:-273px -74px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -74px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -273px -74px;} /***********************************/ .followusContainer{width:430px; height:60; margin:auto; padding:5px 0 0 6px;} .followusR{width:160px; height:37px; float:left; padding:10px 20px 0 5px; top:2px; left:30px; position:relative;} .followusL{width:170px; height:55px; float:left;} .followusContainerInner{width:220px; height:100px; margin:auto; padding:5px 0 0 0;} .followusinnerL{width:100px; height:34px; float:left;} .followusinnerR{width:100px; height:23px; float:left; padding-left:5px; padding-top:5px; top:2px; left:5px; position:relative;} /**********************************/ /**************************************************************************************************************************** * Form >> css ****************************************************************************************************************************/ .askFormInpt{width:222px; height:22px; background:#f7f7f7; border:1px solid #7e99b2;padding:1px 0 0 3px; font-size:11px; margin:6px 0 0 0 } .askFormTxtA {width:222px;height:100px; background:#f7f7f7;border:1px solid #7e99b2;OVERFLOW: auto;padding:1px 0 0 3px;margin:6px 0 0 0; font-size:11px} /****** Form1 >> css *****/ #form3{width:252px; height:316px;padding:12px 0 0 30px;font-size:10px; color:#667c87;text-align:left; line-height:12px; margin:0;border:1px solid #7e99b2;background:#eee;} #form3 h3{ font-size:16px; color:#0e518b} #submit {height:25px; padding:6px 0 0 30px;} /**************************************************************************************************************************** /**************************************************************************************************************************** * quick contact form >> css ****************************************************************************************************************************/ .mod2{margin:auto} .form{font-size:11px;color:#666666;padding:15px 0 0;} .qcButton{width:141px; height:40px; margin:16px 0 0 60px;} .textfield {width:200px;height:15px;padding:3px 8px;margin:3px;border:0;border:1px solid #000;background:#91a1b3} .form input.btnSubmit {width:58px; height:25px; background:#E5E5DD url(../images/btnSubmit.png) no-repeat;} .form input.btnSubmit:hover {background:#C9C9C2 url(../images/btnSubmit.png) no-repeat 0 -25px;} .txtArea{width:200px;height:32px;padding:8px;margin:3px;border:1px solid #000;background:#91a1b3} label {width:70px;margin:4px 0 0;text-align:right;} fieldset {border:0 solid #FFFFFF; width:188px;} fieldset > .txtArea{OVERFLOW: auto;} fieldset > input.textfield { background:#d2f299 } /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ .replace1Cont {width:422px; float:left;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:372px; height:24px;position:relative; overflow:hidden; } #replace1 span, span.replace1 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 0} /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ .boxMCont{ padding:0 0 0 150px} .boxMCont2{ padding:18px 0 0 116px} .boxMCont3{ padding:18px 0 0 150px} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span {width:218px; height:91px;display:block; position:relative;overflow:hidden;} a#menu1 span, span.menu1_span {position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -14px -9px;} a#menu1:hover span, span.menu1_span_oo {background-position: -14px -119px; cursor:pointer} a#menu2, #menu2 span, span.menu2_span {width:218px; height:91px;display:block; position:relative;overflow:hidden;} a#menu2 span, span.menu2_span {position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -240px -9px;} a#menu2:hover span, span.menu2_span_oo {background-position: -240px -119px; cursor:pointer} a#menu3, #menu3 span, span.menu3_span {width:218px; height:91px;display:block; position:relative;overflow:hidden;} a#menu3 span, span.menu3_span {position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -467px -9px;} a#menu3:hover span, span.menu3_span_oo {background-position: -467px -119px; cursor:pointer} a#menu4, #menu4 span, span.menu4_span {width:218px; height:91px;display:block; position:relative;overflow:hidden;} a#menu4 span, span.menu4_span {position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -693px -9px;} a#menu4:hover span, span.menu4_span_oo {background-position: -693px -119px; cursor:pointer} a#menu5, #menu5 span, span.menu5_span {width:129px; height:50px;display:block; position:relative; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 0;} a#menu5:hover span, span.menu5_span_oo {background-position: -129px 0; cursor:pointer} a#menu6, #menu6 span, span.menu6_span {width:129px; height:50px;display:block; position:relative; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -50px;} a#menu6:hover span, span.menu6_span_oo {background-position: -129px -50px; cursor:pointer} a#eval_test, #eval_test span, span.eval_test { display:block; position:relative; width:277px; height:41px; overflow:hidden; } a#eval_test span, span.eval_test { position:absolute; left:0; top:0; background:url(../images/lasik_self_eval_test.png) left top no-repeat; } a#eval_test:hover span, span.eval_test { background-position:left bottom; } a#referal_rewards, #referal_rewards span, span.referal_rewards { display:block; position:relative; width:277px; height:41px; overflow:hidden; } a#referal_rewards span, span.referal_rewards { position:absolute; left:0; top:0; background:url(../images/referal_rewards.png) left top no-repeat; } a#referal_rewards:hover span, span.referal_rewards { background-position:left bottom; } /*************************LIST**************************/ div.contentLinner blockquote,div.contentLinner ul,div.contentLinner ol,div.contentLinner dl {margin:1em;} div.contentLinner ol,div.contentLinner ul,div.contentLinner dl {margin-left:2em;} div.contentLinner ul li {list-style: disc outside;} div.contentLinner ol li {list-style: decimal outside;} div.contentLinner li {margin:0.5em 0; } div.contentLinner dl dd {margin-left:1em;} /*************************LIST**************************/ /*************************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; 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; } /*************************GLACIAL-SLIDE**************************/ .table_padding td {padding:3px;} .copyRight a {color:#FFFFFF;} .copyRight a:hover {color:#FFFFFF;} /*************************Testimonials Videos Style*******************************/ .index #media-slider { border:1px solid #dedede; width:430px; height:140px; background:url(../images/design/index_media_bg.png) left top repeat-x; position:relative;} .inner #media-slider { border:1px solid #dedede; width:517px; height:140px; background:url(../images/design/index_media_bg.png) left top repeat-x; position:relative;} .ie6 #media-slider-wrapper {height:120px;} .index #media-slider-wrapper { position:relative; width:310px; overflow:hidden; margin:11px auto; } .inner #media-slider-wrapper { position:relative; width:397px; overflow:hidden; margin:11px auto; } #testimonials-slider { position:relative; width:4500px; height:95px; margin:0; padding:0;} #testimonials-slider li { display:block; float:left; margin:0 5px;} #testimonials-slider li a { display:block; } /*---- General Media Vertical Slider Style Section ----*/ a.media-slide-previous, a.media-slide-next { display:block; width:43px; height:43px; overflow:hidden; position:absolute; top:38px; background-image:url(../images/slider_arrows.png); background-repeat:no-repeat; } a.media-slide-previous { background-position:0 0; } a.media-slide-next { background-position:-43px 0; } a:hover.media-slide-previous { background-position:0 -43px} a:hover.media-slide-next { background-position:-43px -43px} a#media-slide-previous { left:10px; } .index a#media-slide-next { left:378px; } .inner a#media-slide-next { left:465px; } .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;} /********************End Testimonials Videos Style************************************/ #click2call {position:relative;width:235px;height:66px;top:34px;left:400px;background:url(../images/click_here_talk_btn.png) 0 0px no-repeat;} #click2call:hover {background:url(../images/click_here_talk_btn.png) 0px -66px no-repeat;} #button_container {background:url(../images/feinerman_icons.png) no-repeat 0 0; width:118px; height:31px; position:relative; top:22px; left:662px;} a#facebook_btn, #facebook_btn span, span.facebook_btn_span {width:32px;height:31px;display:block; position:absolute; overflow:hidden; cursor:pointer; top:0; left:0} a#facebook_btn span, span.facebook_btn_span { position:absolute; left:0; top:0; background:url(../images/feinerman_icons.png) no-repeat 0 0;} a#twitter_btn, #twitter_btn span, span.twitter_btn_span {width:31px;height:31px;display:block; position:absolute; overflow:hidden; cursor:pointer; top:0; left:44px;} a#twitter_btn span, span.twitter_btn_span { position:absolute; left:0; top:0; background:url(../images/feinerman_icons.png) no-repeat -44px 0;} a#yelp_btn, #yelp_btn span, span.yelp_btn_span {width:32px;height:31px;display:block; position:absolute; overflow:hidden; cursor:pointer; top:0; left:86px;} a#yelp_btn span, span.yelp_btn_span { position:absolute; left:0; top:0; background:url(../images/feinerman_icons.png) no-repeat -86px 0;}