@charset "utf-8";

/* IMAGE CAROUSEL */

.stepcarousel{
	position: relative; /* Do not change */
	left: 21px;
	border: 0;
	overflow: scroll; /* Do not change */
	width: 290px; /*Width of carousel viewer itself */
	height: 270px; /*Height should enough to fit largest content's height*/
	}

.stepcarousel .belt{
	position: absolute; /* Do not change */
	left: 0px;
	top: 47px;
	}

.stepcarousel .carousel-header {
	position: absolute;
	left: 0px;
	top: 16px;
	width: 290px; /*Make the same size as the carousel itself */
	text-align: center;
	}
	
.stepcarousel .carousel-header a {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #28558e;
	text-decoration: none;
	}

.stepcarousel .carousel-header a:hover {
	color: #000;
	font-weight: bold;
	}

.stepcarousel .carousel-panel{
	float: left; /* Do not change */
	margin: 0px 40px 0 -5px; /* Margin around each panel (top/right/bottom/left) */
	width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	border:none;
	}

.stepcarousel .carousel-panel img {
	margin-left: 5px;
	border:none;
	}

.stepcarousel .carousel-panel .panel-footer{
	position: relative;
	left: 0px;
	top: 10px;
	width: 290px; /*Make the same size as the carousel itself */
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	text-align: center;
	}