/*------------------------------------------------------------------
[Master Stylesheet]

Project:

* Organising and orchastrating the css files
-------------------------------------------------------------------*/
/* foundations */
@import url('common/reset.css');
@import url('common/base.css');

/* =navigation
------------------------------------------------------------------*/

#home .n-home a,
#services .n-services a,
#about .n-about a,
#enquiries .n-enquiries a,
#public .n-local a {
	background: #80a32c;
	color: #fff;
}

/* =p-focal
------------------------------------------------------------------*/

.p-focal { background: url('../images/header.png') no-repeat  0 0; }
.p-focal .inner { height: 160px;}


/* =p-content
------------------------------------------------------------------*/
.p-content {
	padding-bottom: 4em;
}

/* =enquiries
------------------------------------------------------------------*/
.comparison {
	padding-bottom: 4em;
}

table {
	width: 100%;
}

table th {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	color: #361F00;
}

table td.title {
	font-weight:bold;
	width: 35%;
	text-align: left;
	background: #fff;
	padding-left: 0.5em;
}

table td {
	font-size: 1.2em;
	width: 16%;
	text-align: center;
	padding: 1.2em 0;
	color: #361F00;
	position:relative;
}

.p-content table td a:link, .p-content table td a:visited {
	background:#DF9C27 url(../images/quote_bg.gif) repeat-x scroll left top;
	border: 1px solid #c56611;
	padding: 0.3em 0.2em;
	display:block;
	float:left;
	color: #fff;
	text-decoration: none;
	font-family:Trebuchet,"Trebuchet MS",Helvetica,sans-serif;
	font-size: 0.9em;
  width: 50%;
	margin: 0 25%;
}

table td.no span, table td.yes span {
	text-indent: -9999px;
	display:block;
}

table td.yes span {
	width: 16px; height: 16px;
	background: url(../images/tick.png) no-repeat  0 0;
	margin:0 auto;
}

table .odd td {
	background: #FAF4E6;
}

.steps {
	background: #FAF4E6;
	margin-bottom: 4em;
}

.one, .two, .three {
	width: 30%;
	float:left;
	margin-right: 4%;
}

.three {
	margin-right: 1%;
}

.one {
	margin-left: 1%;
}

.steps h3 {
 	color: #361F00;
	font-weight: bold;
	font-size: 1.6em;
	margin-top: 0.5em;
	margin-left: 0;
	margin-right: 0;
}

.steps p {
	margin-right: 1em; margin-left: 0;
}


/* =forms
------------------------------------------------------------------*/

.row {
	padding: 1em 0;
}

.quote fieldset {
	border-top: 1px solid #361F00;
	margin: 0 4% 4em 4%;
	padding: 2em 0;
}

.quote legend {
	background: #80a32c;
	color: #fff;
	padding: 0.5em 1em ;
	font-size: 1.4em;
	font-weight: bold;
	margin-left: 2%;
}

.quote input {
	margin: 0 0.5em 1em 0;
}

.quote label, .quote p.label {
	font-size: 1.2em;
	width: 20em;
	display:block;
	float:left;
	margin-left: 2%; margin-right:0;
	font-family: Verdana, sans-serif;
}

.quote .optgrp label.inline {
	float:left;
	margin-left: 0;
	width: 8em;
	margin-bottom: 1em;
}

.quote .optgrp input {
	float:left;
}

.quote .optgrp br {
	clear:left;
}

.quote label.inline {
	float:none;
	display:inline;
	margin-left: 0; margin-right: 2em;
	font-family: Arial, sans-serif;
}

.quote input.txt, .quote textarea.txt {
	width: 20em;
}

.buttons {
	width: 100%;
}


.quote .btn {
	font-size: 1.6em;
	float:right;
}

p.help em, .quote label em, .quote p.label em {
	color: #ff0000;
}

p.help {
	margin-left: 3em; margin-bottom: 2em;
}

.form_errors {
	margin-bottom:2em;
	margin: 0 4em 2em 4em;
}

.errors {
	background: #FFDDDD url(../images/error-body.png) repeat-x bottom left;
	padding:1em 0.5em 0.5em;
	width: 60%;
	margin-bottom: 1em;
}

.p-content .errors h3 {
	color:#361F00;
	font-size:1.8em;
	margin-bottom:1em;
	margin-top:0;
}

.errors ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:2em;
}

.errors li {
	background:transparent url(../images/exclamation.gif) no-repeat 0 0;
	padding:0 0 0.5em 20px;
}

/*--[ quick fix form --*/
.quick .btn {
	font-size: 1.6em;
	margin: 0 2% 2em 2%;
}

.quick .optgrp {
	margin: 0 2% 1em 2%;
}

.quick input {
	margin: 0 0.5em 1em 0;
}

.quick label {
	font-size: 1.2em;
	width: 20em;
	display:block;
	float:left;
	margin-left: 2%; margin-right:0;
	font-family: Verdana, sans-serif;
}


.quick .optgrp label.inline {
	float:left;
	margin-left: 0;
	width: 10em;
	margin-bottom: 1em;
}

.quick .optgrp input {
	float:left;
}

.quick .optgrp br {
	clear:left;
}

.quick label.inline {
	float:none;
	display:inline;
	margin-left: 0; margin-right: 2em;
	font-family: Arial, sans-serif;
}

#BB_BuyButtonForm {
	margin-top: 2em;
}


.promo {
	margin: 4em 0;
	width: 100%;
}

.p-content .promo h3 {
	margin-top: 0.5em;
	text-align: center;
	font-size:2.2em;
	margin-left: 10%; margin-right: 10%;
}

.p-content .promo img {
	margin: 0 auto 3% auto;
	display:block;

}

.p-content .promo p {
	margin-left: 5%; margin-right: 5%;
	text-align: center;
}

.promo .box {
	background: #D2EA8B;
	min-height: 10em;
	text-decoration: none;
}

.promo .box:hover {
	text-decoration: none;
	cursor: pointer;
}

.promo .inner {
	min-height: 25em;
}