#mygallery { width: 450px; padding: 0; margin: 0 auto; }
#mygallery div { padding: 0 !important; margin: 0 !important; }

.stepcarousel { position: relative; overflow: scroll; min-height: none; height: 300px; padding: 0; margin: 0; }
.stepcarousel .belt { position: absolute; left: 0;	top: 0; }
.stepcarousel .corner { position: absolute; left: 0;	top: 0; z-index: 100; }
.stepcarousel .panel { float: left; overflow: hidden; width: 450px; height: 300px; }

#controls { width: 450px; margin: 20px auto 0; }
#controls .center { width: 250px; line-height: 20px; text-align: center; text-transform: uppercase; float: left; }
#controls a.control { width: 40px; height: 20px; display: block; }

#controls .left { width: 100px; float: left; }
#controls .first { margin-right: 10px; background: url(../img/bt/bt_gallery_first.gif) no-repeat; float: left; }
#controls .first:hover { background: url(../img/bt/bt_gallery_first.gif) no-repeat 0 -20px; }
#controls .prev { background: url(../img/bt/bt_gallery_prev.gif) no-repeat; float: left; }
#controls .prev:hover { background: url(../img/bt/bt_gallery_prev.gif) no-repeat 0 -20px; }

#controls .right { width: 100px; float: right; }
#controls .next { text-align: right; background: url(../img/bt/bt_gallery_next.gif) no-repeat 0 0; float: right; }
#controls .next:hover { background: url(../img/bt/bt_gallery_next.gif) no-repeat 0 -20px; }
#controls .last { margin-left: 10px; background: url(../img/bt/bt_gallery_last.gif) no-repeat 0 0; float: right; }
#controls .last:hover { background: url(../img/bt/bt_gallery_last.gif) no-repeat 0 -20px; }
