.stepcarousel{
position: relative; /*leave this value alone*/
border:1px solid #d2c89c;
overflow: scroll; /*leave this value alone*/
width: 420px;
padding:10px;
height: 430px; /*Height should enough to fit largest content's height*/
margin:0px auto;
vertical-align:middle;
}

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

p.samplebuttons{
padding-top:10px;
width: 150px;
text-align: center;
margin:0px auto;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}	

#lightbox{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#eee;

	padding: 20px;

	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

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

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

* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(/images/blank.gif);
/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale"); */
/* progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");*/
	}