@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700');

body, button, input, select, textarea {
    font-family: 'Nunito Sans', Arial, sans-serif;
    color: #222;
}
/* ============== GENERAL TYPOGRAPHIC STYLES  ============== */

a, strong, span {
	color: inherit;
	font-size: 1em;
}

a {
	color: #175AA1;
}


h1 {
	color: #7C5C14;
	font-size: 36px;
	letter-spacing: 0.01em;
}

	h1.helveticaUltraLight {
		font-size: 44px !important;
	}

h2 {
	font-size: 24px;
	color: #857F7B;
	margin-bottom: 40px;
}

h3 {
	font-size: 18px;
	font-style: italic;
	color: #857F7B;
}

h4 {
	font-size: 18px;
	color: #857F7B;
	margin-bottom: 15px;
}

h5 {
	color: #6B6A6A;
	font-size: 14px;
}

h6 {
	color: #A09B97;
	font-size: 13px;
	font-style: italic;
}

blockquote {
	margin: inherit;
}

ul.bulletSmall, ol.bulletSmall {
	list-style: disc;
}

.fontSize88 {
	font-size: 88%;
}

ul.numbered {
	margin-left: 40px;
	list-style: decimal;
}

.fontSmaller {
	font-size: .9em;
}

.fontSmallest {
	font-size: .8em;
}

.headertcs {
	font-size: 11px;
}
/* ============== GENERAL LAYOUT STYLES =================== */

.noMargin {
	margin: 0 !important;
}

.marginLeft10 {
	margin-left: 10px !important;
}

.marginRight10 {
	margin-right: 10px !important;
}

.marginLeft20 {
	margin-left: 20px !important;
}

.marginRight20 {
	margin-right: 20px !important;
}

.marginLeft30 {
	margin-left: 30px !important;
}

.marginRight30 {
	margin-right: 30px !important;
}

.marginLeft50 {
	margin-left: 50px !important;
}

.marginRight40 {
	margin-right: 40px !important;
}

.marginLeft50 {
	margin-left: 50px !important;
}

.marginRight50 {
	margin-right: 50px !important;
}

.marginLeft60 {
	margin-left: 60px !important;
}

.marginRight60 {
	margin-right: 60px !important;
}

.marginLeft80 {
	margin-left: 80px !important;
}

.marginRight80 {
	margin-right: 80px !important;
}


#main .mod3Col {
	float: left;
	width: 160px;
}

#main .mod3HalfCol {
	float: left;
	width: 180px;
}

#main .mod4Col {
	float: left;
	width: 220px;
}

#main .mod4HalfCol {
	float: left;
	width: 280px;
}

#main .mod5Col {
	float: left;
	width: 300px;
}

#main .mod6Col {
	float: left;
	width: 340px;
}

#main .mod8Col {
	float: left;
	width: 460px;
}

#main .mod10Col {
	float: left;
	width: 620px;
}

#main .mod11Col {
	float: left;
	width: 640px;
}

#main .mod12Col {
	float: left;
	width: 700px;
}

.boxShadow {
	-moz-box-shadow: 0px 2px 2px #c9c8c5;
	-webkit-box-shadow: 0px 2px 2px #c9c8c5;
	box-shadow: 0px 2px 2px #c9c8c5;
	display: inline-block;
}

hr.ruler,
hr.clear {
	height: 1px;
	clear: both;
	border: none;
	visibility: hidden;
	margin: -1px 0 0 0;
	padding: 0;
	position: relative;
}

hr.dotted {
	border: none;
	border-bottom: 1px dotted #DEDBDA;
	margin-bottom: 40px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold; /* undo normalise */
}



/* ============= GENERAL BUTTON / STYLING ================== */

.blueButton {
	display: inline-block;
	padding-left: 1.692em;
	padding-right: 1.692em;
	line-height: 2.433em;
	border-radius: 3px;
	border: 1px solid #2e71a7;
	color: #fff !important;
	font-size: 1em;
	font-weight: normal;
	background-color: #3f7cae;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #3f7cae), color-stop(1, #2E72A7) );
	background-image: -o-linear-gradient(bottom, #3f7cae 0%, #2E72A7 100%);
	background-image: -moz-linear-gradient(bottom, #3f7cae 0%, #2E72A7 100%);
	background-image: -webkit-linear-gradient(bottom, #3f7cae 0%, #2E72A7 100%);
	background-image: -ms-linear-gradient(bottom, #3f7cae 0%, #2E72A7 100%);
	background-image: linear-gradient(to bottom, #3f7cae 0%, #2E72A7 100%);
}

	.blueButton:hover {
		border: 1px solid #2F74A3;
		color: #fff;
		box-shadow: 0 0 0.267em 0 rgba(0,0,0,0.4);
		cursor: pointer;
		background-color: #4d86b4;
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #4D86B4), color-stop(1, #3F7CAE) );
		background-image: -o-linear-gradient(bottom, #4D86B4 0%, #3F7CAE 100%);
		background-image: -moz-linear-gradient(bottom, #4D86B4 0%, #3F7CAE 100%);
		background-image: -webkit-linear-gradient(bottom, #4D86B4 0%, #3F7CAE 100%);
		background-image: -ms-linear-gradient(bottom, #4D86B4 0%, #3F7CAE 100%);
		background-image: linear-gradient(to bottom, #4D86B4 0%, #3F7CAE 100%);
	}

	.blueButton:active {
		border: 1px solid #2E71A7;
		background-color: #2E71A7;
		box-shadow: inset 0 0 0.533em 0 rgba(0, 0, 0, 0.1);
	}

	.blueButton.small {
		font-size: 0.882em;
	}

.greyButton {
	display: inline-block;
	padding-left: 1.692em;
	padding-right: 1.692em;
	line-height: 2.433em;
	border: 1px solid #C9C9C9;
	border-radius: 3px;
	color: #585757 !important;
	background-color: #EFEFEF;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EFEFEF) );
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%);
}

	.greyButton:hover {
		border: 1px solid #C1C1C1;
		color: #333 !important;
		box-shadow: 0 0 0.412em 0 rgba(0, 0, 0, 0.12);
		background-color: #F1F1F1;
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F1F1F1) );
		background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
		background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
		background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
		background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
		background-image: linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 100%);
	}

	.greyButton:active {
		border: 1px solid #DBDBDB;
		color: #4c4c4c !important;
		box-shadow: inset 0 0 0.533em 0rgba(0, 0, 0, 0.05);
		background-color: #EFEFEF;
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #EFEFEF) );
		background-image: -o-linear-gradient(bottom, #F6F6F6 0%, #EFEFEF 100%);
		background-image: -moz-linear-gradient(bottom, #F6F6F6 0%, #EFEFEF 100%);
		background-image: -webkit-linear-gradient(bottom, #F6F6F6 0%, #EFEFEF 100%);
		background-image: -ms-linear-gradient(bottom, #F6F6F6 0%, #EFEFEF 100%);
		background-image: linear-gradient(to bottom, #F6F6F6 0%, #EFEFEF 100%);
	}

	.greyButton.dark-border {
		border-color: #bcbcbc;
	}

	.greyButton.small {
		font-size: 0.882em;
		border: 1px solid #c9c9c9;
	}

/* --------- MAIN BODY --------- */
body {
	position: relative;
	width: 100%;
}


/* ------------ GENERAL DIV STYLING ---------- */
.innerWrap {
	margin: 0 auto;
	position: relative;
	width: 960px;
	z-index: 100; /* background:#aef; */
}


/* *FRANCHISE FINDER * */
.franchiseFinder {
	float: right;
	width: 310px;
	margin-right: 10px;
	margin-top: 52px;
	position: relative;
	z-index: 200;
}

	.franchiseFinder .modHeader {
		background: #6392B6;
	}

		.franchiseFinder .modHeader .modCopy {
			padding: 11px 18px 6px 18px;
			display: inline-block;
			width: 270px;
		}

		.franchiseFinder .modHeader h3 {
			color: #EAE8E8;
			float: left;
			font-size: 15px;
			font-style: normal;
			margin: 6px 0px 8px 1px;
		}

		.franchiseFinder .modHeader form {
			display: none;
			float: right;
			visibility: hidden;
		}

	.franchiseFinder #regionSelection ul {
		width: 165px !important;
		height: 150px !important;
	}

	.franchiseFinder .modBody {
		background: #fff;
		background-color: rgba(255,255,255,0.5);
		margin-bottom: 5px;
		min-height: 85px;
	}

		.franchiseFinder .modBody .modCopy {
			padding: 11px 18px 13px 18px;
		}

			.franchiseFinder .modBody .modCopy .vcard {
				margin-bottom: 10px;
			}

			.franchiseFinder .modBody .modCopy.findDealer a {
				color: #196FB2;
				display: block;
				margin-top: 7px;
			}

			.franchiseFinder .modBody .modCopy a.greyButton {
				display: inline;
				float: right;
			}

			.franchiseFinder .modBody .modCopy .org {
				display: block;
				font-weight: bold;
			}

			.franchiseFinder .modBody .modCopy .tel {
			}

	.franchiseFinder #originatorsInfo p {
		margin-bottom: 12px;
	}

/* *HELP INFORMATION POPUP* */

.help {
	position: relative;
}

	.help .helpLink {
		cursor: help;
	}

.helpInformation {
	position: absolute;
	width: 215px;
	background: url(../i/help-popup-bottom-215x30.png) 0px bottom no-repeat;
	display: none;
	padding-bottom: 30px;
	z-index: 3000;
}

	.helpInformation .helpInformationBody {
		background: url(../i/help-popup-top-215x500.png) 0px top no-repeat;
		color: #656567;
		display: inline-block;
		font-size: 11px;
		padding: 18px 10px 0 18px;
	}

		.helpInformation .helpInformationBody p {
			padding-bottom: 4px;
		}

		.helpInformation .helpInformationBody ul.bulletSmall li {
			display: list-item;
			list-style: disc inside none;
		}

/* * TABS * */

.slide {
	visibility: hidden;
}

	.slide.active {
		visibility: visible;
	}


/* * BOTTOM REGION SELECTION * */
#nearestFranchisee {
	margin-top: 40px;
	position: relative;
}

	#nearestFranchisee .modHeader {
		border-bottom: 1px dotted #DEDBDA;
		padding-bottom: 15px;
	}

		#nearestFranchisee .modHeader h2 {
			color: #6B6A6A;
			font-style: italic;
			font-size: 18px;
			margin-bottom: 0px;
		}

		#nearestFranchisee .modHeader #nearestRegion {
			display: none;
			position: absolute;
			right: 40px;
			top: 0px;
			visbility: hidden;
		}

			#nearestFranchisee .modHeader #nearestRegion label {
				color: #857F7B;
				font-size: 16px;
				padding-top: 2px;
				padding-right: 11px;
			}

			#nearestFranchisee .modHeader #nearestRegion div > span {
				color: #6A6A69;
			}

	#nearestFranchisee .modBody {
		padding-top: 30px;
	}

.originatorDetails {
	float: left;
	clear: both;
}

#nearestFranchisee .modBody .originatorDetails .locationGraphic {
	float: left;
	margin-right: 15px;
	width: 400px;
}

#nearestFranchisee .originatorDetails .locationGraphic .displayMap {
	height: 225px;
	width: 400px;
}

.originatorDetails .vcard {
	color: #787879;
	float: left;
	width: 165px;
}

	.originatorDetails .vcard li {
		padding-bottom: 6px;
	}

	.originatorDetails .vcard .org {
		font-weight: bold;
		font-size: 14px;
	}

	.originatorDetails .vcard .adr {
		padding-top: 10px;
		padding-bottom: 20px;
	}



/* * GENERAL CONTENT TABLE * */
.tableCopy {
	padding: 20px;
}

	.tableCopy table {
	}

	.tableCopy td {
		color: #646465;
		border-right: 1px solid #DEDCDB;
		font-size: 14px;
	}

	.tableCopy table tr.odd {
		background: #FFFFFF;
	}

	.tableCopy thead {
	}

		.tableCopy thead tr {
			background: #FFFFFF;
		}

		.tableCopy thead td {
			padding: 15px 25px;
			text-align: center;
		}

			.tableCopy thead td h4 {
				margin-bottom: 0;
			}

	.tableCopy tbody {
	}

		.tableCopy tbody td {
			padding: 5px 15px;
		}

		.tableCopy tbody tr.title td {
			padding-top: 30px;
		}

	.tableCopy span {
		/*display: block;*/
		width: 100%;
		text-align: center;
	}

		.tableCopy span.tableTick {
			display: block;
			height: 18px;
			background: url(../i/icons/table-tick-18x18.png) no-repeat center center;
		}




/* ------------ MAIN CONTAINER ------------ */
#container {
	width: 100%;
}




/* ------------ MAIN CONTENT ------------- */

#main {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	position: relative;
}


/* ---------- HEADER --------- */
#header {
	min-height: 100px;
	height: auto !important;
	height: 130px;
	margin: 0;
	position: relative;
	width: 100%;
	z-index: 1600;
}

#topNavigation {
	height: 65px;
	position: relative;
	z-index: 1000;
}

/* * TOP LEFT LINKS * */
#tabbedLinks {
	float: left;
	margin-top: 47px;
	margin-left: 35px;
	list-style: none;
}

	#tabbedLinks li {
		display: inline;
		margin-right: 2px;
		float: left;
	}

		#tabbedLinks li a {
			background: #FAF1DD;
			border-radius: 5px 5px 0px 0px;
			-moz-border-radius: 5px 5px 0px 0px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			color: #A3905C;
			font-size: 12px;
			padding: 7px 20px 2px 20px;
		}

		#tabbedLinks li.active a {
			background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.1, #ffd901), color-stop(1, #ffd901) );
			background-image: -moz-linear-gradient( center bottom, #ffd901 10%, #ffd901 100% );
			color: #8B7326;
		}

		#tabbedLinks li a:hover {
			background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.1, #ffd901), color-stop(1, #ffd901) );
			background-image: -moz-linear-gradient( center bottom, #ffd901 10%, #ffd901 100% );
			color: #8B7326;
		}

/* * TOP RIGHT LINKS * */
#topRightLinks {
	float: right;
	margin: 45px 60px 0 0;
}

	#topRightLinks li {
		display: inline;
		padding: 0px 8px;
	}

		#topRightLinks li.border {
			border-right: 1px solid #E8E4D9;
		}

		#topRightLinks li.loginLink {
			margin: 0 0 0 2px;
			padding: 0;
		}

		#topRightLinks li a {
			color: #8B7326;
			font-size: 12px;
			text-decoration: none;
		}

			#topRightLinks li a:hover {
				color: #61480E;
			}

	#topRightLinks #loginButton {
		background: #f58220 url(../i/icons/login-button-icon-10x30.gif) 130px 7px no-repeat;
		border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		color: #fff;
		font-size: 12px;
		letter-spacing: 0.02em;
		padding: 5px 26px 4px 10px;
	}

		#topRightLinks #loginButton:hover {
			background: #ea620d url(../i/icons/login-button-icon-10x30.gif) 130px 7px no-repeat;
		}

		#topRightLinks #loginButton.openLogin {
			background: #F28A23 url(../i/icons/login-button-icon-10x30.gif) 130px -16px no-repeat;
		}

			#topRightLinks #loginButton.openLogin:hover {
				background: #ea620d url(../i/icons/login-button-icon-10x30.gif) 130px -16px no-repeat;
			}
/* * MAIN NAVIGATION * */
#navBar {
	-webkit-box-shadow: 0px 1px 3px #CCC;
	box-shadow: 0px 1px 3px #CCC;
	border-bottom: 1px solid #e4ba2f;
	height: 50px;
	background: url(../i/ie-nav-bg.png) 0px 0px repeat-x;
	background-image: linear-gradient(top,#ffd901,#faa61a);
	background-image: -o-linear-gradient(top,#ffd901,#faa61a);
	background-image: -moz-linear-gradient(top,#ffd901,#faa61a);
	background-image: -webkit-linear-gradient(top,#ffd901,#faa61a);
	background-image: -ms-linear-gradient(top,#ffd901,#faa61a);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd901', endColorstr='#FAA61A')";
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr='#ffd901',endColorstr='#FAA61A');
}

.homePage #navBar {
	box-shadow: none;
}

#logo {
	float: left;
	margin: 20px 0px 0px 40px;
}

#nav {
	float: left;
	margin: 18px 0 0 49px;
}

	#nav li {
		display: inline;
	}

		#nav li.active a {
			color: #fff;
		}

		#nav li a {
			color: #7C5C14;
			font-size: 14px;
			font-weight: bold;
			margin-right: 27px;
		}

			#nav li a:hover {
				color: #fff;
			}

#navBar #searchBox {
	background: #fff url("../i/search-bg-14x14.gif") 91px 5px no-repeat;
	border: 1px solid #7C5C14;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #6A6A69;
	font-size: 12px;
	float: right;
	padding: 6px 8px 4px;
	margin: 24px 10px 0 0;
	width: 100px;
}

