/* ================================================
 
Theme Name: HBS Solar Warm
Description: HBS Solar Warm Theme
Author: Atelier Studios
Author URI: http://www.atelier-studios.com/
Date: November 2008

==================================================*/



/*------------------------------------------------

		1. Global Resets
		
		2. Typography

		3. Main Navigation 

		4. Structure
		
		5. Images
		
		6. Lists 
		
		7. Form 
		
		8. Various Tags & Classes 
		
		9. Headers

---------------------------------------------------

		COLOURS
		
		Background Colour           #d1d7d5
		
		Text Grey 					#2e2e2e
		
		Text Orange 				#df6c17
		
		Headings Darker Grey		#484848
			
		A Link Hover Brown			#3b1900
		
		Sidebar Nav A Link 			#30719b
		
		Sidebar Nav A Link Hover	#274107
		
		
		

-------------------------------------------------*/


/*=================================================

	1. Global Resets
 
 ===================================================*/


html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/* reset CSS */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	text-align:left;font-weight:normal; 
	}

table, td, th { 
	vertical-align:middle; 
	}

blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	}



/*=================================================

	2. Typography
 
 ===================================================*/
 
body {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family:'Helvetica', Arial, Geneva, Verdana, sans-serif;
	color: #2e2e2e;
	margin:0;
	padding:0;
	}


p {
	font-family:'Helvetica', Arial, Geneva, Verdana, sans-serif;
	}


	div.narrowcolumn p {
	margin: 0 0 15px 0;
	font-size:12px;
	color:#858585;
	}
 
	div.widecolumn p {
	margin: 0 0 15px 0;
	font-size:12px;
	color:#858585;
	}	

	div#footer p {
	font-size: 11px;
	margin: 0;
	padding: 20px 0 20px 0;
	color: #959595;
	}
	
		div#middle_page div.bottom_footer p {
		font-size: 11px;
		line-height: 13px;
		margin: 0;
		padding: 0;
		color: #959595;
		}
	
	div#content_container div.narrowcolumn div.entry p.small_text {
	font-size: 10px;
	line-height: 14px;
	color: #999999;
	padding: 7px 0 0 0;
	float: left;
	clear: both;
	}
	
	div.act_on_cotwo_panel p.small_text {
	font-size: 10px;
	line-height: 12px;
	color: #FFFFFF;
	padding: 10px 8px 0 8px;
	width: 154px;
	border-top: 3px solid #FFFFFF;
	}
	
	div.real_panel p.small_text {
	font-size: 10px;
	line-height: 12px;
	color: #666666;
	padding: 10px 8px 0 8px;
	width: 154px;
	border-top: 3px solid #FFFFFF;
	}
	
	
div.save_pounds p.small_text_pounds {
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	padding: 7px 7px 0 15px;
	width: 142px;
	float: left;
	clear: both;
	text-align: center;
	font-weight: bold;
	}
	
	div.save_pounds p.small_text_pounds span.red_text {
	color: #fff78c;
	}
	
strong {
	font-weight:bold;
	color: #729500;
	}
	
	strong.red {
	font-weight:bold;
	color: #CC0000;
	}
	
em{
	font-style:italic;
	display:inline;
	}		
	
small {
	font-size: 11px;
	line-height: 25px;
	color:#959595;
	text-transform:uppercase;
	}	

hr {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	margin-bottom:10px;
	margin-top:5px;
	height: 1px;
	}
		
	
h1, h2, h3, h4, h5, h6 {
	font-family:'Helvetica', Arial, Geneva, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align:left;
	}

h1 {
	padding: 0 0 10px 0;
	font-size: 20px;
	color: #5f7449;
	line-height: 26px;
	}

	
h2 {
	padding: 3px 0 3px 0;
	margin: 0px 0 10px 0;
	font-size: 20px;
	color: #5f7449;
	line-height: 32px;
	}	
	
h3 {
	padding: 3px 0 3px 0;
	margin: 0px 0 10px 0;
	font-size:14px;
	color: #5f7449;
	line-height: 22px;
	}

h4 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #729500;
	line-height: 18px;
	}

h5 {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 0;
	color: #5f7449;
	}

