/*=== Sub Columns ===*/
.col4{
	float: left;
	width: 170px;
}
.col5{
	float: left;
	width: 262px;
}
.col5 img{
	border: 1px solid #e4edee;
	margin-top: 6px;
	margin-left: 13px;
}
.col6{
	float: left;
	padding: 0 25px 20px 0;
	width: 295px;
}
.col6 img{
	border: 1px solid #e4edee;
	margin-top: 6px;
	margin-left: 13px;
}
/*- Box5 -*/
.box5{
	margin:0px;
	padding:0px;
	width:434px;
}
.box5 p{
	margin:0px;
	padding:0px;
}
.box5 .spacer{
	/*background: url(images/box5-bgr.gif) repeat-y top;*/
	height: 1%;
	padding: 0;
	margin:0px;
}

.fl{
	float: left
}
.fr{
	float: right;
}
/*=== Slider ===*/

.btn-arr2{
	float: left;
	padding:0px 0 0;
	width: 45px;
}

.wrapper{
	width:424px;
	padding:10px 0px 5px 10px;
	float: left;
	margin:0px;
}


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 434px;
	height: 150px; /*Height should enough to fit largest content's height*/
	margin:0px;
	padding:0px;
}

.stepcarousel .belt{
	position: relative; /*leave this value alone*/
	float:left;
	left: 0px;
	top: 0px;
	padding:0px;
	width: 434px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px;
	padding:0px;
	width: 434px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#block1 {
	float: none;
	position: relative;
	left:0px;
}

#block2 {
	float: none;
	position: relative;
	left: 434px!important;
}
#block3 {
	float: none;
	position: relative;
	left: 868px!important;
}
#block4 {
	float: none;
	position: relative;
	left: 1302px!important;
}