/* glider */
#slider { 
    position: relative;
    height: 400px;
    width: 600px;
    padding: 2px 0 0 11px;
    z-index: 5;
    overflow: hidden;
    margin-bottom: 5px;
   
}
div.scroller { 
    height:400px;
    width: 600px;
    overflow: hidden;
    position: relative;     
}
div.slidercontrolwr{
    position:absolute;
    bottom:4px;
    left:150px;
    z-index:6;    
}
div.scroller img{
    border: none;
}
div.scroller div.sectionslide {  
    height:370px;
    overflow:hidden;
    float:left;
}
div.scroller div.content {
    width: 10000px;
    padding: 0px;
}
.content .sliderdescription{
    padding: 0px 10px;
    position:relative;
    top:-30px;
    color: #777;
    font: 11px bold Helvetica, sans-serif;
    opacity:0.65;
    filter:alpha(opacity=65);       
}   
.content .sliderdescription p{ line-height: 20px; text-align: center; }
div.sliderdescription:hover{ background: #fff; }
.content a { text-decoration: none; color: #5a5a5a; }
.content a:hover { text-decoration: underline; }

.slidercontrol {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:10px 0 0;
    padding:0;
}
.slidercontrol { list-style: none; padding: 0px; margin: 0px; }   
.slidercontrol a {
    float: left;
    width: 15px;
    margin: 0px 2px;
    padding: 0px 2px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    background: #c0c0c0;
    overflow: hidden;   
    text-align:center;
    border: 1px solid #c0c0c0;
}   
.slidercontrol a:hover,
.slidercontrol a.active { background: #f0f0f0; color: #c2c2c2; }

/* slider */
.featured-products { clear: both; padding: 7px 15px; position: relative; }
.featured-products h4 { margin-right: 10px; color: #459b06; padding-left: 7px; font: normal 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif; }
.featured-products .head { text-align: left; margin: 0; padding: 21px 0; }
.featured-products #move-left, 
.featured-products #move-right { position: absolute; right: 15px; top: 140px; width: 22px; height: 18px; float: left; background: url(../images/common.gif) no-repeat -335px -390px; text-indent: -9999px; }
.featured-products #move-right { background-position: -335px -450px; left: 15px; right: auto; }
.featured-products #move-left.disabled, 
.featured-products #move-right.disabled { opacity: 0.5; filter: alpha(opacity=50); }
.slider-wrapper {
    clear: both;
    width: 900px;
    margin-left: 25px;
    overflow: hidden;
    position: relative;
}
.slider-wrapper .list-featured {
    width: 10000px;
    padding: 0;
    overflow: hidden;
}
.slider-wrapper .list-featured li {
    float: left;
    width: 150px;
    padding: 10px;
    border-right: 1px solid #cfcfcf;
}
.slider-wrapper .list-featured li.last {
    margin: 0px;
}
.slider-wrapper .list-featured .product-image {
    text-align: center;
}
.slider-wrapper .list-featured h5 {
    display: table-cell;
    height: 35px;
    vertical-align: middle;
}
.slider-wrapper .list-featured .price-box { float: left; width: 75px; padding: 2px 0; }

#quick-window { position:absolute; z-index: 500; background-color:#fff; width:650px; border:1px solid #aaa; display:none; }
#quick-window .product-img-box { width:230px; }
#quickview-close { background:url(../images/close.gif) no-repeat center center; float:right; width:10px; height:10px; margin:7px; }
#quickview-header { background-color:#888; height:26px; width:650px; }

#ajax-preloader { opacity:0.8; filter: alpha(opacity="80"); text-align:center; z-index:500; }
#ajax-preloader .loading { border:2px solid #777; color:#000; background:#eee; text-align:center; width:120px; padding:15px; font-weight:bold; }
#quick-window .product-shop { float:right; text-align:left; width:385px; }
#quick-window .product-essential { padding:25px 10px 25px 10px; }
.catalog-listing .product-image { position:relative; }
.catalog-listing .product-image .ajax { position:absolute; display:none; z-index: 20; }

a.ajax { text-decoration:none; border:1px solid #888; background:#bbb; color:#fff; font-weight:bold; padding:0px 10px; }
a.ajax:hover { text-decoration:none; }
.slidercontrol a
{
    float:left;
    width:60px;
    height: 19px;
    margin:0px 2px;
    padding:0px 2px;
    text-decoration:none;
    color:#1c4f91;
    font-weight: bold;
    background:transparent url(../images/slide-a.jpg) no-repeat 100% 0;;
    overflow:hidden;
    text-align:center;
    border: 0px none;
}
.slidercontrol a:hover, .slidercontrol a.active
{
    background:transparent url(../images/slide-a-active.jpg) no-repeat 100% 0;;
    color:#fff;
}