.carousel {
	float:left;
}

.carousel-container a.carousel-previous, 
.carousel-container a.carousel-next {
	float: left;
	display: inline;
	margin: 0 2px;
}

.carousel-container a.carousel-next.disabled { 
	background: url(/assets/nav_next_dis.gif) 0 0 no-repeat; 
	cursor: default;
}

.carousel-container a.carousel-previous.disabled {
	background: url(/assets/nav_prev_dis.gif) 0 0 no-repeat;
	cursor: default;
}

.carousel-container li { float: left;} /* so the thumbnails align horizontally even if there's fewer than 5 */

.box.ui-tabs.with-generic-carousel {background-image: none;}

.box.with-generic-carousel .content {text-align: center;}