/* 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; }
/* We set the width/height explicitly. No width/height causes infinite loops. */
.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 { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

/* Skin */
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container-vertical { width: 165px; height: 460px; padding: 20px 0px; }
.jcarousel-skin-tango .jcarousel-clip-vertical { width: 165px; height: 460px; }
.jcarousel-skin-tango .jcarousel-item {  }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 0px; left: 0px; width: 165px; height: 10px; cursor: pointer; background: url("/images/carousel-top.png") center; }
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 0px; left: 0px; width: 165px; height: 10px; cursor: pointer; background: url("/images/carousel-bottom.png") center; }
.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background: url("/images/carousel-top-over.png") center; }
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background: url("/images/carousel-bottom-over.png") center; }

.jcarousel-skin-thin-short .jcarousel-container {}
.jcarousel-skin-thin-short .jcarousel-container-vertical { width: 160px; height: 210px; padding: 20px 0px; }
.jcarousel-skin-thin-short .jcarousel-clip-vertical { width: 160px; height: 210px; }
.jcarousel-skin-thin-short .jcarousel-item {  }
.jcarousel-skin-thin-short .jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-skin-thin-short .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-thin-short .jcarousel-prev-vertical { position: absolute; top: 0px; left: 0px; width: 160px; height: 10px; cursor: pointer; background: url("/images/carousel-top.png") center; }
.jcarousel-skin-thin-short .jcarousel-next-vertical { position: absolute; bottom: 0px; left: 0px; width: 160px; height: 10px; cursor: pointer; background: url("/images/carousel-bottom.png") center; }
.jcarousel-skin-thin-short .jcarousel-prev-vertical:hover { background: url("/images/carousel-top-over.png") center; }
.jcarousel-skin-thin-short .jcarousel-next-vertical:hover { background: url("/images/carousel-bottom-over.png") center; }

