/**
 * CORE CSS CONFIGURATION. Defines behavior that is integral to the carousel, such as clipping, positioning, initial visibility and z-ordering.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	margin:0px;
}				


.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-list li a {
	display:block;
	outline:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.carousel-component .carousel-list li a:hover {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.carousel-component .carousel-list li img {
	display:block;
	float: left;
	margin-right: 10px;
}
								
.carousel-component .carousel-prev {
	position:absolute;
	top:0px;
	z-index:3;
	cursor:pointer;
	right: 55px;
}

.carousel-component .carousel-next {
	position:absolute;
	top:0px;
	z-index:3;
	cursor:pointer;
	right:41px;
}


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

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

/* The style of the overall carousel component. Controls the outermost DIV. */
.carousel-component {
	padding:0px;
}

/* The style of UL list (which contains the items being scrolled.) */
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
}

/* The style of each individual item managed by the carousel (LI). Be sure to specify the width of individual elements by setting the width attribute for this selector. The width should be set the width of the contents plus any margin or paddings specified for elements within the LI item. */
.carousel-component .carousel-list li {
	text-align:left;
	height:90px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	color:#333333;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	width:238px;
	padding: 0px;
}