
.image-bar {
	height: 228px;
	width: 952px !important;
	background-color: rgb(179,179,179);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(179,179,179)), to(white));
	background: -moz-linear-gradient(top, rgb(179,179,179), white);
}

.image-bar h3 {
	border: none;
	color: white;
	float: left;
	font-size: 18px;
	text-shadow: rgb(102,102,102) 1px 1px 4px;
	margin: 1em 0 8px 0.5em;
}

.image-bar.small {
	height: 165px;
}

.image-bar.small h3 {
	font-size: 14px;
}

.image-bar .image-collection {
	clear: both;
	height: 178px;
}

.image-bar.small .image-collection {
	height: 120px;
}

.image-collection li {
	margin-left: 8px;
}

.image-collection li:last-child {
	margin-right: 8px;
}

.image-bar .carousel-buttons {
	margin-top: 0.75em;
	float: right;
}

.image-bar .carousel-button {
	background-image: url(../static/images/ui/image-bar-buttons-small.png);
	height: 16px;
	width: 13px;
}

.image-bar .carousel-button.next {
	background-position: -17px;
	margin-left: 3px;
	margin-right: 8px;
}
