/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.promo-brands .jcarousel-container {border-top:none;border-bottom:none;}
.pt_storefront .promo-brands .jcarousel-list li, .pt_storefront .promo-brands .jcarousel-item{width:81px;}
.catcarousel .category DIV.image {border-right:1px solid #e6e6e6;}
.catcarousel .category DIV.image IMG{width:80px; height:42px;}

.promo-brands .horizontalcarouselheader{margin-top:10px;}
.promo-brands .jcarousel-container-horizontal {padding:5px 20px;width: 262px;height: 45px;}
.promo-brands .jcarousel-clip-horizontal{position:relative;}
.jcarousel-control {display:inline;float:right;position:relative;top:-25px;left:20px;}
.jcarousel-control a {width:5px;height:5px;background-color:#c1c1c1;display:inline-block;border:none;/*padding:2px;*/line-height:1px;margin-left:3px;color:#c1c1c1;text-decoration:none !important;}
.jcarousel-control a.activeSlide, .jcarousel-control a:hover {background:#f3901d;color:#f3901d;}

/*** As Seen In CMS carousel ***/
#asi_container{border:1px solid #e6e6e6;margin:0 15px 15px;padding-top:20px;width:962px;float:left;clear:both;}
#asiTop.magazine{margin:0 0 30px 15px;}
#asiBottom.magazine{margin:0;}
#asiCarousel.jcarousel-container{width:930px;padding:0;border:none;}
#asiCarousel .jcarousel-prev-horizontal {left:-10px;background:Transparent url(../../../../../images/dept_fpo/category-swatches.png) no-repeat -8px 0; height:27px;top:130px;width:17px;}
#asiCarousel .jcarousel-next-horizontal {background:Transparent url(../../../../../images/dept_fpo/category-swatches.png) no-repeat -29px 0; height:27px;top:130px;right:-8px;width:17px;}
#asiCarousel .jcarousel-clip-horizontal {height:inherit;min-height:350px;margin-left:3px;width:920px;}
#asiCarousel ul > li {padding:10px; width:200px;height:325px;text-align:left;float:left;border:2px solid #e6e6e6;margin-left:5px;margin-right:0;background:#f8f8f8;}
#asiCarousel ul > li.active{border:2px solid #ef8026;}
#asiCarousel ul > li:hover{cursor:pointer;}
#asiCarousel h3{font-weight:normal;}
#asiCarousel a{font-weight:bold;float:left;padding-top:30px;}
#asiCarousel .jcarousel-prev-horizontal.jcarousel-prev-disabled-horizontal{background:Transparent url(../../../../../images/dept_fpo/arrows-ghosted.png) no-repeat 3px 0;}
#asiCarousel .jcarousel-next-horizontal.jcarousel-next-disabled-horizontal{background:Transparent url(../../../../../images/dept_fpo/arrows-ghosted.png) no-repeat -18px 0;}
/*** carousel ***/
#genCarousel.jcarousel-container{width:930px;padding:0;border:none;}
#genCarousel .jcarousel-clip-horizontal {height:inherit;min-height:350px;margin-left:3px;width:920px;}
#genCarousel ul > li {padding:10px; width:200px;text-align:left;float:left;border:2px solid #e6e6e6;margin-left:5px;margin-right:0;background:#f8f8f8;}
#genCarousel ul > li.active{border:2px solid #ef8026;}
#genCarousel h3{font-weight:normal;}
#genCarousel a{font-weight:bold;float:left;}
#genCarousel .jcarousel-prev-horizontal {left:-10px;background:Transparent url(../../../../../images/dept_fpo/category-swatches.png) no-repeat -8px 0; height:27px;top:130px;width:17px;}
#genCarousel .jcarousel-next-horizontal {background:Transparent url(../../../../../images/dept_fpo/category-swatches.png) no-repeat -29px 0; height:27px;top:130px;right:-5px;width:17px;}
#genCarousel .jcarousel-prev-horizontal.jcarousel-prev-disabled-horizontal{background:Transparent url(../../../../../images/dept_fpo/arrows-ghosted.png) no-repeat 3px 0;}
#genCarousel .jcarousel-next-horizontal.jcarousel-next-disabled-horizontal{background:Transparent url(../../../../../images/dept_fpo/arrows-ghosted.png) no-repeat -18px 0;}
/*** blog carousel***/
#blogBottom #asiCarousel a{padding-top:15px;text-transform:uppercase;}