
.stepcarousel2{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:230px; /*Width of Carousel Viewer itself*/
height:227px;
}

.stepcarousel2 .belt{
position:absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*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:227px;
border:0;
text-align:center;
background:#e0e0e0;
}

.stepcarousel2 .panel a:link img { border:none}
.stepcarousel2 .panel a:visited img { border:none;}
.stepcarousel2 .panel a:active img { border:none;}
.stepcarousel2 .panel a:hover img { 
border:none;
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
}