/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	width: 934px;
	height: 131px; 
	padding: 13px 0 0 0; 
	background: url(../images/bg_scrbar.jpg) no-repeat top left;
	display:none; /* component turns it on when first item is rendered */
	-moz-border-radius:5px;
	color:#ffffff;
}				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
} * html .carousel-component ul.carousel-list { margin: 0 -16px 0 0; }

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

.carousel-component .carousel-clip-region { 

	overflow:hidden; /* Secret to the clipping */
	width: 934px;
	margin: 0px auto;
	position:relative; 
}

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

#next-arrow {
    position:absolute;
	top: 33px;
    z-index:3;
    cursor:pointer;
    right: 0px;
	margin: 0 30px 0 0;
} * html #next-arrow { margin: 0 17px 0 0; }