.slider{
width:275px;
background-color:#FFFFFF;
}

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

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .belt  h1
{
font:normal bold 2em "Trebuchet MS", Helvetica, sans-serif;
margin: 0 -3px;
padding:0 0 10px 0;
color:#5e5e5e;
letter-spacing:-1px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px 1px 0px 1px; /*margin around each panel*/
width: 275px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:auto;
padding:4px;
}
.panel .stepbottom