h6 {
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 10px 0;
	font-weight:bold;
	color: #729500;
	}


	div#footer ul li#title1, div#footer ul li#title2, div#footer ul li#title3, div#footer ul li#title4, div#footer ul li#title5 {
	font-weight: bold;
	color: #729500;
	font-size: 14px;
	line-height: 18px;
	}

div#content_container div.narrowcolumn div.post div.entry div.logo_container p.logo_container_header {
	background-color: #729500;
	font-size: 14px;
	font-weight: bold;
	padding: 15px;
	color: #FFFFFF;
	margin: 0;
	}

/*-----------------------------------
 Link Styles
 ------------------------------------- */


#content a {
	font-weight:bold;
	color: #729500;
	text-decoration: underline;
	}

	#content a:hover {
	color: #999900;
	text-decoration: none;
	}

#content ul li strong a, #content span.greenlink a {
	font-weight:bold;
	color: #729500;
	text-decoration: underline;
	}

	#content ul li strong a:hover, #content span.greenlink a:hover {
	color: #999900;
	text-decoration: none;
	}

div#breadcrumb a {
	color: #666666;
	text-decoration: none;
	}
	
	div#breadcrumb a:hover {
	color: #729500;
	text-decoration: underline;
	}


#left_sidebar a {
	color: #666666;
	text-decoration: none;
	}

	#left_sidebar a:hover {
	color: #666666;
	text-decoration: underline;
	}
	
div#header div.head_image ul#sub_nav li a {
	color: #666666;
	text-decoration: none;
	}

	div#header div.head_image ul#sub_nav li a:hover {
	color: #FF6600;
	text-decoration: none;
	}	
	
div#footer ul li a {
	color: #666666;
	text-decoration: none;
	}

	div#footer ul li a:hover {
	color: #666666;
	text-decoration: underline;
	}


div#left_sidebar div.save_pounds p.small_text_pounds a {
	color: #FFFFFF;
	text-decoration: underline;
	}

	div#left_sidebar div.save_pounds p.small_text_pounds a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}


	div#middle_page div.bottom_footer p a {
	color: #666666;
	text-decoration: none;
	}


	div#middle_page div.bottom_footer p a:hover {
	color: #666666;
	text-decoration: underline;
	}


/* End Typography & Colors */



/*=================================================

	3. Main Navigation 
	
=================================================*/


/* Main Navigation */

div#header div.head_image ul#navigation {
   margin: 0;
   padding: 0;
   list-style-type: none;
   float: left;
   width: 875px;
   /*background-color: #CCCC66;*/
   }

	div#header div.head_image ul#navigation li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
	div#header div.head_image ul#navigation li a {
	display: block;
	overflow: hidden;
	text-indent: -1000em;
	height: 26px;
	}

ul#navigation li.home_nav a {
	background: url(furniture/images/navigation/home_nav_new.jpg) no-repeat 0 0;
	width: 109px;
	}
	
	body.page-5 ul#navigation li.home_nav a {
	background: url(furniture/images/navigation/home_nav_new.jpg) no-repeat 0 -30px;
	}

	ul#navigation li.home_nav a:hover {
	background: url(furniture/images/navigation/home_nav_new.jpg) no-repeat 0 -30px;
	}

ul#navigation li.solar_panel_nav a {
	background: url(furniture/images/navigation/solar_panel_nav_new.jpg) no-repeat 0 0;
	width: 242px;
	}
	
	body.page-12 ul#navigation li.solar_panel_nav a {
	background: url(furniture/images/navigation/solar_panel_nav_new.jpg) no-repeat 0 -30px;
	}

	ul#navigation li.solar_panel_nav a:hover {
	background: url(furniture/images/navigation/solar_panel_nav_new.jpg) no-repeat 0 -30px;
	}	
	
ul#navigation li.saving_nav a {
	background: url(furniture/images/navigation/saving_nav_new.jpg) no-repeat 0 0;
	width: 192px;
	}
	
	body.page-14 ul#navigation li.saving_nav a {
	background: url(furniture/images/navigation/saving_nav_new.jpg) no-repeat 0 -30px;
	}

	ul#navigation li.saving_nav a:hover {
	background: url(furniture/images/navigation/saving_nav_new.jpg) no-repeat 0 -30px;
	}	

