.stepcarousel {
	position: relative; /*leave this value alone*/
	border: none;
	float: left;
	overflow: scroll; /*leave this value alone*/
	width: 710px; /*Width of Carousel Viewer itself*/
	height: 145px; /*Height should enough to fit largest content's height*/
	font-family: Tahoma;
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	width: 710px;
	height: 145px;
	float: left;
	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-right: 10px; /*margin around each panel*/
	width: 360px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 145px;
	font-size: 11px;
}

.stepcarousel .panel img{
	border: none;
}

.stepcarousel .panel .stepfoto{
	background: #18557e;
	padding: 1px;
	margin-bottom: 3px;
	float: left;
}

.stepcarousel .panel .stepfoto img.fotospec{
	width: 135px;
	height: 135px;
	float: left;
	border: 3px solid #FFFFFF;
}

.stepcarousel .panel img.fotospec:hover{
	opacity: 0.7;
}