#carouselContainer
{
	width: 750px;
	height: 130px;
	position:absolute;
	bottom: 45px;
	left: 50%;
	margin-left: -375px;
}

#stepLeft{
	position:absolute;
	z-index: 2;
	height:24px;
	width: 24;
	top: 50px;
	left:-2px;
	visibility: hidden;
}

#stepRight{
	position:absolute;
	z-index: 3;
	height:24px;
	width: 24;
	top: 50px;
	left: 751px;
}

#carouselMask
{
	position: absolute;
	width: 730px;
	height: 115px;
	top: 10px;
	left: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
}
	
#carousel
{
	position: relative;
	margin-left: 10px;
	width: 750px; /*Width of Carousel Viewer itself*/
	height: 130px; /*Height should enough to fit largest content's height*/
	background-color: #030303;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	border: 1px solid #696969;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#belt{
	position: absolute; /*leave this value alone*/
	left:-10px;
	top: 0;
	width: 6000px;
	height: 115px;
}

#panel{
	float: left; /*leave this value alone*/
	margin: 0px 10px; /*margin around each panel*/
	width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 100px;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	line-height: 11px;
	color: #ffffff;
}

#panel img
{
	width: 128px;
	height: 90px;
}