.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 85px; /*Height should enough to fit largest content's height*/
margin: auto;
background-color: #fff;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0px;
}

.stepcarousel .panel{
padding: 5px;	
border: 1px solid #999;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 8px 5px 5px; /*margin around each panel*/
width: auto; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.stepcarousel_otherpages{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 880px; /*width: 850px; Width of Carousel Viewer itself*/
	height: 85px; /*Height should enough to fit largest content's height*/
	margin: auto;
	background-color: #fff;
}

.stepcarousel_otherpages .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0px;
}

.stepcarousel_otherpages .panel{
	height: 63px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #999;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 8px 5px 0px 5px; /* width: 160px; margin around each panel*/
	width: auto; 
	/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}