/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container { position:relative; height:55px; margin:5px 0 0 20px}
.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:-20px; margin:5px 0 0 20px; 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:145px; height:60px}

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

.jcarousel-container-horizontal{ width:875px}
.jcarousel-clip-horizontal{ width:875px; height:60px}
.jcarousel-item-horizontal{ margin:0 30px 0 0px}
.jcarousel-item-placeholder{ background:#fff; color:#000}

.jcarousel-next-horizontal{ position:absolute; top:0px; right:-20px; width:20px; height:55px; cursor:pointer; background:transparent url(../_img/carrousel_arrows.gif) no-repeat -80px 0}
.jcarousel-next-horizontal:hover{ background-position:-60px 0}
.jcarousel-next-horizontal:active{ background-position:-80px 0}

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

.jcarousel-prev-horizontal{ position:absolute; top:0px; left:-20px; width:20px; height:55px; cursor:pointer; background:transparent url(../_img/carrousel_arrows.gif) no-repeat -20px 0}
.jcarousel-prev-horizontal:hover{ background-position:-40px 0}
.jcarousel-prev-horizontal:active{ background-position:-20px 0}

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