/***** PAGE STYLES *****/
body {
	font-size: 62.5%; /* count your ems in 10s kids! */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
	font-weight: 200;
}

#outerContainer { position: relative; }

#contentContainer { padding-bottom: 190px; min-height: 525px; }

#footerContainer { position: absolute; bottom: 0; }

h1, h2, h3, h4, h5, h6 {
	color: #b50a47;
	font-weight: 200 !important;
}

h1 {
	font-size: 4.2em;
	line-height: 1.3em;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	clear: both;
}

ul#navigation li a {
	font-size: 1.6em;
}

legend, label {
	font-size: 1.6em;
	font-weight: 200;
	padding: 10px 60px 10px 20px;
	display: inline-block;
}

label {
	background: no-repeat;
	color: inherit;
}

fieldset { border: none; padding: 0; margin: 0; }

form {
	position: relative;
	padding: 40px 0 30px;
}

/******      TABS       ******/

fieldset.tab-container {
	min-height: 260px;
	position: relative;
	padding: 0 0 30px;
}

fieldset#question1.tab-container,
fieldset#question2.tab-container {
	padding-top: 60px;
}

fieldset.tab-container > legend,
fieldset.tab-container > label {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background: #b50a47;
}

fieldset#question5.tab-container > label {
	position: static;
}

span.nextLink,
span.prevLink {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1.5em;
	color: #b50a47;
	padding-bottom: 4px;
	border-bottom: 2px solid transparent;
	-webkit-transition: border-color 0.3s linear;
	-moz-transition: border-color 0.3s linear;
	-ms-transition: border-color 0.3s linear;
	-o-transition: border-color 0.3s linear;
	transition: border-color 0.3s linear;
}

span.nextLink {
	left: auto;
	right: 0;
}

span.nextLink:hover,
span.prevLink:hover {
	cursor: pointer;
	border-color: #b50a47;
}

ul.tab-nav {
	position: absolute;
	bottom: 35px;
	left: 50%;
	width: 110px;
	margin-left: -55px;
}

ul.tab-nav li {
	display: block;
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 5px;
	float: left;
	margin-left: 10px;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

ul.tab-nav li:first-child {
	margin-left: 0;
}

ul.tab-nav li.active {
	background: #b50a47;
}

/****** CONTACT DETAILS ******/

input.hidden-field { display: none; }

fieldset.client-information > ul {
	float: left;
	margin: 15px 0 40px 0;
}

fieldset.client-information > ul li {
	float: left;
	clear: both;
	margin-bottom: 10px;
}

fieldset.client-information ul li label {
	width: 20px;
	display: inline-block;
}

fieldset.client-information ul.agree-question-list {
	clear: both;
}

fieldset.client-information ul.agree-question-list li label {
	width: auto;
}

fieldset.client-information legend {
	float: left;
}

fieldset input[type="text"],
fieldset textarea {
	padding: 10px 10px 10px 20px;
	width: 246px;
	background: #eee;
	border-radius: 6px;
	border: 2px solid transparent;
	font-size: 1.6em;
	color: #444;
	-webkit-transition: border-color 0.2s linear;
	-moz-transition: border-color 0.2s linear;
	-ms-transition: border-color 0.2s linear;
	-o-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}

fieldset input[type="text"]:focus,
fieldset textarea:focus {
	border-color: #b50a47;
	outline: none;
}

/****** RADIO BUTTONS SECTION *****/

fieldset#rate-statements label {
	background: none;
	padding: 0;
	color: #666;
}

ul.overall-caption-list {
	float: right;
	margin: 45px 0 5px 0;
}

ul.overall-caption-list.three-items {
	margin-right: 162px;
}

ul.overall-caption-list li {
	float: left;
	vertical-align: top;
	text-align: center;
	padding-left: 29px;
	width: 52px;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #b50a47;
}

ul.overall-question-list {
	margin-bottom: 40px;
}

ul.overall-question-list li {
	position: relative;
	overflow: hidden;
}

ul.overall-question-list li.questionRow {
	background: #f4f4f4;
}

ul.overall-question-list li label {
	padding: 15px 0;
	width: 358px;
	line-height: 1.7em;
	display: block;
	clear: both;
	float: left;
}

