/**
 * 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: 138px; margin: 0px 7px 0px 7px; }
/**
 * 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; }

/* Skin */
.jcarousel-skin-tango .jcarousel-container {  }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 693px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 623px; margin: 0px 0px 0px 32px; }
.jcarousel-skin-tango .jcarousel-item { width: 112px; height: 138px; margin: 0px 7px 0px 7px; display: inline; background: url('images/carousel/item.jpg') no-repeat; }
.jcarousel-skin-tango .jcarousel-item-horizontal {  }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 21px;
    height: 138px;
    cursor: pointer;
    background: #ffffff url('images/carousel/next.jpg') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 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: 0px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 21px;
    height: 138px;
    cursor: pointer;
    background: #ffffff url('images/carousel/prev.jpg') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 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: -21px 0; }

