/* CSS Document */
/* glider */
#slider { 
    position: relative;
    width: 183px;
    height: 300px;
    z-index: 2;
    margin-bottom: 10px;
    border-top: 1px solid #a3a1ab;
    background: #F6F6F6;
    padding: 5px 5px 0;
}
#slider .head {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 159px;
    height: 157px;
    z-index: 3;
    text-indent: -9999px;
    text-align: left;
    background: url(../images/featured_label.gif) no-repeat 100% 0;    
}
.scroller { 
    width: 183px;
    height: 295px;
    /*background: #000;*/
    overflow: hidden;
    position: relative;
}
.scroller .section {  
    width: 183px;
    height: 295px;
    overflow:hidden;
    float:left;
}
.scroller .content {
    width: 10000px;
    padding: 0;
}

.slidercontrolwr{
    position:absolute;
    left: 0;
    bottom: 0;
    z-index:3;  
    width: 722px;
    height: 32px;
    background: url(../images/slider_panel.jpg) no-repeat 0 0;  
}
.slidercontrol {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 4px;
    left: 385px;
}
.slidercontrol a {
    float: left;
    width: 26px;
    height: 26px;
    margin: 0px 2px;
    padding: 0px;
    text-decoration: none;
    color: #aaa;
    text-indent: -9999px;
    overflow: hidden;  
    background-image: url(../images/slider_controls.gif);
    background-repeat: no-repeat; 
}   
.slidercontrol a:hover { }

.aprev { background-position: 0 0; }
.anext { background-position: -78px 0; }
.astop { background-position: -26px 0; }
.aplay { background-position: -52px 0; }
.aprev:hover { background-position: 0 -26px; }
.anext:hover { background-position: -78px -26px; }
.astop:hover { background-position: -26px -26px; }
.aplay:hover { background-position: -52px -26px; }
.aprev:active, .aprev.active { background-position: 0 -52px; }
.anext:active, .anext.active { background-position: -78px -52px; }
.astop:active, .astop.active { background-position: -26px -52px; }
.aplay:active, .aplay.active { background-position: -52px -52px; }

.scroller .product-images { float: left; width: 380px; height: 180px; }
.scroller .product-details { /*margin-left: 390px;*/ }
.scroller .product-details .ratings { display: inline; }
.scroller .product-name { font: normal 18px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; }
.scroller .product-description { width: 370px; margin: 7px 0; }
.scroller .price-box { float: left; margin-right: 15px; }
.scroller .price-box .price { font-size: 18px; color: #000; }

a.product-name { color: #426dab; font-weight: bold; font-size: .9em; }
.highlight .product-name,
.highlight .item { text-align: center; }