/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

#slider .jcarousel-container { position: relative; }
#slider .jcarousel-container-horizontal {}

/* #HOME_SLIDER */
#slider .jcarousel-clip { width:388px; z-index: 2; padding:0; margin: 0; overflow: hidden; position: relative; }
#slider .jcarousel-list { width:388px; z-index: 1; overflow: hidden; position: relative; top:0; left:0; margin:0; padding:0; }
#slider .jcarousel-list li,#slider .jcarousel-item { list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:388px; height:261px; margin:0; padding:0; float:left; }

#slider .jcarousel-next { z-index: 3; }
#slider .jcarousel-prev { z-index: 3; }

/**
 *  Horizontal Buttons
 */
#slider .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;display: block;
    cursor: pointer;
    background: red url(../images/goodsearch.gif) no-repeat 0 0;
}

#slider .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: red url(prev-horizontal.png) no-repeat 0 0;
}

#slider .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

#slider .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

#slider .jcarousel-prev-disabled-horizontal,
#slider .jcarousel-prev-disabled-horizontal:hover,
#slider .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}