.stepcarousel{
	position: relative;
	overflow: scroll;
	float: left;
	margin: 0;
	padding: 0;
	width: 550px;
	height: 160px; 
}

.stepcarousel .belt {
	position: absolute;	left: 0; top: 0; background: #f3e0c5;
}
.stepcarousel .belt .panel div { height: 110px; line-height: 110px; width:126px; vertical-align: middle; }
.stepcarousel .belt .panel div img {border: 5px solid #fff; vertical-align: middle; margin: 5px; }
.stepcarousel .belt .panel div a { height: 130px; display: block; padding: 0px; }
.stepcarousel .belt .panel p {font-size: 9px; color: #88003d; text-align: center; text-indent: 0; padding: 0;}
.stepcarousel .belt .panel p strong {display: block; }
.stepcarousel .belt .panel p ins { color: #000; padding: 0 5px; text-decoration: none; border-left: 1px solid #88003d; font-weight: bold;}

.carousel { background: #f3e0c5; }

.stepcarousel .panel{
	float: left;
	overflow: hidden; 
	margin: 0px 5px;
	/*border: 1px solid red;*/
	width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*
.gallery { background: #f3e0c5; padding: 0 0 10px 0; margin: 15px 0 10px 0; height: 100%;}
.gallery li {float:left; list-style: none; height: 100%; text-align: center; background: #f3e0c5;}
.gallery ul:after{content: '.'; display: block; visibility: hidden; height: 0; line-height: 0; clear: both;}
.gallery li div{ height: 130px; line-height: 130px; width:126px; vertical-align: middle;}
.gallery li div img {border: 5px solid #fff; vertical-align: middle;}
.gallery li div a{ height: 130px; display: block;}
.gallery li p {font-size: 9px; color: #88003d; text-align: center; text-indent: 0; padding: 0;}
.gallery li p strong {display: block; }
.gallery li p ins { color: #000; padding: 0 5px; text-decoration: none; border-left: 1px solid #88003d; font-weight: bold;}
.gallery .next { width:10px; padding: 60px 8px 0 4px;}
.gallery .prev { width:10px; padding: 60px 4px 0 8px;}
*/

/*.stepcarousel .panel a { text-decoration: none; display: block; width:210px; height: 170px; text-align: center; color: #3399cc;}*/
.button { float: left; display: block; width: 25px; height: 170px; }
a.button-prev { display: block; text-decoration: none; background: url(img/prev.gif) no-repeat; width:10px; height: 20px;}
a.button-next { display: block; text-decoration: none; background: url(img/next.gif) no-repeat; width:10px; height: 20px;}