@charset "utf-8";
/* CSS Document */

.stepcarousel{
display:block;
position:relative; /*leave this value alone*/
border:none;
overflow:scroll; /*leave this value alone*/
width:662px; /*Width of Carousel Viewer itself*/
height:85px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
display:block;
position:absolute; /*leave this value alone*/
left:0;
top:0;
}

.stepcarousel .panel{
display:block;
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0 10px 0 0; /*margin around each panel*/
/*width:250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel.widepanel {
width:127px;
}

.stepcarousel .panel.narrowpanel {
width:56px;
}

