/* =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: 351px;
	border:1px solid #ccc;
	float:left;
	margin-left:2px;
	position: relative;
}

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

.threeStep .one h4{
	background: url(../../../../img/about_acne_steps-50.png) 50% 0 no-repeat;    
}

.threeStep .two h4{
	background: transparent url(../../../../img/about_acne_steps-50.png) no-repeat scroll 50% -100px; 
}

.threeStep .three h4{
	background: transparent url(../../../../img/about_acne_steps-50.png) no-repeat scroll 50% -50px;    
}

.threeStep .step h5{
	width:100%;
	margin-bottom:9px;
	text-indent: -99999em;
}

.threeStep .one h5 {
	background: url(../../../../img/system/acne-step1-title.gif) 50% 0 no-repeat;
}

.threeStep .two h5 {
	background: url(../../../../img/system/acne-step2-title.gif) 50% 0 no-repeat;
}

.threeStep .three h5 {
	background: url(../../../../img/system/acne-step3-title.gif) 50% 0 no-repeat;
}

.threeStep .step img{
	margin-left: 47px;
	margin-bottom:13px;
}

.threeStep .step ul{
	list-style: disc;
	font-size:0.95em;
	line-height:1.33em;
	margin: 4px 10px 0px;
	padding: 0 20px;
}

.threeStep .step p {
	text-align: center;
	margin-top: 10px;
}

.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/interface/btn-w-1.1.png) 0 0 no-repeat;
	width: 189px;
	height: 21px;
	display: block;
	text-indent: -99999em;
}

.threeStepBlock .blockContent a.btnOrderYourSystem:hover {
	background-position: -300px 0;
}