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:#e1e2e4 url(../images/mainBg.jpg) repeat-x; margin:0; padding:0 } .mainContanier {width:960px;text-align:left;border-top:0px; margin:auto} .top{width:950px;position:relative; margin:auto; z-index:99999;} a#logo {} a#logo, #logo span, span.logo_span {width:267px; height:178px;display:block; position:relative; overflow:hidden;} a#logo span, span.logo_span { position:absolute; left:0; top:0; background:url(../images/logo.png) no-repeat 0 0; cursor:pointer;} a#logo:hover span, span.logo_span_oo {background-position:0 0;} a#logo2 {} a#logo2, #logo2 span, span.logo2_span {width:270px; height:178px;display:block; position:relative; overflow:hidden;} a#logo2 span, span.logo2_span { position:absolute; left:0; top:0; background:url(../images/logo2.png) no-repeat 0 0; cursor:pointer;} a#logo2:hover span, span.logo2_span_oo {background-position:0 0;} .topR{width:673px;float:left;} .topL{width:267px;float:left; z-index:99999;} .header{} .headerMedia{width:673px;height:381px;} .seconderyHeader{ width:960px; height:130px;} .telLine{width:938px; height:22px;background:url(../images/telLine.jpg) no-repeat 10px 0; z-index:10;} .menuBoard1{width:940px; height:121px; margin:auto; z-index:10;} .menuBoard2{width:940px; height:121px; margin:auto;} .shadow{width:944px; height:16px; margin:auto;background:url(../images/shadow.png) no-repeat 10px 0;} .shadow2{width:874px; height:29px; margin:auto;background:url(../images/shadow2.png)} .leftBoxes{width:261px; height:948px;padding:0 0 0 9px; background:url(../images/leftBoxes.png) no-repeat;} .content{ position:relative; overflow:hidden; width:960px;} .contentL{width:270px;float:left;} .contentR{width:650px;font-size:12px; float:left; overflow:hidden;} /*670px*/ .font1{ font-size:1px; height:1px;} /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentHeader{width:638px; height:50px;padding:45px 0 0 22px; background:url(../images/contentHeader.jpg) no-repeat 0 1px;} .contentHeader h1{font-size:25px; color:#893e2e} .contentArea{width:610px;min-height:1246px;padding:0 25px 20px;color:#000;background:#e3e6e7 url(../images/contentArea.jpg) repeat-x ;} *html .contentArea{height:1246px;} *html .contentArea{ height:892px} .contentArea p{ margin:16px 0;font-size:0.96em;;} .contentArea h1{font-size:25px; margin-top:20px; margin-bottom:20px; color:#893e2e} .contentArea img {padding:4px;margin:20px 27px; border:1px solid #16567B;} .contentArea a{ color:#164878} .contentArea a:hover{color:#470b0b} div.contentArea blockquote,div.contentArea ul,div.contentArea ol,div.contentArea dl {margin:0;} div.contentArea ol,div.contentArea ul,div.contentArea dl {margin-left:2em;} div.contentArea ul li {list-style: disc inside;} div.contentArea ol li {list-style: decimal inside;} div.contentArea li {margin:0.patients3em 0; list-style-position:inside;list-style-type:disc;} div.contentArea dl dd {margin-left:1em;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .goTop { text-align:right; padding:0 0 30px 0} .goTop a { padding:0 0 0 22px;line-height:24px;background:url(../images/goTop.gif) no-repeat;} .goTop a:hover { color:#470b0b; background-position:0 -40px;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .mainContent{width:960px;} .mainContentL{width:480px; height:100px; background:#c3e6d9; float:left} .mainContentR{width:480px; height:100px; background:#e0e6c3; float:left} .bottom{padding:4px;} .footer{ width:960px; height:30px;padding:10px 0 0; margin:auto; text-align:center;} .footer img {margin:-5px 0 0 0} .footer a {color:#445361; text-decoration:none; font-size:10px; margin:6px;line-height:24px;} .footer a:hover { color:#e7b119;} .copyRight{ width:686px; font-size:10px; padding:15px 20px; color:#1c6fb3; margin:auto; margin-top:16px; text-align:right; background:url(../images/copyRight.png) left no-repeat;} .copyRight a {color:#10496A; text-decoration:none;} .copyRight a:hover {text-decoration:underline;} /**************************************************************************************************************************** * Ront Resize >> css ****************************************************************************************************************************/ .fontResize{ width:230px; height:46px; position:relative; background:#4780ac url(../images/fontResize.png) no-repeat 10px 12px; position:absolute; right:288px; top: 8px; } a.fontIncrease { width:29px; height:29px; display:block; position:absolute; right:50px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat;} a:hover.fontIncrease { background-position:0 -29px;} a.fontDecrease {width:29px; height:29px; display:block; position:absolute; right:10px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat -29px 0;} a:hover.fontDecrease { background-position:-29px -29px;} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1 { float:left } a#menu1, #menu1 span, span.menu1_span {width:364px; height:121px;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 0 0; cursor:pointer;} a#menu1:hover span, span.menu1_span_oo {background-position:0 -121px;} a#menu2 { float:left } a#menu2, #menu2 span, span.menu2_span {width:282px; height:121px;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 -364px 0; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-364px -121px;} a#menu3 { float:left } a#menu3, #menu3 span, span.menu3_span {width:282px; height:121px;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 -646px 0; cursor:pointer;} a#menu3:hover span, span.menu3_span_oo {background-position:-646px -121px;} a#menu4 { float:left } a#menu4, #menu4 span, span.menu4_span {width:314px; height:123px;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 -2px -242px; cursor:pointer;} a#menu4:hover span, span.menu4_span_oo {background-position:-2px -365px;} a#menu5 { float:left } a#menu5, #menu5 span, span.menu5_span {width:322px; height:123px;display:block; position:relative; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -314px -242px; cursor:pointer;} a#menu5:hover span, span.menu5_span_oo {background-position:-314px -365px;} a#menu6 { float:left } a#menu6, #menu6 span, span.menu6_span {width:292px; height:123px;display:block; position:relative; overflow:hidden;} a#menu6 span, span.menu6_span {position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -636px -242px; cursor:pointer;} a#menu6:hover span, span.menu6_span_oo {background-position:-636px -365px;} a#menu7, #menu7 span, span.menu7_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -306px; cursor:pointer;} a#menu7:hover span, span.menu7_span_oo {background-position:-254px -306px;} a#menu8 { } a#menu8, #menu8 span, span.menu8_span {width:251px; height:140px;display:block; position:relative; overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 0; cursor:pointer;} a#menu8:hover span, span.menu8_span_oo {background-position:-251px 0;} a#menu9 { } a#menu9, #menu9 span, span.menu9_span {width:251px; height:104px;display:block; position:relative; overflow:hidden;} a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -140px; cursor:pointer;} a#menu9:hover span, span.menu9_span_oo {background-position:-251px -140px;} a#menu10 { } a#menu10, #menu10 span, span.menu10_span {width:251px; height:106px;display:block; position:relative; overflow:hidden;} a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -244px; cursor:pointer;} a#menu10:hover span, span.menu10_span_oo {background-position:-251px -244px;} a#menu11 { } a#menu11, #menu11 span, span.menu11_span {width:251px; height:103px;display:block; position:relative; overflow:hidden;} a#menu11 span, span.menu11_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -350px; cursor:pointer;} a#menu11:hover span, span.menu11_span_oo {background-position:-251px -350px;} a#menu12 { } a#menu12, #menu12 span, span.menu12_span {width:251px; height:107px;display:block; position:relative; overflow:hidden;} a#menu12 span, span.menu12_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -453px; cursor:pointer;} a#menu12:hover span, span.menu12_span_oo {background-position:-251px -453px;} a#menu13 { } a#menu13, #menu13 span, span.menu13_span {width:251px; height:106px;display:block; position:relative; overflow:hidden;} a#menu13 span, span.menu13_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -560px; cursor:pointer;} a#menu13:hover span, span.menu13_span_oo {background-position:-251px -560px;} a#menu14 {left:52px;top:120px;} a#menu14, #menu14 span, span.menu14_span {width:140px; height:40px;display:block; position: absolute; overflow:hidden;} a#menu14 span, span.menu14_span { position:absolute; left:0; top:0px; background:url(../images/menuSet3.png) no-repeat 0 0; cursor:pointer;} a#menu14:hover span, span.menu14_span_oo {background-position:-141px 0} a#menu15 {left:52px;top:138px;} a#menu15, #menu15 span, span.menu15_span {width:140px; height:40px;display:block; position: absolute; overflow:hidden;} a#menu15 span, span.menu15_span { position:absolute; left:0; top:0; background:url(../images/menuSet4.png) no-repeat 0 0; cursor:pointer;} a#menu15:hover span, span.menu15_span_oo {background-position:-141px 0} a#menu16 {left:5px;top:127px;} a#menu16, #menu16 span, span.menu16_span {width:152px; height:44px;display:block; position: absolute; overflow:hidden;color:#FFFFFF;} a#menu16 span, span.menu16_span { position:absolute; left:0; top:0; background:url(../images/menuSet6.png) no-repeat 0 0; cursor:pointer;} a#menu16:hover span, span.menu16_span_oo {background-position:-152px 0} a#menu17 {left:5px;top:127px;} a#menu17, #menu17 span, span.menu17_span {width:187px; height:47px;display:block; position: absolute; overflow:hidden;color:#FFFFFF; top:140px;} a#menu17 span, span.menu17_span { position:absolute; left:0; top:0; background:url(../images/menuSet5.png) no-repeat 0 0; cursor:pointer;} a#menu17:hover span, span.menu17_span_oo {background-position:-187px 0} a#menu18 {left:5px;top:127px;} a#menu18, #menu18 span, span.menu18_span {width:152px; height:44px;display:block; position: absolute; overflow:hidden;color:#FFFFFF;} a#menu18 span, span.menu18_span { position:absolute; left:0; top:0; background:url(../images/menuSet7.png) no-repeat 0 0; cursor:pointer;} a#menu18:hover span, span.menu18_span_oo {background-position:-152px 0} a#menu19 {left:52px;top:207px;} a#menu19, #menu19 span, span.menu19_span {width:140px; height:40px;display:block; position: absolute; overflow:hidden;} a#menu19 span, span.menu19_span { position:absolute; left:0; top:0; background:url(../images/menuSet8.png) no-repeat 0 0; cursor:pointer;} a#menu19:hover span, span.menu19_span_oo {background-position:-141px 0} .contactLensesOnline{background:url(../images/bg_contact_lens_logos.jpg); width:550px; height:408px; position:relative; margin:15px 5px 5px 5px;} a#orderContLenses {left:14px; top:51px; } a#orderContLenses, #orderContLenses span, span.orderContLenses_span {width:176px; height:43px;display:block; position:relative; overflow:hidden;} a#orderContLenses span, span.orderContLenses_span { position:absolute; left:0; top:0; background:url(../images/btnContactLenses.png) no-repeat 0 0; cursor:pointer;} a#orderContLenses:hover span, span.orderContLenses_span_oo {background-position:0 -43px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:350px; height:29px;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 } #replace2 {width:144px; height:19px;position:relative; overflow:hidden; } #replace2 span, span.replace2 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet2.png) 0 0 } #replace3 {width:230px; height:23px;position:relative; overflow:hidden; } #replace3 span, span.replace3 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet3.png) 0 0 } #replace4 {width:167px; height:19px;position:relative; overflow:hidden; } #replace4 span, span.replace3 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet4.png) 0 0 } /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:250px;padding:0 0 0 1px;} .accordionContent{ height:240px;padding:10px;overflow:hidden; position:relative} .accordion a, .accordion span, .accordion h3 {width:249px;height:38px;margin:0;padding:0;display:block;position:relative;overflow:hidden;} .accordion span, .accordion h3 { background-image:url(../images/accordionMenu.png); } .accordion span {position:absolute; left:0; top:0; cursor:pointer;} .accordion h3 { width:249px;} #accordionMenu1 {background-position:-249px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -249px 0;} #accordionMenu2 {background-position: -249px -38px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -38px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-249px -38px;} #accordionMenu3 {background-position: -249px -76px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -76px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -249px -76px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:939px; height:293px;padding:1px 0 0 13px;margin:auto;position:relative; background:url(../images/sliderWrapper.png) no-repeat; } #slideLinks { background:url(../images/slideNav.png) 0 -68px no-repeat;} #slideLinks, #slideLinks ul{ width:912px; height:68px;} #slideLinks li{width:228px; height:68px; float:left;list-style:none} #slideLinks li a, #slideLinks a span {display:block; position:relative; overflow:hidden;} #slideLinks a span {position:absolute; left:0; top:0; background:url(../images/slideNav.png) no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:228px; height:68px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -68px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:228px; height:68px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-228px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-228px -68px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:228px; height:68px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-456px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-456px -68px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:228px; height:68px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-684px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-684px -68px;} #slideCont {width:912px;clear:both; position:relative; overflow:hidden;} #slideItems { width:4600px; position:relative; color:#0a0403} #slideItems li { width:868px; height:190px;padding:10px;margin:0 15px 0 10px;display:block; float:left;position:relative;overflow:hidden;} a#slidePrevious { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat left top; left: -33px; top: 107px; } a:hover#slidePrevious { background-position:0 -69px} a#slideNext { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat -34px 0; right:-33px; top: 107px; } a:hover#slideNext { background-position:-34px -69px} a#slide-previous-link, a#slide-next-link { display:block; position:absolute; width:40px; height:40px; overflow:hidden; top:130px; } a#slide-previous-link {left:5px;} a#slide-next-link {left:883px;} /**************************************************************************************************************************** * END [HSLIDER] ****************************************************************************************************************************/ .contentArea h2 {font-size:0.96em; font-weight:bold;} /***********************/ .glacialslide-html{background-color:#FFF;} .glacialslide-html-blur{border:2px solid gray;} .glacialslide-html-content{position:absolute;display:none;} .glacialslide-loading{display:block;color:#000;font-size:8pt;font-family:sans-serif;font-weight:700;text-decoration:none;border:1px solid #000;background-color:#FFF;padding:2px;} .glacialslide-move{cursor:move;} .glacialslide-display-block{display:block;} .glacialslide-display-none{display:none;} .control{float:right;display:block;font-size:9pt;font-weight:700;text-decoration:none;text-transform:uppercase;color:#999;margin:0 5px;} .control:hover{color:#000!important;} a.glacialslide, a.glacialslide * { margin:0; padding:0; } a.glacialslide { display:block; float:left; position:relative; width:auto; height:64px; overflow:hidden; text-decoration:none; margin:6px 8px 6px 0; background:url(../images/watch_video_button_left.png) left top no-repeat;} a.glacialslide span, span.glacialslide { display:block; float:left; position:relative; width:auto; height:34px; cursor:pointer; background:url(../images/watch_video_button_right.png) right top no-repeat; font:12px/1.20em helvetica,arial,clean,sans-serif; color:#8a2222; padding:30px 6px 0 46px; font-weight:bold; text-align:left; } a.glacialslide:hover { background-position:left -64px; color:#9aaaab; } a.glacialslide:hover span { background-position:right -64px; color:#9aaaab; white-space:nowrap; } a#click_to_talk, #click_to_talk span, span.click_to_talk_span {width:152px;height:44px;display:block; position:relative; overflow:hidden;} a#click_to_talk span, span.click_to_talk_span { position:absolute; left:0; top:0; background:url(../images/our_mission.png) no-repeat 0 0;} a#click_to_talk:hover span, span.click_to_talk_span_oo { background-position:-152px 0; cursor:pointer