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

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

.stepcarousel .panel img{
	border: none;
}

.stepcarousel .panel .stepfoto{
	margin: 0 5px 5px 0;
	float: left;
	background: #929292;
	padding: 1px;
}

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

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