ul#navigation li.solarmyths_nav a {
	background: url(furniture/images/navigation/solarmyths_nav_new.jpg) no-repeat 0 0;
	width: 151px;
	}
	
	body.page-24 ul#navigation li.solarmyths_nav a {
	background: url(furniture/images/navigation/solarmyths_nav_new.jpg) no-repeat 0 -30px;
	}

	ul#navigation li.solarmyths_nav a:hover {
	background: url(furniture/images/navigation/solarmyths_nav_new.jpg) no-repeat 0 -30px;
	}	

	ul#navigation li.freehomesurvey_nav a {
	background: url(furniture/images/navigation/free_home_survey_nav.jpg) no-repeat 0 0;
	width: 181px;
	}
	
	body.page-23 ul#navigation li.freehomesurvey_nav a {
	background: url(furniture/images/navigation/free_home_survey_nav.jpg) no-repeat 0 -30px;
	}

	ul#navigation li.freehomesurvey_nav a:hover {
	background: url(furniture/images/navigation/free_home_survey_nav.jpg) no-repeat 0 -30px;
	}	
	
		
/* ----------------------------- Sub Navigation ------------------------------- */


div#header div.head_image ul#sub_nav {
   margin:0;
   padding:9px 0 0 5px;
   list-style-type: none;
   float: left;
   width: 870px;
   /*background-color: #CCCC66;*/
   text-transform: uppercase;
   font-size: 10px;
   line-height: 12px;
   }

	div#header div.head_image ul#sub_nav li {
	float: left;
	margin: 0px;
	padding: 0 0 0 6px;
	}
	
	div#header div.head_image ul#sub_nav li.sub_nav_divider {
	border-right: 1px solid #CCCCCC;
	padding: 0 9px 0 8px;
	}

/* ----------------------------- Footer Navigation ------------------------------- */


div#footer ul {
   margin:0;
   padding: 5px 10px 10px 10px;
   list-style-type: none;
   float: left;
   width: 155px;
   /*background-color: #CCCC66;*/
   font-size: 10px;
   line-height: 12px;
   }

	
	div#footer ul li {
  	width: 135px;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid #FFFFFF;
	background: url(furniture/images/sitewide/arrow_footer.gif) no-repeat 0 5px;
	}
	
	div#footer ul li#title1, div#footer ul li#title2, div#footer ul li#title3, div#footer ul li#title4, div#footer ul li#title5 {
  	width: 155px;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #FFFFFF;
	background: none;
	}



/*=================================================


	4. Structure 
 
=================================================*/

body {
	margin:0;
	padding:0;
	background-color: #eceded;
	}


div#page {
	width: 930px;
	margin: 0 auto;
	/*background-color: #999900;*/
	}

	
div#top_page {
	width: 910px;
	height: 20px;
	float: left;
	padding: 20px 0 0 20px;
	background: url(furniture/images/backgrounds/bg_page_top.jpg) no-repeat bottom left;
	}

div#middle_page {
	float:left;
	width: 910px;
	padding: 0 0 18px 20px;
	background: url(furniture/images/backgrounds/bg_page_middle.jpg) repeat-y 0 0;
	}

div#bottom_page {
	float: left;
	clear: both;
	padding: 0 0 20px 20px;
	width: 910px;
	height: 14px;
	background: url(furniture/images/backgrounds/bg_page_bottom.jpg) no-repeat 0 0;
	}

div#header {
	width: 890px;
	height: 290px;
	padding: 0;
	float: left;
	background: url(furniture/images/backgrounds/bg_top_panel.jpg) no-repeat -22px -15px;
	}

div#breadcrumb {
	float: left;
	clear: both;
	width: 890px;
	padding: 0 0 10px 0;
	}


div#content_container {
	width: 875px;
	/*background-color: #FF0000;*/
	float:left;
	clear:both;
	background: url(furniture/images/backgrounds/bg_content.jpg) repeat-y -3px 0;
	}
	
