.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}

.carousel-component .carousel-list li {
	width:120px;
	height:100px;
	display:block;
	overflow: hidden; /* for testing IE auto issue */
	margin: 10px;
}						

#prev-arrow { 
	position:absolute;
	top:45px;
	z-index:3;
	cursor:pointer; 
	left:15px; 
}

#next-arrow { 
	position:absolute;
	top:45px;
	z-index:3;
	cursor:pointer; 
	right:15px; 
}