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: #FFF; } a:hover { color:#3C81C4; text-decoration:none; } .mainContanier {width:960px; text-align:left; margin:auto;border-top:0px} .top {height:138px;text-align:left; margin:auto;position:relative;background:url(../images/top.jpg);} a.logo {width:289px;height:138px; float:left; display:block;background:url(../images/logo.jpg) -16px 0} .topMenuSet{width:654px;height:138px; float:left;background:url(../images/menuSet1.jpg);} .topMenuSet li{list-style:none;float:left;} .splash {height:392px;text-align:left; margin:auto;} .barbox{ height:266px;background:url(../images/barbox.jpg); font-size:12px; color:#fff;padding:49px 0 0 28px;} .fontResizer{width:200px; height:27px; position:absolute; background:url(../images/fontResizer.png); right:0; top:25px; } a.font_resize1 {width:20px; height:20px; display:block; position:absolute;left:151px; top:6px; } a.font_resize2 {width:20px; height:20px; display:block; position:absolute;left:181px; top:6px; } .content{ width:951px; margin:auto} .contentL{ width:314px; float:left } .liPoint{ width:660px; float:left } .liPoint h1{ font-size:18px;color:#ceddea} .liPoint p{ font-size:12px;color:#fff} .liPoint a{ font-size:12px;color:#fff; text-decoration:underline} .contentR{ width:634px; float:left; padding:22px 0 0;line-height:15px;position:relative} .contentR h1{height:52px; font-size:22px; line-height:26px;color:#fff; font-weight:normal} .contentR p{ font-size:1em; color:#fff;} .contentR a{ font-size:1em; color:#fff;} .ie7 .contentR h1{padding-top:10px;} .quickMenu{ width:630px; height:120px; padding:10px 0 0 25px; background:url(../images/quickMenu.png) ; } .bottom {height:46px; margin:auto;padding:15px 13px;background:url(../images/footer.png) ;ext-align:center} .footer { width:940px;margin:auto} .footer img { margin:-5px 0 0 0 } .footer a { color:#193a67; text-decoration:none; font-size:9px; margin:12px;line-height:24px; } .footer a:hover { color:#aa6010;} .copyRight{ padding:16px 0 30px 0;font-size:10px; text-align:center;color:#fff;} .seconderyHeader { height:141px; padding:2px 0 0 0;} *html .seconderyHeader {padding:1px 0 0 0;} /**************************************************************************************************************************** * li point >> css ****************************************************************************************************************************/ div.liPoint blockquote,div.liPoint ul,div.liPoint ol,div.liPoint dl {margin:0;} div.liPoint ol,div.liPoint ul,div.liPoint dl {margin-left:2em;} div.liPoint ul li {list-style: disc inside;} div.liPoint ol li {list-style: disc inside;} div.liPoint li {margin:0.3em 0; } div.liPoint dl dd {margin-left:1em;} .newFloat{ background:#F30;float:left} /**************************************************************************************************************************** * quick contact form >> css ****************************************************************************************************************************/ .askUs{width:204px; height:43px; background:url(../images/askUs.png) no-repeat;} .form{ padding:8px 0 10px 65px;font-size:11px;color:#042949;} .qcButton{width:155px; height:52px; margin:5px 0 0 55px;} .textfield {width:160px;height:15px;padding:3px 8px;margin:3px;border:0;border:1px solid #001b33;background:#bed2e4} .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:160px;height:32px;padding:8px;margin:3px;border:1px solid #000;background:#bed2e4} 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 } /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:928px; height:314px; position:relative; padding:12px 0 0 32px;margin:auto;background:url(../images/slideTab.png) no-repeat; } #slideLinks { height:78px;background:url(../images/slideNav.jpg) 0 -78px no-repeat;} #slideLinks, #slideLinks ul{ width:915px; height:106px;margin:0 0 0 9px;} #slideLinks li{width:145px; height:78px; float:left; margin:0 0 0 9px; 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.jpg) no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:145px; height:78px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -78px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:145px; height:78px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-154px 0} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-154px -78px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:145px; height:78px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-310px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-310px -78px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:145px; height:78px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-463px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-463px -78px;} #slideLinks a#slideMenu5, #slideMenu5 span, span.slideMenu5_span {width:145px; height:78px;} #slideLinks a#slideMenu5 span, span.slideMenu5_span {background-position:-616px 0;} #slideLinks a#slideMenu5:hover span, span.slideMenu5_span_oo {background-position:-616px -78px;} #slideLinks a#slideMenu6, #slideMenu6 span, span.slideMenu6_span {width:145px; height:78px;} #slideLinks a#slideMenu6 span, span.slideMenu6_span {background-position:-771px 0;} #slideLinks a#slideMenu6:hover span, span.slideMenu6_span_oo {background-position:-771px -78px;} #slideItemsWrapper {clear:both; position:relative; width:916px; overflow:hidden;} #slideItems { width:5496px; position:relative; } #slideItems li {width:884px; height:200px; position:relative; padding:0 16px 0 16px; display:block; float:left;position:relative; overflow:hidden; color:#fff} a#slide-previous-link, a#slide-next-link { display:block; position:absolute; width:40px; height:40px; overflow:hidden; top:41px; } a#slide-previous-link { left:8px; } a#slide-next-link { left:631px; } /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ .vSliderWrapper{width:930px; height:412px; margin:auto; background:url(../images/vSliderBg.png) no-repeat 0 0;} .vSliderL{ width:248px; height:383; padding:25px 0 0 16px; float:left} .vSliderR{ width:596px; background:url(../images/vSliderR.png) no-repeat; padding:47px 20px 0 30px; float:left; color:#fff;} ul#vSlideLinks { width:249px;overflow:hidden;background:url(../images/vSlideMenu.jpg) no-repeat -249px -7px; margin:0; padding:0; } ul#vSlideLinks li{width:249px; height:59px; margin:0; padding:0; overflow:hidden; line-height:2px; font-size:2px;} a#vSlideMenu1, #vSlideMenu1 span, span.vSlideMenu1_span {width:249px; height:58px; display:block; position:relative; overflow:hidden;} a#vSlideMenu1 span, span.vSlideMenu1_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -7px; cursor:pointer;} a#vSlideMenu1:hover span, span.vSlideMenu1_span_oo { background-position: -249px -7px;} a#vSlideMenu2, #vSlideMenu2 span, span.vSlideMenu2_span {width:249px; height:58px; display:block; position:relative; overflow:hidden;} a#vSlideMenu2 span, span.vSlideMenu2_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -66px; cursor:pointer;} a#vSlideMenu2:hover span, span.vSlideMenu2_span_oo { background-position: -249px -66px;} a#vSlideMenu3, #vSlideMenu3 span, span.vSlideMenu3_span {width:249px; height:58px; display:block; position:relative;overflow:hidden;} a#vSlideMenu3 span, span.vSlideMenu3_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -125px; cursor:pointer;} a#vSlideMenu3:hover span, span.vSlideMenu3_span_oo {background-position: -249px -125px;} a#vSlideMenu4, #vSlideMenu4 span, span.vSlideMenu4_span {width:249px; height:58px; display:block; position:relative;overflow:hidden;} a#vSlideMenu4 span, span.vSlideMenu4_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -184px; cursor:pointer;} a#vSlideMenu4:hover span, span.vSlideMenu4_span_oo {background-position: -249px -184px;} a#vSlideMenu5, #vSlideMenu5 span, span.vSlideMenu5_span {width:249px; height:58px; display:block; position:relative;overflow:hidden;} a#vSlideMenu5 span, span.vSlideMenu5_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -243px; cursor:pointer;} a#vSlideMenu5:hover span, span.vSlideMenu5_span_oo {background-position: -249px -243px;} a#vSlideMenu6, #vSlideMenu6 span, span.vSlideMenu6_span { width:249px; height:58px; display:block; position:relative; overflow:hidden;} a#vSlideMenu6 span, span.vSlideMenu6_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -302px; cursor:pointer;} a#vSlideMenu6:hover span, span.vSlideMenu6_span_oo {background-position: -249px -302px;} /**************************************************************************************************************************** * accordion >> css ****************************************************************************************************************************/ .accordion{width:295px;border-bottom:1px solid #15293b;background:url(../images/accordionBg.png);} .accordionContent{width:274px; height:250px;padding:10px;overflow:hidden;background:url(../images/accordionBg.png) ;color:#FFFFFF;position:relative;} .accordion h3 {margin:0; pxadding:0; display:block; position:relative; width:248px;height:44px; overflow:hidden;} .accordion a, .accordion span, .accordion h3 {width:294px;height:52px;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;} #accordionMenu1 {background-position:-294px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position:0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -294px 0;} #accordionMenu2 {background-position: -294px -52px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -52px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position: -294px -52px;} #accordionMenu3 {background-position: -294px -105px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -105px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -294px -105px;} #accordionMenu4 {background-position: -294px -157px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -157px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -294px -157px;} #accordionMenu5 {background-position: -294px -210px;} #accordionMenu5 span, span.accordionMenu5_span {background-position: 0 -210px;} #accordionMenu5 a:hover span, span.accordionMenu5_span_oo {background-position: -294px -210px;} #accordionMenu6 {background-position: -294px -262px;} #accordionMenu6 span, span.accordionMenu6_span {background-position: 0 -262px;} #accordionMenu6 a:hover span, span.accordionMenu6_span_oo {background-position: -294px -262px;} .active_header span { background-position:-200px 0;} .search-btn{ width:20px; height:18px; position:absolute; left: 177px; top: 25px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:334px; height:21px;position:relative; overflow:hidden; } #replace1 span, span.replace1 {position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/hSliderRset.png) 0 0} #replace2 {width:219px; height:18px;position:relative; overflow:hidden; } #replace2 span, span.replace2 {position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/hSliderRset.png) 0 -21px} #replace3 {width:690px; height:20px;position:relative; overflow:hidden; } #replace3 span, span.replace3 {position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/hSliderRset.png) 0 -39px} #replace4 {width:199px; height:21px;position:relative; overflow:hidden; } #replace4 span, span.replace4 {position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/hSliderRset.png) 0 -59px} #replace5 {width:132px; height:18px;position:relative; overflow:hidden; } #replace5 span, span.replace5 {position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/hSliderRset.png) 0 -80px} #replace6 {width:387px; height:24px;position:relative; overflow:hidden; } #replace6 span, span.replace6 {position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/hSliderRset.png) 0 -98px} /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ .menusCont{ width:152px; height:39px; position:absolute; left: 691px; top: 68px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { width:134px; height:138px; display:block;float:left; position:relative; overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 0; cursor:pointer;} a#menu1:hover span, span.menu1_span_oo {background-position:0 -138px;} a#menu2, #menu2 span, span.menu2_span { width:132px; height:138px; display:block;float:left; position:relative; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat -134px 0; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-134px -138px;} a#menu3, #menu3 span, span.menu3_span { width:133px; height:138px; display:block;float:left; position:relative; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat -266px 0; cursor:pointer;} a#menu3:hover span, span.menu3_span_oo {background-position:-266px -138px;} a#menu4, #menu4 span, span.menu4_span { width:132px; height:138px; display:block;float:left; position:relative; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat -399px 0; cursor:pointer;} a#menu4:hover span, span.menu4_span_oo {background-position:-399px -138px;} a#menu5, #menu5 span, span.menu5_span { width:123px; height:138px; display:block;float:left; position:relative; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat -531px 0; cursor:pointer;} a#menu5:hover span, span.menu5_span_oo {background-position:-531px -138px;} div.contentR blockquote,div.contentR ul,div#.contentR ol,div.contentR dl {margin:1em;} div.contentR ol,div.contentR ul,div.contentR dl {margin-left:2em;} div.contentR ul li {list-style: disc inside; color:#FFF;} div.contentR ol li {list-style: decimal inside; color:#FFF;} div.contentR li {margin:0.5em 0; } div.contentR dl dd {margin-left:1em;} /**************************************************************************************************************************** * Homepage Javascript Buttons >> css ****************************************************************************************************************************/ a#ajxMenu1 {right:34px;top:155px;} a#ajxMenu1, a#ajxMenu1 span, span#ajxMenu1_span{ width:148px; height:29px; display:block; position:absolute; overflow:hidden; } a#ajxMenu1 span, span#ajxMenu1_span {left:0; top:0; background:url(../images/menuSet2.jpg) no-repeat 0 0;} a#ajxMenu1:hover span, span#ajxMenu1_span_oo {background-position:-148px 0;cursor:pointer} a#menuSet2_2 {right:87px;top:116px;position: absolute;} a#menuSet2_2, a#menuSet2_2 span, span#menuSet2_2_span{width:148px; height:29px;display:block;overflow:hidden;} a#menuSet2_2 span, span#menuSet2_2_span {position:absolute; left:0; top:0; background:url(../images/menuSet2.jpg) no-repeat 0 -29px;} a#menuSet2_2:hover span, span#menuSet2_2_span_oo {background-position:-148px -29px;cursor:pointer} a#menuSet2_3 {left:388px;top:102px;position: absolute;} a#menuSet2_3, a#menuSet2_3 span, span#menuSet2_3_span{display:block;width:244px; height:76px; overflow:hidden;} a#menuSet2_3 span, span#menuSet2_3_span {position:absolute; left:0; top:0; background:url(../images/menuSet2.jpg) no-repeat 0 -58px;} a#menuSet2_3:hover span, span#menuSet2_3_span_oo {background-position:-244px -58px;cursor:pointer} a#menuSet2_4 {left:632px;top:104px; position:absolute} a#menuSet2_4, a#menuSet2_4 span, span#menuSet2_4_span{display:block;width:266px; height:64px; overflow:hidden;} a#menuSet2_4 span, span#menuSet2_4_span {position:absolute; left:0; top:0; background:url(../images/menuSet2.jpg) no-repeat 0 -134px;} a#menuSet2_4:hover span, span#menuSet2_4_span_oo {background-position:-266px -134px;cursor:pointer} a#menuSet2_5, #menuSet2_5 span, span.menuSet2_5_span { display:block; position:relative; width:238px; height:50px;overflow:hidden;} a#menuSet2_5 span, span.menuSet2_5_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.jpg) no-repeat 0 -198px;} a#menuSet2_5:hover span, span.menuSet2_5_span_oo {background-position:-238px -198px;cursor:pointer} a#menuSet2_6, #menuSet2_6 span, span.menuSet2_6_span { display:block; position:relative; width:263px; height:133px;overflow:hidden;} a#menuSet2_6 span, span.menuSet2_6_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.jpg) no-repeat 0 -248px;} a#menuSet2_6:hover span, span.menuSet2_6_span_oo {background-position:-263px -248px;cursor:pointer} a#menuSet2_7 {right:27px;top:104px;position:absolute;} a#menuSet2_7, #menuSet2_7 span, span.menuSet2_7_span { display:block; width:243px; height:76px; overflow:hidden;} a#menuSet2_7 span, span.menuSet2_7_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.jpg) no-repeat 0 -381px;} a#menuSet2_7:hover span, span.menuSet2_7_span_oo {background-position:-243px -381px;cursor:pointer} /****************************************************************************************************************************/ a#btn_registration, #btn_registration span, span.btn_registration_span { display:block; position:absolute; width:168px; height:29px; overflow:hidden; } a#btn_registration span, span.btn_registration_span { position:absolute; left:0; top:0; background:url(../images/btn_pre_appointment.png) left top no-repeat; } a#btn_registration:hover span, span.btn_registration_span_oo { background-position:left bottom; } /***************************/ .intralasebox {width:263px; float:right; border:1px solid #FFFFFF; color:#FFFFFF; background:#597799; margin:0 0 8px 15px; padding:0 2px 0 8px; height:200px;} .intralasebox p {font-size:12px; color:#FFFFFF; line-height:16px;} .ie6 .intralasebox {padding-top:10px;} .ie7 .intralasebox {padding-top:10px;} /****************/ a.btn_learnmore, a.btn_learnmore span, span#btn_learnmore_span{ width:148px; height:29px; display:block; position:absolute; overflow:hidden; } a.btn_learnmore span, span#btn_learnmore_span {left:0; top:0; background:url(../images/menuSet2.jpg) no-repeat 0 0;} a.btn_learnmore:hover span, span#btn_learnmore_span_oo {background-position:-148px 0;cursor:pointer} a#request_info, #request_info span, span.request_info_span { display:block; position:relative; width:270px; height:65px; overflow:hidden;} a#request_info span, span.request_info_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat 0 0;} a#request_info:hover span, span.request_info_span_oo {background-position:-271px 0;cursor:pointer} a#menuSet2_5-1 {right:15px;top:136px;position:absolute;} a#menuSet2_5-1, #menuSet2_5-1 span, span.menuSet2_5-1_span { display:block;width:264px; height:135px;overflow:hidden;} a#menuSet2_5-1 span, span.menuSet2_5-1_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat 0 -66px;} a#menuSet2_5-1:hover span, span.menuSet2_5-1_span_oo {background-position:-265px -66px;cursor:pointer} a#take_test, a#take_test span, span#take_test_span{width:148px; height:29px;display:block;overflow:hidden;} a#take_test span, span#take_test_span {position:absolute; left:0; top:0; background:url(../images/menuSet2.jpg) no-repeat 0 -29px;} a#take_test:hover span, span#take_test_span_oo {background-position:-148px -29px;cursor:pointer} /************************LENS PAGE MENU********************/ /*#page { width:96%; margin:10px auto; padding:5px; background-color:#4B4B4B; border:1px solid #DDD; font-size:108%; }*/ #tab_menu, #tab_menu * {margin:0;padding:0;} #tab_menu, #tab_panels { clear:both; margin:0; padding:0;background-color:#4B4B4B; } /* background:transparent url(../images/iols_rollover_buttons.png) left top no-repeat; */ #tab_menu { width:614px; height:267px; overflow:hidden; } #tab_menu ul { } #tab_menu li { display:block; float:left; width:153px; height:267px; text-align:center; } #tab_menu li a, #tab_menu a span {display:block; width:153px; height:267px; position:relative; overflow:hidden;} #tab_menu a span {position:absolute; left:0; top:0; background:url(../images/iols_rollover_buttons.png) left top no-repeat; cursor:Pointer;} #tab_menu a:hover span, span.tab_menu1_span_oo, span.tab_menu2_span_oo, span.tab_menu3_span_oo, span.tab_menu4_span_oo {background-position:0 -267px;} #tab_menu a#tab_menu1 span, span.tab_menu1_span {background-position:0 0;} #tab_menu a#tab_menu1:hover span, span.tab_menu1_span_oo, #tab_menu .tab_selected a#tab_menu1 span, .tab_selected span.tab_menu1_span {background-position:0 -267px;} #tab_menu a#tab_menu2 span, span.tab_menu2_span {background-position:-153px 0;} #tab_menu a#tab_menu2:hover span, span.tab_menu2_span_oo, #tab_menu .tab_selected a#tab_menu2 span, .tab_selected span.tab_menu2_span {background-position:-153px -267px;} #tab_menu a#tab_menu3 span, span.tab_menu3_span {background-position:-306px 0;} #tab_menu a#tab_menu3:hover span, span.tab_menu3_span_oo, #tab_menu .tab_selected a#tab_menu3 span, .tab_selected span.tab_menu3_span {background-position:-306px -267px;} #tab_menu a#tab_menu4 span, span.tab_menu4_span {background-position:-461px 0;} #tab_menu a#tab_menu4:hover span, span.tab_menu4_span_oo, #tab_menu .tab_selected a#tab_menu4 span, .tab_selected span.tab_menu4_span {background-position:-461px -267px;} /*******************LENS PAGE MENU END**********************/ .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; } /***********************/ /**************************************************************************************************************************** * Accordion >> css ****************************************************************************************************************************/ .main_accordion { border: 1px solid #eaeaea; margin: 10px 0; overflow: hidden; width: 520px; font-size:12px; } .main_accordion h3 { background: #262626 url(../images/main_news_accord_head_off.gif) repeat-x scroll 0pt; cursor: pointer; font-size: 15px; height: 25px; line-height: 25px; margin: 0; padding:2px 0 0 38px; } .main_accordion h3.active_header { background: #262626 url(../images/main_news_accord_head_on.gif) repeat-x scroll 0pt; } .main_accordion h3 a { color: #7d6b41; text-decoration: none; } .main_accordion h3 a:hover { text-decoration: underline; } .main_accordion > div { background-color: #fff; margin: 0; padding: 10px 15px; border-bottom: 1px solid #eaeaea; display: none; color:#02739e; line-height:19px; overflow: hidden; } .main_accordion div p { margin: .2em 0 .4em 0; padding: 0; } .main_accordion div ol {margin:1em 0 1em 2.5em; } .main_accordion div ol li {list-style: decimal outside; margin:0.3em 0;} /****************gcl Accordion CSS****************************/ .main_accordion, body .main_accordion { border: 1px solid #8C8F91; margin: 10px 0; overflow: hidden; width: 600px; font: 90%/120% Arial, Helvetica, sans-serif; } .main_accordion h3, body .main_accordion h3 { background: #E1E5E8 url(../images/gcl_accord_head_off.gif) no-repeat left top; cursor: pointer; font-size: 15px; min-height: 28px; line-height: 25px; margin: 0; padding: 0 0 0 35px; border:0px none; border-top:1px solid #8C8F91; } .main_accordion h3.active_header { background: #46708E url(../images/gcl_accord_head_on.gif) no-repeat left top; } .main_accordion h3.accordion_header_oo { background: #F1F3F6 url(../images/gcl_accord_head_off_oo.gif) no-repeat left top; } .main_accordion h3 a { color:#222; text-decoration:none; line-height:25px; } .main_accordion h3.active_header a { color:#FFF; } .main_accordion h3.accordion_header_oo a { text-decoration: underline; color:#000; } .main_accordion > div.accordion_content { background-color: #4B4B4B; margin:0; padding:10px 15px; border-bottom: 1px solid #737373; display: none; color: #000; /*height: 200px;*/ overflow: hidden; } .main_accordion div p { margin:.2em 0 .4em 0; padding:0; } .main_accordion div ul, .main_accordion div ol {margin:1em; } .main_accordion div ul li {list-style:disc outside;} .main_accordion div ol li {list-style:decimal outside;} /****************gcl Accordion CSS End****************************/ /*********** Accordion End *********************/