div#footer {
	width: 875px;
	clear:both;
	float: left;
	padding: 0;
	margin: 3px 0 0 0;
	background: url(furniture/images/backgrounds/bg_footer2.jpg) repeat-x 0 -30px;
	/*background-color: #660000;*/
	}
	
	div.bottom_footer {
	width: 875px;
	clear: both;
	padding: 10px 0 0 0;	
	}
	

div#left_sidebar {
	float: left;
	width: 170px;
	/*background-color: #00CCFF;*/
	padding: 0 30px 0 0;
	}
	
div.narrowcolumn {
	float: left;
	width: 475px;
	/*background-color: #FFCCFF;*/
	}

div.widecolumn {
	float: left;
	width: 475px;
	/*background-color: #999999;*/
	}
	
div#sidebar {
	float: left;
	width: 170px;
	/*background-color: #99FF00;*/
	padding: 0 0 0 30px;
	}


#content.narrowcolumn .post {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	/*background-color: #66CC66;*/
	}
	
	body.cat-3 div#content.narrowcolumn div.post {
	padding: 0;
	margin: 0 0 10px 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #CCCCCC;
	}

	
#content.widecolumn .post {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	/*background-color: #66CC66;*/
	}

.entry {
	padding: 0;
	margin: 0;
	width: 100%;
	/*border-top: 1px solid #878585;*/
	float: left;
	/*background-color: #993399;*/
	}


div.act_on_cotwo_panel {
	float: left;
	background: url(furniture/images/sitewide/sidebar_left_certificates.gif) no-repeat 0 0;
	width: 170px;
	height: 73px;
	padding: 120px 0 0 0;
	}

div.corgi_panel {
	float: left;
	clear: both;
	background: url(furniture/images/sitewide/sidebar_left_certificates.gif) no-repeat 0 -195px;
	width: 33px;
	height: 42px;
	}


/* End Structure */




/*=================================================

	5. Images
	
=================================================*/

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

	
.entry img {
	border:0;
	padding: 0;
	/*display: block;
	border: 1px solid #cfd0d4;*/
	}
	

img.alignright {
	float: right;
	margin: 3px 0 3px 8px;
	}

img.alignleft {
	float: left;
	margin: 3px 8px 0 3px;
	}

div#sidebar img {
	float: left;
	clear: left;
	margin: 0 0 3px 0;
	border: 0;
	display: block;
	}

div#left_sidebar img {
	float: left;
	display: block;
	margin: 0;
	}	
	
/* End Images */



/*=================================================
	
	6. Lists 

=================================================*/


.entry ol {
	padding: 10px 0 10px 35px;
	margin: 0;
	font-size: 11px;
	}

.entry ol li {
	margin: 0;
	padding: 5px 0;
	}

p.postmetadata {
	width: 470px;
	padding: 10px 0 ;
	/*background-color: #f2f2f2;*/
	float: left;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	width: 100%;
	}


div.narrowcolumn ol {
	margin: 0;
	padding: 5px 0 10px 30px;
	font-size:12px;
	color:#858585;
	}
	
	div.narrowcolumn ol li {
	padding: 0 0 10px 2px;
	margin: 0;
	clear: both;
	}	

div.narrowcolumn ul {
	margin: 0;
	padding: 0 0 10px 20px;
	font-size:12px;
	color:#858585;
	list-style-type:square;
	}

	div.narrowcolumn ul li {
	padding: 0 0 10px 10px;
	margin: 0;
	}	
	
	
.widecolumn ul {
	margin: 0;
	padding: 0 0 10px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#858585;
	}

.widecolumn ul li {
	background-image: url(images/sitewide/bullet.jpg);
	background-repeat:no-repeat;
	background-position: 0 4px;
	list-style-type:none;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 10px 0px ;
	}		
	

	
/* End Entry Lists */


/*=================================================
	
	7. Various Tags & Classes 
	
=================================================*/


div#content table.faq {
	padding: 0;
	margin: 10px 0;
	border-collapse: collapse;
	}
	
	div#content table.faq th {
	padding: 8px;
	background-color: #CCCC99;
	color: #5F7449;
	border-right: 1px solid #FFFFFF;
	font-weight: bold;
	}
	
	div#content table.faq td {
	padding: 8px;
	border: 1px solid #CCCC99;
	}


