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