
.stepcarousel {
position:relative; /*leave this value alone*/
overflow:hidden; /*leave this value alone*/
width:100%; /*Width of Carousel Viewer itself*/
height:130px;
float:right;
}

.stepcarousel .belt {
position:absolute; /*leave this value alone*/
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 5px; /*margin around each panel*/
width:160px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:130px;
text-align:left;
border:1px solid #fff500;
}

.stepcarousel .panel img {
padding:5px;
background:#f5f5f5;
border:1px solid #e0e0e0;
}

.stepcarousel .panel a:link img { border:none}
.stepcarousel .panel a:visited img { border:none;}
.stepcarousel .panel a:active img { border:none;}
.stepcarousel .panel a:hover img { 
border:none;
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
}

.stepcarousel .panel img { float:right; }