div.flash_sidebar {
	float: left;
	margin: 0 0 3px 0;
	}


div.head_image {
	float: left;
	background: url(furniture/images/sitewide/header_image.jpg) no-repeat 0 0;
	width: 875px;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}
	
div.left_float {
	float: left;
	}	

div.right_float {
	float: right;
	}	
	
/* End Various Tags & Classes*/


/*=================================================
	
	8. Forms
	
=================================================*/


form, input, textarea, label, select, fieldset  {	
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color:#666666;
	float: left;
	border: 0;
	}
	
form {
	padding: 40px 0 0 10px;
	}	
	
input {
	padding: 2px;
	font-size:11px;
	border: none;
	}
	
textarea {
	padding: 2px;
	margin: 2px 0 0 0;
	font-size:11px;
	width: 200px;
	height: 150px;
	border: 1px solid #CCCCCC;
	}
		
label {
	clear: both;
	font-size:12px;
	color:#278dff;
	width: 80px;
	text-align: right;
	padding: 0 15px 0 0;
	}	
	
select {
	font-size:12px;
	}		
	
fieldset {
	clear: both;
	font-size:12px;
	border: none;
	}		

input.form_textfield {
	width: 157px;
	margin: 0 0 9px 0;
	padding: 4px;
	}

input.checkbox {
	float: left;
	}

div#content_container div.narrowcolumn div.post div.entry form.ddfm div.submit {
	float: left;
	padding: 0 0 0 167px;
	}
	
	div#content_container div.narrowcolumn div.post div.entry form.ddfm div.submit input {
	float: left;
	background-color:#729500;
	color: #FFFFFF;
	}


	body.page-23 div#content_container div.narrowcolumn div.post div.entry form.ddfm div.submit {
	float: left;
	padding: 0 0 0 167px;
	}


/*----------- Comment Form Styles --------------- */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}




/* End Forms*/






/*=================================================
	
	9. Headers
	
=================================================*/


div#header div.head_image h2 {
   margin: 0 0 17px 0;
   padding: 13px 0 0 685px;
   line-height: 0;
   font-size: 1px;
   border: none;
   float: left;
   }
   
   div#header div.head_image h2 a {
   text-indent: -5000px;
   background: url(furniture/images/sitewide/hbs_logo.jpg) no-repeat bottom left;
   width: 176px;
   height: 187px;
   display: block;
   overflow: hidden;
   }
   
div#left_sidebar div.save_pounds {
	float: left;
	clear: both;
	margin: 0 0 3px 0;
	padding:0 0 15px 0;
	background: url(furniture/images/sitewide/sidebar_left_save_pounds.jpg) no-repeat 0 0;
	width: 170px;
	}  

	div#left_sidebar div.save_pounds h2 {
	float: left;
	clear: both;
	margin: 0;
	padding:0 0 3px 0;
	line-height: 0;
	font-size: 1px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(furniture/images/sitewide/sidebar_left_save_pounds.jpg) no-repeat 0 0;
	width: 170px;
	height: 140px;
	display: block;
	}

div#left_sidebar div.real_panel {
	float: left;
	width: 170px;
	clear: both;
	margin: 3px 0 0 0;
	padding: 0 0 5px 0;
	background-color: #FFFFFF;
	}

div#left_sidebar h3 {
	float: left;
	clear: both;
	margin: 0;
	padding:0 0 3px 0;
	line-height: 0;
	font-size: 1px;
	text-indent: -5000px;
	overflow: hidden;
	}
	
	div#left_sidebar h3 a {
	background: url(furniture/images/sitewide/sidebar_left_view_home.jpg) no-repeat 0 0;
	width: 170px;
	height: 190px;
	display: block;
	}

div.logo_container {
	float: left;
	border: 1px solid #729500;
	margin: 0 0 10px 10px;
	}
	

