.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 80%; /*Width of Carousel Viewer itself*/
	height: 100px;
	left:10%;
	margin:0px !important;
}
.belt {
	width:auto;
	position: absolute;
	left: 0px;
	padding:0px;
	margin:0px !important;
	padding-top:15px;
}
.panel {
	font: normal 13px/30px "Trebuchet MS", Tahoma;
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding: 0px 22px;
	text-align:center;
	color: #2c2c2c;
}
.panel a {
	color: #7E4E00;
	text-decoration:none;
}

.belt1 {
	width:auto;
	position: absolute;
	left: 0px;
	padding:0px;
}

.panel1 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 248px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel1 h3 {
	padding:10px 0px;
}
.panel1 span {
	display:block;
	max-height:36px;
	overflow:hidden;
}
.belt2 {
	width:auto;
	position: absolute;
	left: 0px;
	padding:0px;
	margin:0px !important;
}
.panel2 {
	font: normal 13px/30px "Trebuchet MS", Tahoma;
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 248px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding-top:25px;
	text-align:center;
	color: #2c2c2c;
}
.panel2 a {
	color: #2c2c2c;
	text-decoration:none;
}