.container { position: relative; width: 100%; margin: 0; padding: 0; }
.stepcarousel{ background-image: url(images/gallery-nav2_01.gif); background-repeat: no-repeat; position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 250px; /*Width of Carousel Viewer itself*/
height: 400px; border-width: 0; /*Height should enough to fit largest content's height*/
}

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

.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: 250px; z-index: 200; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel img {
	margin: 0;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
}
#back { position: absolute; left: 0; bottom: 0; z-index: 100; }
#more { position: absolute; right: 0; bottom: 0; z-index: 100; }
#back a, #more a { background-color: transparent; }
.panel a:hover { background-color: transparent; }
#bigpic { position: absolute !important; top: 0; width: 450px; height: 450px; float: right; padding-left: 38%; }