.stepcarousel{
position: relative;
overflow: scroll; /*leave this value alone*/
height: 120px; /*Height should enough to fit largest content's height*/
}

.box {
clear:both;
position:relative;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 20px;
	top: 4px;
	width: 733px;
	height: 236px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:100px;
}
.stepcarousel .panel img { width:150px; height:100px; padding:2px; border:solid 2px #ddbb6c; background:#FFF;}
.stepcarousel .panel a:hover img {width:150px; height:100px; border:solid 2px #10254a; background:#FFF;}


#galleryA{
width: 790px;
height: 125px;
float:left;
margin-top:-8px;
overflow: hidden;
}

#galleryA .panel {
height: 110px;
width:160px;
text-align: center;
}
.btMorePhotosBack {float:left; width:30px; height:74px; margin-top: 35px; margin-left:10px; display:inline;margin-right:5px;}
.btMorePhotosNext {float:left; width:30px; height:74px; margin-top: 35px; margin-left:10px;display:inline;}