/**
 * 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; width: 112px; height: 114px;
    /* We set the width/height explicitly. No width/height causes infinite loops. */}

/**
 * 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;}



/* skining css */
.jcarousel-skin-tango .jcarousel-container { background:url(../images/slider-bg.gif) left top no-repeat;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 376px; padding: 32px 32px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  380px; height: 115px;}
.jcarousel-skin-tango .jcarousel-item {width: 112px; height: 114px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 18px;}




/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 78px;
    right: -27px;
    width: 22px;
    height: 23px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -22px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -44px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -66px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 78px;
    left: -26px;
    width: 22px;
    height: 23px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -22px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -44px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -66px 0;
}