.stepcarousel{
position: relative; /*leave this value alone*/
border: 3px solid #384556;
overflow: scroll; /*leave this value alone*/
width: 393px;
height: 318px; /*Height should enough to fit largest content's height*/
margin-left:10px;
}

.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-left: 15px; /*margin around each panel*/
margin-right: -10px;
margin-top:15px;
margin-bottom:15px;
width: 345px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#galleryB{
width: 450px;
height: 170px;
border: 10px solid darkred;
}

#galleryB .panel{
height: 150px;
font: bold 28px Arial;
text-align: center;
background-color: green;
color: white;
}

p.samplebuttons{
width: 300px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}

#desc{
width:312px;
height:284px;
text-align:center;
float:left;
background-color:#f1f1f1;
}

.img{
margin-top: 5px;
margin-left:10px;
margin-right:10px;
margin-bottom:0px;
}