/**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:188px;padding:4px;border:1px solid #5c5c5c; background:#c2c2c2;} .accordionContent{ height:60px;padding:10px;overflow:hidden; background:#d6d6d6;} .accordion a, .accordion span, .accordion h3 {width:188px;height:26px;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:188px;} #accordionMenu1 {background-position: -189px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -189px 0;} #accordionMenu2 {background-position: -189px -27px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -27px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-189px -27px;} #accordionMenu3 {background-position: -189px -54px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -54px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -189px -54px;} #accordionMenu4 {background-position: -189px -81px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -81px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -189px -81px;} #accordionMenu5 {background-position: -189px -108px;} #accordionMenu5 span, span.accordionMenu5_span {background-position: 0 -108px;} #accordionMenu5 a:hover span, span.accordionMenu5_span_oo {background-position: -189px -108px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:864px; height:234px; padding:8px;margin:auto;position:relative;background:#c1c1c1; } #slideLinks { background:url(../images/slideNav.png) 0 -50px no-repeat;} #slideLinks, #slideLinks ul{ width:864px; height:50px;} #slideLinks li{width:172px; height:50px; float:left; margin:0 0 0 1px; 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:172px; height:50px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -51px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:172px; height:50px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-173px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-173px -51px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:172px; height:50px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-346px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-346px -51px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:172px; height:50px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-519px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-519px -51px;} #slideLinks a#slideMenu5, #slideMenu5 span, span.slideMenu5_span {width:172px; height:50px;} #slideLinks a#slideMenu5 span, span.slideMenu5_span {background-position:-692px 0;} #slideLinks a#slideMenu5:hover span, span.slideMenu5_span_oo {background-position:-692px -51px;} #slideCont {width:848px; padding:8px; margin:8px 0 0; clear:both; position:relative; overflow:hidden; background:#a7a7a7} #slideItems { width:6188px; position:relative;} #slideItems li { width:828px; height:140px;padding:10px;margin:0 8px 0 0;display:block; float:left;position:relative;overflow:hidden;background:#d6d6d6} 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] ****************************************************************************************************************************/ /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ .vSliderWrapper{width:864px; height:280px; padding:8px; margin:auto; background:#c1c1c1;} .vSliderL{width:185px;height:283; padding:8px; background:#a7a7a7;float:left} .vSliderR{ width:636px; background:#a7a7a7; padding:8px; float:left; margin:0 0 0 10px; color:#fff;} ul#vSlideItems {height:249px; padding:8px; background:#bababa} ul#vSlideLinks { width:185px;overflow:hidden;background:url(../images/vSlideMenu.png) no-repeat -186px 0; margin:0; padding:0; } ul#vSlideLinks li{width:185px; height:45px; padding:0; margin:0; overflow:hidden; line-height:2px; font-size:2px; } a#vSlideMenu1, #vSlideMenu1 span, span.vSlideMenu1_span {width:185px; height:44px;display:block; position:relative; overflow:hidden;} a#vSlideMenu1 span, span.vSlideMenu1_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 0; cursor:pointer;} a#vSlideMenu1:hover span, span.vSlideMenu1_span_oo { background-position: -186px 0;} a#vSlideMenu2, #vSlideMenu2 span, span.vSlideMenu2_span {width:185px; height:44px;display:block; position:relative; overflow:hidden;} a#vSlideMenu2 span, span.vSlideMenu2_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -45px; cursor:pointer;} a#vSlideMenu2:hover span, span.vSlideMenu2_span_oo { background-position: -186px -45px;} a#vSlideMenu3, #vSlideMenu3 span, span.vSlideMenu3_span {width:185px; height:44px;display:block; position:relative;overflow:hidden;} a#vSlideMenu3 span, span.vSlideMenu3_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -90px; cursor:pointer;} a#vSlideMenu3:hover span, span.vSlideMenu3_span_oo {background-position: -186px -90px;} a#vSlideMenu4, #vSlideMenu4 span, span.vSlideMenu4_span {width:185px; height:44px;display:block; position:relative;overflow:hidden;} a#vSlideMenu4 span, span.vSlideMenu4_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -135px; cursor:pointer;} a#vSlideMenu4:hover span, span.vSlideMenu4_span_oo {background-position: -186px -135px;} a#vSlideMenu5, #vSlideMenu5 span, span.vSlideMenu5_span {width:185px; height:44px;display:block; position:relative;overflow:hidden;} a#vSlideMenu5 span, span.vSlideMenu5_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -180px; cursor:pointer;} a#vSlideMenu5:hover span, span.vSlideMenu5_span_oo {background-position: -186px -180px;} a#vSlideMenu6, #vSlideMenu6 span, span.vSlideMenu6_span { width:185px; height:44px;display:block; position:relative; overflow:hidden;} a#vSlideMenu6 span, span.vSlideMenu6_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -225px; cursor:pointer;} a#vSlideMenu6:hover span, span.vSlideMenu6_span_oo {background-position: -186px -225px;}