/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
	width: 100%;
}

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

.jcarousel-list {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	position: relative;
    	top: 0;
    	left: 0;
    	overflow: hidden;
    	z-index: 1;
}

.jcarousel-list li, .jcarousel-item {
    	float: left;
   	/* We set the width/height explicitly. No width/height causes infinite loops. */
    	width: 128px;
    	height: 66px;
}

.jcarousel-next-horizontal {
	background: transparent url(../images/heroNext.png) no-repeat scroll left top;
	cursor: pointer;
	position: absolute;
	right: 5px; /*0*/
	width: 33px; /*33*/
	height: 59px; /*66*/
}
		
.jcarousel-prev-horizontal {
	background: transparent url(../images/heroPrev.png) no-repeat scroll left top;
	cursor: pointer; /*repeat-y*/
	position: absolute;
	left: 5px;
	width: 33px;
	height: 59px;
}