/**
 * 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.
 **/

.carousel-component { 
	background: transparent;
	padding:0px;
	color:#618cbe;
        margin-top: 0px;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px 0px 0px 0px;
}
.carousel-component .carousel-list li { 
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}















.carousel-component .carousel-list li { 
	width:90px; /*75 + 2 + 2 + 1 + 1 */
	margin-top:0px;
	text-align: center;
}

.carousel-component .carousel-list li img {width: 90px; height: 116px;} 

.carousel-component .carousel-list li a { 
	display:block;
	border:0px none;
	outline:none;
	-moz-outline:none;
}


.carousel-component .carousel-list li a:hover { 
	border: 0px none;
}

.carousel-component .carousel-list li a:active { 
	outline: none; 
}

.carousel-component .carousel-list li.active a { 
	border: 0px none; 
	outline: none;
}

.carousel-component .carousel-list li img { 
	border: 0px none;
	display:block;
}

.carousel-component .carousel-list li strong { 
	display:block; 
}
									
.carousel-component .carousel-prev { 
	position:absolute;
	top:0px;
	z-index:3;
	cursor:pointer; 
	left:0px; 
}

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











.carousel-component .carousel-list li a#carousel-th img {	
		}


.carousel-component .carousel-list li a:hover#carousel-th img {
		filter:alpha(opacity=60);
		-moz-opacity:0.60; 
		opacity:0.60; 
		-khtml-opacity:0.60;
		}






/* stop page width jump in IE while loading */

* html .carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1;
}