.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 5px solid #2380C2;
	overflow: scroll; /*leave this value alone*/
	width: 740px; /*Width of Carousel Viewer itself*/
	height:98px; /*Height should enough to fit largest content's height*/
	margin-left:20px;
}

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

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 115px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarouse_index{
	position: relative; /*leave this value alone*/
	border: 10px solid #2380C2;
	overflow: scroll; /*leave this value alone*/
	width: 740px; /*Width of Carousel Viewer itself*/
	height:100px; /*Height should enough to fit largest content's height*/
	margin-left:20px;
}
.stepcarouse_index .belt_index{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width: 749px;
}
.stepcarouse_index .panel_index{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
 defined on each content DIV then. */
}