#gallwrap {
  width: 100%;
  clear: both;
  height: 250px;
  background: url(../images/gall.gif) repeat-x;
  margin: 0 0 35px 0
}
#mygallery2 {
  width: 960px;
  margin: 0 auto;
}

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:960px; /*Width of Carousel Viewer itself*/
height:250px; /*Height should enough to fit largest content's height*/
margin:0 auto;
background: transparent;
}

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

.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:4px ; /*margin around each panel*/
width:155px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:167px;
padding:8px;
background-color: transparent;
margin-top: 12px;
margin-left: 49px;
}

.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:0;
border: 1px solid #d0cfcf;
}
.panel img:hover {
  border: 1px solid #8e8d8d;
}
a.prev {
   background: #ececec url(../images/prev.png) no-repeat scroll 0 90px;
   height: 250px;
   width: 40px;
   display:block;
   position:absolute;
   top: 0px;
   left: 0px;
   text-indent:-9999px;
}
a.next {
   position: absolute;
   top: 0px;
   right: 0px;
   background: #ececec url(../images/next.png) no-repeat scroll 0 90px;
   height: 250px;
   width: 40px;
   display: block;
}
.titleg {
  font-size: 12px;
  display: inline-block;
  margin-top: 10px;
}
*+html .titleg {
  clear: both;
}
.titleg a, .titleg a:visited {
  color: #494949 !important;
}
.titleg a:hover {
  color: #7a7a7a;
}