.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid gray;
overflow: scroll; /*leave this value alone*/
width:  570px;
height: 230px; /*Height should enough to fit largest content's height*/
}

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


.best_s{
position: relative; /*leave this value alone*/
border: 0px solid gray;
overflow: scroll; /*leave this value alone*/
width:  100px;
height: 100px; /*Height should enough to fit largest content's height*/
}

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

.text_counsel{
position: relative; /*leave this value alone*/
border: 0px solid gray;
overflow: scroll; /*leave this value alone*/
width:  275px;
height: 396px; /*Height should enough to fit largest content's height*/
}
.text_counsel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.text_counsel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width:  275px;
height: 132px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
CLEAR: left;
position:absolute;
top:0;
right:0;
z-index:1;
}
.stripTransmitter ul { /* the auto-generated set of links */
position: relative;
float:left;
list-style-type: none;
}
.stripTransmitter li{ /* in this list too, each LI is arranged horizontally */
list-style-type: none;
width: 12px;
float:left;
margin:1;
}
.stripTransmitter a{ /* the links. */
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 12px;
color: #ff0000;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover { /* hover */
background: #c50000;
color: #fff;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #ff0000;
color: #fff;
}