@charset "utf-8";
/* CSS Document */

.stepcarousel{
	position: relative; /*leave this value alone*/
	/*border: 10px solid black;*/
	overflow: scroll; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 480px; /*Height should enough to fit largest content's height*/
	}

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

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


.stepcarousel .case a:hover { background:#FFFFFF; text-decoration:none;} /*BG color is a must for IE6*/
.stepcarousel .case a.tooltip span { 
	display:none;
	position:relative;
	font-size: 70%;
	padding:5px;
	width:130px;
	top: -170px;
	left: 205px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	/*background:#A9BC28;*/
	background:#666666;
	color:#FFFFFF;

}
.stepcarousel .case a.tooltip:hover span{
	display:inline; 
}