.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 646px; /*Width of Carousel Viewer itself*/
	height: 234px; /*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: 646px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:234px;
}

/* The caption box overlaps the image at the bottom */
/* TODO: Give this div a semi-transparent background like in the visual comps */
.stepcarousel .CaptionBox
{
    background-image: url('../images/greyTran_bg.png');
	position:absolute;
	left:0;
	top:186px;
	width:646px;
	height:48px;
	z-index:2;
	padding-top:5px;
}

.stepcarousel .CaptionTitle
{
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-transform:uppercase;
	padding-left:40px;
}

.stepcarousel .CaptionTeaser
{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:40px;
}

.stepcarousel .CaptionButton
{
	float:right;
	padding-right:15px;
}

.stepcarousel .CaptionButton img
{
	border:0;
}

.carouselpagination
{
	width:646px;
	height:26px;
	background-color:#959494;
	
}

.carouselpagination .pageButtonPanel
{
	float:right;
	padding: 6px 35px 0 0;
}

.carouselpagination a:link
{
	color:Black;
}

.carouselpagination .pageButton
{
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 10px;   
	display:block;
	float:left;
	margin-left:4px;
	width:24px;
    height:14px;
	color:#5e5e5e;
	background-image: url('../images/pageBtn.png');
	text-align:center;
}

.carouselpagination a:link.pageButton 
{
    color:#5e5e5e;
    text-decoration:none;
}

.carouselpagination a.selectedPageButton:link
{
    background-image: url('../images/selectedPageBtn.png');
	color:White;
	text-decoration:none;
}