/* old css
#mygallery { margin:14px auto 20px; }

.stepcarousel {
	position:relative; /*leave this value alone*/
/*	overflow:scroll; /*leave this value alone*/
/*	width:900px; /*Width of Carousel Viewer itself*/
/*	height:150px; /*Height should enough to fit largest content's height*/
/*	margin:0 auto; }
	
*/

#mygallery { margin:14px 32px 20px; }

.stepcarousel {
	position:relative; /*leave this value alone*/
	overflow:scroll; /*leave this value alone*/
	width:890px; /*Width of Carousel Viewer itself*/
	height:150px; /*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 {
		float:left; /*leave this value alone*/
		overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin-right:12px ; /*margin around each panel*/
		width:150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		height:130px;
		border:8px solid #F8C301;
		background:#F8C301; }

		.stepcarousel .panel p {
			text-align:left; /*leave this value alone*/
			overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin:5px 5px ; /*margin around each panel*/ }

		.stepcarousel .panel h2 {
			text-align:left; /*leave this value alone*/
			height:20px;
			overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin:2px 5px ; /*margin around each panel*/
			font-size:16px;
			font-weight:bold;
			text-align:center;
			font-family:Georgia,century gothic,Arial,verdana, sans-serif; }

		.stepcarousel .panel img {
			float:left; /*leave this value alone*/
			margin:0; /*margin around each panel*/
			padding:0; }