/* * FOOTER * */
#footer {
	border-top: 1px solid #e5e5e5;
	background-color: #f4f4f4;
	display: inline-block;
	margin-top: 50px;
	padding: 10px 0 20px;
	width: 100%;
}

	#footer a {
		color: #908A86;
		font-size: 12px;
	}

		#footer a:hover {
			color: #61480E;
		}

	#footer .siteMap {
		float: left;
		margin-top: 3px;
		position: relative;
		margin-left: 17px;
	}

		#footer .siteMap ul {
			float: left;
			list-style: none;
			width: 175px;
		}

			#footer .siteMap ul li {
				margin-bottom: 2px;
			}

				#footer .siteMap ul li.heading {
					color: #6B6D6F;
				}

					#footer .siteMap ul li.heading a:hover {
						color: #61480E;
					}

		#footer .siteMap .copyright {
			clear: both;
			float: left; /*color:#AFB1B3;*/
			color: #A1A3A5 !important;
			font-size: 11px;
			margin-top: 34px;
			white-space: nowrap;
		}

	#footer .copyright a {
		font-size: 1em;
		padding-left: 10px;
		padding-right;
	}

	.area #footer .siteMap p, #footer .siteMap #footerAreas p {
		color: #908A86;
		line-height: 17px;
	}

	#footer .siteMap #footerAreas {
		width: 182px;
	}

.footer-container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

#rightInfo {
	color: #7E8081;
	float: right;
	font-size: 12px;
}

	#rightInfo img {
		float: right;
		margin: 5px 17px 2px 0px;
	}

	#rightInfo a {
		color: #196FB2;
		clear: both;
		float: right;
		font-weight: bold;
		margin: 3px 18px 3px 0px;
	}

		#rightInfo a:hover {
			color: #2A93DB;
		}

	#rightInfo p {
		clear: both;
		float: right;
		margin-right: 18px;
		white-space: nowrap;
	}

/* * LOGIN BOX * */
#loginBox {
	background: #fff;
	border: 7px solid #F28A23;
	border-radius: 12px 0px 12px 12px;
	-moz-border-radius: 12px 0px 12px 12px;
	-webkit-border-radius: 12px 0px 12px 12px;
	display: none;
	position: absolute;
	top: 65px;
	right: 11px;
	width: 290px;
	z-index: 1200;
}

	#loginBox a {
		color: #175AA1;
	}

		#loginBox a:hover {
			color: #06e;
			cursor: pointer;
		}

	#loginBox .innerForm {
		padding: 30px 37px 0px 37px;
	}

        #loginBox .innerForm h5 {
            color: #857F7B;
            font-size: 13px;
            margin-bottom: 5px;
        }

		#loginBox .innerForm input {
			margin-right: 15px;
		}

		#loginBox .innerForm form {
			float: left;
			clear: both;
			margin-bottom: 13px;
			position: relative;
			width: 100%;
		}

			#loginBox .innerForm form .jqTransformInputWrapper {
				margin-right: 24px;
			}

			#loginBox .innerForm form button span {
				background: url(../i/form-images/btn_right-lock.png) no-repeat scroll right top;
				height: 33px;
				padding-left: 0;
				padding-right: 41px;
			}

			#loginBox .innerForm form button.jqTransformButton_hover span {
				background-position: right -36px;
			}

			#loginBox .innerForm form button span span {
				background: url(../i/form-images/btn_left-lock.png) no-repeat scroll left top;
				height: 25px;
				padding-left: 25px;
				padding-right: 0px;
			}

			#loginBox .innerForm form button.jqTransformButton_hover span span {
				background-position: left -36px;
			}

	#loginBox #loginSubmit {
		float: right; /*-moz-box-shadow: 0px 2px 2px #c9c8c5; -webkit-box-shadow: 0px 2px 2px #c9c8c5; box-shadow: 0px 2px 2px #c9c8c5;*/
	}

	#loginBox .innerForm form p.forgottenDetails {
		float: left;
		font-size: 12px;
		margin-top: 9px;
		margin-bottom: 4px;
		width: 100%;
		clear: both;
		color: #857F7B;
	}

	#loginBox .innerForm p {
		font-size: 12px;
		line-height: 1.4em;
		margin-bottom: 15px;
	}

		#loginBox .innerForm p.loginOptions a {
			padding-left: 7px;
			font-weight: bold;
		}

.homePage #loginBox .innerForm input {
	box-shadow: none;
	/*padding-left:10px;*/
}



/* TOP SPACE INTRODUCTION */

#main .topHeroSpace {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	position: relative;
	width: 100%;
}

#main .topMedia {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	clear: both;
}

#main .introduction {
	color: #7C5C14;
	float: left;
	margin: 48px 0px 0px 50px;
	position: relative;
	z-index: 500;
}

	#main .introduction p {
		font-size: 21px;
		font-style: italic;
		margin-top: 10px;
		margin-bottom: 36px;
	}

	#main .introduction a {
		margin-left: 2px;
	}

	#main .introduction.limitedWidth {
		width: 550px;
	}

.homePage #main .introduction {
	margin-top: 50px;
}

.area #main .introduction {
	width: 550px;
}

	.area #main .introduction h1 {
		padding-bottom: 5px;
	}

	.area #main .introduction p {
		font-size: 1.1em;
		font-family: sans-serif;
		font-style: normal;
		display: inline-block;
	}

.area #main .franchiseFinder {
	margin-top: 40px !important;
}

	.area #main .franchiseFinder .bigNumber {
		display: block;
		font-size: 40px;
		font-style: normal;
		padding-right: 20px;
		color: rgb(124, 92, 20);
		padding-top: 7px;
	}

	.area #main .franchiseFinder .timeDetails p {
		color: #777778;
	}


/* LIGHTBOX */

#lightbox-overlay {
	background: none repeat scroll 0 0 #39648F;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5000;
}

#lightbox {
	box-shadow: 0 0 15px #000000;
	display: none;
	position: absolute;
	top: 150px;
	width: auto;
	z-index: 5005;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	#lightbox .closeLightbox {
		background: url(../i/icons/close-lightbox-icon.png) no-repeat right center;
		padding: 2px 22px 0 0;
		margin: 15px 15px 0 0;
		float: right;
		color: #908A86;
		font-size: 10px;
	}

		#lightbox .closeLightbox:active,
		#lightbox .closeLightbox:visited,
		#lightbox .closeLightbox:focus,
		#lightbox .closeLightbox:hover {
			color: #908A86;
		}


/* GENERIC CONTENT */
.content {
	background: #f6f6f6;
	padding: 40px;
	border: 1px solid #d8d8d8;
}

	.content p, .content li {
		font-size: 15px;
		color: #6b6a6a;
		line-height: 22px;
	}

	.content p, .content img, .content ul, .content ol {
		margin-bottom: 20px;
	}

	.content hr.dotted {
		margin-top: 8px;
		margin-bottom: 20px;
	}

	.content h3 {
		margin-top: 10px;
		display: inline-block;
	}

	.content ul.listBullet {
		list-style: disc inside none;
	}

	/* Allows multiline list items */
	.content ul.listBullet--aligned {
		list-style: disc outside none;
		margin-left: 2em;
	}

	.content ul.listBullet li {
	}

	.content ul.listLoose {
	}

		.content ul.listLoose li {
			margin-bottom: 12px;
		}

.listnumbers {
	padding-left: 20px;
	list-style: decimal outside none;
}

.listalpha {
	padding-left: 20px;
	list-style: lower-alpha outside none;
}

.content .strongBox {
	padding: 20px 20px 5px;
	background: #FAF8F4;
	float: left;
	margin-bottom: 20px;
}

.content ul.listPdf {
	list-style: none outside none;
}

	.content ul.listPdf li a {
		background:;
	}


/* SIDE MODULES --- 4 COL */

.sideModule {
	float: left;
	margin-top: 30px;
}

	.sideModule .modHeader {
	}

		.sideModule .modHeader h3 {
			border: none;
			border-bottom: 1px dotted #DEDBDA;
			margin-bottom: 10px;
			padding-bottom: 6px;
			width: 100%;
		}

		.sideModule .modHeader h6 {
			color: #A09B97;
			font-size: 13px;
			font-style: italic;
		}

	.sideModule .modBody {
		padding-top: 10px;
	}

		.sideModule .modBody p {
			color: #6B6A6A;
			font-size: 14px;
			line-height: 1.5em;
			margin-bottom: 7px;
		}



/* ACCORDIAN MODULES */
.accordion {
	margin-bottom: 40px;
	position: relative;
}

.accordionItem {
	background: #f6f6f6;
	border: 1px solid #d8d8d8;
	margin-bottom: 20px;
}

.accordion .expanded .itemHead {
	border-bottom: 1px dotted #c9c8c5;
}

.itemHead {
	padding: 8px 10px;
	position: relative;
	margin: 0 10px;
	cursor: pointer;
}

	.itemHead p.title {
		font-size: 18px;
		font-style: italic;
		color: #196fb2;
		font-weight: bold;
	}

	.itemHead .handle {
		display: none;
		position: absolute;
		top: 8px;
		right: -2px;
		display: block;
		width: 20px;
		height: 20px;
		background: url(../i/icons/accordion-plus-minus-sprite-58x304.png) no-repeat left -287px;
	}

.accordion .expanded .handle {
	background-position: left 5px;
}

.accordion .itemHead:hover p.title {
	color: #61480E;
}

.accordion .itemHead:hover .handle {
	background-position: -40px -287px;
}

.accordion .expanded .itemHead:hover .handle {
	background-position: -40px 5px;
}

.itemBody {
}

	.itemBody .bodyCopy {
		margin: 0px 10px;
		padding: 28px 20px;
	}

		.itemBody .bodyCopy p, .bodyCopy li {
			font-size: 15px;
			color: #585757;
		}

		.itemBody .bodyCopy p {
			margin-bottom: 20px;
		}

		.itemBody .bodyCopy ul {
		}

			.itemBody .bodyCopy ul li {
				list-style: disc inside none;
				margin-bottom: 10px;
			}

.itemActions {
	background: #e9e9e9;
	padding: 15px 10px 15px 16px;
	border-top: 1px solid #d8d8d8;
	position: relative;
}

	.itemActions a {
		color: #196FB2;
		font-size: 16px;
		padding: 5px 20px;
		border-right: 2px solid #ddd;
		display: inline-block;
	}

		.itemActions a:hover {
			color: #2A93DB;
		}

		.itemActions a.last {
			border-right: none;
		}

.accordion .controlAll {
	position: absolute;
	top: -30px;
	right: 10px;
	font-size: 11px;
	text-decoration: underline;
	color: #777;
}

.accordion .itemBody .bodyCopy h4 {
	margin-bottom: 5px;
	padding-top: 10px;
}

.accordion .itemBody .bodyCopy ul.listPdf {
	padding-top: 15px;
	padding-bottom: 15px;
}

	.accordion .itemBody .bodyCopy ul.listPdf li {
		list-style: none;
	}








/* QUICK CALCULATOR MODULE */
#quickCalculator {
	background: #f6f6f6;
	margin-bottom: 30px;
	width: 100%;
}

	#quickCalculator .modBody {
		padding: 8px 4px 16px 4px;
		border: 1px solid #d8d8d8;
		width: 270px; /* HACK! */
	}

		#quickCalculator .modBody .modHeader {
			border-bottom: 1px dotted #C9C8C5;
			padding-bottom: 5px;
		}

			#quickCalculator .modBody .modHeader h3 {
				padding-left: 10px;
			}

		#quickCalculator .modBody .modCopy {
			padding-top: 27px;
		}

			#quickCalculator .modBody .modCopy form {
			}

				#quickCalculator .modBody .modCopy form label {
					color: #6B655E;
					float: left;
					padding: 7px 13px 0 6px;
				}

					#quickCalculator .modBody .modCopy form label.inactive {
						color: #656566;
					}

					#quickCalculator .modBody .modCopy form label.doubleLine {
						padding-top: 2px;
					}

				#quickCalculator .modBody .modCopy form #quickTotal {
					color: #6B655E;
					font-size: 14px; /*font-family:'TradeGothicW01-BoldCn20 675334';*/
					margin-right: 3px;
				}

				#quickCalculator .modBody .modCopy form #quickWeekly {
					color: #6B655E;
					font-size: 14px; /*font-family:'TradeGothicW01-BoldCn20 675334'; */
				}

				#quickCalculator .modBody .modCopy form #quickTotal.inactive {
					color: #656566;
				}

				#quickCalculator .modBody .modCopy form #quickWeekly.inactive {
					color: #656566;
				}

				#quickCalculator .modBody .modCopy form span.priceIndicator {
					color: #6B655E;
					display: block;
					float: left;
					font-family: 'TradeGothicW01-BoldCn20 675334';
					font-size: 16px;
					margin-top: 3px;
					width: 10px;
				}

				#quickCalculator .modBody .modCopy form span.doubleLine {
					margin: 2px 2px 0 27px;
				}

				#quickCalculator .modBody .modCopy form p.break {
					border-bottom: 1px dotted #c9c8c5;
					float: left;
					margin-bottom: 25px;
					padding: 12px 0 0 0;
					position: relative;
					text-align: center;
					width: 100%;
				}

			#quickCalculator .modBody .modCopy p span {
				background: #f6f6f6;
				padding: 8px;
				top: 7px;
				position: relative;
			}

			#quickCalculator .modBody .modCopy form #quickCalculatorSubmit {
				clear: both;
				display: block;
				margin: 20px 0 0 66px;
			}

				#quickCalculator .modBody .modCopy form #quickCalculatorSubmit span { /*background:url(../i/form-images/btn_yellow_right.png) right top no-repeat;*/
				}

					#quickCalculator .modBody .modCopy form #quickCalculatorSubmit span span { /*background:url(../i/form-images/btn_yellow_left.png) left top no-repeat; color:#7D5D1B;*/
						padding-left: 44px;
						padding-right: 30px; /*text-shadow:0px 0px 1px #fff;*/
					}

	#quickCalculator em {
		background: url(../i/error-label-left-bg.png) 0px 0px no-repeat;
		display: inline-block;
		left: 110px;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		padding: 8px 10px 20px 10px;
		position: absolute;
		font-style: normal;
		top: -14px;
		width: 170px;
		z-index: 1000;
	}

	#quickCalculator label.error {
		background: url(../i/error-label-right-bg.png) right 0px no-repeat;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		left: 20px;
		padding: 8px 10px 20px 0px;
		position: absolute;
		text-align: left;
		top: 0px;
		width: 155px;
		z-index: 1000;
	}

.iframeCalc .loanInfo {
	margin-left: 14px;
}

.iframeCalcBody .fancybox-overlay {
	background: none;
}

.iframeCalcBody .fancybox-lock .fancybox-overlay {
	overflow: hidden !important;
}

.iframeCalcBody .smallPrintInfo {
	width: auto;
}

.iframeCalcBody .smallPrintInfoCopy {
	padding: 5px;
}
/* CALCULATOR OVERLAY IN LIGHTBOX */
#calculatorOverlay {
	clear: both;
	display: block;
	float: left;
	padding: 15px;
}

	#calculatorOverlay #borrowPaymentPeriod,
	#calculatorOverlay #affordWeeklyPayment {
		width: 20px;
	}

	#calculatorOverlay #borrowRepaymentInterval,
	#calculatorOverlay #affordPaymentPeriod {
		width: 50px;
	}

/* HIDE THE BACK BUTTON FOR THE OVERALY ONLY */
#lightbox .dataCalculator .tabbedBody .enquiryForm #backButton {
	display: none !important;
}

#repaymentLength ul, #affordPayment ul {
	height: 125px !important;
}

