@charset "utf-8";

/* --------------------------------------------------------- */
/* -- CLEARFIX --------------------------------------------- */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* --------------------------------------------------------- */
/* -- OVERLAY PARTS ---------------------------------------- */
#overlay-background {
	display: 			none;
	position: 			fixed;
	top: 				0px;
	left: 				0px;
	z-index: 			1000;
	width: 				100%;
	height: 			100%;
	background: 		rgba(0, 0, 0, 0.8);	
}


#overlay-container {
	position: 			relative;
	margin: 			100px auto 0px auto;
	width: 				904px;	
	border: 			1px solid #b4b4b4;
	background-color: 	#000;
	padding: 			0px;
	box-shadow: 		3px 3px 3px #000;
	font: 				normal 18px/20px Arial, sans-serif;
}

#overlay-close {
	position: 			absolute;	
	z-index: 			1001;
	top: 				-12px;
	left: 				-12px;
	cursor: 			pointer;
}

/* --------------------------------------------------------- */
/* -- OVERLAY CONTENT -------------------------------------- */
#overlay-cover {
	display: 			block;	
}

#overlay-content {
	float: 				left;
	width: 				380px;
	background: 		url('/images/site/overlay-ec-background.png') top right no-repeat;	
	padding-top: 		60px;
	text-align: 		center;
}

#overlay-content h1 {
	margin-bottom:		0px;
	font: 				bold 22px/26px "Arial Black", Arial, sans-serif;	
	color: 				#fff;
}

#overlay-content h2 {
	margin-top:			0px;
	font: 				bold 18px/20px "Arial Black", Arial, sans-serif;	
	color: 				#fff;	
}

#overlay-content img {
	display: 			block;
	margin: 			5px auto;
}

.overlay-icon {
	display: 			inline-block;
	margin: 			10px;
	width: 				50px;
	font-size:		 	14px;
	text-align: 		center;	
}