/* CSS Document */

div.carousel_header {
  margin: 0;
  padding: 4px 0 0 0;
  width: 828px;
  height: 20px;
  background: #2F40B8;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;
}

.stepcarousel{
margin: 0 0 20px 0;
padding: 0 5px 5px 20px;
position: relative; /*leave this value alone*/
background: #FFFFFF;
border: 10px solid #2F40B8;
overflow: scroll; /*leave this value alone*/
width: 783px;
height: 255px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 7px;
}

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

.stepcarousel .panel img {
  margin: 0 8px 0 23px;
  padding: 0;
  border: 1px solid #2F40B8;
}