.stepcarousel {
    position: relative; /*leave this value alone*/
    border: 0;
    overflow: scroll; /*leave this value alone*/
    width: 506px; /*Width of Carousel Viewer itself*/
    height: 353px; /*Height should enough to fit largest content's height*/
}
.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: 0; /*margin around each panel*/
    width: 506px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel .desc {
	position:absolute;
	bottom:0; left:0;
	width:80%; height:100px;
	background:transparent;
	color:#FFF;
	margin:7px 50px; 
	display:table-cell;
	font-weight:normal;
}
.stepcarousel a {
	position:relative;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
}
.stepcarousel a:hover { text-decoration:none; }
	.stepcarousel a.lnk { border:none; float:left; }
.stepcarousel .panel .desc .title {
    font-weight:bold;
    text-transform:uppercase;   
    padding-bottom:10px;
}
.stepcarousel .panel .desc .paging {
    font-weight:bold;
    font-size:2.5em;
    width:10px;
}
.stepcarousel .panel .desc .pagingLight {
    font-weight:bold;
    font-size:2.5em;
    opacity:0.4;
    filter:alpha(opacity = 40);                            
    width:10px;
}
.stepcarousel .panel .marqee 
{
	position:absolute;
	bottom:0; left:0;
	width:100%; height:120px;
	opacity:0.7;
	filter:alpha(opacity = 70);
	display:table-cell;
}