/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

/*
<div class="jcarousel-skin-name">
  <div class="jcarousel-container">
  
    <div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
    <div class="jcarousel-next"></div>
	
    <div class="jcarousel-clip">
	
		  <ul class="jcarousel-list">
			<li class="jcarousel-item-1">First item</li>
			<li class="jcarousel-item-2">Second item</li>
		  </ul>
	  
    </div><!--/.jcarousel-clip-->
	
  </div><!--/.jcarousel-container-->
  
</div><!--/.jcarousel-skin-name==>


*/

.jcarousel-container, .jcarousel {
	background:url(images/container-carousel-bg.png);
	height:115px;
	position:relative;
}

.jcarousel-container-horizontal {
	width:805px;
	padding:0 44px;
}

.jcarousel-clip {
	z-index:2;
	padding:0;
	margin:0;
	padding:9px 0 0;
	overflow:hidden;
	position:relative;
}

.jcarousel-prev {
	background:url(images/container-carousel-prev.png);
	height:115px;
	display:block;
	width:34px;
	position:absolute;
	top:0;
	left:0;
	cursor: pointer;
}

.jcarousel-next {
	background:url(images/container-carousel-next.png);
	height:115px;
	display:block;
	width:34px;
	position:absolute;
	top:0;
	right:0;
	cursor: pointer;
}

.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:154px;
	height:96px;
	margin:0 4px 0 3px;
	display:inline;
}