.carousel {
	position: relative;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 20;
	background-color: transparent;
	padding-left: 50px;
	padding-top: 25px;
}
.carouselHeader { margin: 0px; padding: 3px 0 5px 0px; font-size: 1.2em; position: relative; width: 100%; }
.carouselHeader .headerTitle { float: left; padding-left: 10px; }
.carouselBody {
	display: block;
	zoom: 1;
	overflow: hidden;
	height: 174px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.carouselBody img {
}
.carousel ul {
	list-style-type: none;
	width: 5000px;
	padding: 0;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 0px;
}
.carousel li { display: inline; float: left; padding-right: 10px; }
.carousel .btnPrevious { float: left; }
.carousel .btnNext { float: right; }

.carousel .fg-button { outline: 0; margin: 10px; text-decoration: none !important; cursor: pointer; position: relative; text-align: center; zoom: 1; }
.carouselBody .fg-button {
	padding-top: 12px;
	padding-right: 18px;
	padding-bottom: 12px;
	padding-left: 18px;
}
.carousel .fg-button .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -15px;
}
.carousel button.fg-button { width: auto; overflow: visible; } /* removes extra button width in IE */
.carousel .fg-button-icon-left { padding-left: 2.1em; }
.carousel .fg-button-icon-right { padding-right: 2.1em; }
.carousel .fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.carousel .fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.carousel .fg-button-icon-solo {
	display: block;
	width: 8px;
	text-indent: -9999px;
	padding-top: 12px;
	padding-right: 18px;
	padding-bottom: 12px;
	padding-left: 18px;
	margin-top: -120px;
	margin-right: -20px;
	margin-left: -20px;
}	 /* solo icon buttons must have block properties for the text-indent to work */	

.carousel .btnHide  { position: absolute; height: 18px; width: 19px; margin: -11px 0 0; padding: 1px; top: 50%; right: 5px;  }