/* CSS Document */

* { margin: 0; padding: 0; }
body {
	background: #202020;
	color: #FFF;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

div.boxfull {margin-bottom: 20px; background: #202020; width: 650px; }
div.content { padding: 0px; text-align: left; }
.blue { color: #4DDFF4; }
.clear { clear: both; height: 0px; width: 100%; }

/* ------------------------ */

/* HORIZONTAL CAROUSEL */

.stepcarousel{
	position: relative;
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 650px; /*Width of Carousel Viewer itself*/
	height: 400px; /*Height should enough to fit largest content's height*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

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

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.panel img { float: left; margin-right: 0px;}
.panel h5 { margin-top: 40px; font-size: 18px; font-weight: normal; }
.panel h5 strong { font-weight: normal; color: #BAD1D9; }
.panel p { margin-top: 20px; }

/* VERTICAL CAROUSEL */

.vcarousel .stepcarousel{
position: relative; /*leave this value alone*/
margin: 0 auto;
border: 0;
overflow: scroll; /*leave this value alone*/
width: 250px; /*Width of Carousel Viewer itself*/
height: 390px; /*Height should enough to fit largest content's height*/
}

.vcarousel .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px 0; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 370px; 
text-align: left;
}

.panel .view { float: left; }
.panel .view2 { margin: 0 auto; }

/* ------------------------ */