/* =System - Index - Three Step Block
-----------------------------------------------------*/

.threeStepBlock {
	margin-bottom: 10px;
}

.threeStepBlock .blockContent {
	/*
	padding: 10px 10px 40px 10px;
	*/
	position: relative;
}

.threeStep{
	/*
	overflow: auto;	
	margin-left:-2px;
	*/
}

.threeStep .step{
	width: 211px;
	height: 451px;
	border:1px solid #ccc;
	float:left;
	margin-left:2px;
	position: relative;
	overflow: hidden;
}

.threeStep .step_custom{
	width: 212px;
	height: 251px;
	border:1px solid #ccc;
	float:left;	
	position: relative;

}

.step p {
    text-align:left;
	padding-left: 8px;
	padding-right: 5px;
	padding-top: 5px;

	}

.threeStep .step h4{
	text-align: center;
	text-indent: -9999px;
	margin-bottom: 7px;
}

.threeStep .one h4{
	background: url(/img/howtouse/steps.png) top center no-repeat;
	height:251px;
}

.threeStep .two h4{
	background:  url(/img/howtouse/steps.png) center center no-repeat;
	height:251px;
}

.threeStep .three h4{
	background:  url(/img/howtouse/steps.png) bottom center no-repeat;
	height:251px;
}

.threeStep .step h5{
	width:100%;
	margin-bottom:9px;
	color:#4e4d4b;
	font-size:14px;
	font-weight:normal;
	text-align:center;
}


.threeStep .step img{
	margin:0 auto;
	position:relative;
	left:13%;
	margin-left:-26px;
}

.threeStep .step ul{
	list-style: square;
	font-size:0.95em;
	line-height:1.33em;
	margin:4px 6px 0 10px;
	padding: 0 10px 0 20px;
	
	
}
.threeStep .step ul li{
	margin:0 0 10px 0;
	color:#4e4d4b;
	font-size:12px;
	line-height:15px;
}

.threeStep .step .openOverlay {
	display: block; 
	position: absolute;
	bottom: 15px;
	left: 35px;
	text-align: center;
	font-size: 0.95em;
}



.threeStepBlock .blockContent a.btnOrderYourSystem {
	/* 
	position: absolute;	
	bottom: 8px; 
	left: 237px;
	*/
	background: url(/img/aboutpa/ordersystem.png) 0 0 no-repeat;
	width: 189px;
	height: 21px;
	display: block;
	text-indent: -99999em;
}

.threeStepBlock .blockContent a.btnOrderYourSystem:hover {

}