ul.overall-question-list li label.oneline { padding: 29px 0 28px; }

ul.overall-question-list li input.radio {
	position: absolute;
	top: 34px;
	border: none;
	width: auto;
}

ul.overall-question-list li label.twoline ~ input.radio { top: 30px; }

ul.overall-question-list li input.radio.first-child { left: 411px; }
ul.overall-question-list li input.radio.second-child { left: 492px; }
ul.overall-question-list li input.radio.third-child { left: 573px; }
ul.overall-question-list li input.radio.fourth-child { left: 655px; }
ul.overall-question-list li input.radio.fifth-child { left: 736px; }

fieldset label.twoline {
	width: 375px;
	display: block;
	line-height: 1.3em;
	padding-right: 40px;
}

fieldset label.twoline span {
	padding-left: 17px;
}

fieldset textarea {
	width: 710px;
	margin: 20px 0 20px 35px;
	padding-left: 10px;
	line-height: 1.5em;
}

div#recommend-service-radio {
	padding: 20px 20px 5px 38px;
}

div#recommend-service-radio span {
	font-size: 1.8em;
	padding-right: 14px;
}

div#recommend-service-radio input.checkbox {
	margin-right: 80px;
	position: relative;
	top: -2px;
}

div#recommend-service-radio + p {
	font-size: 1.5em;
	padding: 20px 0 0 38px;
	margin: 0;
}

fieldset.further-questions > div { overflow: hidden; }

fieldset.further-questions div p {
	float: left;
	font-size: 1.2em;
	line-height: 2em;
	width: 455px;
}

fieldset.further-questions div p + input.checkbox {
	margin: 16px 0 0 30px;
}

fieldset.further-questions div#disclose-lawsociety p + input.checkbox {
	margin-top: 28px;
}

fieldset.further-questions div#further-contact {
	margin-bottom: 30px;
}

fieldset.submit > div + p {
	font-size: 4em;
	color: #b50a47;
	line-height: 1.1em;
	float: left;
}

input.button {
	float: left;
	font-size: 2.4em;
	color: #fff;
	background: #b50a47;
	padding: 10px 25px;
	border: none;
	margin: 0 0 0 145px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 200;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

input.button.pi {
	float: right;
	margin: 0;
}

input.button:hover {
	cursor: pointer;
	background: #eee;
	color: #b50a47;
}

div#footertext a { color: #999; }

/****** ERRORS *****/

div.errorMessageBox br { display: none; }

div.errorMessageBox {
	color: #b50a47;
	font-size: 1.6em;
	padding: 10px 0 20px;
	clear: both;
	display: none;
}

div.errorMessageBox ul {
	margin-top: 15px;
	padding-top: 15px;
	list-style: disc;
}

div.errorMessageBox ul li {
	margin-bottom: 10px;
	color: #999;
}

/*div.text p:first-child { */
	/*margin-top: 30px;*/
	/*font-size: 1.8em; */
/*}*/

fieldset#further-questions div p { margin-top: 0; }

/* Select box */
#hearAboutUs { display: block;
			  margin-top: 34px;
			  margin-right: 170px;
			  display: block;
			  float: right;
			  padding: 1rem;
			  background-color: #efefef;
			  border-radius: 6px 0 0 6px;
			  font-size: 2em;
			  }

#select-box{display: none;}

@media screen and (min-width: 1000px) {
	#hearAboutUs { display: none;}
	#select-box{display: block;}
}




	div#select-box {
		position: relative;
		float: right;
		top: 18px;
		right: 50px;
		background: #efefef;
		width: 260px;
		border-radius: 6px 0 0 6px;
		margin-bottom: 40px;
		z-index: 1;
	}

	div#select-box:hover { cursor: pointer; }

	div#select-box ul { display: none; }

	div#select-box ul li,
	div#select-box span {
		padding: 10px 25px;
		display: block;
		font-size: 1.2em;
		background: #efefef;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}

	div#select-box ul li:hover {
		background: #ddd;
		cursor: pointer;

	}

	div#select-box ul li:last-child {
		border-radius: 0 0 0 6px;
	}

	div#select-box span.select-value {
		padding: 15px 25px;
		height: 20px;
		line-height: 20px;
		border-radius: 6px 0 0 6px;
	}

	div#select-box span.select-button {
		position: absolute;
		top: 0;
		right: -50px;
		width: 50px;
		height: 50px;
		padding: 0;
		background: url(/images/active.png) 18px -19px no-repeat #ddd;
		border-radius: 0 6px 6px 0;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

	div#select-box span.select-button.active {
		background-position: 18px 12px;
	}

	div#select-box span.select-button:hover {
		opacity: 0.7;
	}

