/* CSS Document */

div.carousel_header {
  margin: 15px 0 0 0;
  padding: 4px 0 0 0;
  width: 679px;
  height: 24px;
  background: #990000;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;
}

.stepcarousel{
margin: 0 0 15px 0;
padding: 0 5px 5px 20px;
position: relative; /*leave this value alone*/
background: #FFFFFF;
border: 10px solid #990000;
overflow: scroll; /*leave this value alone*/
width: 634px;
height: 110px; /*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 /*20px*/0; /*margin around each panel*/
/*width: 152px;*/ /*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 0;
  padding: 0;
  border: 1px solid #2F40B8;
}