@charset "utf-8";
/* CSS Document */
#mygallery-paginate{width: 257px; margin-top:135px; text-align:center;}
#mygallery {
	float:right;
	margin-right:4px;
	width:257px;
	height:197px;}
.stepcarousel {
	position: relative; /*leave this value alone*/
	border:none;
	overflow: scroll; /*leave this value alone*/
	width: 257px; /*Width of Carousel Viewer itself*/
	height: 197px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {/*leave this value alone*/
	width:240px;
	height:131px;
	overflow:hidden;
	position:absolute;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 240px;
	margin-right:9px;
	margin-left:9px;
	height:131px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.heading-columns{ width:257px; height:38px;}