/******************************************************************************
 * Content CSS
******************************************************************************/
p.noClear { clear: none; }

div#content-body {
	background: #fff;
	float: left;
	/*height: 500px;*/
	padding: 0 20px;
	width: 800px; }
	
/*html>body div#content-body {
	height: auto;
	min-height: 500px; }*/
	
div#content-body-i {
	background: #f1f1f1;
	float: left;
	height: 660px;
	padding: 15px;
	width: 770px; }
	
html>body div#content-body-i {
	min-height: 660px;
	height: auto; }

/******************************************************************************
 * Shared Elements
******************************************************************************/
div#cpBar {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #e9e9e9;
	float: left;
	height: 20px;
	padding: 10px 0;
	width: 800px; }
	
ul#cpBar-i {
	float: left;
	height: 20px;
	list-style: none;
	margin: 0;
	padding: 0 15px;
	width: 770px; }
	
ul#cpBar-i li { float: left; }
	
ul#cpBar-i li a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #d6d6d6;
	color: #444;
	float: left;
	height: 14px;
	margin: 0 7px;
	padding: 3px 15px;
	text-align: center; }
	
ul#cpBar-i li a:hover, ul#cpBar-i li a.current {
	background: #c6c6c6;
	text-decoration: none; }

div#map {
	background: url(../_images/ukMap.jpg) no-repeat center center;
	float: left;
	height: 430px;
	width: 360px; }
	
hr.horizLine {
	border: none;
	border-top: 1px solid #786b6d;
	float: left;
	height: 1px;
	width: 355px; }
	
span.blue {
	color: #cb95cf;
	font-weight: bold; }
	
div#homeLeft ul#regions-left {
	float: left;
	font-size: 12px;
	width: 150px; }
	
div#homeLeft ul#regions-right {
	float: right;
	font-size: 12px;
	width: 150px; }

div#homeLeft ul#regions li {
	margin: 3px 0;
	width: 150px; }

span.large {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	vertical-align: bottom; }

table#userTable td { line-height: 24px; }

tr.evenrow {
	display: inline;
	border-bottom: 1px solid #ccc;
	width: 510px; }

div.darkBox {
	float: left;
	height: 24px; }
	
html>body div.darkBox {
	height: auto;
	min-height: 24px; }
	
.add:hover, .change:hover, .remove:hover { background-position: 0 -24px; }

.add {
	border: none;
	background: url(../_images/add_24.png) no-repeat;
	float: left;
	height: 24px;
	text-decoration: none;
	width: 24px; }

.change {
	border: none;
	background: url(../_images/spanner_24.png) no-repeat;
	cursor: pointer;
	float: left;
	height: 24px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 24px; }

.remove {
	border: none;
	background: url(../_images/cross_24.png) no-repeat;
	float: left;
	height: 24px;
	text-decoration: none;
	width: 24px; }
	
strong.big { font-size: 18px; font-weight: bold; }

/******************************************************************************
 * Home Page
******************************************************************************/
div#homeLeft {
	border-right: 1px solid #786b6d;
	float: left;
	height: 660px;
	padding: 0 25px 0 0;
	width: 360px; }
	
html>body div#homeLeft {
	height: auto;
	min-height: 660px; }

div#homeText {
	clear: both;
	float: left;
	position: relative;
	width: 360px; }
	
div#windowImage {
	background: url(../_images/windowSmall-img.jpg) no-repeat 198px 0px;
	margin: 0;
	width: 360px; }

div#windowImage p { margin: 0 0 25px 0; }
	
div#benefits {
	background: url(../_images/benefits-img.jpg) no-repeat 0px 29px;
	clear: both;
	float: left;
	height: 272px;
	position: relative;
	width: 360px; }
	
div#homeRight {
	float: right;
	padding: 0 0 0 24px;
	width: 360px; }
	
div#homeRight p {
	margin: 0; }
	
div#quote {
	background: url(../_images/person-img.jpg) no-repeat 32px bottom;
	float: left;
	margin: 0 0 20px 0;
	width: 360px; }
	
hr.horizLine { width: 360px; }
	
div#members {
	float: left;
	height: 73px;
	margin: 15px 0; }
	
div#members p {
	float: left;
	width: 110px; }
	
div#membersPic {
	background: url(../_images/members-img.jpg) no-repeat -60px -12px;
	float: left;
	height: 73px;
	width: 220px; }
	
a#fensa {
	display: block;
	height: 51px;
	margin: 0 0 0 95px;
	padding: 15px 0 0;
	width: 145px; }
	
a#pwf {
	float: left;
	height: 80px;
	padding: 0 0 0 52px;
	width: 70px; }

/******************************************************************************
* Generic Form Formating
******************************************************************************/	
ul label {
	float: left;
	padding: 6px 14px 6px 0;
	text-align: right; }

input.text, select.select, textarea {
	background: #fff url(../_images/inputBg.gif) top left no-repeat;
	border: 1px solid #ccc;
	float: left;	
	padding: 2px;
	width: 200px; }
	
ul span {
	float: left;
	padding: 6px 14px 6px 0;
	width: 200px; }
	