/* * DATA CALCULATRO * */
.dataCalculator {
	margin-left: 10px;
}

	.dataCalculator .tabbedNav {
		color: #8f8a87;
		margin-bottom: -10px;
		position: relative;
		display: inline-block;
		z-index: 1000;
	}

		.dataCalculator .tabbedNav ul {
			margin-top: -4px;
			position: relative;
			z-index: 100;
		}

			.dataCalculator .tabbedNav ul li {
				background: #A19C99;
				border-radius: 6px 6px 0px 0px;
				-moz-border-radius: 6px 6px 0px 0px;
				-webkit-border-bottom-right-radius: 0px;
				-webkit-border-bottom-left-radius: 0px;
				float: left;
				margin-top: 4px;
				position: relative;
				text-align: center;
				width: 170px;
			}

				.dataCalculator .tabbedNav ul li.clickableHover,
				.dataCalculator .tabbedNav ul li:hover {
					background: #918C89;
				}

				.dataCalculator .tabbedNav ul li.active {
					background: #E8E5DE;
					-moz-box-shadow: 0px 2px 2px #c9c8c5;
					-webkit-box-shadow: 0px 2px 2px #c9c8c5;
					box-shadow: 0px 2px 2px #c9c8c5;
					margin-top: 0px;
					padding-top: 4px;
				}

				.dataCalculator .tabbedNav ul li a {
					color: #e2dfd6;
					font-size: 15px;
					float: left;
					padding: 8px 0px;
					width: 170px;
				}

				.dataCalculator .tabbedNav ul li.active a {
					color: #8f8a87;
					padding-bottom: 4px;
				}

		.dataCalculator .tabbedNav hr {
			border: none;
			border-radius: 6px 6px 0px 0px;
			-moz-border-radius: 6px 6px 0px 0px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			height: 10px;
			background: #E8E5DE;
			float: left;
			margin: 34px 0 0 0;
			position: absolute;
			width: 100%;
			z-index: 110;
		}

	.dataCalculator .tabbedBody {
		background: #E8E5DE;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-box-shadow: 0px 2px 2px #c9c8c5;
		-webkit-box-shadow: 0px 2px 2px #c9c8c5;
		box-shadow: #c9c8c5 0 2px 2px;
		min-height: 300px;
		height: auto !important;
		height: 245px; /*position:absolute;*/
		width: 340px;
		position: relative;
	}

		.dataCalculator .tabbedBody form {
			padding: 12px 0px 14px 27px;
		}

		.dataCalculator .tabbedBody .calculatorForm li.inputNumber .jqTransformSelectWrapper span {
			color: #6B655E;
			font-size: 14px; /*font-family:'TradeGothicW01-BoldCn20 675334';*/
		}

		.dataCalculator .tabbedBody .calculatorForm li.mbiOption .jqTransformSelectWrapper span {
			width: 20px !important;
		}

		.dataCalculator .tabbedBody .calculatorForm li.mbiOption .jqTransformSelectWrapper ul {
			min-height: 110px;
			height: auto !important;
			height: 110px;
		}

		.dataCalculator .tabbedBody .calculatorForm li .jqTransformSelectWrapper li {
			display: block;
		}

		.dataCalculator .tabbedBody form ul {
			float: left;
		}

			.dataCalculator .tabbedBody form ul.calculateForm {
				float: none; /* form body wasn't expanding to accomodate new information */
			}

			.dataCalculator .tabbedBody form ul li {
				display: inline-block;
				margin-bottom: 3px;
			}

				.dataCalculator .tabbedBody form ul li.mbiOption {
					margin-bottom: 0px;
				}

		.dataCalculator .tabbedBody .calculatorForm ul li a:focus {
			outline: none;
		}

		.dataCalculator .tabbedBody .calculatorForm ul li.protectionCover {
			margin-bottom: 2px;
		}

		.dataCalculator .tabbedBody form ul li label {
			color: #8f8a87;
			margin: 7px 24px 0 0;
			text-align: right;
			width: 130px;
		}

		.dataCalculator .tabbedBody form ul li.mbiOption label {
			margin-top: 0px;
		}

		.dataCalculator .tabbedBody form ul li.protectionCover label {
			width: 250px;
			margin-right: 0;
		}

		.dataCalculator .tabbedBody .calculatorForm ul li .suffix {
			color: #8f8a87;
			float: left;
			margin: 7px 0px 0px 12px;
			position: relative;
		}

		.dataCalculator .tabbedBody .calculatorForm ul li .help {
			float: left;
			margin: 6px 0px 0px 4px;
			position: relative;
		}

		.dataCalculator .tabbedBody .calculatorForm ul li.protectionCover .help {
			margin-right: 10px;
		}

		.dataCalculator .tabbedBody .calculatorForm ul li.protectionCover .suffix {
			margin: 7px 0px 0px 4px;
			position: relative;
		}

		.dataCalculator .tabbedBody .calculatorForm ul li.calculatedResults p {
			display: none;
		}

		.dataCalculator .tabbedBody .calculatorForm ul li.nextStep {
			display: none;
		}
		/*	.dataCalculator .tabbedBody .calculatorForm ul li.weeklyPayment { margin-bottom:0px; }*/
		.dataCalculator .tabbedBody .calculatorForm ul liinput {
			color: #6B655E;
			font-size: 13px;
		}

		.dataCalculator .tabbedBody .calculatorForm li.inputNumber input {
			color: #6B655E;
			font-size: 14px; /*font-family:'TradeGothicW01-BoldCn20 675334';*/
		}

		.dataCalculator .tabbedBody .calculatorForm li .jqTransformSelectWrapper span {
			color: #6B655E;
			font-size: 14px;
		}

		.dataCalculator .tabbedBody form ul li .jqTransformSelectWrapper li {
			display: block;
		}

		.dataCalculator .tabbedBody form ul #borrowInterval .jqTransformSelectWrapper span,
		.dataCalculator .tabbedBody form ul #affordSchedule .jqTransformSelectWrapper span {
			padding-left: 9px;
		}

		.dataCalculator .tabbedBody .calculatorForm li .jqTransformInputWrapper {
			position: relative;
		}

		.dataCalculator .tabbedBody .calculatorForm li .helpInformation {
			top: -200px;
			left: -30px;
		}

		.dataCalculator .tabbedBody .calculatorForm .priceIndicatorInclude label {
			margin-right: 14px;
		}

		.dataCalculator .tabbedBody .calculatorForm em {
			background: url(../i/error-label-left-bg.png) 0px 0px no-repeat;
			display: inline-block;
			left: 110px;
			min-height: 50px;
			height: auto !important;
			height: 50px;
			padding: 8px 10px 20px 10px;
			position: absolute;
			font-style: normal;
			top: -14px;
			z-index: 1000;
		}

		.dataCalculator .tabbedBody .calculatorForm label.error {
			background: url(../i/error-label-right-bg.png) right 0px no-repeat;
			min-height: 50px;
			height: auto !important;
			height: 50px;
			left: 20px;
			padding: 8px 10px 20px 0px;
			position: absolute;
			text-align: left;
			top: -7px;
			width: 160px;
			z-index: 1000;
		}

		.dataCalculator .tabbedBody .calculatorForm .priceIndicatorInclude .priceIndicator {
			color: #6B655E;
			display: block;
			float: left;
			font-family: 'TradeGothicW01-BoldCn20 675334';
			font-size: 14px;
			margin-top: 3px;
			width: 10px;
		}

		.dataCalculator .tabbedBody .calculatorForm a.blueButton {
			float: left;
			margin: 7px 21% 0px 21%;
		}

		.dataCalculator .tabbedBody .calculatorForm .loadingWheel {
			background: url(../i/icons/loading-icon-29x29.gif) 0px 6px no-repeat;
			display: block;
			float: left;
			height: 40px;
			width: 29px;
		}

		.dataCalculator .tabbedBody .calculatorForm .submit {
			margin-left: 65px;
			margin-top: 7px;
		}

			.dataCalculator .tabbedBody .calculatorForm .submit span span {
				padding-left: 27px;
				padding-right: 14px;
			}

	.dataCalculator .loanInfo {
		clear: both;
		padding-top: 14px;
		padding-right: 27px;
		padding-bottom: 15px;
		color: #8f8a87;
	}

.iframeCalcBody .termsLinkContainer {
	left: 20px;
}

.dataCalculator .tabbedFooter {
}

	.dataCalculator .tabbedFooter small {
		color: #A09B97;
		float: right;
		font-size: 10px;
		margin-top: 10px;
	}

	.dataCalculator .tabbedFooter a {
		color: #A09B97;
		text-decoration: underline;
	}

		.dataCalculator .tabbedFooter a:hover {
			color: #7E8081;
		}


/* DATA CALCULATOR RESULTS */
.dataCalculator .tabbedBody .calculatorForm ul li.calculatedResults {
	margin: 0;
}

	.dataCalculator .tabbedBody .calculatorForm ul li.calculatedResults p {
		color: #225487;
		float: left;
	}

		.dataCalculator .tabbedBody .calculatorForm ul li.calculatedResults p span.cost {
			font-size: 26px;
		}

		.dataCalculator .tabbedBody .calculatorForm ul li.calculatedResults p span.suffix {
			color: #225487;
			float: right;
			margin-left: 8px;
			line-height: 1em;
			margin-top: 3px;
			width: 10px;
		}

		.dataCalculator .tabbedBody .calculatorForm ul li.calculatedResults p sup {
			font-size: 13px;
			padding-right: 1px;
			top: -9px;
		}

.dataCalculator .tabbedBody .calculatorForm ul li .label {
	color: #8f8a87;
	float: left;
	margin: 7px 27px 0 0;
	text-align: right;
	width: 130px;
}

.dataCalculator .tabbedBody .calculatorForm ul li.calculatedResults .label {
	color: #8f8a87;
	margin-top: 12px;
}

.dataCalculator .tabbedBody .calculatorForm ul li.nextStep .label {
	color: #225487;
	margin-top: 0px;
}

.dataCalculator .tabbedBody .calculatorForm ul li.nextStep a.blueButton {
	margin: 0;
}

.termsLinkContainer {
	position: absolute;
	bottom: 10px;
	left: 27px;
	color: #8f8a87;
}

#calculatorInformation {
	margin-bottom: 15px;
}

/* DATA CALCULATOR HELP* */

#calculatorHelp {
	top: -145px;
	left: -17px;
}


/* DATA CALCULATOR APPLICATION FORM */
.dataCalculator .tabbedBody .enquiryForm {
	color: #6B655E;
	display: none;
	padding: 20px 0px 0px 15px;
	visibility: hidden;
	position: relative;
}

	.dataCalculator .tabbedBody .enquiryForm #backButton {
		background: url(../i/form-images/close-button-15x40.png) right 0px no-repeat;
		color: #857F7B;
		font-size: 10px;
		padding: 2px 18px 2px 0;
		position: absolute;
		right: 10px;
		top: 10px;
	}

		.dataCalculator .tabbedBody .enquiryForm #backButton:hover {
			background-position: right -20px;
		}

	.dataCalculator .tabbedBody .enquiryForm p {
		padding-bottom: 13px;
	}

	.dataCalculator .tabbedBody .enquiryForm .leftPartApplication {
		float: left;
		margin-right: 22px;
		width: 360px;
	}

	.dataCalculator .tabbedBody .enquiryForm label {
		margin-right: 26px;
		width: 120px;
	}
		/*.dataCalculator .tabbedBody .enquiryForm label.error {  background:url(../i/error-label-bg-151x51.png)0px 0px no-repeat; left:125px; min-height:50px; height:auto !important; height:50px; min-width:150px; padding:8px 10px 20px 20px; position:absolute; text-align:left; top:-14px; z-index:1000;}*/
		.dataCalculator .tabbedBody .enquiryForm label.error {
			background: url(../i/error-label-bg-151x51.png)0px 0px no-repeat;
			left: 125px;
			min-height: 50px;
			height: auto !important;
			height: 50px;
			min-width: 125px;
			padding: 8px 10px 20px 20px;
			position: absolute;
			text-align: left;
			top: -14px;
			z-index: 1000;
			font-size: 11px;
		}

	.dataCalculator .tabbedBody .enquiryForm .rightPartApplication {
		float: left;
		width: 260px;
	}

		.dataCalculator .tabbedBody .enquiryForm .rightPartApplication #jqTransformTextarea-mm div {
			padding: 10px;
		}

		.dataCalculator .tabbedBody .enquiryForm .rightPartApplication .jqTransformTextarea {
			color: #6B655E;
			margin-bottom: 24px;
		}

		.dataCalculator .tabbedBody .enquiryForm .rightPartApplication a.cancelLink {
			color: #196FB2;
			float: right;
		}


/* DATA CALCULATOR SUCCESS MESSAGE */

.applicationSent {
	display: none;
}

	.applicationSent .rightApplication .modCopy {
		background: #F8F7F7;
	}

.dataCalculator .tabbedBody .applicationSent .leftPartApplication {
	float: left;
	margin-right: 0px;
	width: 390px;
}

	.dataCalculator .tabbedBody .applicationSent .leftPartApplication .sentInformation {
		padding: 18px 25px;
	}

		.dataCalculator .tabbedBody .applicationSent .leftPartApplication .sentInformation p {
			color: #6B655E;
			font-weight: bold;
		}

		.dataCalculator .tabbedBody .applicationSent .leftPartApplication .sentInformation .typeLabel {
			padding: 8px 0 16px 0;
		}

			.dataCalculator .tabbedBody .applicationSent .leftPartApplication .sentInformation .typeLabel li {
				margin-top: 8px;
			}

			.dataCalculator .tabbedBody .applicationSent .leftPartApplication .sentInformation .typeLabel .label {
				color: #857F7B;
				display: inline-block;
				margin-right: 28px;
				text-align: right;
				width: 90px;
			}

			.dataCalculator .tabbedBody .applicationSent .leftPartApplication .sentInformation .typeLabel .info {
				color: #6B655E;
			}

.dataCalculator .tabbedBody .applicationSent .rightPartApplication {
	background: #F8F7F7;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float: left;
	margin-top: 30px;
	width: 270px;
}

	.dataCalculator .tabbedBody .applicationSent .rightPartApplication .modCopy {
		color: #656566;
		padding: 12px;
	}

		.dataCalculator .tabbedBody .applicationSent .rightPartApplication .modCopy p {
			margin-left: 36px;
			padding-bottom: 9px;
		}

		.dataCalculator .tabbedBody .applicationSent .rightPartApplication .modCopy ul {
		}

			.dataCalculator .tabbedBody .applicationSent .rightPartApplication .modCopy ul li {
				margin-bottom: 13px;
			}

				.dataCalculator .tabbedBody .applicationSent .rightPartApplication .modCopy ul li img {
					float: left;
					margin-right: 10px;
				}

/* GENERAL TEMPLATE TOP BANNER */
.general #main .topHeroSpace {
	min-height: 270px;
	height: auto !important;
	position: relative;
	width: 100%;
}

.general #main .topMedia {
	min-height: 270px;
	height: auto !important;
	clear: both;
	overflow: hidden;
}

.general #main #backDrop {
	background: #e2ece1;
	margin-bottom: 30px;
}

.general #main .introduction {
	margin: 50px 0 0 50px;
}

	.general #main .introduction p {
		font-size: 18px;
		line-height: 28px;
	}

		.general #main .introduction p a {
			color: inherit;
			text-decoration: underline;
		}

.general .franchiseFinder {
	margin-top: 22px;
	margin-right: 20px;
}


/* SHORT BANNER TOP BANNER */
.short #main .topHeroSpace {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	position: relative;
	width: 100%;
}

.short #main .topMedia {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	clear: both;
}

.short #main #backDrop {
	background: #e2ece1;
	height: 200px;
	position: relative;
	width: 100%;
	margin-bottom: 58px;
	overflow: visible;
	z-index: 1000;
}

	.short #main #backDrop #originatorsInfo { /*display:none;*/
	}

.short #main .introduction {
	float: left;
	margin-top: 47px;
	margin-left: 50px;
}

.short #main #backDrop .introduction h1 {
	float: left;
	font-size: 22px;
	letter-spacing: 0.00em;
}

	.short #main #backDrop .introduction h1 .bigNumber {
		display: block;
		font-size: 40px;
		font-style: normal;
		padding-top: 14px;
		padding-right: 20px;
	}

.short #main #backDrop .introduction .timeDetails {
	/*border-left: 1px solid #A09B97;*/
	color: #777778;
	font-size: 13px;
	float: left;
	padding-left: 30px;
	margin: 50px 0 0 -55px;
}

	.short #main #backDrop .introduction .timeDetails p {
		font-size: 13px;
		margin-bottom: 0px;
	}

		.short #main #backDrop .introduction .timeDetails p span {
			display: inline-block;
			width: 115px;
		}

.short #main #backDrop .introduction a {
	clear: both;
	color: #196FB2;
	float: left;
	padding-top: 15px;
}

.short #main .introduction p {
	margin-top: 0;
}

.short #main #backDrop.investorContact {
	height: 300px;
}

	.short #main #backDrop.investorContact .bgImage {
		top: 100px;
	}

.general #main #backDrop .introduction h1 {
	width: 100%;
	color: #7C5C14;
	font-size: 44px;
	font-style: normal;
	letter-spacing: 0.01em;
}



html .tiny #main .topHeroSpace {
	min-height: 130px;
	height: auto !important;
	height: 130px;
	position: relative;
	width: 100%;
}

html .tiny #main .topMedia {
	min-height: 130px;
	height: auto !important;
	height: 130px;
	clear: both;
}

html .tiny #main #backDrop {
	background: #e2ece1;
	height: 130px;
	position: relative;
	width: 100%;
	margin-bottom: 58px;
	overflow: visible;
	z-index: 1000;
}

	html .tiny #main #backDrop .bgImage {
		background: url(../i/header-backgrounds/contactpage-bg-default-1340x210.gif) 50% bottom no-repeat;
		height: 145px;
		left: 0;
		position: absolute;
		width: 100%;
		top: 0;
	}

.tiny #main .introduction {
	margin-top: 36px;
}

/* SUB NAV */
#subNavBar {
	background: #d3dcd2;
}

