/* CSS Document */
.applemenu{
margin: 5px 0;
padding: 0;
width: 100%; /*width of menu*/
border: 0px solid #9A9A9A;
}

.applemenu div.silverheader{
	background:url(images/side-links-bg-down.gif) repeat-x #052E7E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-left:10px;
	color: #E0B308;
	line-height:12px;
	text-decoration: none;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	cursor:pointer;
	padding:10px;
	margin:0 0 1px 0;
	
}

.applemenu div.selected{
	background:url(images/side-links-bg-up.gif) repeat-x #052E7E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-left:10px;
	color: #E0B308;
	line-height:12px;
	text-decoration: none;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	cursor:pointer;
	padding:10px;
	margin:0 0 1px 0;
}


.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}



.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width:550px; /*Width of Carousel Viewer itself*/
height:61px; /*Height should enough to fit largest content's height*/
margin:0 0 0 35px;

}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	display:block;
}
.stepcarousel .panel{
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	float:left;
	display:block;
	padding:0 18px 0 0;

}
.stepcarousel .panel a{
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width:61px;
	height:61px;
	padding:15px 10px 5px 16px;
	background:url(images/product-off-bg.gif) no-repeat center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	float:left;
	display:block;

}
.stepcarousel .panel a:hover{
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width:120px;
	height:158px;
	padding:15px 10px 5px 16px;
	background:url(images/product-on-bg.gif) no-repeat center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #386189;
	text-decoration: none;
	float:left;
	display:block;

}