.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:100000000px;

	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 { 

	/*background:#e2edfa;*/

	padding:0px;

	-moz-border-radius:6px;

	color:#618cbe;

}

.carousel-component ul.carousel-list { 

	margin:0px;

	padding:0px;

	line-height:0px;

}

.carousel-component .carousel-list li { 

	text-align:center;

	margin:0px;

	padding:0px;

	font:10px verdana,arial,sans-serif;

	color:#666;

}



.carousel-component { 

	padding:8px 16px 4px 16px;

	margin:0px;

}



.carousel-component .carousel-list li { 

	margin:8px;

}



.carousel-component .carousel-list li a { 

	display:block;

	/*border:1px solid #e2edfa;*/

	outline:none;

}



.carousel-component .carousel-list li a:hover { 



}



.carousel-component .carousel-list li img { 

	border:1px solid #999;

	display:block; 

}

								

.carousel-component .carousel-prev { 

	position:absolute;

	top:40px;

	z-index:3;

	cursor:pointer; 

	left:5px; 

}



.carousel-component .carousel-next { 

	position:absolute;

	top:40px;

	z-index:3;

	cursor:pointer; 

	right:5px; 

}