#subNav {
	height: 30px;
	text-align: center;
}

	#subNav li {
		display: inline-block;
		margin-top: 8px;
	}

		#subNav li.active a {
			color: #fff;
		}

		#subNav li a {
			color: #736C68;
			font-size: 12px;
			margin-right: 27px;
		}

			#subNav li a:hover {
				color: #fff;
			}


.heroButton {
	text-decoration: none !important;
	font-style: normal !important;
}
/* MOD 5 COL */

.mod5Col .content {
	padding: 20px;
}

.mod5ColTile {
	position: relative;
	top: -255px;
}

.mod5Col .content h3 {
	margin-top: 7px;
}

.mod5Col .content .additionalComment {
	background: #e9e9e9;
	border: 1px solid #d8d8d8;
	padding: 17px;
}

	.mod5Col .content .additionalComment h6,
	.mod5Col .content .additionalComment p {
		margin-bottom: 20px;
	}

	.mod5Col .content .additionalComment small {
		color: #A09B97;
		font-size: 13px;
	}

.mod5Col .content ul li {
	list-style: disc outside none;
	margin-left: 15px;
}

.about .mod5Col .content .additionalComment {
	height: 140px;
}

.about #join-the-team .content {
	height: 382px;
}

	.about #join-the-team .content .additionalComment p {
		margin-bottom: 10px;
	}

		.about #join-the-team .content .additionalComment p.cvCopy {
			margin-bottom: 0;
			line-height: 16px;
			font-size: 13px;
		}

			.about #join-the-team .content .additionalComment p.cvCopy a {
				margin-top: 12px;
				float: left;
			}

.furtherInformation {
	float: left;
}

	.furtherInformation p {
		color: #6B6A6A;
		line-height: 1.5em;
		padding-bottom: 8px;
		font-size: 15px
	}

	.furtherInformation hr.dotted {
		margin: 6px 0px 21px 0;
	}


/* *  PAGE RIGHT COLUMN * */
#main aside {
	float: left;
	width: 220px;
}

	#main aside h3 {
		margin: 5px 0 10px 0;
	}

	#main aside p {
		color: #A09B97;
		margin-bottom: 10px;
	}

	#main aside a {
		color: #196FB2;
	}

		#main aside a:hover {
			color: #2A93DB;
		}

	#main aside .didYouKnowInsert,
	#main .needHelp, #main .appInfo,
	#main .helpMeTo {
		margin-bottom: 30px;
	}

		#main .appInfo img {
			margin-bottom: 6px;
		}

#main .didYouKnow h3 {
	border: none;
	border-bottom: 1px dotted #DEDBDA;
	margin-bottom: 10px;
	padding-bottom: 6px;
	width: 100%;
}


#main .needHelp h3, #main .appInfo h3 {
	font-style: normal;
}

/* * EXPOSE CALCULATOR */

#datacalc-expose {
	position: absolute;
	top: 514px;
	display: block;
	width: 390px;
	height: 300px;
	overflow: visible;
	z-index: 2000;
}

#expose-calc-innerWrap {
	z-index: 99;
}

	#expose-calc-innerWrap .leftColumn {
		height: 280px;
	}

#expose-calculator {
	height: 0;
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	position: relative;
	width: 960px;
	z-index: 100;
}

#calc-tooltip {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: #AAA 0 0 20px;
	display: none;
	left: 400px;
	opacity: 0;
	padding: 20px;
	position: absolute;
	top: 520px;
	width: 240px;
}

#calc-tooltip-arrow {
	position: absolute;
	left: -40px;
	top: 35px;
}

#calc-tooltip h3 {
	margin-bottom: 15px;
}

#calc-tooltip p {
	font-size: 12px;
	color: #666;
	line-height: 20px;
}



/* /////////// PAGE SPECIFIC STYLES ///////////////////// */

/* ------------- HOME PAGE ---------------- */

.homePage #main {
}

	.homePage #main #backDrop,
	.landing #main #backDrop {
		background: #e2ece1;
		position: relative;
		width: 100%;
		height: 340px;
		margin-bottom: 58px;
		z-index: 10;
	}


		.homePage #main #backDrop .bgImage,
		.landing #main #backDrop .bgImage {
			height: 400px;
			left: 0px;
			position: absolute;
			overflow: visible;
			top: 0px;
			width: 100%;
			z-index: 20;
		}

		.landing #main #backDrop .bgImage {
			background: url(../i/header-backgrounds/homepage-bg-default-1500x400.png) 50% 0px no-repeat;
		}
		/* height:400px; left:0px; position:absolute; overflow:visible; top:0px; width: 100%; z-index:20; }*/

		.homePage #main #backDrop .regionImage,
		.landing #main #backDrop .regionImage {
            display:none;
		}



		/*.homePage #main #backDrop.variantStyle4 { background: #dce6db url(../i/header-backgrounds/homepage-bg-variant3-1500x400.jpg) 50% 0px no-repeat; }*/


		.landing #main #backDrop .image {
			height: 400px;
			position: relative;
			right: 0;
			top: 0;
		}


	.homePage #main .leftColumn,
	.landing #main .leftColumn {
		display: inline-block;
	}

.smallPrintInfo {
	width: 400px;
}

.smallPrintInfoCopy {
	color: #A09B97;
	padding: 20px;
}

.smallPrintInfo .smallPrintInfoCopy > * {
	margin-bottom: 15px;
}

	.smallPrintInfo .smallPrintInfoCopy > *:last-child {
		margin-bottom: 0;
	}

.smallPrintInfo .smallPrintInfoCopy p {
	color: #A09B97;
	font-size: 13px;
	line-height: 1.3em;
}

.smallPrintInfo ul.bulletSmall {
	margin-left: 25px;
}

	.smallPrintInfo ul.bulletSmall li {
		margin-bottom: 10px;
	}

		.smallPrintInfo ul.bulletSmall li:last-child {
			margin-bottom: 0;
		}


/* *WHY CHOOSE* */
#main .whyChoose, .whyChoose2 {
}

	#main .whyChoose h3, #main .whyChoose2 h3 {
		margin-top: 6px;
	}

	#main .whyChoose ul, #main .whyChoose2 ul {
		margin-top: 14px;
	}

		#main .whyChoose ul li, #main .whyChoose2 ul li {
			background: #F0EFEB url(../i/icons/whychoose-bullet-icon-14x14.png) 279px 14px no-repeat;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-top: 17px;
			padding: 8px 10px 8px 10px;
		}

.franchisePage #main .whyChoose ul li {
	background-image: none;
}

#main .whyChoose ul li.clickable:hover,
#main .whyChoose ul li.clickableHover {
	background: #EAE9E3 url(../i/icons/whychoose-bullet-icon-14x14.png) 279px 14px no-repeat;
}

#main .whyChoose ul li a, #main .whyChoose ul li p, #main .whyChoose2 ul li p {
	color: #6B655E;
	font-size: 14px;
}

	#main .whyChoose ul li a img, #main .whyChoose ul li p img, #main .whyChoose2 ul li p img {
		margin-right: 10px;
	}


.promotionBlock {
	background: #fff;
	border: 1px solid #E3E2E1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 220px;
}

	.promotionBlock .promotionBlockCopy {
		padding: 14px 3px 18px 10px;
	}

		.promotionBlock .promotionBlockCopy img.leftImage {
			float: left;
			margin-right: 10px;
		}

		.promotionBlock .promotionBlockCopy h5 {
			font-size: 18px;
			padding: 0 0 8px 2px;
		}

		.promotionBlock .promotionBlockCopy p {
		}

		.promotionBlock .promotionBlockCopy small {
			display: block;
			font-size: 9px;
			margin-top: 5px;
		}

		.promotionBlock .promotionBlockCopy .greyButton {
			margin-bottom: 5px;
		}

	.promotionBlock.clickableHover {
		background: #F3F0EC;
	}


/* -------------------- EXPOSE DEV -------------------- */

/*.homePage #main #backDrop {height: 380px; margin-bottom: 18px;}*/
#local-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	z-index: 0;
}

#find-local-contact {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	height: 0;
	overflow: visible;
	z-index: 100;
}



	/* *FRANCHISE FINDER * */
	/*
		#find-local-contact .franchiseFinder { float:right; width:280px; margin-right:10px; margin-top:52px; position:relative; z-index:200; }
		#find-local-contact .franchiseFinder .modHeader { background:#6392B6; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; }
			#find-local-contact .franchiseFinder .modHeader .modCopy { padding: 11px 18px 6px 18px; display:inline-block;}
			#find-local-contact .franchiseFinder .modHeader h3 { color:#EAE8E8; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; margin:5px 30px 10px 0; }
			#find-local-contact .franchiseFinder .modHeader form { display:none; float:left;  visibility:hidden; }
			#find-local-contact .franchiseFinder .modHeader form span { color:#6A6A69; }
		
		#find-local-contact .franchiseFinder .modBody { background:#fff; background-color: rgba(255,255,255,0.5); margin-bottom:5px; }
			#find-local-contact .franchiseFinder .modBody .modCopy { padding:11px 18px 13px 18px; display:inline-block;}
				#find-local-contact .franchiseFinder .modBody .modCopy p { color:#857F7B; }
					#find-local-contact .franchiseFinder .modBody .modCopy .vcard { margin-bottom:12px; }
					#find-local-contact .franchiseFinder .modBody .modCopy.findDealer a { color:#196FB2; display:block; margin-top:7px; }
				#find-local-contact .franchiseFinder .modBody .modCopy a.greyButton { display:inline; float:left; margin-right:15px; }
				#find-local-contact .franchiseFinder .modBody .modCopy a.sendEmailLink { float:left; padding-top:5px; }
				#find-local-contact .franchiseFinder .modBody .modCopy .org { display:block; font-weight:bold; }
				#find-local-contact .franchiseFinder .modBody .modCopy .tel {  } 
	
	
	*/

	#find-local-contact .franchiseFinder {
		margin: 0;
		position: absolute;
		top: 157px;
		right: 10px;
	}

#local-tooltip {
	width: 300px;
	position: absolute;
	top: 144px;
	right: 330px;
	background: #fff;
	padding: 20px;
	display: none;
	opacity: 0;
	border: 1px solid #ddd;
	box-shadow: #AAA 0 0 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#local-tooltip-arrow {
	position: absolute;
	right: -40px;
	top: 48px;
}

#local-tooltip h3 {
	margin-bottom: 15px;
}

#local-tooltip p {
	font-size: 12px;
	color: #666;
	line-height: 20px;
}

#find-local-contact.activated .franchiseFinder {
	border-radius: 8px 8px 8px 8px;
	box-shadow: #AAA 0 0 20px;
}


#find-local-contact .franchiseFinder #originatorsInfo {
	margin-bottom: 5px;
}






/* ------------- CONTACT PAGE ---------------- */

.contact #main {
}

	.contact #main .franchiseFinder {
		margin-top: 60px;
	}


		.contact #main .franchiseFinder h6 {
			color: #6B655E;
			font-size: 16px;
		}

	.contact #main .contactFinder .leftColumn,
	.contact #main .contactFinder .rightColumn {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		min-height: 300px;
		height: auto !important;
		height: 300px;
	}

	.contact #main .modBody {
		display: inline-block;
	}

		.contact #main .modBody h3 {
			font-size: 18px;
			font-style: italic;
			padding-left: 12px;
		}

	.contact #main .rightColumn .modBody .originatorDetails {
		float: left;
		clear: both;
	}

		.contact #main .rightColumn .modBody .originatorDetails .originatorDetailsItem {
			float: left;
			clear: both;
			margin-bottom: 35px;
		}

	.contact #main .rightColumn .modBody .locationGraphic {
		float: left;
		margin-bottom: 10px;
		margin-right: 15px;
		width: 195px;
	}

		.contact #main .rightColumn .modBody .locationGraphic .displayMap {
			height: 185px;
			width: 185px;
			overflow: hidden;
		}

		.contact #main .rightColumn .modBody .locationGraphic .addedLink {
			padding-top: 8px;
			font-size: .9em;
			float: left;
		}

	.contact #main .rightColumn .modBody .vcard {
		color: #787879;
		float: left;
		padding-top: 0px;
		width: 175px;
	}

		.contact #main .rightColumn .modBody .vcard li {
			padding-bottom: 6px;
		}

		.contact #main .rightColumn .modBody .vcard .org {
			font-weight: bold;
			font-size: 14px;
		}

		.contact #main .rightColumn .modBody .vcard .adr {
			padding-top: 10px;
			padding-bottom: 20px;
			line-height: 18px;
		}

	.contact #main .rightColumn .modBody a.greyButton {
		clear: both;
		display: inline-block;
	}

	.contact #main .rightColumn .modBody .originatorStaff {
		color: #787879;
		float: left;
		margin-top: 55px;
		width: 400px;
	}

		.contact #main .rightColumn .modBody .originatorStaff li {
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			background: #F8F7F7;
			display: inline-block;
			padding: 3px 14px;
			width: 100%;
		}

			.contact #main .rightColumn .modBody .originatorStaff li.alternativeRow {
				background: #fff;
			}

			.contact #main .rightColumn .modBody .originatorStaff li img {
				float: left;
				font-weight: bold;
				padding-right: 14px;
			}

			.contact #main .rightColumn .modBody .originatorStaff li .vcard {
				float: left;
				font-size: 14px;
				padding-top: 10px;
				width: 320px;
			}

				.contact #main .rightColumn .modBody .originatorStaff li .vcard .fn {
					display: block;
					float: left;
					font-weight: bold;
					padding-bottom: 4px;
					width: 190px;
				}

				.contact #main .rightColumn .modBody .originatorStaff li .vcard .tel {
					float: left;
				}

	.contact #main .rightColumn .modBody .franchiseDetailsItem {
		float: left;
		margin: 30px 30px 5px;
	}

.area #main .rightColumn .modBody .franchiseDetailsRow {
	float: left;
}

.contact #main .leftColumn .modBody {
	display: block;
	padding: 12px 13px;
}

	.contact #main .leftColumn .modBody ul.dealerListings {
		margin-top: 10px;
	}

		.contact #main .leftColumn .modBody ul.dealerListings li {
			background: #f6f6f6 url(../i/icons/expand-icon-13x400.png) 400px 33px no-repeat;
			color: #787879;
			font-size: 13px;
			line-height: 1em;
			padding: 16px 16px 10px 16px;
			border-top: 1px solid #d8d8d8;
			border-right: 1px solid #d8d8d8;
			border-left: 1px solid #d8d8d8;
		}

			.contact #main .leftColumn .modBody ul.dealerListings li:last-child {
				border-bottom: 1px solid #d8d8d8;
			}

			.contact #main .leftColumn .modBody ul.dealerListings li.expanded {
				background-position: 400px -340px !important;
			}

			.contact #main .leftColumn .modBody ul.dealerListings li:hover {
				cursor: pointer;
			}

			.contact #main .leftColumn .modBody ul.dealerListings li.alternativeRow {
				background: #FFF url(../i/icons/expand-icon-13x400.png) 400px 33px no-repeat;
			}

			.contact #main .leftColumn .modBody ul.dealerListings li .vcard {
				display: inline-block;
			}

				.contact #main .leftColumn .modBody ul.dealerListings li .vcard span {
					display: block;
				}

				.contact #main .leftColumn .modBody ul.dealerListings li .vcard .leftInfo {
					float: left;
					width: 185px;
				}

				.contact #main .leftColumn .modBody ul.dealerListings li .vcard .rightInfo {
					float: left;
					width: 180px;
				}

				.contact #main .leftColumn .modBody ul.dealerListings li .vcard .filter {
				}

					.contact #main .leftColumn .modBody ul.dealerListings li .vcard .filter img {
						float: left;
					}

			.contact #main .leftColumn .modBody ul.dealerListings li .expander {
				clear: both;
				display: none;
			}

				.contact #main .leftColumn .modBody ul.dealerListings li .expander .map {
					display: block;
					height: 170px;
					margin-bottom: 6px;
					overflow: hidden;
					width: 170px;
				}

				.contact #main .leftColumn .modBody ul.dealerListings li .expander .adr {
					line-height: 18px;
				}

			.contact #main .leftColumn .modBody ul.dealerListings li .org {
				display: block;
				float: left;
				font-weight: bold;
				padding-bottom: 8px;
				width: 185px;
			}

			.contact #main .leftColumn .modBody ul.dealerListings li .map {
				background: url(../i/icons/loading-icon-29x29.gif) 50% 50% no-repeat;
				clear: both;
				display: block;
				float: left;
				margin-right: 20px;
				width: 185px;
			}

			.contact #main .leftColumn .modBody ul.dealerListings li .tel {
				float: left;
				padding-bottom: 8px;
			}

			.contact #main .leftColumn .modBody ul.dealerListings li .url {
				clear: left;
				width: 180px;
				overflow: hidden;
				height: 15px;
			}

			.contact #main .leftColumn .modBody ul.dealerListings li .email {
				float: left;
				margin-top: 10px;
				width: 210px;
			}

