/**
 * 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; }
/**
 * 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, .jcarousel-prev { z-index: 3; display: none; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 245px; padding: 20px 40px; }
.jcarousel-skin-tango .jcarousel-container-vertical { width: 290px; height: 170px; padding: 40px 20px 0; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  245px; }
.jcarousel-skin-tango .jcarousel-clip-vertical { height: 172px; }
.jcarousel-skin-tango .jcarousel-item {}
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
  position: absolute; bottom: -20px; right: 0px; width: 16px; height: 16px; z-index: 30;
  cursor: pointer; background: transparent url('/img/jcarousel/next-vertical.png') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -16px; }
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -32px; }

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

.jcarousel-skin-tango .jcarousel-prev-vertical {
  position: absolute; bottom: -20px; right: 16px; width: 16px; height: 16px; cursor: pointer;
  background: transparent url('/img/jcarousel/prev-vertical.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -16px; }
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -32px; }

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