.stepcarousel{
position: relative; /*leave this value alone*/
/* border: 0;*/
overflow: scroll; /*leave this value alone*/
}

/* ###################### */
/* # TOP AD             # */
/* ###################### */

#topad.stepcarousel {
width: 530px; /* Width of Carousel Viewer itself - 1007 */
height: 342px; /*   Height should enough to fit largest content's height */
top: 0;
}


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

.stepcarousel .top_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: 530px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. 1007 */
height: 342px;
border: 0 solid #888888;
}

/* ###################### */
/* # BOTTOM AD          # */
/* ###################### */

#bottomad.stepcarousel{
width: 760px; /* Width of Carousel Viewer itself - 1007 */
height: 200px; /*   Height should enough to fit largest content's height */
}

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

.stepcarousel .bottom_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: 760px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. 1007 */
height: 200px;
border: 0 solid #888888;
}