h3.worcester_bosch, h3.vaillant_boilers, h3.baxi_boilers, h3.ideal_boilers, h3.chaffoteaux_maury_boilers, h3.glow_worm_boilers, h3.potterton_boilers, h3.trianco_boilers, h3.quinn_radiators, h3.kermi_radiators, h3.myson_radiators, h3.stelrad_radiators {
	float: left;
	width: 220px;
	height: 120px;
	margin: 0;
	padding:0 0 3px 0;
	line-height: 0;
	font-size: 1px;
	text-indent: -5000px;
	overflow: hidden;
	}
	
	h3.worcester_bosch a {
	background: url(furniture/images/central_heating_images/logos/worcester_bosch_boilers_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}	
	
	h3.vaillant_boilers a {
	background: url(furniture/images/central_heating_images/logos/vaillant_boilers_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}	
	
	h3.baxi_boilers a {
	background: url(furniture/images/central_heating_images/logos/baxi_boilers_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}	
	
	h3.ideal_boilers a {
	background: url(furniture/images/central_heating_images/logos/ideal_boilers_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}	
	
	h3.chaffoteaux_maury_boilers a {
	background: url(furniture/images/central_heating_images/logos/chaffoteaux_maury_boilers_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}		
	
	h3.glow_worm_boilers a {
	background: url(furniture/images/central_heating_images/logos/glow_worm_boilers_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}			
	
	h3.potterton_boilers a {
	background: url(furniture/images/central_heating_images/logos/potterton_boilers_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}
	
	h3.trianco_boilers a {
	background: url(furniture/images/central_heating_images/logos/trianco_boilers_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}		
	
	h3.quinn_radiators a {
	background: url(furniture/images/central_heating_images/logos/quinn_radiators_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}		
	
	h3.kermi_radiators a {
	background: url(furniture/images/central_heating_images/logos/kermi_radiators_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}			
	
	h3.myson_radiators a {
	background: url(furniture/images/central_heating_images/logos/myson_radiators_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}		
	
	h3.stelrad_radiators a {
	background: url(furniture/images/central_heating_images/logos/stelrad_radiators_logo.jpg) no-repeat center center;
	width: 220px;
	height: 120px;
	display: block;
	}		
	
	
/*=================================================

	11. Product Accodian Styles
 
 ===================================================*/


div#content_container div#content div.post div.entry h3.acordian_heading {
	background-color:#e6e5e5;
	padding:8px 0pt 8px 15px;
	margin: 0;
	color: #729500;
	font-weight: bold;
	font-size: 16px;
	border:1px solid #CCCC99;
	}


div#content_container div.narrowcolumn div.post div.entry div.accordian_container h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	cursor: pointer;
	background: #729500;
	text-decoration: none;
	padding: 8px 0 8px 15px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	color:#FFFFFF;
	}
	
	body.page-27 div#content_container div.narrowcolumn div.post div.entry div.accordian_container h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	cursor: pointer;
	background: #CCCC99;
	text-decoration: none;
	padding: 8px 0 8px 15px;
	margin: 0 0 11px 0;
	border-bottom: 1px solid #FFFFFF;
	}
	
	body.page-27 div#content_container div.narrowcolumn div.post div.entry div.accordian_container h3:hover {
	text-decoration:underline!important;
	}
	
	div#content_container div.narrowcolumn div.post div.entry div.accordian_container h3:hover {
	text-decoration:underline!important;
	}
	
	div#content_container div.narrowcolumn div.post div.entry p.accordian_break {
	font-size: 2px;
	line-height: 0;
	padding: 0;
	margin: 0;
	}

div.accordian_content {
	width: 458px;
	float: left;
	clear: both;
	padding: 15px 0 8px 15px;
	border:1px solid #CCCC99;
	background-color: #FFFFFF;
	}
	
	body.page-33 div.accordian_content {
	width: 418px;
	float: left;
	clear: both;
	padding: 15px 0 15px 15px;
	border:1px solid #CCCC99;
	background-color: #FFFFFF;
	}
	
	body.page-27 div.accordian_content {
	width: 460px;
	float: left;
	clear: both;
	padding: 15px 0 15px 15px;
	border:1px solid #CCCC99;
	background-color: #FFFFFF;
	}
	


/*=================================================

	12. Google Maps
 
 ===================================================*/

div#googleDivMap {
	float: left;
	clear: both;
	width: 475px;
	height: 400px;
	}

div.google_error {
	float: left;
	clear: both;
	width: 475px;
	color: #990000;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 0 0 0;
	}