/* CSS Document */

img { behavior: url(iepngfix.htc); }

.carousel-component { 
position:absolute;
left: 290px;
overflow:hidden;   /* causes the clipping */
display:none; /* component turns it on when first item is rendered */
margin:17px 0 0 0;
padding:0;
color:#618cbe;
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
	margin:0px;
	padding:7px 0 0 0; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	margin:4px 0 0 0;
	padding:0;
}

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


/**
 * Preview
 **/

.carousel-component .carousel-list li a { 
	display:block;
	border:0;
	margin:0;
	padding:0;
}

.carousel-component .carousel-list li img { 
	display:block; 
	border:1px solid #FFF;
	margin:0 15px 0 15px;
	padding:0;
}									

#prev-arrow { 
	position:absolute;
	z-index:3;
	cursor:pointer; 
	left:0;
	margin:16px 0 0 0;
}

#next-arrow { 
	position:absolute;
	z-index:3;
	cursor:pointer; 
	right:0;
	margin:16px 0 0 0;
}