#carousel {
margin:0px 80px 0px 80px;
text-align:center;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #000000;
overflow: scroll; /*leave this value alone*/
width: 773px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
background-color:#333333;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 121px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
 height:90px;
 border-color:#999999;
 border-width:1px;
 border-style:dashed;
 text-align:center;
}

.stepcarousel .panel a:link img { border:none}
.stepcarousel .panel a:visited img { border:none;}
.stepcarousel .panel a:active img { border:none;}
.stepcarousel .panel a:hover img { border: 1px solid #000000;}