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

.jcarousel-skin-spp .jcarousel-clip, .jcarousel-skin-ss .jcarousel-clip {
    z-index: 2;
    padding: 26px 0 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 645px;
    
    /*background-color:#fff;height: 200px;*/
}
.jcarousel-skin-ss .jcarousel-clip {
    width:215px;
}

.jcarousel-skin-spp .jcarousel-list, .jcarousel-skin-ss .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jcarousel-skin-spp .jcarousel-list li, .jcarousel-skin-spp .jcarousel-item,
.jcarousel-skin-ss .jcarousel-list li, .jcarousel-skin-ss .jcarousel-item  {
    float: left;
    /*list-style: none;
     We set the width/height explicitly. No width/height causes infinite loops. */
    width: 200px;
    /*height: 200px;*/
    padding:5px 8px 0 7px;
}
.jcarousel-skin-spp .jcarousel-list li ul li, .jcarousel-skin-spp .jcarousel-item ul li,
.jcarousel-skin-ss .jcarousel-list li ul li, .jcarousel-skin-ss .jcarousel-item ul li {
    padding: 0 0 5px;
}
/**
 * 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-skin-spp .jcarousel-next, .jcarousel-skin-ss .jcarousel-next {
    background:#fff url(../button_arrow_next_prev.png) no-repeat scroll right top;
    color:#FFFFFF;
    height:26px;
    width:30px;
    cursor:pointer;
    z-index:51;
    position:absolute;
    left:615px;
}
.jcarousel-skin-ss .jcarousel-next { width:26px;left:189px; }
.jcarousel-skin-spp .jcarousel-next:hover, .jcarousel-skin-spp .jcarousel-next.hover,
.jcarousel-skin-ss .jcarousel-next:hover, .jcarousel-skin-ss .jcarousel-next.hover {
    background:#fff url(../button_arrow_next_prev.png) no-repeat scroll right -26px;
}

.jcarousel-skin-spp .jcarousel-prev, .jcarousel-skin-ss .jcarousel-prev {
    background:#fff url(../button_arrow_next_prev.png) no-repeat scroll left top;
    color:#FFFFFF;
    height:26px;
    width:30px;
    cursor:pointer;
    z-index:50;
    position:absolute;
    left:0;
}
.jcarousel-skin-ss .jcarousel-prev { width:26px; }
.jcarousel-skin-spp .jcarousel-prev:hover, .jcarousel-skin-spp .jcarousel-prev.hover,
.jcarousel-skin-ss .jcarousel-prev:hover, .jcarousel-skin-ss .jcarousel-prev.hover {
    background:#fff url(../button_arrow_next_prev.png) no-repeat scroll left -26px;
}
.jcarousel-skin-spp .jcarousel-next-disabled, .jcarousel-skin-spp .jcarousel-next-disabled:hover, .jcarousel-skin-spp .jcarousel-next-disabled.hover,
.jcarousel-skin-ss .jcarousel-next-disabled, .jcarousel-skin-ss .jcarousel-next-disabled:hover, .jcarousel-skin-ss .jcarousel-next-disabled.hover 
{ background:#fff url(../button_arrow_next_prev.png) no-repeat scroll right -52px; cursor:auto;}
.jcarousel-skin-spp .jcarousel-prev-disabled, .jcarousel-skin-spp .jcarousel-prev-disabled:hover, .jcarousel-skin-spp .jcarousel-prev-disabled.hover,
.jcarousel-skin-ss .jcarousel-prev-disabled, .jcarousel-skin-ss .jcarousel-prev-disabled:hover, .jcarousel-skin-ss .jcarousel-prev-disabled.hover  
{ background:#fff url(../button_arrow_next_prev.png) no-repeat scroll left -52px; cursor:auto;}

.jcarousel-skin-spp .jcarousel-control, .jcarousel-skin-ss .jcarousel-control {
    color:#FFFFFF;
    font-size:11px;
    position:absolute;
    text-align:center;
    top:0;
    width:645px;
    z-index:49;background:transparent url(../bg_scrollbar_grey.png) repeat 0 0 !important;
    background:transparent url(../feature_indicator_bg.png) repeat 0 0;
}
.jcarousel-skin-ss .jcarousel-control { width:215px;}
.jcarousel-skin-spp .features-control a,  .jcarousel-skin-spp .features-control .features-label,
.jcarousel-skin-ss .features-control a,  .jcarousel-skin-ss .features-control .features-label{
    display:inline-block;
    padding:5px 2px;
    height:16px;
    line-height:16px;
    border:0;
    cursor:pointer;
}

.features-control .features-label { width:auto; color:#fff;  cursor:auto;}
.features-control .features-indicator {
    color:#333;
    width:16px;
    height:16px;
    display:inline-block;
    background:transparent url(../feature_indicator_off.png) no-repeat 50% 50% !important;
    background:transparent url(../feature_indicator_off_ie6.gif) no-repeat 50% 50%;
}
.features-control .features-indicator.active { 
    color:#fff;
    background:transparent url(../feature_indicator_on.png) no-repeat 50% 50% !important;
    background:transparent url(../feature_indicator_on_ie6.gif) no-repeat 50% 50%;
}
div.annotations { clear:both; }
div.annotations li { height:auto; width:200px;}
.jcarousel-skin-ss .features-control span.indicator-num { display:inline-block; font-size:14px; height:26px; line-height:26px;}
span.indicator-num a.carouselReset,
span.indicator-num a.carouselReset:visited, 
span.indicator-num a.carouselReset:hover, 
span.indicator-num a.carouselReset:active
 { display:inline-block; font-size:14px; margin-left:20px; padding:0; color:#fff; border:0; height:14px; width:14px; line-height:14px;
 background:transparent url(../button_refresh.png) no-repeat 0 0 !important;
 background:transparent url(../button_refresh.gif) no-repeat 0 0;}