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


.galleryWrapper {
	clear:			both;
	border:			1px solid lightGrey;  /* border: 10px solid black; */
	margin-left:	-18px;
	padding-left:	22px;
	width:			570px;
	height:			180px;
}

.galleryWrapperWithTItle {
	height:			205px;
}

.galleryWrapperWithTitle h2 {
	margin:			0px 0px 5px -15px;
}


.stepcarousel{
	position: 		relative; /*leave this value alone*/
	border:			0px solid lightGrey;  /* 1px solid lightGrey; border: 10px solid black; */
	overflow: 		scroll; /*leave this value alone*/
	width: 			543px; /*Width of Carousel Viewer itself  (default: 270px) */
	height: 		180px; /*Height should enough to fit largest content's height (default: 240px)*/
}

.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: 		4px; /*margin around each panel (Default: 10px) */
	width: 			170px; /*Width of each panel holding each content. 
						If removed, widths should be individually defined on each content DIV then. (Default: 250px) */
	padding-right:	4px;
	height:			165px;
	border-right:	1px solid #EEEEEE;
	line-height:	15px;
	

}

.stepcarousel .panel img {
	padding-bottom: 10px;
}

.stepcarousel .panel a {
	text-decoration	:none;
	font-size: 		80%;
	color:			#31610F;
	font-family:	Optima, 'Lucida Sans Unicode','Lucida Grande',Verdana,Arial,sans-serif;

}

.stepcarousel .panel a:hover .label{
	text-decoration	:underline;
 }