input.text:hover, select.select:hover, textarea:hover { border: 1px solid #888888; }

input.text:active, select.select:active, textarea:active { border: 1px solid #888888; }

input.text:focus, select.select:focus, textarea:focus { border: 1px solid #888888; }

input.submit {
	background: #fff url(../_images/_buttons/quoteBigButton.jpg) top left no-repeat;
	border: none;
	float: left;
	height: 76px;
	margin: 0 0 0 114px;
	width: 235px; }
	
div.submit {
	float: left;
	height: 76px;
	margin: 0 0 0 114px;
	width: 235px; }
	
/******************************************************************************
 * General Forms
******************************************************************************/
ul.form li { clear: both; list-style: none; }

/******************************************************************************
 * Advice and Tips Page
******************************************************************************/
div.placeHolderImg {
	background: #ccc;
	float: right;
	height: 300px;
	margin: 30px 0;
	padding: 0;
	width: 300px; }
	
html>body div.placeHolderImg { margin: 30px; } 

ul#tipsForm label { width: 70px; }

ul#tipsForm input.text, form#tipsForm textarea { width: 200px; }

ul#tipsForm span {
	float: left;
	padding: 6px 14px 6px 0;
	text-align: left; }

/******************************************************************************
 * Login Page
******************************************************************************/
ul#loginForm label { width: 110px; }

button.button {
	display: block;
	width: 104px;
	height: 29px;
	background: url(../_images/_buttons/login.png) no-repeat;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	border: 0px; }

/******************************************************************************
 * Quote Form
******************************************************************************/
form#quoteForm {
	float: left;
	width: 350px; }

form#quoteForm input.text, form#quoteForm textarea, form#quoteForm select {
	width: 200px;
	margin: 2px 0px; }
	
form#quoteForm label { width: 110px; }
	
label.bold { font-weight: bold; }
	
label strong { color: #F00; }

/******************************************************************************
 * Contact Page
******************************************************************************/
ul#callbackForm {
	float: left;
	width: 350px; }

ul#callbackForm input.text, ul#callbackForm textarea {
	width: 200px;
	margin: 2px 0px; }
	
ul#callbackForm label { width: 70px; }
	
label.bold { font-weight: bold; }
	
label strong { color: #F00; }

/******************************************************************************
 * Add Supplier Form
******************************************************************************/
ul.form#addSupplierForm {
	float: left;
	width: 400px; }
	
ul.form#addSupplierForm li { width: 400px; }

ul#addSupplierForm input.text, ul#addSupplierForm textarea, ul#addSupplierForm select {
	width: 200px;
	margin: 2px 0px; }
	
ul#addSupplierForm label { width: 130px; }
	
label.bold { font-weight: bold; }
	
label strong { color: #F00; }

/******************************************************************************
 * Accessibility Page
******************************************************************************/
div#accessContent {
	float: left;
	width: 563px; }
	
table#access-keys {
	border-collapse: collapse;
	clear: both;
	float: left;
	margin-left: 16px;
	width: 300px; }

table#access-keys tr {
	height: 25px;
	border-bottom: 1px solid #666666; }
	
div#accessibility-block {
	background: url(../_images/xhtmlcss.gif) no-repeat 360px 0px;
	float: left;
	height: 100px;
	width: 500px; }

/******************************************************************************
 * Sitemap Page
******************************************************************************/
div#sitemapContent {
	float: left;
	width: 300px; }

div#sitemapContent p {
	float: left;
	margin: 0 180px 25px 0; }

/******************************************************************************
* Contact us
******************************************************************************/	
ul#contact { clear: both; list-style: none; }

ul#contact label {
	float: left;
	padding: 0 4px 0 0;
	width: 68px; }

/******************************************************************************
 * CMS Page ul
******************************************************************************/
ul.form#profile {
	padding: 0;
	width: 770px; }

ul.form#profile li { width: 770px; }

ul.form#profile label {
	float: left;
	width: 140px; }

ul.form#profile span {
	float: left;
	padding: 6px 14px 6px 0;
	width: 400px; }
	
label strong.details { color: #6f6164; }

/******************************************************************************
* Store Elements
******************************************************************************/	
div.userBox {
	float: left;
	height: 160px;
	padding: 0 16px 32px 16px;
	width: 224px; }

div.userBox-i {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #E9E9E9;
	float: left;
	height: 140px;
	padding: 5px 10px 10px 10px;
	width: 204px; }

div.userBox-i p {
	float: left;
	height: 110px;
	margin: 0;
	width: 100%; }
	
div.userBox-i form { float: left; }

a.rightDelete { float: right; }

div#bought {
	border-top: 1px solid #ccc;
	float: left;
	padding: 20px 0;
	width: 770px; }


/******************************************************************************
* Energy Rating
******************************************************************************/	

div#energyRatingLeft {
	border-right: 1px solid #786b6d;
	float: left;
	height: 660px;
	padding: 0 25px 0 0;
	width: 360px; }

html>body div#energyRatingLeft {
	height: auto;
	min-height: 660px; }
	
div#energyRatingRight {
	float: right;
	padding: 0 0 0 24px;
	width: 360px; }
div#content-body-i div#energyRatingRight li{ width: 300px;; }
	
div#bfrcEnergyRating {
	background: url(../_images/bfrcEnergyRating.gif) no-repeat 0px 0px;
	margin: 0 auto;
	width: 200px; height: 373px; }
div#bfrcLogo {
	display: block; position: realtive;
	background: url(../_images/bfrcLogo.gif) no-repeat 0px 0px;
	margin: 0 10px;
	width: 64px; height: 59px; float: right; }