﻿#pzCarousel {
	margin-top:24px;
	margin-bottom:17px;
	border: 1px solid #666666;
	padding:10px;
	width: 380px;
	height: 70px; /*Height should enough to fit largest content's height*/
	background: url(../img/carouselBg.jpg) repeat-x;
	position:relative;
}
#pzCarousel #pzImgPrevious { position:absolute; left:2px; top:35px; border:none;}
#pzCarousel #pzImgNext { position:absolute; right:2px; top:35px; border:none;}
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 380px;
	height: 70px; /*Height should enough to fit largest content's height*/
}

.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: 0px 5px; /*margin around each panel*/
	width: 370px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

