.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 516px; /*Width of Carousel Viewer itself*/
height: 220px; /*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: 0px; /*margin around each panel*/
width: 516px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}
img.home_camps_img{
max-height:192px;
max-width:167px;
border:1px solid #D8D8D8;
padding:0px;
text-align:center;

}
/*******************************************************************************************/



.stepcarousel2{
position: relative; /*leave this value alone*/
border: 3px solid #567E6A;
background:#567E6A;
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 94px; /*Height should enough to fit largest content's height*/
}

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

.stepcarousel2 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 7px; /*margin around each panel*/
width: 94px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.img_video_th
{
max-width:78x;
max-height:48px;
border:1px solid #FFF;
padding:0px;

}