#heighterSlider{ width: 65px; height: 365px; position: absolute; right: 0px; bottom: 0px; background:url(../images/layout/heighter-control-bg.png) top left no-repeat; z-index: 111; } #heighterSlider.class3d{ width: 60px; background:url(../images/layout/heighter-control-bg-3d.png) top left no-repeat; /*background-size: 100%;*/ } #heighterSlider .cell{ margin: 0px; position: relative; } #heighterSlider .heighterslider-content{ width: 45px; height: 510px; position: absolute; top: 13px; right: 8px; } #heighterSlider .heighterslider-content .heighterslider-li{ height: 90px; width: 100%; position: relative; margin-top: -10px; } #heighterSlider .heighterslider-content .heighterslider-li .hover-bg{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; display: none; background:url(../images/layout/cur-heighter-control.png) -4px -11px no-repeat; } #heighterSlider .heighterslider-content .heighterslider-li:hover .hover-bg{ display: block; } #heighterSlider .heighterslider-content .heighterslider-li.active .hover-bg{ display: block; } #heighterSlider .heighterslider-content .heighterslider-btn{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; border:0px; cursor: pointer; color:#bdbdbd; } #heighterSlider .heighterslider-content .heighterslider-li p{ color:#bdbdbd; position: absolute; top: 60px; left: 0px; width: 100%; text-align: center; font-size: 12px; } #heighterSlider .heighterslider-content .heighterslider-li:hover p{ color:#ffffff; } #heighterSlider .heighterslider-content .heighterslider-li.active p{ color:#ffffff; } #heighterSlider .heighterslider-content .stallite{ margin-top: 10px; } #heighterSlider .heighterslider-content .stallite .heighterslider-btn{ background:url(../images/layout/heighter-control.png) 0px 0px no-repeat; } #heighterSlider .heighterslider-content .ionosphere .heighterslider-btn{ background:url(../images/layout/heighter-control.png) 0px -76px no-repeat; } #heighterSlider .heighterslider-content .clouds .heighterslider-btn{ background:url(../images/layout/heighter-control.png) 0px -161px no-repeat; } #heighterSlider .heighterslider-content .image .heighterslider-btn{ background:url(../images/layout/heighter-control.png) 0px -242px no-repeat; } #heighterSlider .heighterslider-content .model .heighterslider-btn{ background:url(../images/layout/heighter-control.png) 0px -324px no-repeat; } #heighterSlider .heighterslider-content .liveaction .heighterslider-btn{ background:url(../images/layout/heighter-control.png) 0px -402px no-repeat; } #heighterSlider .heighterslider-content .stallite.active .heighterslider-btn, #heighterSlider .heighterslider-content .stallite:hover .heighterslider-btn{ background:url(../images/layout/heighter-control-active.png) 0px 0px no-repeat; } #heighterSlider .heighterslider-content .ionosphere.active .heighterslider-btn, #heighterSlider .heighterslider-content .ionosphere:hover .heighterslider-btn{ background:url(../images/layout/heighter-control-active.png) 0px -76px no-repeat; } #heighterSlider .heighterslider-content .clouds.active .heighterslider-btn, #heighterSlider .heighterslider-content .clouds:hover .heighterslider-btn{ background:url(../images/layout/heighter-control-active.png) 0px -161px no-repeat; } #heighterSlider .heighterslider-content .image.active .heighterslider-btn, #heighterSlider .heighterslider-content .image:hover .heighterslider-btn{ background:url(../images/layout/heighter-control-active.png) 0px -242px no-repeat; } #heighterSlider .heighterslider-content .model.active .heighterslider-btn, #heighterSlider .heighterslider-content .model:hover .heighterslider-btn{ background:url(../images/layout/heighter-control-active.png) 0px -324px no-repeat; } #heighterSlider .heighterslider-content .liveaction.active .heighterslider-btn, #heighterSlider .heighterslider-content .liveaction:hover .heighterslider-btn{ background:url(../images/layout/heighter-control-active.png) 0px -402px no-repeat; }