.stepcarousel{
	position:relative;
	margin:20px auto;
	margin-bottom:0px;
	margin-left: 200px; /* AC 2010-02-10: Fixes IE glitch where carousel is left-aligned. */
	border:1px solid #ccc;
	overflow: scroll;
	width: 610px;
	height: 282px;
}

.stepcarousel .belt{
	position:relative;
	left: 0;
	top: 0;
}

.corner_link {
	width:140px;
	height:40px;
	position:absolute;
}

.top_left_link {
	top:190px;
	left:10px;
}

.top_right_link {
	top:190px;
	right:25px;
}

.bottom_left_link {
	top:430px;
	left:25px;
}

.bottom_right_link {
	/* top:	430px; Suitable for original 40px high images. */
	top:	390px; /* Suitable for replacement 80px high images. */
	right:25px;
}

.category_select {
 font-size:12px;
 font-weight:bold;
 margin:10px 0px 10px 195px;
}

.panel img {
width:271px;
height:240px;
clear:right;
}

.panel p {
padding:0;
margin:0;
}

.stepcarousel .panel{
float: left;
overflow: hidden;
text-align:center;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
width: 285px;
height:270px;
cursor:pointer;
}

.stepcarousel .panel a {
 color:#000;
 text-decoration:none;
 font-size:12px;
}

.panel .id {
 display:none;
}

.stepcarousel .hover {
/* background-color:#270059; */
	background-color:		#eee;
}

.stepcarousel .love {
/* background-color:#f06; */
}

.stepcarousel .yarns {
/* background-color:#f00; */
}

.stepcarousel .you {
/* background-color:#cc0; */
}

.stepcarousel .fear {
/* background-color:#600; */
}

.stepcarousel .laugh {
/* background-color:#f63; */
}

.stepcarousel .dream {
/* background-color:#060; */
}

.stepcarousel .thoughtful {
/* background-color:#606; */
}

.stepcarousel .childish {
/* background-color:#06c; */
}

.stepcarousel .testcat
{
/*	background-color:		blue; */
}

.stepcarousel .hover a {
/* color:#fff; */
	text-decoration:		underline;
}

div.bottom_splash {
 margin-top:10px;
 margin-bottom:10px;
 background: url('../img/index/bottom_splash.gif') no-repeat top center;
 width:990px;
 height:277px;
 height:275px;
 background-color:#fff;
}