/* CQS LOGO */

#dealmaker-logo,
#cqs-logo {
	float: right;
	position: relative;
	bottom: 30px;
}

/* Business Health Check Survey */
/* 11.2.15 LH */
.bhc-survey .tab-container,
.bhc-survey fieldset#question1,
.bhc-survey fieldset#question2 {
	padding-top: 0;
}

.bhc-survey .intro-panel p {
	font-size: 16px;
	line-height: 1.5;
}

.bhc-survey .intro-panel p.intro {
	font-size: 24px;
	color: #b50a47;
}

.bhc-survey .legend {
	position: static;
	line-height: 1.5;
	max-width: 70%;
	clear: both;
}

.bhc-survey fieldset.client-information ul li label {
	width: 200px;
}

.bhc-survey .radio-question-list {
	margin: 30px 0;
	overflow: hidden;
}

.bhc-survey .radio-question-list li {
	box-sizing: border-box;
	float: left;
	width: 50%;
	margin: 0 0 15px;
	padding-left: 20px;
	font-size: 1.4em;
	line-height: 1.4;
}

.bhc-survey .radio-question-list li span {
	float: right;
	width: 92%;
	padding-top: 1px;
}

.bhc-survey ul.tab-nav {
	width: 210px;
	margin-left: -105px;
}

#banner-dealmaker-logo {
	position: absolute;
	top: 30px;
	right: 0;
	height: 75px;
}


/**** RESET PAGE *****/

div.printablePage { display: none; }

div#admin_menu ul { clear: none !important; overflow: visible; }

/*********** MEDIA QUERIES FIX FOR IPHONE AND IPAD ************/

/* iPad */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
	ul.agree-question-list li label { width: 365px; }
	fieldset#further-questions label { width: 380px; }
	input.button { -webkit-appearance: none; }
	}


ul#agree-caption-list {
	float: right;
	margin: 25px 0 5px 0;
}

ul#agree-caption-list li {
	float: left;
	vertical-align: top;
	text-align: center;
	padding-left: 29px;
	width: 52px;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #b50a47;
}

ul.agree-question-list {
	margin-bottom: 40px;
}

ul.agree-question-list li {
	position: relative;
	overflow: hidden;
}

ul.agree-question-list li.questionRow {
	background: #f4f4f4;
}

ul.agree-question-list li label {
	padding: 15px 0 15px 37px;
	width: 365px;
	line-height: 1.7em;
	display: block;
	clear: both;
	float: left;
}

ul.agree-question-list li label.oneline { padding: 29px 0 28px 37px; }

ul.agree-question-list li input.radio{
	position: absolute;
	top: 34px;
	border: none;
	width: auto;
}

ul.agree-question-list li label.twoline ~ input.radio { top: 30px; }

ul.agree-question-list li input.radio.first-child  { left: 411px; }
ul.agree-question-list li input.radio.second-child { left: 492px; }
ul.agree-question-list li input.radio.third-child  { left: 573px; }
ul.agree-question-list li input.radio.fourth-child { left: 655px; }
ul.agree-question-list li input.radio.fifth-child  { left: 736px; }

ul.agree-question-list li input.radio-inline + span { position: absolute; top: 36px; font-size: 1.2em; }

ul.agree-question-list li label.twoline ~ input.radio-inline + span { top: 32px; }

ul.agree-question-list li input.radio-inline.third-child { left: 536px; }
ul.agree-question-list li input.radio-inline.fifth-child { left: 655px; }

ul.agree-question-list li input.radio-inline.first-child + span { left: 433px; }
ul.agree-question-list li input.radio-inline.third-child + span { left: 558px; }
ul.agree-question-list li input.radio-inline.fifth-child + span { left: 677px; }

.footer-legal {
	font-size: 0.9rem;
	text-align: left;
}