.wrapper{
margin:auto;
width: 1001px;
height:260px;
background: url(http://www.sybarisgroup.com/ss/art/09_slidebg.gif);
background-repeat:no-repeat;
border: 0px solid #ff0000;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 953px; /*Width of Carousel Viewer itself*/
height: 260px; /*Height should enough to fit largest content's height*/
background: url(http://www.sybarisgroup.com/ss/art/bg_frame.gif);
background-repeat:repeat-x;
background-color:#f5eecc;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
border-left: 0px solid #f5eecc;
border-right: 0px solid #f5eecc;
}

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

#navBGleft {
position: absolute;
top: 0px;
left: -500px;
margin: 0px 50% 0px 50%;
width:50px;
height:260px;
z-index:300;
background: url(http://www.sybarisgroup.com/ss/art/slideBG-nav_left.gif);
background-repeat:no-repeat;
}

#navBGright {
position: absolute;
top: 0px;
left: 452px;
margin: 0px 50% 0px 50%;
width:50px;
height:260px;
z-index:300;
background: url(http://www.sybarisgroup.com/ss/art/slideBG-nav_right.gif);
background-repeat:no-repeat;
}