.raf-data-container { margin: 30px auto 0 auto; width: 90%; }
.clear { clear:both; }
.raf-banner { background-image: url('../img/banner.jpg'); background-repeat: no-repeat; min-height: 222px; background-color: #0a6194; }
	.raf-banner h1, 
	.raf-banner h2 { color: #FFFFFF; font-weight: normal; }
	.raf-banner h1 { font-size: 86px; font-family: "OpenSansBold", Arial, sans-serif; margin: 16px 0 0 0; }
	.raf-banner h2 { font-size: 31px; font-family: "OpenSansLight", Arial, sans-serif; margin: 0; }
#tophat { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-top: 8px solid #464646; margin-bottom: 0; padding-top: 0; }
#content #contentBG { background: none repeat scroll 0 0 #DDDDDD;  display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.tc-submit { font-size: 10px; text-align: right; clear: both; line-height: 16px;}
input[type="submit"] { width: auto; }
	.buttonPrimary { background-position: 0 -1px; border: 1px solid #222222; text-shadow: 0 0 3px #3F2507; }
	.button { background: #0076ad !important; background-color: #0076ad !important; font-size: 14px; }
.address-container { margin: 0 -10px;}
.hideraf { display: none; }
#container { padding: 15px 0 25px; }
.header-space { margin-bottom: 8px; }
.raf-footer { clear: both; }
.content-left {border-right: 1px solid #dbdbdb; margin-top: 12px; }
.hiw-title { font-family: "OpenSansLight", Arial, sans-serif; font-weight: normal; font-size: 68px; padding: 42px 0 0 0;}
.hiw-steps { font-family: "OpenSans", Arial, sans-serif; font-weight: normal; font-size: 26px; margin: 0 0 58px 0; }
.steps { color: #464646; min-height: 165px; }
	.step-image { float: left; width: 64px; margin: 6px 16px 0 0; height: 100px;}
	.step {  }
		.step h1 { font-family: "OpenSansBold", Arial, sans-serif; font-weight: normal; font-size: 31px; margin: 0 0 6px 0; }
		.step p { font-family: "OpenSans", Arial, sans-serif; font-weight: normal; font-size: 21px; }
#referafriend { margin: 12px 0 0 0; }
	#referafriend h2 { font-size: 24px; border-bottom: 1px solid #dbdbdb; padding: 12px 0 4px 0; }
.the-container { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #C9C9C9 #C9C9C9 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); font-size: 13px; margin: 18px auto 0 auto; overflow: hidden; padding: 20px 0 25px; position: relative; }
.selection-details { font-size: 11px; margin: -5px 0 8px 24px; }
.raf-label { font-weight: bold !important; }
#landingPageFormSuccess { margin-top: 20px; }
	#landingPageFormSuccess a, #landingPageFormError a { color: #058ECB; text-decoration: underline; }
	#landingPageFormSuccess a:hover, ##landingPageFormError a:hover { color: #058ECB; text-decoration: none; }
#landingPageFormError { display: none; }

@font-face {
    font-family: 'yodle-icons';
    src: url('../fonts/yodle-icons.eot');
    src: url('../fonts/yodle-icons.eot#iefix') format('embedded-opentype'),
         url('../fonts/yodle-icons.woff') format('woff'),
         url('../fonts/yodle-icons.ttf') format('truetype'),
         url('../fonts/yodle-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.yodle-icon,
.yodle-icon > * {font-family: 'yodle-icons'!important; font-style: normal!important; font-weight: normal!important;}
footer#mainFooter .wrapper { height: 26px; margin-bottom: 70px; }
#copyright .text { width: 100%; }

@media only screen and (min-width: 768px) and (max-width: 970px) {
	.raf-banner { min-height: 177px; }
		.raf-banner h1 { font-size: 64px; padding-left: 14px;}
		.raf-banner h2 { font-size: 23px; padding-left: 14px;}
	.hiw-title { font-size: 58px; padding: 12px 0 0 0; }
	#referafriend h2 { font-size: 18px; }
	.steps { min-height: 128px; }
		.step h1 { font-size: 28px; }
		.step p { font-size: 17px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.raf-banner { min-height: 153px; }
		.raf-banner h1 { font-size: 46px; padding-top: 20px;}
		.raf-banner h2 { font-size: 18px; }
	.content-left { border-right: none; }
	.hiw-title { font-size: 55px; padding: 12px 0 0 0; }
	.hiw-steps { font-size: 23px; margin: 0 0 38px 0; }
	.steps { min-height: 118px; }
		.step h1 { font-size: 23px; }
		.step p { font-size: 15px; }
}

@media only screen and (max-width: 479px) {
	.raf-banner { min-height: 153px; }
		.raf-banner h1 { font-size: 31px; padding: 20px 0 10px 0;}
		.raf-banner h2 { font-size: 15px; }
	.content-left { border-right: none; }
	.hiw-title { font-size: 39px; padding: 12px 0 0 0; }
	.hiw-steps { font-size: 19px; margin: 0 0 31px 0; }
	.steps { min-height: 88px; }
		.step-image { display:none; }
		.step h1 { font-size: 23px; }
		.step p { font-size: 15px; }
	#referafriend h2 { font-size: 20px; }
}