@charset "utf-8";
/* CSS Document */
#mygallery {
	margin:0;
	padding:0;
	/*background-color:#eeeeee; display:inline;*/
	margin:0 20px 0 25px;
	display:inline;
 }
.stepcarousel {
	position:relative; /*leave this value alone
border-right:20px solid #da398c;
border-left:20px solid #da398c;*/
	border-top:none;
	border-bottom:none;
	overflow:scroll; /*leave this value alone*/
	width:550px; /*Width of Carousel Viewer itself*/
	height:125px; /*Height should enough to fit largest content's height*/
	float:left;
	
}
.stepcarousel .belt {
	position:relative; /*leave this value alone
	left:0;
	top:0;*/
	width:550px;
	float:left;
	margin:0 0 0 10px;
	display:inline;
	background-color:#eeeeee;
}

.stepcarousel .panel {
 float:left; /*leave this value alone*/
 overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
 margin-top:10px;/*margin around each panel*/
 margin-bottom:10px;
 margin-right:15px;
 text-align:center;
 width:260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. 
border:1px #000000 solid;*/
 padding:0;
 display:inline;
 /*text-align:center;*/
}