/** * This
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; /* We set the width/height explicitly. No width/height causes infinite loops. width: 75px; height: 75px; */ } /** * The buttons are added dynamically by jCarousel before * the
list (inside the
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; } /*jcarousel-skin-tango*/ .jcarousel-skin-tango .jcarousel-container { -moz-border-radius:10px; } .jcarousel-skin-tango .jcarousel-container-horizontal { height:64px; padding:0px 30px; } .jcarousel-skin-tango .jcarousel-item { width: 86px; height:64px; cursor:pointer } .jcarousel-skin-tango .jcarousel-item.last-child{ width:95px} .jcarousel-skin-tango .jcarousel-item img{ border:1px solid #ddd; display:block; width:78px; height:62px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right:0px; } .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:24px; height:64px; cursor:pointer; background: url(../images/product_right.png) no-repeat; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { opacity:1 } .jcarousel-skin-tango .jcarousel-next-horizontal:active { opacity:1 } .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; opacity:.5 } .jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:0px; left:0px; width:24px; height:64px; cursor:pointer; background: url(../images/product_next.png) no-repeat; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { opacity:1 } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { opacity:1 } .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; opacity:.5 } .jcarousel-skin-tango .jcarousel-item img.cur_on{border:1px solid #1e7dc5;}