#dealerFilter {
	left: 205px;
	position: absolute;
	top: 14px;
	visibility: hidden;
}

	#dealerFilter label {
		color: #787879;
		margin-top: 7px;
		padding-right: 4px;
	}

	#dealerFilter .jqTransformSelectWrapper {
		width: 130px !important;
	}

		#dealerFilter .jqTransformSelectWrapper div > span {
			width: 120px !important;
		}

		#dealerFilter .jqTransformSelectWrapper ul {
			width: 134px !important;
			height: 200px !important; /* left:-26px !important; */
		}

/* ------------- CONTACT PAGE - Accordian feature: mcw ---------------- */
.contact #main .leftColumn .accordion .areas {
	display: table-row;
}

.contact #main .leftColumn .accordion ul li,
.contact #main .leftColumn .content ul li {
	list-style: none outside none;
	font-size: 13px;
}

.contact #main .leftColumn .accordion .areas li,
.contact #main .leftColumn .content li {
	padding-bottom: 6px;
}

.contact #main .leftColumn .accordion .franchiseDetailsItem {
	float: left;
	margin: 30px 30px 5px;
}

.contact #main .leftColumn .content .franchiseDetailsItem {
	float: left;
	margin: 20px 30px 10px;
}

	.contact #main .leftColumn .content .franchiseDetailsItem:last-of-type {
		margin-bottom: 15px;
	}

	.contact #main .leftColumn .accordion .franchiseDetailsItem .locationGraphic,
	.contact #main .leftColumn .content .franchiseDetailsItem .locationGraphic {
		float: left;
		margin-bottom: 10px;
		margin-right: 15px;
		width: 195px;
	}

	.contact #main .leftColumn .accordion .franchiseDetailsItem .displayMap,
	.contact #main .leftColumn .content .franchiseDetailsItem .displayMap {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		height: 185px;
		width: 185px;
		overflow: hidden;
	}

.contact #main .accordion .franchiseDetailsItem .vcard,
.contact #main .content .franchiseDetailsItem .vcard {
	color: #787879;
	float: left;
	padding-top: 0;
}

	.contact #main .accordion .franchiseDetailsItem .vcard .org,
	.contact #main .content .franchiseDetailsItem .vcard .org {
		font-size: 14px;
		font-weight: bold;
	}

.contact #main .content {
	padding: 10px;
	float: left;
}

	.contact #main .content li {
		line-height: inherit;
	}


/* ------------iPad promo page ------------*/

.promo #main .leftColumn .accordion .areas {
	display: table-row;
}

.promo #main .leftColumn .accordion ul li {
	list-style: none outside none;
	font-size: 13px;
}

.promo #main .leftColumn .accordion .areas li {
	padding-bottom: 6px;
}

.promo #main .leftColumn .accordion .franchiseDetailsItem {
	float: left;
	margin: 30px 30px 5px;
}

	.promo #main .leftColumn .accordion .franchiseDetailsItem .locationGraphic {
		float: left;
		margin-bottom: 10px;
		margin-right: 15px;
		width: 195px;
	}

	.promo #main .leftColumn .accordion .franchiseDetailsItem .displayMap {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		height: 185px;
		width: 185px;
		overflow: hidden;
	}

.promo #main .accordion .franchiseDetailsItem .vcard {
	color: #787879;
	float: left;
	padding-top: 0;
}

	.promo #main .accordion .franchiseDetailsItem .vcard .org {
		font-size: 14px;
		font-weight: bold;
	}

@media only screen and (max-device-width: 480px) {
	.promo #main .leftColumn .accordion .franchiseDetailsItem .locationGraphic {
		display: none;
	}
}

/* ------------- HELP PAGE ---------------- */

.help .disputesInfo {
	float: right;
	padding: 15px 15px 7px;
	background: #f2f6f2;
	margin-top: 50px;
	width: 280px;
	color: #736C68;
}

	.help .disputesInfo p {
		margin-bottom: 8px;
	}

.tiny .disputesInfo {
	margin-top: 34px;
}

.content {
	margin-bottom: 22px;
}

.finePrint, .finePrint p, .finePrint a, .finePrint li {
	font-size: 11px !important;
	line-height: 16px;
}

	.finePrint ol {
		list-style: decimal outside none;
		margin: 0px 20px;
	}

		.finePrint ol li {
			margin-bottom: 10px;
		}

		.finePrint ol ol {
			list-style: lower-alpha outside none;
			margin-left: 40px;
		}

			.finePrint ol ol li {
				margin: 3px 0;
			}





/* ------------- LOGIN PAGES ---------------- */

.login #main #backDrop {
	background: #dce6db none;
	height: 500px;
	position: relative;
	width: 100%;
	margin-bottom: 36px;
	overflow: visible;
}

.login .loginTitle {
	padding: 44px 0 38px 40px;
	font-size: 34px;
}

.login #login-box {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: #c9c8c5 0 2px 2px;
	padding: 40px 45px;
	width: 810px;
}

	.login #login-box .leftBox {
		float: left;
		width: 370px;
		margin-right: 50px;
	}

		.login #login-box .leftBox h3 {
			margin-bottom: 22px;
		}

		.login #login-box .leftBox form {
		}

			.login #login-box .leftBox form label {
				display: block;
				width: 100px;
				text-align: right;
				color: #58524C;
				font-size: 13px;
				float: left;
				margin-right: 25px;
				margin-top: 5px;
			}

			.login #login-box .leftBox form input[type=text],
			.login #login-box .leftBox form .jqTransformInputWrapper {
				margin-bottom: 10px;
			}

			.login #login-box .leftBox form input[type=submit],
			.login #login-box .leftBox form button.jqTransformButton {
				margin: 15px 0 0 125px;
			}

	.login #login-box .rightBox {
		float: left;
		width: 320px;
		padding: 30px 35px;
		background: #EEECE7;
	}

		.login #login-box .rightBox p {
			color: #58524C;
			font-size: 14px;
			line-height: 22px;
		}

br.clear {
	height: 1px;
	clear: both;
	border: none;
	visibility: hidden;
	margin: -1px 0 0 0;
	padding: 0;
	position: relative;
}


.login .forgotBox {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: #c9c8c5 0 2px 2px;
	float: left;
	margin-right: 40px;
	padding: 40px 45px;
	width: 340px;
}

	.login .forgotBox h3 {
		margin-bottom: 22px;
	}

	.login .forgotBox form label {
		display: block;
		width: 110px;
		text-align: right;
		color: #58524C;
		font-size: 13px;
		float: left;
		margin-right: 25px;
		margin-top: 5px;
	}

	.login .forgotBox form input[type=text],
	.login .forgotBox form .jqTransformInputWrapper {
		margin-bottom: 10px;
	}

	.login .forgotBox form input[type=submit],
	.login .forgotBox form button.jqTransformButton {
		margin: 15px 0 0 135px;
	}


/* ------------- ABOUT MTF PAGE ---------------- */


.about {
}

	.about #main .introduction {
		margin: 35px 0 0 100px;
	}

	.about #main .topMedia {
		background: url(../i/header-backgrounds/aboutpage-bg-default-3960x860.jpg) 0px -163px no-repeat;
		min-height: 270px;
		height: auto !important;
		height: 320px;
	}

		.about #main .topMedia .textInformation {
			background: rgba(255, 255, 255, 0.8);
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			float: right;
			height: 190px;
			margin: 40px 50px 0 0;
			position: relative;
			width: 540px;
		}

			.about #main .topMedia .textInformation .blurb {
				display: none;
				padding: 30px;
			}

			.about #main .topMedia .textInformation #date0 {
				display: block;
			}

			.about #main .topMedia .textInformation .blurb p {
				color: #777533;
				font-size: 22px;
				font-style: italic;
				line-height: 1.4em; /*margin-left:85px;*/
			}

	.about #main #backDrop .bgImage {
		background: none;
	}

#aboutNavRight {
	background: url(../i/icons/about-page-right-btn-54x200.png) 0px 0px no-repeat;
	height: 80px;
	position: absolute;
	right: 5px;
	top: 110px;
	width: 54px;
}

#aboutNavLeft {
	background: url(../i/icons/about-page-left-btn-54x200.png) 0px 0px no-repeat;
	display: none;
	height: 80px;
	left: 5px;
	position: absolute;
	top: 110px;
	width: 54px;
}

	#aboutNavRight:hover,
	#aboutNavLeft:hover {
		background-position: 0px -100px;
	}

/* ------------- SITE MAP PAGE ---------------- */
.sitemap #main #backDrop .introduction h1 {
	color: #7C5C14;
	font-size: 44px;
	font-style: normal;
	letter-spacing: 0.01em;
}

.sitemap .content li {
	margin-bottom: 2px;
}

	.sitemap .content li a {
		color: #336cb2;
	}

		.sitemap .content li a:hover {
			color: #175AA4;
		}

.sitemap .pageIcon {
	padding-top: 2px;
	background: url(../i/icons/sitemap-page-icon-15x17.png) no-repeat left top;
}

.sitemap .content .group {
	margin-left: 70px;
}

.sitemap .firstLevel {
}

	.sitemap .firstLevel li {
	}

		.sitemap .firstLevel li a {
			font-size: 18px;
			padding-left: 35px;
		}

.sitemap .secondLevel {
}

	.sitemap .secondLevel li {
	}

		.sitemap .secondLevel li a {
			font-size: 18px;
			padding-left: 50px;
		}

.sitemap .thirdLevel {
	margin-top: 5px;
}

	.sitemap .thirdLevel li {
	}

		.sitemap .thirdLevel li a {
			font-size: 14px;
			padding-left: 65px;
		}

.sitemap .fourthLevel {
}

	.sitemap .fourthLevel li {
	}

		.sitemap .fourthLevel li a {
			font-size: 14px;
			padding-left: 80px;
		}

.sitemap .otherLevel li a {
	padding-left: 35px;
}





/* ------------- INVESTOR PAGE ---------------- */

.listPdf li a {
	background: url(../i/icons/pdf-download-icon-17x20.png) no-repeat left center;
	padding: 8px 0 2px 28px;
	color: #175AA4;
}

.listLoose li {
	margin-bottom: 12px;
}

.listPdf li a#constitution-link {
	display: block;
	padding-top: 0;
	background-position: left top;
}

.viewAll {
	padding-top: 5px;
	color: #175AA4;
}

.investorEnquiry {
	background: #EEECE7;
	width: 600px;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#main .mod11Col .investorEnquiry {
	width: 600px;
}

.investorContent ul.listLoose li {
	list-style: none;
	margin-left: 0;
}

	.investorContent ul.listLoose li.pdfListItem a {
		background: url(../i/icons/pdf-download-icon-17x20.png) no-repeat left center;
		padding: 8px 0 2px 28px;
		color: #175AA4;
	}


#main .investorInfo {
	margin-top: 30px;
}

	#main .investorInfo .modHeader h3 {
		margin-top: 0;
		margin-bottom: 0;
	}

	#main .investorInfo .modBody .modCopy .vcard {
		margin-bottom: 0px;
	}


.director {
	margin-bottom: 30px;
	display: inline-block;
}

	.director .image {
		width: 85px;
		height: 130px;
		display: block;
		float: left;
		margin-right: 40px;
	}

	.director .name {
		font-size: 18px;
		margin-bottom: 2px;
		width: 100%;
	}

	.director .quals {
		margin-bottom: 5px;
		color: #857f7b;
		width: 100%;
	}

	.director p {
		float: left;
		display: block;
	}

.content .investorEnquiry {
	width: auto;
}

.furtherInfo {
	margin-bottom: 35px;
}

	.furtherInfo hr.dotted {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.furtherInfo p {
		margin-bottom: 20px;
	}

		.furtherInfo p span {
			color: #857f7b;
		}

		.furtherInfo p a {
			color: #175AA4;
		}

.pdfTable {
	margin-bottom: 40px;
}

	.pdfTable a {
		display: block;
		width: 474px;
		padding: 10px 10px 10px 56px;
		clear: both;
		background: url(../i/icons/pdf-download-icon-17x20.png) no-repeat 20px center;
		color: #857f7b;
	}

		.pdfTable a.odd {
			background-color: #FCFBFB;
		}

		.pdfTable a strong {
			color: #58524C;
		}

		.pdfTable a:hover, .pdfTable a:hover strong {
			color: #175AA4;
		}
/* ---------- */

.landing .introduction p {
	line-height: 34px;
}

.helpMeTo ul.listBullet {
	color: #A09B97;
	list-style: disc inside none;
	margin-bottom: 15px;
}

	.helpMeTo ul.listBullet li {
		margin-bottom: 8px;
	}

.withActions {
	padding: 0;
}

	.withActions .contentCopy {
		padding: 40px 50px;
	}


.comparePageTable {
	padding: 20px;
}

	.comparePageTable .tableCopy {
		padding: 0 0 40px 0;
	}


.bottomLine {
	padding: 10px 15px;
	background: #e9e9e9;
	margin-bottom: 40px;
	position: relative;
	left: -15px;
	border: 1px solid #d8d8d8;
}

	.bottomLine p.title {
		float: left;
		display: block;
		height: 50px;
		margin-right: 20px;
		color: #58524C;
	}

	.bottomLine p {
		margin-bottom: 0;
	}

.financeOptions {
	padding-top: 22px;
	padding-bottom: 16px;
}

/*-------------------- PORTFOLIO ANALYSIS ----------------------------*/

.modFullCol {
	width: 950px;
}

	.modFullCol .investorEnquiry {
		margin: 0;
	}

#portfolio-analysis {
	height: 500px;
}

#pool {
	float: right;
	display: block;
	width: 300px;
}

	#pool a {
		padding: 15px 0 15px 40px;
		display: block;
		width: 240px;
		margin-bottom: 4px;
		background: #F8F5F1 url(../i/icons/arrow-left-sprite-14x100.png) no-repeat 10px 14px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-left: 20px;
		font-size: 14px;
		color: #6a655f;
	}

		#pool a:hover {
			background-position: 10px -68px;
			background-color: #EEECE7;
		}

		#pool a.active {
			margin-left: 0;
			background-color: #E6E5DD;
			background-position: 10px -68px;
			color: #58524C;
		}

#incubator {
	float: left;
	display: block;
	width: 540px;
	position: relative;
}

	#incubator .specimen {
		opacity: 0;
		filter: alpha(opacity = 0);
		position: absolute;
	}

	#incubator .default {
		opacity: 1;
		filter: alpha(opacity = 100);
	}

	#incubator .specimen h2 {
		margin-bottom: 0;
	}

	#incubator .specimen img {
		margin-bottom: 0;
		margin-left: 50px;
	}

/* ------------------- APPLY NOW PAGE --------------------- */

#apply-now-form {
}

	#apply-now-form ul {
		width: 320px;
		float: left;
	}

		#apply-now-form ul ul {
			height: 150px !important;
		}

			#apply-now-form ul ul li {
				height: 25px;
			}

	#apply-now-form li {
		clear: both;
		width: 100%;
		height: 34px;
	}

	#apply-now-form label {
		width: 120px;
	}

	#apply-now-form input[type=submit], #apply-now-form .jqTransformButton {
		margin-top: 10px;
		margin-left: 130px;
	}

	#apply-now-form #privacy-policy {
		padding: 15px;
		width: 165px;
		float: right;
		background: #eee;
		margin-left: 1em;
	}

/* ------------------- Help PAGE --------------------- */

#help-form {
}

	#help-form ul {
		width: 320px;
		float: left;
	}

		#help-form ul ul {
			height: 150px !important;
		}

			#help-form ul ul li {
				height: 25px;
			}

	#help-form li {
		clear: both;
		width: 100%;
		height: 34px;
	}

	#help-form label {
		width: 120px;
	}

	#help-form input[type=submit], #help-form .jqTransformButton {
		margin-top: 10px;
		margin-left: 130px;
	}

	#help-form #privacy-policy {
		padding: 15px;
		width: 160px;
		float: right;
		background: #eee;
	}



/*  COPY TWEAKS  */

.itemActions p {
	font-size: 16px;
	color: #666;
	margin-left: 20px;
}

.itemActions a.inline {
	padding-left: 3px;
	padding-right: 3px;
	border: none;
}

.itemBody .bodyCopy ul li {
	list-style: disc outside none;
	margin-left: 15px;
}

.moreAboutFinanceTitle {
	font-size: 32px;
	padding-top: 30px;
}

.paymentWaiverTable td {
	vertical-align: middle;
}

.paymentWaiverTable ul {
	margin: 10px 0;
}

#main .paymentWaiverTable ul li {
	margin-bottom: 5px;
	font-size: 13px;
}

.paymentWaiverTable tr td:nth-child(3) {
	border-right: none !important;
}


/* ----------- FRANCHISE TEMPLATE ------------ */

.franchiseTeam ul {
	margin-top: 16px;
}

.franchiseTeam li {
	background: url(../i/icons/franchise-team-list-icon-20x20.png) no-repeat 15px center #F0EFEB;
	padding: 5px 5px 3px 48px;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.femaleTeamMember {
	background: url(../i/icons/female_icon.png) no-repeat 7px center #F0EFEB !important;
}

.maleTeamMember {
	background: url(../i/icons/male_icon.png) no-repeat 7px center #F0EFEB !important;
}

#main aside .franchiseTeam li p {
	margin-bottom: 0;
	line-height: 18px;
}

