#mygallery2 {
  clear: both;
  margin: 10px auto;
  background: #2c2c2c;
  border: 1px solid #3967b4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:925px; /*Width of Carousel Viewer itself*/
height:169px; /*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:0;
}

.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:13px ; /*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:184px;
padding:8px;
background-color: transparent;
margin-top: 12px;
margin-left: 34px;
margin-right: 0px;
}
.stepcarousel .panel p{
text-align:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align:left; /*leave this value alone*/
height:20px;
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:0;
background: #9e9e9e;
padding: 2px;
border: 1px solid #fff;
}
a.prev {
   background: url(../images/leva.jpg) no-repeat;
   height: 155px;
   width: 40px;
   display:block;
   position:absolute;
   top: 2px;
   left: 0px;
   text-indent:-9999px;
}
a.next {
   position: absolute;
   top: 2px;
   right: 0px;
   background: url(../images/desna.jpg) no-repeat;
   height: 155px;
   width: 40px;
   display: block;
}