@charset "UTF-8";

.stepcarousel {
	position: relative; /*leave this value alone*/
	border: 0px solid #000;
	overflow: scroll; /*leave this value alone*/
	width: 986px;
	height: 476px; /*Height should enough to fit largest content's height*/
}

.stepcarousel img {
	border: 0px solid #000;
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0px;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 986px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* the overlayed element */ 
.overlay { 
     
    /* initially overlay is hidden */ 
    display: none; 
     
    /* growing background image */ 
    background-image: url(../images/overlay/gray.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width: 640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding: 35px; 
 
    /* a little styling */     
    font-size: 11px; 
} 
 
/* default close button positioned on upper right corner */ 
.overlay div.close { 
    background-image:url(../images/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}