#main aside .franchiseTeam li a {
	display: block;
	overflow: hidden;
	width: 170px;
}

.franchisePage #main #backDrop .bgImage {
	height: 320px;
	left: 0px;
	position: absolute;
	overflow: visible;
	top: 0;
	width: 100%;
	z-index: 20;
}

.franchisePage #main #backDrop .regionImage {
    display: none;
}

.franchisePage #main #backDrop {
	background: #e2ece1;
	position: relative;
	width: 100%;
	height: 340px;
	margin-bottom: 58px;
	overflow: visible;
	z-index: 10;
}





#franchise-header {
	height: 344px;
	overflow: hidden;
	position: relative;
}

	#franchise-header #tabContent-1, #franchise-header #tabContent-2, #franchise-header #tabContent-3 {
		position: absolute;
	}

	#franchise-header .hide {
		display: none;
	}

	#franchise-header .tabContent {
		position: absolute;
		top: 0;
		left: 0;
	}

	#franchise-header #header-tabs {
		position: absolute;
		bottom: 4px;
		left: 0;
	}

		#franchise-header #header-tabs a {
			display: block;
			width: 200px;
			height: 34px;
			text-align: center;
			float: left;
			background: #D1D3A6;
			font-size: 16px;
			color: #175AA4;
			margin-right: 3px;
			padding-top: 16px;
		}

			#franchise-header #header-tabs a.active {
				background: #F1F1F2;
			}

#franchise-contact {
	position: absolute;
	right: 0;
	top: 30px;
	width: 220px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-bottom: 5px;
	background: rgba(255,255,255,0.7);
}

	#franchise-contact #franchise-map {
		width: 220px;
		height: 160px;
		display: block;
		margin-bottom: 12px;
		overflow: hidden;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		box-shadow: #AAA 1px 1px 2px;
	}

	#franchise-contact p {
		color: #6a655f;
		line-height: 18px;
		margin-left: 10px;
	}

		#franchise-contact p.address {
			margin-top: 10px;
		}


/*#franchise-bg-auckland {background: url(../i/header-backgrounds/homepage-bg-variant1-1500x400.png) no-repeat left top;}*/

#franchise-region-auckland {
	background: url(../i/header-backgrounds/homepage-bg-auckland-1500x400.png) no-repeat center top;
}

#franchise-region-bayofplenty {
	background: url(../i/header-backgrounds/homepage-bg-bay-of-plenty-1500x400.png) no-repeat center top;
}

#franchise-region-waikato {
	background: url(../i/header-backgrounds/homepage-bg-waikato-1500x400.png) no-repeat center top;
}

#franchise-region-hawkesbay {
	background: url(../i/header-backgrounds/homepage-bg-hawkes-bay-1500x400.png) no-repeat center top;
}

#franchise-region-central {
	background: url(../i/header-backgrounds/homepage-bg-taupo-1500x400.png) no-repeat center top;
}

#franchise-region-taranaki {
	background: url(../i/header-backgrounds/homepage-bg-taranaki-1500x400.png) no-repeat center top;
}

#franchise-region-wellington {
	background: url(../i/header-backgrounds/homepage-bg-wellington-1500x400.png) no-repeat center top;
}

#franchise-region-nelsonbays {
	background: url(../i/header-backgrounds/homepage-bg-nelson-bays-1500x400.png) no-repeat center top;
}

#franchise-region-canterbury {
	background: url(../i/header-backgrounds/homepage-bg-canterbury-1500x400.png) no-repeat center top;
}

#franchise-region-otago {
	background: url(../i/header-backgrounds/homepage-bg-otago-1500x400.png) no-repeat center top;
}

#franchise-region-southland {
	background: url(../i/header-backgrounds/homepage-bg-southland-1500x400.png) no-repeat center top;
}



#firstTimeUser {
	position: absolute;
	top: 16px;
	right: 37px;
	font-size: 12px;
}

#preferredContactTime .jqTransformSelectWrapper > ul {
	height: 140px !important;
	width: 140px !important;
}

/* WEBKIT CROSS BROWSER */

@media screen and (-webkit-min-device-pixel-ratio:0) {

	/*#topRightLinks #loginButton {
        background-position: 123px 8px;
    }

        #topRightLinks #loginButton:hover {
            background-position: 123px 8px;
        }*/

	/*#topRightLinks #loginButton.openLogin {
            background-position: 123px -15px;
        }

            #topRightLinks #loginButton.openLogin:hover {
                background-position: 123px -15px;
            }*/

	html .jqTransformSafari .jqTransformInputInner div input {
		top: -7px;
	}

	.nameDetailsInputs .jqTransformInputWrapper {
		margin-right: 10px;
	}

	#loginBox .innerForm form .jqTransformInputWrapper {
		margin-right: 24px;
	}

	html table.jqTransformTextarea .jqTransformSafariTextarea textarea {
		top: -5px;
		left: 0;
	}

		html table.jqTransformTextarea .jqTransformSafariTextarea textarea:focus {
			box-shadow: #000 0 0 0;
			border: none;
			outline: none;
		}
}

.franchiseFinder .modBody {
	background: #fff;
	background-color: rgba(255,255,255,0.5);
	margin-bottom: 5px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}

	.franchiseFinder .modBody .modCopy {
		padding: 11px 18px 13px 18px;
	}

		.franchiseFinder .modBody .modCopy p {
			color: #6A6A69;
		}

		.franchiseFinder .modBody .modCopy .vcard {
			margin-bottom: 10px;
		}

			.franchiseFinder .modBody .modCopy .vcard .adr {
				display: inline-block;
				width: 120px;
				padding-left: 5px;
				padding-bottom: 5px;
				font-size: .9em;
			}

			.franchiseFinder .modBody .modCopy .vcard .tel {
			}

			.franchiseFinder .modBody .modCopy .vcard .emailLink {
				position: absolute;
				left: 140px;
				top: 38px;
				font-size: .8em;
			}

		.franchiseFinder .modBody .modCopy.findDealer a {
			color: #196FB2;
			display: block;
			margin-top: 7px;
		}

		.franchiseFinder .modBody .modCopy a.greyButton {
			display: inline;
			float: right;
		}

.franchiseFinder .modCopy a.defaultLink {
	margin-top: 6px;
}

.franchiseFinder .modBody .modCopy .org {
	display: block;
	font-weight: bold;
	padding: 5px;
}

.modBody .modCopy .org {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.franchiseFinder .modBody .modCopy .multiUpdate {
	margin-bottom: 0px;
	background: #fff;
	margin-top: 8px;
	width: 274px;
	position: relative;
}

	.franchiseFinder .modBody .modCopy .multiUpdate .tel {
		position: absolute;
		left: 140px;
		top: 26px;
		font-size: .8em;
	}

	.franchiseFinder .modBody .modCopy .multiUpdate .adr {
		font-size: .8em;
	}

	.franchiseFinder .modBody .modCopy .multiUpdate a {
		color: #1970B3;
	}

		.franchiseFinder .modBody .modCopy .multiUpdate a:hover {
			color: #2A93DB;
		}

.franchiseFinder .modBody .modCopy .manyUpdate {
	margin-top: 10px;
	margin-bottom: 0px;
}

	.franchiseFinder .modBody .modCopy .manyUpdate a {
		display: inline-block;
		margin-bottom: 3px;
		width: 275px;
	}

		.franchiseFinder .modBody .modCopy .manyUpdate a .org {
			font-size: .9em;
			width: 150px;
			float: left;
			padding: 3px;
			color: #1970B3;
		}

		.franchiseFinder .modBody .modCopy .manyUpdate a .adr, .franchiseFinder .modBody .modCopy .manyUpdate a:hover .adr {
			font-size: .9em;
			width: 100px;
			float: left;
			padding: 3px;
			color: #6B6C6A;
		}

		.franchiseFinder .modBody .modCopy .manyUpdate a:hover {
			background: #fff url(/i/franchises-arrow.png) 260px 2px no-repeat;
		}

			.franchiseFinder .modBody .modCopy .manyUpdate a:hover .org {
				color: #2A93DB;
			}


.franchiseFinder #originatorsInfo p {
	float: left;
	width: 120px;
	margin: 4px 20px 12px 0px;
}

.qr .dataCalculator .tabbedBody .calculatorForm ul li.nextStep {
	display: none !important;
}

.qr #main .dataCalculator .tabbedBody .calculatorForm ul li.calculatedResults {
	font-weight: bold;
	margin-top: 15px;
}

.container {
	display: table;
	width: 90%;
	border-collapse: collapse;
}

.heading {
}

.table-row {
	display: table-row;
	text-align: Left;
}

.col {
	display: table-cell;
	border-top: 1px solid #CCC;
	min-width: 140px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.hideMePls {
	display: none !important;
}






/**************** MOBILE HOME PAGE CSS (TEMPORARILY HERE) *****************/
@media only screen and (max-width: 499px) {
	.homePage .enquireBox p {
		width: 100% !important;
	}

	.homePage .enquireBox {
		width: 100% !important;
	}

		.homePage .enquireBox .email {
			width: 14.5em !important;
		}

	.nameInput {
		width: 12.8em !important;
	}

	#nameLast {
		margin-top: 3px;
		margin-left: 120px;
	}

	.message {
		width: 14.5em;
	}
}

@media only screen and (max-width: 400px) {

	.homePage .enquireBox label {
		width: 5.2em !important;
	}

		/*#nameLast {
        margin-left: 78px;
    }*/

		.homePage .enquireBox label.required:after {
			left: 5.5em !important;
		}

	.nameInput {
		width: 10em !important;
	}

	.homePage .enquireBox .email {
		width: 12.5em !important;
	}

	.message {
		width: 12.5em;
	}

	#nameLast {
		margin-left: 97px;
	}
}

@media only screen and (max-width: 360px) {
	#phone {
		width: 10.1em;
	}

	.homePage .enquireBox .email {
		width: 11.5em !important;
	}

	.message {
		width: 11.5em;
	}
}

@media only screen and (max-width: 340px) {
	#phone {
		width: 10.1em;
	}

	.homePage .enquireBox .email {
		width: 10.5em !important;
	}

	.message {
		width: 10.5em;
	}
}

@media only screen and (max-width: 330px) {

	.homePage .enquireBox .email {
		width: 10.1em !important;
	}

	.message {
		width: 10.1em;
	}

	.homePage a.buttonLinkSmall {
		padding: 5px 10px !important;
	}
}

.mobileContent {
	display: none;
}

.desktopContainer {
	display: block;
}




/** NAVIGATION CSS */
.homePage .navContainer {
	display: none;
	position: fixed;
	z-index: 100;
	top: 65px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	background: rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width : 799px) {

	/* Styles */
	.homePage body {
		min-width: 100% !important;
		/*box-sizing:border-box;*/
	}

	#mfPreviewBar, #mfPreviewBarShow {
		display: none;
	}

	#logo {
		margin: 12px 0 0 10px !important;
		float: left !important;
	}

	.homePage .mtfLogo {
		/*width:75%;*/
		display: inline-block;
		width: 40%;
		height: 100%;
	}

	.homePage .navButtonHolder {
		width: 62px;
		height: 100%;
		display: inline-block;
		float: right;
		border-left: 1px solid #c9c8c5;
	}

	.homePage .mobileHeader {
		width: 100%;
		height: 65px;
		border-bottom: 5px solid #fece40;
	}

	.homePage .navBurger {
		display: inline-block;
		font-size: 12pt;
		font-weight: bold;
		margin-top: 24px;
		color: #585757 !important;
		margin-left: 10px;
	}

		.homePage .navBurger:visited {
			color: #585757 !important;
		}

	.homePage .closeLinkContainer {
		text-align: center;
	}

	.homePage #main #backDrop,
	.homePage #main #backDrop .bgImage,
	.landing #main #backDrop .bgImage {
		height: 125px;
		margin-bottom: 20px;
	}

	.mobileFooter {
		width: 100%;
		border-top: 1px solid #e5e5e5;
		background-color: #f4f4f4;
		margin-top: 40px;
	}

	.footerLogoHolder, .footerCallUsHolder, .footerTermsHolder {
		margin: 0 15px 0 15px;
	}

		.footerLogoHolder img {
			float: right;
		}

	.footerLogoHolder {
		margin-top: 10px;
		height: 38px;
	}

	.footerCallUsHolder, .footerTermsHolder {
		height: 25px;
	}

		.footerCallUsHolder p {
			text-align: right;
		}

	.footerCall {
		float: right;
		font-size: 15px;
	}

	.footerTermsHolder {
		padding-top: 2px;
	}

		.footerTermsHolder p {
			width: 100%;
			text-align: right;
		}

	.footerTerms {
		width: 25%;
		/*float:left;*/
		display: inline-block;
		font-size: 0.9em;
		margin-right: 10px;
	}

	.footerCopyright {
		width: 75%;
		float: right;
		display: inline-block;
		font-size: 0.9em;
	}

	.footerPrivacyHolder {
		text-align: right;
		height: 20px;
	}

	.footerPrivacy {
		margin-right: 15px;
		display: inline-block;
		font-size: 0.9em;
	}

	.collapsible-nav {
		width: 296px;
		float: right;
		background-color: #f9f9f9;
		box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
		position: relative;
	}

	.inner-nav {
		display: none;
	}

	.business-inner-nav {
		display: none;
	}

	.investor-inner-nav {
		display: none;
	}

	.about-inner-nav {
		display: none;
	}

	.homePage .mobile-nav-active {
		display: block;
	}


	.collapsible-nav ul li {
		height: 52px;
		padding-left: 22px;
		padding-right: 22px;
		border-bottom: solid 2px #DEDEDE;
		font-size: 15px;
		background-color: #f9f9f9;
	}

		.collapsible-nav ul li a {
			display: block;
			padding-top: 20px;
			color: #585757 !important;
		}

	.collapsible-nav .inner-nav li {
		padding-left: 40px;
		background-color: #EAEAEA;
		color: #585757;
	}

	.collapsible-nav .business-inner-nav li {
		padding-left: 40px;
		background-color: #EAEAEA;
		color: #585757;
	}

	.collapsible-nav .investor-inner-nav li {
		padding-left: 40px;
		background-color: #EAEAEA;
		color: #585757;
	}

	.collapsible-nav .about-inner-nav li {
		padding-left: 40px;
		background-color: #EAEAEA;
		color: #585757;
	}

	.expander-login, .expander-business, .expander-investor, .expander-about {
		display: block;
		padding-top: 20px;
		color: #585757;
		font-weight: 600;
	}

	.noscroll {
		overflow: hidden;
		height: 100%;
		overflow-x: hidden;
		position: fixed;
	}

	.nav-arrow-down {
		float: right;
	}

	.nav-arrow-up {
		float: right;
	}

	.nav-open {
		background-color: #f4f4f4;
		box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.1);
		border-color: #dedede;
	}

		.nav-open::after {
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid #fece40;
			position: absolute;
			margin-left: 27px;
			margin-top: 27px;
			z-index: 9999;
			top: 38px;
		}


	/***** mobile content *****/

	.mobileContent {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 1.412em;
		letter-spacing: -0.015em;
	}

	.panel-container .active {
		visibility: visible !important;
	}

	.mobileParagraphs {
		margin: 0 20px 0 20px;
	}

		.mobileParagraphs a {
			display: inline-block;
		}

	.mobileAccordion {
		margin: 15px 0 20px 0;
		background-color: #f6f6f6;
		box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.1);
	}

		.mobileAccordion .dealer, .office {
			border-top: 1px solid #d8d8d8;
		}

	.homePage .loanCalc, .homePage .dealer, .homePage .office {
		min-height: 45px;
		margin-left: 20px;
		margin-right: 20px;
		text-align: left;
		vertical-align: middle;
		font-size: 12pt;
		font-weight: bold;
	}

	.homePage li.loanCalc, .homePage li.dealer, .homePage li.office {
		padding: 0 10px;
	}

	.homePage .accordionLabel {
		display: block;
		padding-top: 14px;
		color: #196fb2;
	}

	.accordionChevron {
		margin-right: 20px;
	}

	.accordionContent {
	}

	.hidden {
		display: none;
	}


	/*.periodSpan {
        margin-left:34px;
    }

    .protectiontSpan, .affordPaymentProtectionSpan {
        margin-left: 34px;
    }*/

	/*.periodSpan::after {
        content:"months";
    }

    .protectiontSpan::after {
        content:"months";
    }

    .affordPaymentProtectionSpan::after {
        content:"months";
    }

    .affordPaymentPeriodSpan::after {
        content:"months";
    }*/

	.mobileAccordion .tab-container .panel-container {
		border-bottom: none;
	}

	.regionSelectContainerDealers {
		height: 35px;
		margin-top: 10px;
	}

	.regionSelectContainerOffices {
		height: 35px;
		margin-top: 10px;
	}

	.regionSelectSpan {
		display: block;
		text-align: center;
		margin-top: 20px;
	}

	.viewDealersBtnContainer {
		margin-bottom: 30px;
	}

	.greyButtonSpan {
		display: block;
		text-align: center;
		margin-top: 10px;
	}



	#office {
		/*potentialy temporary hardcoding height grossness*/
		height: 120px;
	}

	.centeringSpan {
		display: block;
		text-align: center;
	}

	.homePage .header-container .heroText {
		font-size: 20px;
		margin-bottom: 12px;
		font-weight: bold;
	}

	.result-values span p {
		/*float:left;*/
	}

	.homePage .mobileContent .accordionContent .blueButton, .greyButton {
		display: inline-block;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.homePage .mobileContent .accordionContent .blueButton {
		margin-right: 5px;
	}

	.small-print {
		margin-bottom: 8px;
		text-align: left;
		width: 100%;
	}

	.homePage .mobileContent .panel-container .blueButton {
		display: block;
		text-align: center;
		margin: 0 auto;
	}

	.mobileNewHelpInformation p {
		margin-bottom: 10px;
	}

	.helpIcon {
		width: 18px;
		height: 18px;
	}


	.homePage .help {
		position: relative;
	}

		.homePage .help .helpLink {
			cursor: help;
		}

	.mobileAccordion .homepage-calculator .mobileNewHelpInformation {
		position: absolute;
		display: block;
		left: -220px;
		top: 30px;
		width: 260px;
		font-size: 13px;
		background-color: white;
		border: 1px solid #d8d8d8;
		padding: 1em 2em;
		text-align: left;
		z-index: 2;
	}

		.mobileAccordion .homepage-calculator .mobileNewHelpInformation:after, .mobileAccordion .homepage-calculator .mobileNewHelpInformation:before {
			content: '';
			width: 0;
			height: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			position: absolute;
		}

		.mobileAccordion .homepage-calculator .mobileNewHelpInformation:after {
			border-right: 10px solid white;
			left: 223px;
			top: -14px;
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
		}

		.mobileAccordion .homepage-calculator .mobileNewHelpInformation:before {
			border-right: 10px solid #d8d8d8;
			left: 223px;
			top: -16px;
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
		}

	.homePage .mobileContent label.error {
		margin-left: 0;
	}

	.mobileAccordion .tab {
		padding: 1.2em 1em .05em;
	}

	.mobileNewHelpInformation .bulletSmall {
		margin-left: 15px;
	}

	.homeLinkImage {
		margin: 10px 0px 0px 15px;
		display: block;
		height: 40px;
		width: 110px;
		background-image: url("/i/redesign/hi-res/mtf-logo-220x80.png");
		background-size: contain;
		background-repeat: no-repeat;
	}

	.footerLogoHolder .logoImg {
		width: 70px;
		height: 30px;
	}
}

