/*
 * Stylesheet for Von Seidels
 * Author: Tim Storey, Team Code Red (tjstorey1968@gmail.com)
 * Main style for the payment process
 */

/* BASE STYLE */
body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	font: 12px/16px 'liberation_sansregular', Arial, Helvetica, sans-serif;
	background: #fff;
	color: #808080;
	background: url(../media/swift-bg.gif) no-repeat 265px center;
	background-attachment: fixed;
	background-position: center center;
}

/* GUI COMPONENTS */
.header {
	background: url(../media/header-bg.png) repeat-x left top;
	border-bottom: 1px solid #4a5977;
	height: 43px;
}

.header_contact {
	display: inline-block;
	width: auto;
	padding: 3px 20px 0 0;
	margin-left: 14%;
	font-size: 13px;
	line-height: 40px;
	color: #ffffff;
}

.header_buttons a {
	display: inline-block;
	width: 79px;
	height: 24px;
	margin: 11px 17px 0 0;
	text-indent: -99999px;
	cursor: pointer;
	outline: none;
	vertical-align: top;
}

.header_buttons .email_us {
	background: url(../media/btn-email.png) no-repeat;
}

.header_buttons .terms {
	background: url(../media/btn-terms.png) no-repeat;
}

.header_content {
	width: 72%;
	height: 125px;
	margin-left: 14%;
	margin-right: 14%;
	padding: 20px 0 11px 0;
	background: url(../media/divider.png) no-repeat left bottom;
	background-size: 100% 1px;
}

.logo {
	background: url(../media/von-logo.png) no-repeat center center;
	width: 157px;
	height: 110px;
	float: right;
}

.footer_paygate {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 64px;
}

.footer_paygate .pglogo {
	background: url(../media/paygate-card-brand-logos.jpg) no-repeat center center;
	width: 598px;
	height: 67px;
	background-size: contain;
	margin: auto;
}

.footer {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	border-top: 1px solid #495876;
	background: #2c3b60 url(../media/footer-bg.png) repeat-x;
	height: 57px;
}

.footer_paygate.dynamic {
	position: relative;
	margin-top: 550px;
}

.footer.dynamic {
	position: relative;
	margin-top: -50px;
}

.copyright {
	width: auto;
	margin: 0 14% 0 14%;
	padding: 12px 0 0;
	color: #ffffff;
}

.copyright a {
	text-decoration: underline;
	color: #ffffff;
}

.sabs {
	width: auto;
	margin-top: 15px;
	margin-right: 14%;
}

/* PAGE CONTENT */
.page_content {
	width: 72%;
	margin-left: 14%;
	margin-right: 14%;
	padding: 20px 0 11px 0;
}

.page_content.dynamic {
	margin-top: -650px;
}

/* HEADINGS */
.h1 {
	padding: 45px 0 0;
	font: 400 45px/50px 'liberation_sansregular', sans-serif;
	color: #4d5c7a;
}

.h2 {
	padding-bottom: 15px;
	font-size: 18px;
	line-height: 22px;
	color: #d3c85b;
}

.h3 {
	padding: 15px 0 0;
	font-size: 15px;
	line-height: 18px;
}

/* BUTTONS */
.button {
	display: block;
	width: 141px;
	height: 35px;
	margin-top: 38px;
	text-indent: -99999px;
}

.button.type1 {
	background: url(../media/btn1.png) no-repeat 0 0;
}

.button.type2 {
	background: url(../media/btn2.png) no-repeat 0 0;
}

/* FORMS */
.form_container {
	width: 600px;
	margin: auto;
	padding: 16px;
}

.form_container label {
	display: block;
	margin-bottom: 8px;
}

.label_text {
	display: inline-block;
	width: 80px;
	font-size: 15px;
	line-height: 18px;
}

.form_text {
	width: 196px;
	height: 18px;
	border-radius: 4px;
}

.form_button_set {
	display: inline-block;
	width: 200px;
	height: 18px;
}

.required_field {
	color: #aa0000;
	margin-left: 8px;
}

.info_text {
	color: #4d5c7a;
	margin-left: 8px;
}

.info_text_alt {
	color: #4d5c7a;
	margin-left: 360px;
}

.option_button {
	border: 1px solid #808080;
	border-radius: 4px;
	background: #ffffff;
	color: #4d5c7a;
	padding: 2px 8px;
	cursor: pointer;
}

.option_button.selected {
	border: 1px solid #9e8a2f;
	background: #c1b34b;
	background-image: linear-gradient(#e8e16d, #c1b34b);
}

.option_button.selected .button_text {
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000;
}

.submit_button {
	border: 1px solid #9e8a2f;
	border-radius: 4px;
	background: #c1b34b;
	background-image: linear-gradient(#e8e16d, #c1b34b);
	cursor: pointer;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	padding: 2px 8px;
}

.submit_button .button_text {
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000;
}

/* UTILITIES */
.vspacer_1 {
	height: 160px;
	width: 1px;
}

.vspacer_2 {
	height: 24px;
	width: 1px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.float_clear {
	clear: both;
}

.tcr_hide {
	display: none;
}