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

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden; 
margin: 10px;
/*width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel a { width: 120px; text-decoration: none; display: block; padding: 0px; height: 170px; text-align: center; }
.stepcarousel .panel a:hover strong { text-decoration: underline; }
.stepcarousel .panel a strong{ display: block; padding: 5px;}
.stepcarousel .panel a img, .goods a:hover img{ text-decoration: none; border: 0; }

.button { float: left; display: block; width: 15px; height: 170px; }
a.button-prev { display: block; text-decoration: none; background: url(/html/images/prev-a.png) no-repeat; width:20px; height: 40px;}
a.button-prev:hover { background: url(/html/images/prev-h.png) no-repeat; }
a.button-next { display: block; text-decoration: none; background: url(/html/images/next-a.png) no-repeat; width:20px; height: 40px;}
a.button-next:hover { background: url(/html/images/next-h.png) no-repeat; }
.panel a { text-decoration: none; display: block; width:170px; height: 170px; text-align: center; }