@media only screen and (max-width : 335px) {
	.footerTerms {
		font-size: 11px;
	}
}

@media only screen and (max-width : 499px) {
	.calculator-row .calculator-cell .costText {
		font-size: 15px;
		line-height: 1.412em;
		letter-spacing: -0.015em;
		color: #585757;
	}
}

@media only screen and (max-width : 499px) {
	#loanCalc {
		margin: 0;
	}
}

@media only screen and (max-width : 499px) {
	.homepage-calculator .calculator-row .calculator-cell {
		float: none;
		width: 70%;
		border: none;
		margin-left: 15%;
		margin-right: 15%;
	}



	.mobileAccordion .homepage-calculator .borrow-amount-wrapper {
		padding-top: 0;
	}

	.borrowAmountLabel {
		display: block;
		text-align: center;
	}

	.costText {
		font-size: 13px;
		line-height: 1.231;
		width: 100%;
		display: block;
		text-align: center;
		margin-top: 20px;
	}

	.borrow-payment-period {
	}

	.calculator-row .calculator-cell label {
		display: block;
		text-align: center;
		height: 100%;
		margin-top: 10px;
		margin-bottom: 0.666em;
		color: #585757;
	}

	.calculator-row .borrow-amount-wrapper .borrowAmountLabel, .calculator-row .afford-amount-wrapper .affordAmountLabel {
		margin-bottom: 0;
	}

	.calculatorForm {
		margin-bottom: 1em;
	}

	.calculate-row {
		margin-bottom: 1em;
	}

	.paymentPeriodSelect, .protectionSelect {
		display: inline-block;
		text-align: center;
		width: 65px;
	}

	.periodSpan, .repaymentSpan, .protectiontSpan, .affordPaymentProtectionSpan {
		display: block;
		text-align: center;
	}

	.monthsSpan {
		position: absolute;
		margin-left: 5px;
		margin-top: 6px;
		color: #585757;
	}
}

@media only screen and (max-width : 499px) {
	.mobileContent {
		display: block;
	}

	.desktopContainer {
		display: none;
	}

	#budget-m .calculatorForm .afford-amount-wrapper {
		padding-top: 0;
	}
}

/*mobile calc */
@media only screen and (max-width : 499px) {
	.homePage .accordionContent .result-values {
		padding-left: 0;
		width: 70%;
		text-align: center;
		float: none;
		margin: 0 auto;
	}
}

@media only screen and (max-width : 499px) {
	.mobileContent .homepage-calculator .borrow-calc-btn {
		margin: 0.7em auto 1.2em;
	}
}

@media only screen and (max-width : 499px) {

	.resultCost {
		margin-left: 7px;
		float: left;
	}

	.result-principle {
		margin-left: 4px;
		float: left;
	}

	.result-amountperweek {
		margin-left: 6px;
		float: left;
	}

	.homePage .mobileContent .result-terms {
		width: 100%;
		float: none;
		margin-top: 30px;
		padding: 0;
	}

	.homePage .mobileContent .panel-container .result-values .blueButton {
		display: inline-block;
		width: 45%;
	}

	.homePage .mobileContent .panel-container .result-values .greyButton {
		display: inline-block;
		width: 45%;
		margin-left: 10px;
	}
}

@media only screen and (max-width : 499px) {
	.calculatorForm .calculator-cell .help {
		position: absolute;
		float: right;
		margin-left: 75px;
		margin-top: 3px;
	}

	.calculatorForm .affordCarCost {
		width: 130px;
	}

	.homepage-calculator .borrow-amount-wrapper #borrowCarCost {
		width: 130px;
	}

	.dollarSignSpan {
		position: absolute;
		margin-left: -20px;
		margin-top: 9px;
	}

		.dollarSignSpan::before {
			content: "$";
		}

	.homePage .mobileContent .result-values {
		padding-top: 0;
	}

	.homePage .mobileContent .result-terms {
		padding-left: 1em;
		padding-right: 1em;
	}
}

/* ------------ REDESIGN MAY 2015 ------------------- */
@media (min-width:800px) and (max-width:820px) {
	#topRightLinks li a {
		font-size: 11px;
	}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.homePage .fancybox-skin {
	background-color: white;
}

/* Typography */
.homePage *, .homePage *:before, .homePage *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.homePage {
	overflow: hidden; /* Removes a slither of whitespace*/
}

	.homePage .main, .homePageFancyBox {
		color: #585757;
		font-size: 17px;
		line-height: 1.412em;
	}

@media (max-width:1023px) {
	.homePage .main, .homePageFancyBox {
		font-size: 15px;
	}
}

@media (max-width:799px) {
	.homePage .main, .homePageFancyBox {
		font-size: 14px;
	}
}



.homePage select, .homePage input {
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	padding-left: 4px;
	/*padding-right: 4px;*/
}

.homePage select {
	color: #585757;
	height: 2em;
	background-color: #f9f9f9;
	border: 1px solid #c9c9c9;
}

.homepage-calculator select {
	background-color: white;
	border: 1px solid #bcbcbc;
}

.homePage input {
	padding-left: 2px;
	border: 1px solid #c9c9c9;
}

.homepage-calculator input {
	border: 1px solid #bcbcbc;
}

.homePage .main p {
	margin-bottom: 1.471em;
}

.homePage .main h1, .homePage .main h2, .homePage .main h3, .homePageFancyBox h1, .homePageFancyBox h2, .homePageFancyBox h3 {
	color: inherit;
	font-style: inherit;
	letter-spacing: -0.025em;
	margin-bottom: 1em;
}

.homePage .main h1, .homePageFancyBox h1 {
	font-size: 1.412em;
}

.homePage .main h2, .homePageFancyBox h2 {
	font-size: 1.176em;
}

.homePage .main h3, .homePageFancyBox h3 {
	font-size: 0.882em;
}

.homePage .main .homepage-provider-finder h3 {
	font-size: 15px;
}

.homePage .container {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.homePage .arrow-list {
	margin-top: 2.5em;
}

	.homePage .arrow-list li {
		margin-bottom: 1.471em;
	}

		.homePage .arrow-list li:before {
			content: '>';
			color: #AFAFAF;
			margin-right: 1em;
		}

.homePage .small-print {
	font-size: 12px;
	line-height: 18px;
	color: #848484;
}

.homePage .result-values {
	color: #444444;
}

.homePage .value-large {
	font-size: 2.588em;
	line-height: 1em;
}

.homePage .small-label {
	font-size: 0.824em;
}

.homePage a, .homePageFancyBox a, .homePage a:visited, .homePageFancyBox a:visited {
	color: #196fb2;
}

	.homePage a:hover, .homePage a:active, .homePageFancyBox a:hover, .homePageFancyBox a:active {
		color: #007ddf;
	}

	/* A button link is just a link that has the same dimensions so can be placed next to a button */
	.homePage a.buttonLink {
		padding: 10px 30px;
		font-size: 1em;
	}

	.homePage a.buttonLinkSmall {
		font-size: 0.882em;
		padding: 5px 20px;
	}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
	.homePage .tab-header.active a {
		color: #585757;
	}

.homePage .blueButton, .homePage .greyButton {
	display: inline-block;
}

.homePage #nav li a {
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.center {
	text-align: center;
}

.indentedBullet {
	list-style: outside disc;
	margin-left: 2em;
}

.homePage input:focus, .homePage select:focus, .homePage textarea:focus {
	box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.15);
	outline: none;
}

/* fix broken login box */
.homePage #loginBox {
	width: 310px;
}

	.homePage #loginBox .innerForm form button span span {
		height: 33px;
	}

/* Chevron */

.chevron {
	float: right;
	margin-right: 6px;
}

.mobileAccordion .chevron {
	margin-top: 4px;
}

.chevron::before {
	color: #585757;
	border-style: solid;
	border-width: 0.20em 0.20em 0 0;
	content: '';
	display: inline-block;
	height: 0.65em;
	left: 0.20em;
	position: relative;
	top: 0.15em;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.65em;
}

.chevron.thin:before {
	border-width: 0.175em 0.175em 0 0;
	width: 0.7em;
	height: 0.7em;
}

.chevron.right:before {
	left: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.mobileAccordion .chevron::before {
	color: #196FB2;
}
/* Hero */
.homePage #main #backDrop .bgImage {
	height: 100%;
}

.homePage #main #backDrop {
	height: 450px;
}

@media screen and (min-width:1200px) {
	.homePage #main #backDrop {
		height: 450px;
	}

	.homePage .header-container h1 {
		font-size: 3.412em;
		margin-bottom: 2.059em;
	}
}

@media screen and (max-width:1199px) {
	.homePage #main #backDrop {
		height: 360px;
	}

	.homePage .header-container h1 {
		font-size: 2.824em;
		margin-bottom: 2.059em;
	}
}

@media screen and (max-width:1023px) {
	.homePage #main #backDrop {
		height: 280px;
	}

	.homePage .header-container h1 {
		font-size: 3.200em;
		margin-bottom: 2.333em;
	}
}

@media screen and (max-width:799px) {
	.homePage #main #backDrop {
		height: 265px;
	}

	.homePage .header-container h1 {
		font-size: 2.857em;
		margin-bottom: 1.786em;
	}
}

@media screen and (max-width:499px) {
	.homePage #main #backDrop {
		height: 125px;
	}
}

.strong {
    font-weight: bold;
}

.homePage .bgImage {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}

body.homePage .bgImage::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* gradient */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.32) 67%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(67%,rgba(0,0,0,0.32)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.32) 67%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.32) 67%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.32) 67%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.32) 67%,rgba(0,0,0,0.5) 100%); /* W3C */
}

body.homePage #main #backDrop {
	margin-bottom: 0;
}

.header-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.homePage .header-container h1 {
	color: #fec722;
	position: absolute;
	bottom: 0;
	z-index: 30;
	font-size: 2.824em;
	line-height: 1.208em;
	text-shadow: 0px 0.118em 0.176em rgba(0,0,0,0.3);
	margin-bottom: 35px;
	margin-bottom: 2.059rem;
}

.find-providers {
	width: 13.529em;
	padding-top: 0.765em;
	padding-bottom: 0.765em;
	background: #585757 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAYAAABWMrcvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNqUUssRgkAMXVYLoASpQM9exAqECoQO7ACpRKkA7AAuXqUDKMEGHHxxgrNmFoE3E8Im+/LbOMrA6+75UAnEN8w1JF1sm6I3OAYhgrqoYVxBjOlHMyEYIRAi3Dt/MuHHhW4grnGhhFSQNSQQZG+Jz0kSUMbeKDsXxITKO4hIlTjfxDkg0kYYj1xyDxnUpZ46S9MtJIPsxPhVP4hOzYTmqHNQax7vHJTaMp0xZA6/BT3uagKhxRt6mg/pxCypXNjcsjImCmQJvwvLiP9MsmW/+iEhytN0CMTsVzITEUtLfynb/wP9PWhTSA9thA0h9xHanG8BBgCTVE3aKavbSQAAAABJRU5ErkJggg==') /*/i/redesign/map-pointer.png*/ no-repeat 15px 42%;
	opacity: 0.9;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.6);
	color: #fec722;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	position: absolute;
	text-align: center;
	bottom: 0;
	left: 66.66666%;
	z-index: 30;
	cursor: pointer;
	margin-left: 1em;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

	/* Hacky box to hide drop shadow */
	.find-providers::after {
		content: '';
		position: absolute;
		background-color: white;
		bottom: -2px;
		width: 120%;
		height: 2px;
		left: -10px;
	}

	.find-providers:hover {
		opacity: 1;
	}

@media screen and (max-width:800px) {
	.find-providers {
		left: auto;
		right: 1.786em;
	}
}

@media screen and (max-width:650px) {
	.find-providers {
		display: none;
	}
}

.find-arrow {
	position: absolute;
	right: 10px;
	top: 14px;
}

	.find-arrow::before {
		color: #c9c9c9;
	}


/* calculator tabs */
.homepage-calculator h4 {
	color: #196fb2;
}

@media (max-width:500px) {
	.homepage-calculator h4 {
		font-size: 1em;
	}
}

.homepage-calculator a.active h4 {
	color: #857F7B;
}

.homepage-calculator .tab {
	width: auto;
}

.homePage #topNavigation .innerWrap, .homePage #navBar .innerWrap, .homePage .footer-container, .homePage .etabs {
	width: 100%;
	max-width: 1200px;
}

.homePage .panel-wrapper {
	width: 100%;
	max-width: 960px;
}

