#lightbox{
	background-color:#6d6d6d;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	z-index:600;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image:url(../img_mondial/light/overlay.png); }

* html #overlay{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mondial-street.com/xy/img_mondial/light/overlay.png", sizingMethod="scale");
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 250px; /*Width of Carousel Viewer itself*/
height: 373px; /*Height should enough to fit largest content's height*/
float:right;
margin:20px;
}

.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: 10px; /*margin around each panel*/
width: 230px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}