img {border: 0;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 230px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
}


.stepcarousel .next a, .stepcarousel .prev a {
  display: block;
  position: absolute;
  font-size: 20px; 
  line-height: 30px;
  height: 30px;
  background: #888;
  text-align: center;
  width: 30px;
  top:160px;
  text-decoration: none;
  color: #fff; 
  z-index: 1000;
  }
.stepcarousel .prev a {
  left: 20px;
  }
.stepcarousel .next a {
  right: 20px;
  }


.stepcarousel .belt, .stepcarousel .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel .panel, .stepcarousel .panel2{
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: 230px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 230px;
}