.homepage-calculator .calculator-cell {
	width: 25%;
	float: left;
	border-left: 1px solid #d8d8d8;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}

.homepage-calculator .borrow-amount-wrapper, .homepage-calculator .afford-amount-wrapper {
	border-left: none;
	padding-top: 2.3em;
	font-size: 1.412em;
}

.borrow-amount-wrapper input, .afford-amount-wrapper input {
	width: 85%;
	height: 1.7em;
	padding-left: 5px;
	/*box-shadow:inset 0 0 6px 0 rgba(0,0,0,0.15);*/
}

.borrow-amount-wrapper, .afford-amount-wrapper {
	position: relative;
}

	.borrow-amount-wrapper label.error, .afford-amount-wrapper label.error {
		position: absolute;
	}

.mobileContent .borrow-amount-wrapper label.error, .mobileContent .afford-amount-wrapper label.error {
	position: absolute !important;
	width: 140%; /* seems to position the error in the centre*/
	left: -20%;
}

.calculator-cell .top-label {
	height: 3.5em;
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
}

.calculator-cell .small-label {
	padding-left: 5px;
	margin-right: 10px;
}

.homepage-calculator .borrow-calc-btn, .homepage-calculator .afford-calc-btn {
	margin: 2em auto 1em;
	display: block;
}


.desktopContainer .panel-wrapper {
	-moz-transition: padding ease-in-out 0.4s 0.1s;
	-o-transition: padding ease-in-out 0.4s 0.1s;
	-webkit-transition: padding ease-in-out 0.4s 0.1s;
	transition: padding ease-in-out 0.4s 0.1s;
}

	.desktopContainer .panel-wrapper.expanded {
		padding-bottom: 160px;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

@media (max-width:630px) {
	.desktopContainer .panel-wrapper.expanded {
		padding-bottom: 180px;
	}
}

.desktopContainer .calculate-row {
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-moz-transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
	-o-transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
	-webkit-transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
	transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
	opacity: 1;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

	.desktopContainer .calculate-row.hidden {
		display: block !important;
		opacity: 0;
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

/* Removed from flow */
.desktopContainer .result-row {
	margin-top: -6em;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-moz-transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
	-o-transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
	-webkit-transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
	transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
	opacity: 1;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

	.desktopContainer .result-row.hidden {
		display: block !important;
		opacity: 0;
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

.homePage .result-terms {
	width: 75%;
	max-width: 700px;
	padding: 2em 1em 1em;
	margin: 0 auto;
}

.homePage .result-values {
	padding-top: 2em;
	padding-left: 1em;
	width: 10%; /* keeps it thin enough to be centered */
	min-width: 253px;
	margin: 0 auto;
}

	.homePage .result-values .greyButton {
		margin-left: 0.3em;
	}

	.homePage .result-values p {
		margin-bottom: 0.5em;
	}

.homePage .result-terms p {
	margin-bottom: 0;
}

.desktopContainer .result-amountperweek {
	width: 200%;
}

.homepage-calculator .help {
	position: relative;
	display: inline-block;
}

.homepage-calculator .newHelpInformation {
	position: absolute;
	display: block;
	left: 32px;
	top: -19px;
	width: 273px;
	font-size: 13px;
	background-color: white;
	border: 1px solid #d8d8d8;
	padding: 1.5em 2em;
	box-shadow: 0 1px 15px 0 rgba(0,0,0,0.15);
	z-index: 200;
}

	.homepage-calculator .newHelpInformation:after, .homepage-calculator .newHelpInformation:before {
		content: '';
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		position: absolute;
	}

	.homepage-calculator .newHelpInformation:after {
		border-right: 10px solid white;
		left: -8.5px;
		top: 20px;
	}

	.homepage-calculator .newHelpInformation:before {
		border-right: 10px solid #d8d8d8;
		left: -10px;
		top: 20px;
	}


	.homepage-calculator .newHelpInformation ul {
		padding-left: 1em;
	}

@media (max-width:1400px) {
	.homepage-calculator .newHelpInformation {
		left: -120px;
		top: 38px;
	}

		.homepage-calculator .newHelpInformation:after, .homepage-calculator .newHelpInformation:before {
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
		}

		.homepage-calculator .newHelpInformation:after {
			border-bottom: 10px solid white;
			left: 116.5px;
			top: -18.5px;
		}

		.homepage-calculator .newHelpInformation:before {
			border-bottom: 10px solid #d8d8d8;
			left: 116.5px;
			top: -20px;
		}
}

@media (max-width:1100px) {
	.homepage-calculator .newHelpInformation {
		left: -220px;
		top: 38px;
	}

		.homepage-calculator .newHelpInformation:after {
			left: 216.5px;
			top: -18.5px;
		}

		.homepage-calculator .newHelpInformation:before {
			left: 216.5px;
			top: -20px;
		}
}

.homePage .loadingWheel {
	background: url(../i/icons/loading-icon-29x29.gif) 0px 6px no-repeat;
	display: block;
	margin: 1em auto;
	height: 40px;
	width: 29px;
}

.homePage input.error, .homePage select.error {
	box-shadow: inset 0 0 6px 0 rgba(181,16,16,0.15);
	border-color: #b51010 !important;
}

.homePage label.error {
	font-size: 0.62em;
	font-size: 0.824rem;
	line-height: 1.5em;
	color: #b51010;
	display: block;
	margin-left: 1.1em;
	margin-top: 0.5em;
}
/* content section */

.homepage-about {
	float: left;
	width: 66.6666%;
	margin-top: 2em;
	padding: 1em;
	padding-bottom: 0;
	border-right: 1px solid #d8d8d8;
	padding-right: 8%;
	margin-bottom: 20px;
	position: relative;
}

	.homepage-about p {
		max-width: 545px;
	}

.homepage-provider-finder {
	float: left;
	width: 33.33333%;
	padding: 1em 1.5em;
	margin-top: 2em;
}

.viewDealersBtnContainer, .viewOfficesBtnContainer {
	margin-top: 1em;
	margin-bottom: 2em;
}

/* enquireBox */
.homePage .enquireBox {
	width: 33.529em;
}

	.homePage .enquireBox h1 {
		margin-top: 1em;
	}

	.homePage .enquireBox input, .homePage .enquireBox select, .homePage .enquireBox textarea {
		border-radius: 2px;
		border-color: #d8d8d8;
		background-color: #f9f9f9;
	}

	.homePage .enquireBox input, .homePage .enquireBox select {
		height: 34px;
	}

	.homePage .enquireBox input {
		padding-left: 10px;
	}

		.homePage .enquireBox input::-webkit-input-placeholder {
			color: #939393;
		}

		.homePage .enquireBox input:-moz-placeholder { /* Firefox 18- */
			color: #939393;
		}

		.homePage .enquireBox input::-moz-placeholder { /* Firefox 19+ */
			color: #939393;
		}

		.homePage .enquireBox input:-ms-input-placeholder {
			color: #939393;
		}

	.homePage .enquireBox p {
		width: 25em;
		margin-left: auto;
		margin-right: auto;
	}

	.homePage .enquireBox .formRow {
		font-size: 0.882em;
		margin-top: 1.411em;
	}

		.homePage .enquireBox .formRow:first-of-type {
			margin-top: 2.1em;
		}

		.homePage .enquireBox .formRow:last-of-type {
			margin-top: 2.117em;
			margin-bottom: 1.705em;
		}

	.homePage .enquireBox label {
		width: 9em;
		display: inline-block;
		text-align: right;
		position: relative;
		margin-right: 2.5em;
	}

		.homePage .enquireBox label.required:after {
			content: '*';
			color: #b51010;
			position: absolute;
			left: 9.2em;
		}

	.homePage .enquireBox .nameInput {
		width: 10em;
	}

		.homePage .enquireBox .nameInput:last-of-type {
			margin-left: 8px;
		}

	.homePage .enquireBox .email {
		width: 20em;
	}

	.homePage .enquireBox .message {
		resize: none;
		border: 1px solid #c9c9c9;
		padding: 10px;
	}

.desktopContainer .enquireBox .message {
	width: 20em;
}

.messageLabel {
	padding-top: 9px;
}

.homePage .enquireBox label.error {
	width: auto;
	margin-left: 11.1em;
	font-size: 14px;
	margin-top: 2px;
}

@media (min-width:1024px) {
	.homePage .enquireBox label.error {
		margin-left: 12.6em;
	}
}

@media (max-width:599px) {
	.homePage .enquireBox {
		width: 30em;
	}

		.homePage .enquireBox label {
			width: 7em;
		}

			.homePage .enquireBox label.required:after {
				left: 7.2em;
			}

			.homePage .enquireBox label.error {
				margin-left: 8.6em;
			}
}

.homePage .calcTermsBox {
	width: 20em;
	padding: 1em;
}

@media (max-width:23em) {
	.homePage .calcTermsBox {
		width: 17em;
	}
}

.homePage .calcTermsBox > * {
	margin-bottom: 1em;
}

	.homePage .calcTermsBox > *:last-child {
		margin-bottom: 0;
	}

.homePage .calcTermsBox li {
	margin-bottom: 0.8em;
}

	.homePage .calcTermsBox li:last-child {
		margin-bottom: 0;
	}

.homePage .successBox {
	padding: 2em;
	max-width: 25em;
	text-align: center;
}

	.homePage .successBox .blueButton {
		margin-top: 1.5em;
	}

h1.success {
}

	h1.success::before {
		display: inline-block;
		position: relative;
		content: '';
		width: 25px;
		height: 25px;
		background-image: url('/i/redesign/tick-icon.svg');
		background-size: contain;
		left: -10px;
		bottom: -5px;
	}


@media screen and (max-width:959px) {
	.footerAreas {
		display: none;
	}
}

@media screen and (min-width:800px) {
	.mobileFooter {
		display: none;
	}

	.desktopFooter {
		display: inline-block !important;
	}
}

@media screen and (max-width:799px) {
	.mobileFooter {
		display: block;
	}

	.desktopFooter {
		display: none !important;
	}

	.calculatorForm .calculator-cell {
		width: 30%;
	}

	.calculatorForm .center-cell {
		width: 22%;
	}

	.calculatorForm .first-cell {
		border-left: none;
		margin-left: 72px;
	}


	.calculatorForm .borrow-amount-wrapper {
		width: 100%;
		text-align: center;
		padding-top: 1em;
	}


		.calculatorForm .borrow-amount-wrapper label.error, .calculatorForm .afford-amount-wrapper label.error {
			position: static;
			margin-bottom: -1em;
		}

	.calculatorForm .borrowCarCost {
		width: 18%;
	}
}

@media screen and (min-width:500px) and (max-width:799px) {
	.calculator-row {
		width: 470px;
		margin-left: auto;
		margin-right: auto;
	}

	.calculatorForm .calculator-cell {
		width: 33%;
		padding-left: 1.5em;
		padding-right: 0.5em;
	}

		.calculatorForm .calculator-cell.first-cell {
			border-left: none;
			margin-left: 0;
			padding-left: 0;
		}

		.calculatorForm .calculator-cell:last-child {
			padding-right: 0;
		}

	.calculatorForm .borrow-amount-wrapper, .calculatorForm .afford-amount-wrapper {
		width: 100%;
		text-align: center;
		padding-top: 1em;
	}

	.calculatorForm .borrowCarCost, .calculatorForm .affordCarCost {
		width: 25%;
	}

	.homePage .small-label {
		font-size: 0.929em;
		margin-right: 5px;
	}
}

@media screen and (min-width:640px) and (max-width:799px) {
	.calculator-row {
		width: 500px;
	}

	.calculatorForm .calculator-cell {
		padding-left: 1em;
	}
}

@media screen and (min-width:500px) and (max-width:639px) {
	.calculator-cell .top-label {
		height: 4em;
	}
}

@media screen and (min-width:960px) {

	#topRightLinks {
		margin: 45px 60px 0 0 !important;
	}
}

@media screen and (min-width:800px) {

	#topRightLinks {
		margin: 45px 10px 0 0 !important;
	}
}


@media screen and (max-width:700px) and (min-width:600px) {
	.container .homepage-about {
		width: 64%;
	}

    .homePage .desktopContainer .homepage-about .applyBtn {
        position: relative;
        top: 1em;
        left: 1em;
    }
}

@media screen and (min-width:701px) {
	.homePage .desktopContainer .homepage-about .applyBtn {
		position: absolute;
		bottom: 1em;
		right: 3em;
	}
}

@media screen and (max-width:599px) {
	.container .homepage-about {
		width: 100%;
		margin-left: 10px;
	}

	.container .homepage-provider-finder {
		width: 100%;
		margin-top: 2.2em;
	}


	.leftFinder {
		width: 50%;
		float: left;
		padding-left: 3px;
	}

	.homepage-provider-finder .leftFinder h3 {
		margin-bottom: 0;
		font-size: 15px;
	}

	.leftFinder .viewDealersBtnContainer {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.rightFinder {
		width: 50%;
		float: right;
	}

	.homepage-provider-finder .rightFinder h3 {
		margin-bottom: 0;
		font-size: 15px;
	}

	.rightFinder .viewDealersBtnContainer {
		margin-top: 0;
		margin-bottom: 10px;
	}

    .homePage .desktopContainer .homepage-about .applyBtn {
        position: absolute;
    }
}

@media screen and (min-width: 500px) and (max-width:565px) {
	.main .homepage-calculator .panel-container {
		/*padding: 0;*/
	}

	.main .homepage-calculator .calculator-cell .top-label {
		height: 4.1em;
	}
}

/* HERO IMAGE */
.variant4 {
	cursor: pointer;
}

	.variant4 .header-container .heroText {
		color: white;
		text-shadow: 0px 0.118em 0.176em rgba(0,0,0,1.2);
	}

.homePage #main #backDrop.variant1 .bgImage {
	background: url(../i/redesign/heroimages/beach-med-1920.jpg) 50% 69% no-repeat;
	background-size: cover;
}

.homePage #main #backDrop.variant2 .bgImage {
	background: url(../i/redesign/heroimages/motorbike-med-1920.jpg) 50% 65% no-repeat;
	background-size: cover;
}

.homePage #main #backDrop.variant3 .bgImage {
	background: url(../i/redesign/heroimages/mountain-bike-med-1920.jpg) 50% 65% no-repeat;
	background-size: cover;
}

.homePage #main #backDrop.variant4 .bgImage {
	background: url(../i/promo/HeroImage/Summer-Med.jpg) 50% 44% no-repeat;
	background-size: cover;
}

@media screen and (min-width:1921px) {
	.homePage #main #backDrop.variant1 .bgImage {
		background: url(../i/redesign/heroimages/beach-high-2560.jpg) 50% 69% no-repeat;
		background-size: cover;
	}

	.homePage #main #backDrop.variant2 .bgImage {
		background: url(../i/redesign/heroimages/motorbike-high-2560.jpg) 50% 65% no-repeat;
		background-size: cover;
	}

	.homePage #main #backDrop.variant3 .bgImage {
		background: url(../i/redesign/heroimages/mountain-bike-high-2560.jpg) 50% 65% no-repeat;
		background-size: cover;
	}

	.homePage #main #backDrop.variant4 .bgImage {
		background: url(../i/promo/HeroImage/Summer-High.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
}

@media screen and (min-width:1200px) {
	.homePage #main #backDrop {
		height: 450px;
	}
}

@media screen and (max-width:1199px) {
	.homePage #main #backDrop {
		height: 360px;
	}
}
@media screen and (min-width:1921px) {
	.homePage #main #backDrop {
		height: 600px;
	}
}

@media screen and (max-width:1023px) {
	.homePage #main #backDrop {
		height: 280px;
	}

		.homePage #main #backDrop.variant1 .bgImage {
			background: url(../i/redesign/heroimages/beach-low-1024.jpg) 50% 69% no-repeat;
			background-size: cover;
		}

		.homePage #main #backDrop.variant2 .bgImage {
			background: url(../i/redesign/heroimages/motorbike-low-1024.jpg) 50% 65% no-repeat;
			background-size: cover;
		}

		.homePage #main #backDrop.variant3 .bgImage {
			background: url(../i/redesign/heroimages/mountain-bike-low-1024.jpg) 50% 65% no-repeat;
			background-size: cover;
		}

		.homePage #main #backDrop.variant4 .bgImage {
			background: url(../i/promo/HeroImage/Summer-Low.jpg) 50% 20% no-repeat;
			background-size: cover;
		}
}

@media screen and (max-width:799px) {
	.homePage #main #backDrop {
		height: 265px;
	}
}

@media screen and (max-width:499px) {
	.homePage #main #backDrop {
		height: 125px;
	}

		.homePage #main #backDrop.variant1 .bgImage {
			background: url(../i/redesign/heroimages/beach-mobile-640.jpg) 50% 69% no-repeat;
			background-size: cover;
		}

		.homePage #main #backDrop.variant2 .bgImage {
			background: url(../i/redesign/heroimages/motorbike-mobile-640.jpg) 50% 65% no-repeat;
			background-size: cover;
		}

		.homePage #main #backDrop.variant3 .bgImage {
			background: url(../i/redesign/heroimages/mountain-bike-mobile-640.jpg) 50% 65% no-repeat;
			background-size: cover;
		}

		.homePage #main #backDrop.variant4 .bgImage {
			background: url(../i/promo/HeroImage/Summer-Mobile.jpg) 50% 30% no-repeat;
			background-size: cover;
		}
}

@media screen and (max-width: 799px) {
	.mobileNavHack {
		display: block !important;
	}

	.desktopNavHack {
		display: none !important;
	}
}

@media screen and (min-width: 800px) {
	.mobileNavHack {
		display: none !important;
	}

	.desktopNavHack {
		display: block !important;
	}
}

.wrap-selectDisabled .jqTransformSelectWrapper, select[disabled] {
	opacity: 0.5;
}


.officeSelect {
	width: 175px;
}

.promo_cta {
	text-align: center;
	margin-bottom: 5em;
}

	.promo_cta .applyBtn {
		font-size: 17px;
		height: 2em;
		margin-left: 0;
		line-height: 2em;
	}

	.promo_cta h4 {
		margin-bottom: 20px;
	}

	.promo_cta .promo_turkey-header {
		margin-bottom: 10px;
	}

	.promo_cta .promo_header-apply {
		margin-top:20px;
	}

.promo_divider {
	margin: 1em 0;
}

	.promo_divider span {
		position: relative;
		color: #6b6a6a;
	}

		.promo_divider span:before, .promo_divider span:after {
			content: '';
			position: absolute;
			top: 50%;
			height: 1px;
			width: 1em;
			background: #aaa;
		}

		.promo_divider span:before {
			right: 150%;
		}

		.promo_divider span:after {
			left: 150%;
		}

.products_logo {
	margin-right: 1em;
}