#image-gallery-wrapper {
	/*background:#300304;*/
	margin:5px 0 3px 9px;
	width:960px;
	position:relative;
float:left;
	/*padding:9px 0 11px;*/
}

#image-gallery {
	margin:0 auto;
	/*width:915px;*/
	height:115px;
}

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:894px; /*Width of Carousel Viewer itself*/
height:100px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
}

.stepcarousel .panel{
background-color:#ffffff;
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:9px 2px; /*margin around each panel*/
width:146px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:100px;
padding:2px;
}


.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:0;
width:146px;
height:100px;
}

#image-gallery-wrapper .prev, #image-gallery-wrapper .next {
	background:url(../sliding-button1.gif) no-repeat;
	display:block;
	position:absolute;
	top:11px;
	height:100px;
	width:20px;
	/*text-indent:-9999px;*/
}

#image-gallery-wrapper .prev {
	background-position:0 0;
	left:0;
}

#image-gallery-wrapper .next {
	background-position:100% 0;
	right:0;
}

/*___________________________________________________________*/

.stepcarousel_d{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:460px; /*Width of Carousel Viewer itself*/
height:100px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.stepcarousel_d .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
}

.stepcarousel_d .panel{
background-color:#ffffff;
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:9px 2px; /*margin around each panel*/
width:146px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:100px;
padding:2px;
}


.stepcarousel_d .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:0;
width:146px;
height:100px;
}
#image-gallery_d {
	margin:0 auto;
	width:915px;
	height:115px;
}
#image-gallery-wrapper_d {
	/*background:#300304;*/
	margin:5px 0 3px 9px;
	width:538px;
	position:relative;
float:left;
	/*padding:9px 0 11px;*/
}
#image-gallery-wrapper_d .prev, #image-gallery-wrapper_d .next {
	background:url(../sliding-button1.gif) no-repeat;
	display:block;
	position:absolute;
	top:11px;
	height:100px;
	width:20px;
	/*text-indent:-9999px;*/
}

#image-gallery-wrapper_d .prev {
	background-position:0 0;
	left:0;
}

#image-gallery-wrapper_d .next {
	background-position:100% 0;
	right:0;
}

