.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 775px; /*Width of Carousel Viewer itself*/
	height: 110px; /*Height should enough to fit largest content's height*/
	vertical-align: middle;
	/*border: 1px #000000 solid;*/
	margin-left: auto;
	margin-right: auto;
}

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

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: inherit; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin: 10px; /*margin around each panel*/
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	width: 185px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	vertical-align: middle;
	text-align: center;
	height: 110px;
	padding-right: 3px;
}


.stepcarousel1{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 785px; /*Width of Carousel Viewer itself*/
	height: 100px; /*Height should enough to fit largest content's height*/
	vertical-align: middle;
	/*border: 1px #000000 solid;*/
	margin-left: auto;
	margin-right: auto;
}

.stepcarousel1 .belt1{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	vertical-align: middle;
}

.stepcarousel1 .panel1{
	float: left; /*leave this value alone*/
	overflow: inherit; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin: 10px; /*margin around each panel*/
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	width: 185px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	vertical-align: middle;
	text-align: center;
	height: 100px;
	padding-right: 5px;
}



.stepcarousel2{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 400px; /*Width of Carousel Viewer itself*/
	height: 60px; /*Height should enough to fit largest content's height*/
	vertical-align: middle;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}
.stepcarousel2 .belt2{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	margin: 0px;
	vertical-align: middle;
}
.stepcarousel2 .panel2{
	float: left; /*leave this value alone*/
	overflow: inherit; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	width: 75px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 60px;
}
.stepcarousel2 .panel2 img{
	.width: 60px;
	max-width: 60px;
	max-height: 60px;
}