.gallerytop
{
  width: 610px;
   padding: 0 60px;
   background:url(../images/gallery-bg.gif) repeat-y; 
}

/*
*html .gallerytop
{
   
   width: 703px;
   padding: 0 0px;
   background:url(../images/gallery-bg.gif) repeat-y;
}

*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 582px; /*Width of Carousel Viewer itself*/
height:180px; /*Height should enough to fit largest content's height*/
padding-top:20px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0;
width: 585px;
background:  url(../images/gallery-back.gif) repeat-x;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:15px; /*margin around each panel*/
width:184px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel img {
float: left; /*leave this value alone*/
}
.stepcarousel .content-gallary-bottom {
float: left; /*leave this value alone*/
text-align:center;
padding:3px 5px;
width:174px;
font-size:11px;
}












.spiritual-stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 190px; /*Width of Carousel Viewer itself*/
height:600px; /*Height should enough to fit largest content's height*/
padding-top:20px;
border:1px solid #000;
}

.spiritual-stepcarousel .spiritual-belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0;
width: 190px;
}

.spiritual-stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top:15px; /*margin around each panel*/
width:190px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.spiritual-stepcarousel .panel img {
float: left; /*leave this value alone*/
}