.asb-wrapper {
	width: 700px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0px 10px 28px 0px rgba(50, 50, 50, 0.41);
	-moz-box-shadow:    0px 10px 28px 0px rgba(50, 50, 50, 0.41);
	box-shadow:         0px 10px 28px 0px rgba(50, 50, 50, 0.41);
	
	font-family: arial;
	font-size: 13px;
	line-height: 19px;
	background-color: #fff;

}

.asb-wrapper .top {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #666666;
}

.asb-wrapper .middle {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #FFF;
	background-color: #666666;
	font-weight: normal;
}


.asb-wrapper .box_left {
	width: 47%;
	float: left;
}

.asb-wrapper .box_right {
	width: 47%;
	float: right;
}


.asb-wrapper .bottom {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 45px;
	color: #666666;
}

.asb-wrapper .footer {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	position: relative;
	

}


.asb-wrapper h1 {
	text-transform: uppercase;
	font-weight: normal;
	
	font-size: 35px;
	line-height: 30px;
	margin-bottom: 0px;
}

.asb-wrapper h1 span {
	text-transform: none;
	font-size: 20px;
	line-height: 30px;
}

.asb-wrapper h2  {
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 8px;
	margin-bottom: 0px;
	line-height: 26px;
}

.asb-wrapper h3 {
	margin-top: 0px;
	margin-bottom: 12px;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
}


.asb-wrapper .clear {
	clear: both;
	line-height: 0px;
}

.asb-wrapper ul {
	padding-left: 15px;
}

.asb-wrapper li {
	margin-bottom: 5px;
}

.asb-wrapper .logo {
	width: 200px;
	float: right;
}

.asb-wrapper .button {
	width: 180px;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;
	
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	
	border: solid 3px;
	
	position: absolute;
	bottom: 40px;
}

.asb-wrapper .button:hover {
	cursor: pointer;
	background-color:  #666666;
	color:#fff;
	
}

.asb-wrapper a:link {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}


.asb-wrapper a:visited {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}


@media screen and (max-width: 700px) {
	.asb-wrapper {
		width: auto;
	}

	.asb-wrapper .body {
		min-width: 300px;
	}

	.asb-wrapper .wrapper {
		width: 100%;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		box-shadow: none;

		font-family: arial;
		font-size: 13px;
		line-height: 19px;
	}

	.asb-wrapper .header {
		width: 100%;
	}

	.asb-wrapper .top {
		padding-left: 7%;
		padding-right: 7%;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #666666;
	}

	.asb-wrapper .middle {
		padding-left: 7%;
		padding-right: 7%;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #FFF;
		background-color: #666666;
		font-weight: normal;
	}


	.asb-wrapper .box_left {
		width: 100%;
		float: left;
	}

	.asb-wrapper .box_right {
		width: 100%;
		float: right;
		margin-top: 20px;
	}


	.asb-wrapper .bottom {
		padding-left: 7%;
		padding-right: 7%;
		padding-top: 20px;
		padding-bottom: 35px;
		color: #666666;
	}

	.asb-wrapper .footer {
		padding-left: 7%;
		padding-right: 7%;
		padding-bottom: 20px;
		position: relative;
		text-align: center;

	}


	.asb-wrapper h1 {
		text-transform: uppercase;
		font-weight: normal;

		font-size: 25px;
		line-height: 30px;
		margin-bottom: 0px;
	}

	.asb-wrapper h1 span {
		text-transform: none;
		font-size: 15px;
		line-height: 30px;
	}

	.asb-wrapper h2  {
		font-size: 15px;
		font-weight: normal;
		text-transform: uppercase;
		margin-top: 3px;
		margin-bottom: 0px;
	}

	.asb-wrapper h3 {
		margin-top: 0px;
		margin-bottom: 5px;
		font-weight: normal;
		font-size: 16px;
		line-height: 18px;
	}


	.asb-wrapper .clear {
		clear: both;
		line-height: 0px;
	}

	.asb-wrapper ul {
		padding-left: 15px;
	}

	.asb-wrapper li {
		margin-bottom: 5px;
	}

	.asb-wrapper .logo {
		width: 35%;
		float: none;
	}

	.asb-wrapper .button {
		width: 100%;
		text-align: center;
		padding-top: 8px;
		padding-bottom: 8px;
		margin-top: 30px;

		font-size: 15px;
		font-weight: bold;
		color: #666666;

		border: solid 3px;

		position: relative;
		display: block;
	}

	.asb-wrapper .button:hover {
		background-color: #666666;
		color: #FFF;
		border-color: #666666;
		cursor: pointer;
	}

	.asb-wrapper a:link {
		text-decoration: none;
		color: #666666;
		font-weight: bold;
	}


	.asb-wrapper a:visited {
		text-decoration: none;
		color: #666666;
		font-weight: bold;
	}
}

.asb-wrapper .x-html-editor-wrap {
	background-color: white;
	padding-bottom: 5px;
	padding-right: 5px;
}

.asb-wrapper .x-html-editor-wrap iframe {
	height: 600px;
}

.asb-wrapper .top .x-html-editor-wrap iframe {
	height: 120px;
}

.asb-wrapper .bottom .x-html-editor-wrap iframe {
	height: 150px;
}

/*
*   PRINT CSS
*/

.print {display: none}
			
@media print {
	html, body, .asb-wrapper {
		width: 210mm;
		height: 297mm;
		margin: 0mm;
		padding: 0mm;
	}
	.asb-wrapper {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		font-size: 9pt;
		line-height: 1.3em;
	}
	.asb-wrapper .header {display: none}
	.asb-wrapper .header.print {display: block; height: auto; width: 100%;}
	.asb-wrapper h1 {
		font-size: 25px;
	}
	.asb-wrapper .top {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.asb-wrapper .middle {
		padding-top: 20px;
		padding-bottom: 0px
	}
	.asb-wrapper .bottom {
		padding-top: 20px;
	}
	.asb-wrapper .footer {
		padding: 0px;
	}
	.asb-wrapper .footer .button.apply-now{
		display: none;
	}
	.asb-wrapper .footer img.logo {
		position: absolute;
		right: 0;
		bottom: 0;
		height: auto;
		width: 150px;
	}
}