.SlideBox {
	margin:0;
	padding:0;
	width:596px;
	display:block;
	height:200px;
	background:url(../images/slide-bg.gif) repeat-x 0 0;
	overflow:hidden;
}
.stepcarouselnew, .stepcarousel {
	position: relative; 
	height: 152px;
	width:537px;
	padding:0;
	margin:0 0 0 27px;
}

.stepcarouselnew .belt, .stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width:537px;
	height:142px;
	z-index:1000;
}
.stepcarouselnew .panel, .stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0 15px 0 15px; /*margin around each panel*/
	width:116px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:141px;
	padding:0;
	text-align:center;
	display:block;
}
.stepcarouselnew .panel a, .stepcarousel .panel a {
	text-decoration:none;
	color:#6D6E71;
	margin:0; /*margin around each panel*/
	width:96px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:116px;
	padding:25px 10px 0 10px;
	margin:0;
	display:block;
	line-height:20px;
}
.stepcarouselnew .panel a:hover, .stepcarousel .panel a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background:url(../images/panel-bg.png) no-repeat 0 0;
}


.stepcarouselnew .panel a img {
	margin:0;
	padding:0;
	border:1px solid #AAA9A9;
	display:block;
}
.stepcarouselnew .panel a img:hover {
	margin:0;
	padding:0;
	border:1px solid #FFFFFF;
}

.activethumbscroll {
	text-decoration:none;
	color:#FFFFFF !important;
	background:url(../images/panel-bg.png) no-repeat 0 0;
}
.unactivethumbscroll {
	text-decoration:none;
	color:#6D6E71;
	background:none;
}