
.carousel-component {
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none;
	/*background:#e2edfa;*/
	padding:40px;
	-moz-border-radius:0px;
	color:#618cbe;
	width:880px;
	/* component turns it on when first item is rendered */
	/*background-color: #FF0099;*/
	/*height:300;*/
}

.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 ul.carousel-list {
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li {
	text-align:center;
	margin:0px;
	padding:3px;
	background-image: url(../imgs/base_marco.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 123px;
	/*	width: 137px; */
	line-height: 15px;
}
.carousel-component .carousel-list li span {
	float:left;
	/*	width: 132px; */
	height: 97px;
	display: block;
	position: absolute;
	top: 1px;
	left: 2px;
	background-image: url(../imgs/top_img.png);
	background-repeat: no-repeat;
}

.carousel-component {
	padding:2px;
	height: 130px;
}
.carousel-component ul.carousel-list {
	margin:0px;

}
.carousel-component .carousel-list li {
	margin:4px;
	height:130px;
	width:137px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) +
				   img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a {
	display:block;
	border:0px solid #e2edfa;
	outline:none;
	-moz-outline:none;
	color: #0099CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.carousel-component .carousel-list li a:hover {
	border: 0px solid #87bf4e;
	color: #CC0000;
}

.carousel-component .carousel-list li img {
	border:0px solid #999;
	display:block;
	background-image: url(../imgs/base_marco.png);
	background-position: 0px 0px;
}

.carousel-component .carousel-list li strong {
	display:block;
}

#prev-arrow {
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer;
	left:0px;
}

#next-arrow {
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer;
	right:0px;
}