.stepcarousel {
position: relative; /*leave this value alone*/
border: none;
z-index:0;
overflow: scroll; /*leave this value alone*/
width: 100%;
height: 230px; /*Height should enough to fit largest content's height*/
margin: 10px 0px 0px 0px;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
z-index:0;
}
/*.stepcarousel .belt .panel{
float: left; leave this value alone
overflow: hidden; clip content that go outside dimensions of holding
panel DIV
margin: 0px 50px 0px 0px; margin around each panel
width: 800px; Width of each panel holding each content. If removed,
widths should be individually defined on each content DIV then.
}
.panel {
font-size:10px;
text-align:left;
}
.panel p {
font-size:10px;
text-align:left;
height:25px;
overflow: hidden;
}
.panel img, .panel a img {
margin-top: 3px;
}*/