/* --- SMART PAYMENT PLAN CSS --- */

.container { position: relative; z-index: 2; }
#gradbg { width: 100%; height: 200px; z-index: 1; position: absolute; top: 744px; background: url(../img/SMARTbook-Page-BG.jpg) top center repeat-x; }


/* --- BOOTSTRAP BTNS STYLED FOR SPP --- */

.btn-large { width: 100%; padding: 18px 0; font-size: 30px; line-height: 36px; }

.btn-large:hover,
.btn-large:focus { background-position: 0 -100px; }






/* --- SPP LOGO + HEADER --- */

#spp-header-tag				{ padding: 24px 15px 6px; text-align: center; }
#spp-header-tag h4			{ font-size: 24px; line-height: 30px; font-family: 'OpenSansSemiBoldItalic', Arial, sans-serif; color: #a12933; text-shadow: 1px 1px #fff; }

#spp-header-phone			{ padding: 0 15px 10px; text-align: center; }
#spp-header-phone h6		{ font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; text-transform: uppercase; color: #666; text-shadow: 1px 1px #fff; }
#spp-header-phone h5		{ font-size: 24px; font-family: 'OpenSansBold', Arial, sans-serif; text-transform: uppercase; color: #1e5798; text-shadow: 1px 1px #fff; }

#spp-header-phone-res h6	{ font-size: 10px; line-height: 10px; font-family: 'OpenSansSemiBold', Arial, sans-serif; text-transform: uppercase; color: #666; text-shadow: 1px 1px #fff; }
#spp-header-phone-res h5	{ font-size: 18px; line-height: 18px; font-family: 'OpenSansBold', Arial, sans-serif; text-transform: uppercase; color: #1e5798; text-shadow: 1px 1px #fff; }




/* --- SPP CONTENT STYLES --- */

#content					{ font-size: 14px; line-height: 21px; }
#content h1					{ padding: 21px 0; font-size: 60px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 60px; text-align: center; color: #5ba440; }

#SMARTbook-form				{ padding: 0 40px 36px 0; }
#SMARTbook-form h2			{ padding: 0 0 12px; font-size: 24px; line-height: 36px; font-family: 'OpenSansBoldItalic', Arial, sans-serif; color: #185395; }
#SMARTbook-form p			{ padding: 0 0 24px; font-size: 18px; line-height: 30px; }


form#dl-SMARTbook			{ background: #185395; padding: 20px 30px;
								-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
							}
#dl-SMARTbook legend		{ padding: 0 0 12px; font-size: 24px; line-height: 36px; font-family: 'OpenSansBoldItalic', Arial, sans-serif; color: #fff; }
#dl-SMARTbook label			{ font-size: 14px; line-height: 21px; font-family: 'OpenSansBold', Arial, sans-serif; color: #fff; }
#dl-SMARTbook input			{ width: 100%; font-size: 16px; }
#dl-SMARTbook li			{ list-style: none; padding: 0 0 12px; }
li#dl-submit				{ padding: 12px 0 0; text-align: center; }

#dl-SMARTbook input.error	{ border-color: #f00; }
#dl-SMARTbook label.error	{ color: #f00; }

#SMARTbook, #SMARTbook img	{ text-align: center; }




/* --- SPP RESPONSIVE STYLES --- */

/* Landscape Tablet */

@media (min-width: 768px) and (max-width: 979px) {	
	
	#gradbg { top: 744px; }
	#SMARTbook-form h2 { padding: 0 0 6px; font-size: 24px; line-height: 32px; }
	#SMARTbook-form p { padding: 0 0 12px; font-size: 18px; line-height: 28px; }
	#dl-SMARTbook legend { padding: 0 0 6px; font-size: 20px; line-height: 30px; }
	.btn-large { padding: 12px 0; font-size: 24px; line-height: 30px; }
	#SMARTbook { padding: 60px 0 0; }

	
}

/* Small Tablet / Phone */

@media (max-width: 767px) {
	#gradbg { display: none; }
	#spp-tag { padding: 12px 15px 6px; text-align: center; }
	#content h1 { font-size: 48px; line-height: 52px; }
	#SMARTbook-form { padding: 0 20px 36px; }
	.btn-large { padding: 12px 0; font-size: 18px; line-height: 21px; }
}

/* Phone */

@media (max-width: 480px) {
}