/* -------------------------------------------------------------- 
   reset.css
   * Resets default browser CSS.
	Bassed on reset from Blueprint and  Eric Meyer Reset Reloaded
	
   	http://www.blueprintcss.org/
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight: bold;
}

/* remember to define focus styles! ------------------------------Need to investigate the accesability issues */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

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

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

blockquote, q {
	quotes: "" "";
	font-style:italic;
}

fieldset, img{
	border:0;
}

address,caption,cite,code,dfn,em,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}

p {padding-bottom: 10px;}

strong {font-weight:bold;}
em {font-style:italic;}


/*
 TYPOGRAPHY
 Font related information only (ie. font-*, text-*, line-height )
 See http://www.alistapart.com/articles/howtosizetextincss for sizing technique
 for a quick note - just hit this: http://jontangerine.com/silo/css/pixels-to-ems/ very easy guide to use.

  10px   {font-size:0.625em;}
  11px   {font-size:0.688em;}
  12px   {font-size:0.75em;}
  13px   {font-size:0.813em;}
  14px   {font-size:0.875em;}
  15px   {font-size:0.938em;}
  16px   {font-size:1em;}
  17px   {font-size:1.063em;}
  18px   {font-size:1.125em;}
  19px   {font-size:1.188em;}
  20px   {font-size:1.25em;}
  21px   {font-size:1.313em;}
  22px   {font-size:1.375em;}
  23px   {font-size:1.438em;}
  24px   {font-size:1.5em;}

*/

/* so:font-family */

body, textarea {
  font-family: 'Arial', verdana, sans-serif;
}

/* eo:font-family */

/* so:font-sizes */


  /* 11px */
ul li,
p,
strong,
a,
span,
#latest-advice dt a,
#main-content #ranges p,
#main-content dd p
  {
    font-size:0.688em;
  }

  /* 12px */
#main-content p  {
    font-size:0.75em;
}


  /* 14px */
p label,
ul.documents li a,
#main-content.range p,
#main-content ol li,
#main-content ul li,
#main-content ul, #main-content ol  {
    font-size:0.875em;
  }

  /* 15px */
  p input,
p textarea  {
    font-size:0.938em;
  }

  /* 16px */
ul li a,
ul li ul li a,
ul li ul li,
ul li p,
ol li a,
ol li ul li a,
ol li ul li,
ol li p,
ul li a em,
ul li a em span,
p a,
p strong,
p em,
p span,
#main-content h4,
#ranges h3,
#articles-list dt a,
h4 span,
h3 span,
h2 span {
    font-size:1em;
 }

  /* 18px */
#advice-space strong  {
    font-size:1.125em;
  }

  /* 20px */
#main-content h3  {
    font-size:1.25em;
  }

  /* 24px */
 h1, h2, h3  {
    font-size:1.5em;
  }

li.feature h2 {font-size:30px;}
li.feature p, li.feature p span, #advice-space ul li, #advice #supporting-content h2, #articles #supporting-content h2, #news #supporting-content h2, #main-content #comments h2 {font-size:18px;}
ul li span, div.vcard span, div.vcard a {font-size:12px;}
#contact-driver h2,#contact-block span {font-size:24px !important;}


/* eo:font-sizes */

/* so:font-styles */

  /* Bold */
#sub-page-nav ul li, li.feature h2, #contact-driver, #latest-advice dt a, #articles-list dt a  {
    font-weight: bold;
  }

  /* Italic */
.range-sub h3, .range-sub h4, #ranges h3, #main-content.range p, #main-content h4, #sub-page-nav ul li, #product-ranges li h4, #contact-driver p, #latest-advice dt, #articles-list dt a  {
    font-style: italic;
  }

  /* Unordered List */
#main-content ul,
#advice-space ul  {
    list-style-type: disc;
  list-style-position:inside;
  }

  /* Ordered List */
#main-content ol  {
    list-style-type: decimal;
  }

  /* Uppercase */
li.feature h2, ul#nav li ul li.our-range  {
    text-transform: uppercase;
  }

  /* Normal */

#breadcrumbs strong  {
    font-weight: normal;
  }

/* eo:font-styles */

ul#small-nav li a, ul#footer-page-nav li a, ul#footer-static-nav li a {
  line-height:22px;
}

p, #latest-advice #advice-list dt a, #main-content #ranges p, #main-content dd p {
  line-height:14px;
}
h1, h2, h3 {letter-spacing:0px;}

#ranges h3 {letter-spacing:1px;}

div.vcard span, div.vcard a, #main-content p {line-height:16px;}

#main-content.range p {line-height:18px;}

#advice #supporting-content #sub-page-nav ul li,
#articles #supporting-content #sub-page-nav ul li,
#news #supporting-content #sub-page-nav ul li {font-size:11px; font-style:italic; font-weight:normal;}

#advice #supporting-content #sub-page-nav ul li a,
#articles #supporting-content #sub-page-nav ul li a,
#news #supporting-content #sub-page-nav ul li a {font-size:12px; font-weight:bold;}


/*
  LAYOUT
  Page positioning of elements. Plus borders, padding, margins etc.
  Note: border color and style sghould go in skin.css
*/

/* so:rounded corners */
#sub-page-nav ul.page-nav,
#supporting-content #contact-driver,
ul.documents,
.comment-count,
.pagination {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/* eo:rounded corners */

/* skip to content link hide */
#skip {
  display: none;
}

/* so:main-layout */
.wrap {
  width: 940px;
  margin: 0 auto;
  padding:0 10px;
  position: relative;
}

#header {
  height: 196px;
  width: 940px;
  position: relative;
z-index:10;
}

#content {
  position:relative;
  left:-1px;
}

#main-content {
  float: right;
  width: 700px;
  margin-top:25px;
  position:relative;
}

#advice #main-content,
#news #main-content,
#contacts #main-content,
#articles #main-content,
#sessions #main-content {float:left !important;}

#main-content.default {margin-top:20px;}

#supporting-content {
  float: left;
  width: 200px;
  position:relative;
  margin-top:25px;
}

#advice #supporting-content,
#news #supporting-content,
#articles #supporting-content,
#contacts #supporting-content {float:right !important;}

#footer {
  clear: both;
  padding:20px;
  margin-top:67px;
  height:160px;
}

h1.site-name a,
h5.site-name a {
  width:385px;
  height:115px;
  position: absolute;
}
/* eo:main-layout */

/*so:header*/

#header h1.site-name a {
  top: 14px;
  left: -1px;
}

  /*so:blocks*/

    #contact-block {
      height:43px;
      position:absolute;
      right:111px;
      top:75px;
      width:160px;
      padding:10px 15px;
    }

#contact-block span {margin-bottom:10px;}
#contact-block a {margin-left:2px;;}

    #gas-block {
      height:65px;
      position:absolute;
      right:0;
      top:74px;
      width:65px;
    }

  /*eo:blocks*/

/*eo:header*/

/*so:nav*/

ul#small-nav {
  position: absolute;
  right:0;
  top:25px;
}

ul#footer-page-nav {
  position: absolute;
  right:11px;
  top:4px;
}

ul#footer-static-nav {
  position: absolute;
  right:11px;
  top:37px;
}

ul#small-nav li,
ul#footer-page-nav li,
ul#footer-static-nav li {
  float: left;
  margin-left: 10px;
  padding-left: 12px;
}

ul#nav {position:relative; left:-1px; top:158px; width:940px; height:38px; }
ul#nav li {float: left; height:38px; position:relative;}
ul#nav li a {display:block; height:100%;}
ul#nav li ul li {float: none; height:auto; position:relative;}
ul#nav li ul li a {display:inline; height:auto;}

ul#nav li#nav-heating {width:119px;}
ul#nav li#nav-bathrooms {width:142px;}
ul#nav li#nav-fireplaces {width:139px;}
ul#nav li#nav-green-energy {width:161px;}
ul#nav li#nav-service-repairs {width:195px;}
ul#nav li#nav-advice {width:85px;}
ul#nav li#nav-contact {width:99px;}

ul#nav li ul.sub-page-nav {display:none;padding:18px 17px 18px 23px; width:235px; position:relative; top:0;}
ul#nav li:hover ul.sub-page-nav {display:block;}

ul.sub-page-nav li {margin-bottom:5px;}
ul.sub-page-nav li.our-range {margin-bottom:17px; padding-bottom:7px;}
ul#nav li ul li a {padding-right:20px;}


/*eo:nav*/

/*so:footer*/

#footer h5.site-name a {
  top: -56px;
  left: 9px;
}
/*eo:footer*/

/* so:pages */

#main-content img {margin:0 15px 16px 0px; float:left;}
#main-content p {padding-bottom:15px;}
#main-content h2, #main-content h3, #main-content h4 {margin-bottom:15px;}

#main-content #large-asset {
  display:block;
  float:left;
  min-height:93px;
  min-width:93px;
}

#main-content.range-sub #large-asset {margin-top:10px;}
#main-content.range-sub h2 {margin: 0 0 20px 20px;}
#main-content.range-sub img {margin-top: -20px;}

#contact-driver h2 {margin-bottom:6px;}
#home #contact-driver p {padding:0 100px 14px 3px;}
#contact-driver li {height:13px; padding:1px 0 0 20px; margin:0 0 9px 1px;}

#breadcrumbs {
  height:25px;
  padding:8px 0 0 10px;
  position:relative;
  top:-5px;
}

#page-icon {display:none;}

#heating #page-icon,
#bathrooms #page-icon,
#fireplaces #page-icon,
#green-energy #page-icon,
#service-repairs #page-icon {
  width:91px;
  height:91px;
  position:absolute;
  top:-10px;
  left:-30px;
}

.range-sub #page-icon {top:20px !important;}

#ranges {margin-top:11px; clear:both;}

#ranges .range {
  float:left;
  width:340px;
  height:150px;
  margin-bottom:10px;
  position:relative;
}

#range-left {margin-right:20px;}

#ranges h3 {margin:13px 0 10px;}

#ranges a.range-all {
  width:150px;
  height:28px;
  position:absolute;
  top:122px;
  left:0px;
  display:block;
}

h3.hidden {margin:0px !important;}

/* eo:pages*/

/*so:supporting-content*/
#sub-page-nav ul {margin-bottom:20px;}
#sub-page-nav ul li {padding:15px 13px 10px;}
#sub-page-nav ul li ul {margin-bottom:0px;}
#sub-page-nav ul li ul li {padding:10px 10px 10px 20px;}
#sub-page-nav ul li ul li:first-child {padding:20px 10px 10px 20px;}

#sub-page-nav ul.categories {padding:5px 0px;}
#sub-page-nav ul.categories li {padding:7px 13px;}

#advice #supporting-content #sub-page-nav ul li ul li,
#articles #supporting-content #sub-page-nav ul li ul li,
#news #supporting-content #sub-page-nav ul li ul li,
#advice #supporting-content #sub-page-nav ul li ul li:first-child,
#articles #supporting-content #sub-page-nav ul li ul li:first-child,
#news #supporting-content #sub-page-nav ul li ul li:first-child {padding:7px 10px 5px 20px;}

#supporting-content h2 {margin-bottom:0px; padding-bottom:9px;}
h2.default-title {margin-top:25px; width:940px;}
.default #supporting-content {margin-top:10px;}
.default #supporting-content h2 {display:none;}
.default #supporting-content #contact-driver h2 {display:block;}

#supporting-content #contact-driver {
  height:150px;
  margin:0 0 3px;
  padding:13px 0 0 14px;
  width:186px;
}

#supporting-content a.quote {
  display:block;
  width:200px;
  height:38px;
  margin-bottom:20px;
}

#showroom {position:relative; width:200px;}

.download {
  width:200px;
  height:52px;
  margin-bottom:17px;
}

#showroom h4 {padding:18px 0 0 15px; height:26px;}

#showroom .find {position:absolute;
right:0;
top:3px;
padding:12px 14px 12px 20px;}

#showroom .map {
  width:200px;
  height:142px;
  display:block;
}

/*eo:supporting-content*/

/*so:home*/

#home #content {margin-top:30px;}

#flash-banner {width:620px;height:232px; float:left;}

#home #contact-driver {
  float:right;
  height:157px;
  margin:0 0 2px;
  padding:20px 0 0 19px;
  width:281px;
}

#features {clear:both; position:relative; top:15px;}

#features li.feature {float:left; width:300px; margin-left:20px;}
#features li.feature:first-child {margin-left:0px;}

#features li.feature h2 {height:32px; padding:9px 10px 0 10px;}
#features li.feature p {height:57px; padding:19px 20px 0 20px;}

#home a.quote {width:300px; height:38px; float:right; margin-bottom:15px;}

#product-ranges {margin:33px 0 17px;}

#product-ranges ul {padding-bottom:2px;}
#product-ranges li {padding:13px 13px 3px 13px; height:69px;}
#product-ranges li.last {padding-bottom:1px;}
#product-ranges li h4 {margin-bottom:3px; padding-bottom:0px !important;}

#homepage-heating,
#homepage-bathrooms,
#homepage-fireplaces,
#homepage-green-energy {
  float:left;
  width:220px;
}

#homepage-bathrooms,
#homepage-fireplaces,
#homepage-green-energy {
  margin-left:20px;
}

a.product-img {
  width:220px;
  height:97px;
  margin-top:9px;
}

a.see-all,
a.more {
  float:right;
  padding:12px 14px 10px 20px;
}

#home #showroom {position:relative; width:300px; float:left;}

#home #showroom .download {
  width:300px;
  height:52px;
  margin-bottom:17px;
}

#home #showroom h4 {padding:18px 0 0 15px; height:26px;}

#home #showroom .find {position:absolute;
right:0;
top:3px;
padding:12px 14px 12px 20px;}

#home #showroom .map {
  width:300px;
  height:142px;
  display:block;
}

#latest-advice {
  width:580px;
  height:236px;
  float:right;
  position:relative;
  padding:0px 20px 20px;
}

#latest-advice a.see-all {
  position:relative;
  left:-10px;
  top:16px;
  float:none;
  padding:12px 14px 12px 32px
}

#latest-advice h3 {
padding:20px 0px 8px;
}

#latest-advice #advice-space {
  width:329px;
  height:143px;
  padding: 18px 30px 18px 0;
  float:left;
}

#advice-space ul {
  margin:10px 0 0 5px;
}

#advice-space ul li {
  margin:3px 0 0 0;
}

#latest-advice #advice-list {
  float:right;
  height:180px;
  overflow:hidden;
  width:220px;
}

#latest-advice #advice-list dt {
  height:35px;
  padding:10px 0 15px 20px;
}

#latest-advice #advice-list dt a {
  padding:5px 0px 0px 20px;
  display:block;
}

/*eo:home*/

/*so:articles*/

body.show #main-content h2:first-child {
  padding-bottom:10px;
}

#articles-list dt{padding:18px 0px 10px; border-top:1px solid #ececec;}
#articles-list dt:first-child{padding:0 0px 10px; border-top:none;}
#articles-list dd {
  margin-bottom:18px;
}

#articles-list dd.with-image {min-height:138px;}

  #articles-list dd p {padding-bottom:15px;}

#main-content dt img {margin-right:21px;}

#articles.show .post-meta {border-bottom:1px solid #ececec;}


.comment-count {margin-right:10px;
padding:5px 7px;
}

#gallery{position:relative;width:700px;height:127px;margin-bottom:30px; clear:both;}
.image-gallery {position:relative;left:80px !important;}
.image-gallery li a {height: 127px;width: 127px;display: table-cell;vertical-align: middle; text-align:center}
.image-gallery li a img {margin: 0 !important;}
#main-content ul.gallery {margin:0 0 20px; list-style-type:none; margin-left:0px; width:570px; }
ul.gallery li {padding-bottom:5px; margin-right:10px;float:left;}

a.back {
  position:absolute;
  left:0px;
  top:39px;
  width:42px;
  height:42px;
}

a.forward {
  position:absolute;
  right:0px;
  top:39px;
  width:42px;
  height:42px;
}

#main-content ul.documents {margin-bottom:30px; list-style-type:none; margin-left:0; padding:10px 10px 0 10px; clear:both;}
ul.documents li {margin-bottom:10px;}
ul.documents li a {height:15px; padding-left:20px;padding-bottom:2px;}

body.show #main-content p.post-meta {margin-bottom:20px;}

dl#articles dd img {float:left; margin:0 20px 0 0;}
dl#articles dt {clear:both;}

#content #main-content h1 + img {margin-bottom:20px;}
#content #main-content p img {margin:0 20px 20px 0;}
body.show #content #main-content p.post-meta {clear:both;}

#main-content ul,
#main-content ol {
  margin-bottom:10px;
  margin-left:20px;
}

#advice #content h2,
#articles #content h2,
#news #content h2 {padding-bottom:9px;}

/*eo:articles*/

/*so:comments*/

#main-content #comments {clear:both;}

#main-content #comments h2 {padding-bottom:5px; margin-bottom:20px;}
body#comments h1 {padding-bottom:5px; margin-bottom:20px;}

#main-content #comments ul#comment-list {list-style-type:none; margin:0 0 30px 0;}
#main-content #comments ul#comment-list li {margin-bottom:15px; padding-top:15px;}
#main-content #comments ul#comment-list li:first-child {margin-bottom:15px; padding-top:0px;}
#main-content #comments ul#comment-list li p, #main-content #comments form p {margin:0;}

body#comments #comment-wrapper {float: left; width: 540px;}
body#comments #errorExplanation {margin-bottom:20px;}

#articles.show #comments .post-meta {border-bottom:none; display:block; clear:both; margin-top:10px;}

/*eo:comments*/

/*so:pagination*/

div.pagination {clear:both; padding:7px 10px; margin-bottom:20px; position:relative; text-align:center;}
.pagination .prev_page {float:left; margin:0px !important; padding:5px 0 5px 20px;}
.pagination .next_page {float:right; margin:0px !important; padding:5px 20px 5px 0;}

.pagination .current, .pagination a {margin:0 5px;}

/*eo:pagination*/

/*so:contacts*/

#contacts #supporting-content #contact-driver {margin-top:20px !important;}

#contacts #showroom .find {top:3px;}

div.vcard {margin-top:10px;}
div.vcard span {display:block;}

#contacts #content h2 {padding-bottom:10px;}

#required {position:absolute; right:0; top:5px;}

/*eo:contacts*/

/*so:sessions*/

body#sessions #content #supporting-content {
  padding:15px 20px 44px 20px;
  width:200px;
}

body#sessions #content #supporting-content h2 {
  margin-bottom:20px; padding-bottom:9px;
}

/*eo:sessions*/

#errorExplanation {margin-bottom:20px;}

.fieldWithErrors {
  display: inline;
}

/* so:clearfix */

#content:after,
#footer:after,
ul.gallery:after,
dl#articles dd p.description:after,
#product-ranges:after,
#features:after,
#home a.quote:after,
#flash-banner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* eo:clearfix */


/*
  SKIN
  All colour and background image styling.
*/

body {background: #ffffff url(/images/header_backdrop.gif) repeat-x top; color:#2c3740;}

/* so:links */

a, a:hover {text-decoration: none;}

#contact-driver a:hover {text-decoration:underline;}

/* eo:links */

/* so:header */

#header h1.site-name a {background: url(/images/logo_head.gif) no-repeat;}

  /*so:blocks*/

  #contact-block {background: url(/images/contact_block.gif) no-repeat;}
    #contact-block span, #contact-block a {color:#fff;}
    #contact-block a:hover {text-decoration:underline;}
  #gas-block {background: url(/images/gas_block.gif) no-repeat;}

  /*eo:blocks*/

/* eo:header */

/* so:navigation*/

ul#small-nav li, ul#footer-static-nav li, ul#footer-page-nav li {background:url(/images/bull.gif) no-repeat left 9px;}
ul#small-nav li:first-child, ul#footer-static-nav li:first-child, ul#footer-page-nav li:first-child {background:none;}
ul#small-nav li a {color:#fff;}
#home li#nav-home a,
#about li#nav-about a,
#news li#nav-news a {color:#5d6a75;}
ul#small-nav li a:hover {color:#cacaca;}

ul#nav li a {background:url(/images/menu.png);}
ul#nav li ul {background:#5db639;}
ul#nav li#nav-service-repairs ul {background:#f69623;}
ul#nav li ul li a {background:none;}

ul#nav li#nav-heating a {background-position:0 0;}
ul#nav li#nav-bathrooms a {background-position:-119px 0;}
ul#nav li#nav-fireplaces a {background-position:-261px 0;}
ul#nav li#nav-green-energy a {background-position:-400px 0;}
ul#nav li#nav-service-repairs a {background-position:-561px 0;}
ul#nav li#nav-advice a {background-position:-756px 0;}
ul#nav li#nav-contact a {background-position:-841px 0;}

#heating ul#nav li#nav-heating a {background-position:0 -76px;}
#bathrooms ul#nav li#nav-bathrooms a {background-position:-119px -76px;}
#fireplaces ul#nav li#nav-fireplaces a {background-position:-261px -76px;}
#green-energy ul#nav li#nav-green-energy a {background-position:-400px -76px;}
#service-repairs ul#nav li#nav-service-repairs a {background-position:-561px -76px;}
#advice ul#nav li#nav-advice a {background-position:-756px -76px;}
#contacts ul#nav li#nav-contact a {background-position:-841px -76px;}

ul#nav li#nav-heating a:hover, ul#nav li#nav-heating:hover a {background-position:0 -38px !important;}
ul#nav li#nav-bathrooms a:hover, ul#nav li#nav-bathrooms:hover a {background-position:-119px -38px !important;}
ul#nav li#nav-fireplaces a:hover, ul#nav li#nav-fireplaces:hover a {background-position:-261px -38px !important;}
ul#nav li#nav-green-energy a:hover, ul#nav li#nav-green-energy:hover a {background-position:-400px -38px !important;}
ul#nav li#nav-service-repairs a:hover, ul#nav li#nav-service-repairs:hover a {background-position:-561px -38px !important;}
ul#nav li#nav-advice a:hover {background-position:-756px -38px !important;}
ul#nav li#nav-contact a:hover {background-position:-841px -38px !important;}

ul#nav li ul li.our-range {border-bottom:1px solid #489f25;}
ul#nav li#nav-service-repairs ul li.our-range {border-bottom:1px solid #d88017;}
ul#nav li ul li a:hover {text-decoration:none; background:url(/images/dropdown_arrow.png) no-repeat right center !important;}

ul#nav li ul li.our-range {color:#88e861;}
ul#nav li#nav-service-repairs ul li.our-range {color:#fcd382}
ul#nav li {color:#5db639;}
ul#nav li ul li a {color:#337a16;}
ul#nav li#nav-service-repairs ul li a {color:#c35700;}
ul#nav li ul li a:hover,
ul#nav li#nav-service-repairs ul li a:hover {color:#fff;}

/* eo:navigation*/

/*so:supporting-content*/

#sub-page-nav ul {border:solid 1px #e2e2e2;}
#sub-page-nav ul li {border-top:solid 1px #e2e2e2;}
#sub-page-nav ul li:hover {background:#f4f4f4; cursor:pointer;}
#sub-page-nav ul li a {color:#f69623;text-decoration:none !important;}
#sub-page-nav ul li:hover a {color:#2c3740;text-decoration:none !important;}
#sub-page-nav ul li:hover ul li a {color:#f69623;text-decoration:none !important;}
#sub-page-nav ul li ul li:hover a {color:#2c3740;text-decoration:none !important;}
#sub-page-nav ul li:first-child,
#sub-page-nav ul li ul,
#sub-page-nav ul li ul li {border:none;}

#sub-page-nav ul.categories li {border:none !important;}
#advice #sub-page-nav ul li:hover, #articles #sub-page-nav ul li:hover, #news #sub-page-nav ul li:hover {background:none;}

#heating #supporting-content #sub-page-nav ul li a,
#fireplaces #supporting-content #sub-page-nav ul li a,
#bathrooms #supporting-content #sub-page-nav ul li a,
#green-energy #supporting-content #sub-page-nav ul li a {color:#5db639;text-decoration:none !important;}

#heating #supporting-content #sub-page-nav ul li a:hover,
#fireplaces #supporting-content #sub-page-nav ul li a:hover,
#bathrooms #supporting-content #sub-page-nav ul li a:hover,
#green-energy #supporting-content #sub-page-nav ul li a:hover  {color:#2c3740;text-decoration:none !important;}

#service-repairs #sub-page-nav ul li a {color:#F69623;}

#contact-driver {background:#fefac5}

a.quote {background:url(/images/quote_side.gif) no-repeat top;}
a.quote:hover {background:url(/images/quote_side.gif) no-repeat bottom;}

.download {background:url(/images/download_side.gif) no-repeat top;}
.download:hover {background:url(/images/download_side.gif) no-repeat bottom;}

#showroom h4 {background: #fefac5 url(/images/map_side_top.gif) no-repeat;}

#showroom .map {background: url(/images/map_side.gif) no-repeat;}

#contact-driver a {color:#2C3740;}

/*eo:supporting-content*/

/* so:home */

#flash-banner {background:url(/images/no-flash-banner.jpg) no-repeat 1px 0px;}
#home #contact-driver {background:url(/images/contact_driver.gif) no-repeat;}
#home a.quote {background:url(/images/quote_home.gif) no-repeat top;}
#home a.quote:hover {background:url(/images/quote_home.gif) no-repeat bottom;}

#homepage-heating a.product-img {background:url(/images/heating_home.gif) no-repeat top;}
#homepage-bathrooms a.product-img {background:url(/images/bathrooms_home.gif) no-repeat top;}
#homepage-fireplaces a.product-img {background:url(/images/fireplaces_home.gif) no-repeat top;}
#homepage-green-energy a.product-img {background:url(/images/energy_home.gif) no-repeat top;}

#homepage-heating a.product-img:hover {background:url(/images/heating_home.gif) no-repeat bottom;}
#homepage-bathrooms a.product-img:hover {background:url(/images/bathrooms_home.gif) no-repeat bottom;}
#homepage-fireplaces a.product-img:hover {background:url(/images/fireplaces_home.gif) no-repeat bottom;}
#homepage-green-energy a.product-img:hover {background:url(/images/energy_home.gif) no-repeat bottom;}

#features li.feature h2 {color:#fff; background: #e70042 url(/images/feature_top.gif) no-repeat left top;}
#features li.feature p {background: #fef119 url(/images/feature_bottom.gif) no-repeat left bottom;}
#features li.feature:hover {cursor:pointer;}
#features li.feature:hover a {color:#2c3740;}
#features li.feature:hover h2 {background: #2c3740 url(/images/feature_top.gif) no-repeat right top;}
#features li.feature:hover a.more {background:url(/images/red_arrow.png) no-repeat left -15px;}

a.more {
  color:#e70042;
  background:url(/images/red_arrow.png) no-repeat left 11px;
}

#product-ranges ul {background:url(/images/product_bottom.gif) no-repeat left bottom;}
#product-ranges ul.hover {background:url(/images/product_bottom_hover.gif) no-repeat left bottom;}

#product-ranges li {border:solid #ececec;}
#product-ranges li {border-width:0px 1px 1px;}
#product-ranges li.last {border-width:0px 1px 0px;}

#product-ranges li:hover {background:#f4f4f4; cursor:pointer;}

#product-ranges li h4 a {color:#5db63a; text-decoration:none !important;}
#product-ranges li p {color:#8f8f8f;}

a.see-all,
#showroom .find {
  color:#2c3740;
  background:url(/images/blue_arrow.png) no-repeat left 12px;
}

a.see-all:hover,
#showroom .find:hover {
  color:#1a1d1f;
  background:url(/images/blue_arrow.png) no-repeat left -14px;
}

#home #showroom .download {background:url(/images/download_home.gif) no-repeat top;}
#home #showroom .download:hover {background:url(/images/download_home.gif) no-repeat bottom;}

#home #showroom h4 {background: #fefac5 url(/images/map_top.gif) no-repeat;}

#home #showroom .map {background: url(/images/map.gif) no-repeat;}

#latest-advice {background: url(/images/advice_home.gif) no-repeat;}

#latest-advice h3 {border-bottom:solid 1px #e2e2e2;}
#latest-advice a.see-all {background: url(/images/orange_arrow.png) no-repeat 12px 11px; color:#f69623;}
#latest-advice a.see-all:hover {background: url(/images/orange_arrow.png) no-repeat 12px -25px; color:#c35700;}
#advice-space {border-right:solid 1px #e2e2e2;}
#advice-space strong {color:#8f8f8f;}

#latest-advice #advice-list dt {border-top:solid 1px #e2e2e2;}
#latest-advice #advice-list dt:first-child {border-top:none;}
#latest-advice #advice-list dt a {background: url(/images/orange_arrow.png) no-repeat 0 5px; color:#f69623;}
#latest-advice #advice-list dt a:hover {background: url(/images/orange_arrow.png) no-repeat 0 -31px; color:#c35700;}

/* eo:home */

/* so:footer */

#footer {background:#2c3740;}

#footer h5.site-name a {background: url(/images/logo_footer.gif) no-repeat;}

#footer li a {color:#fff;}
#footer li.green a {color:#5db639;}
#footer li.orange a {color:#f69623;}

/* eo:footer */

/* so:pages */

#contact-driver li {background:url(/images/blue_arrow.png) no-repeat left top;}

#breadcrumbs {background:#f2f2f2 url(/images/breadcrumb_bottom.gif) no-repeat left bottom;}
#breadcrumbs span {color:#8f8f8f;}
#breadcrumbs a {color:#e70042}

#heating #page-icon {background:url(/images/heating_icon.png) no-repeat;}
#bathrooms #page-icon {background:url(/images/bath_icon.png) no-repeat;}
#fireplaces #page-icon {background:url(/images/fireplace_icon.png) no-repeat;}
#green-energy #page-icon {background:url(/images/energy_icon.png) no-repeat;}
#service-repairs #page-icon {background:url(/images/service_icon.png) no-repeat;}

#main-content a {color:#F69623;}
#main-content a:hover {color:#c35700;}

#heating #main-content a,
#bathrooms #main-content a,
#fireplaces #main-content a,
#green-energy #main-content a {color:#5db639;}

#heating #main-content a:hover,
#bathrooms #main-content a:hover,
#fireplaces #main-content a:hover,
#green-energy #main-content a:hover {color:#337a16;}

.range-all {background:url(/images/range-all.gif) no-repeat top;}
.range-all:hover {background:url(/images/range-all.gif) no-repeat bottom;}

ul.documents, .pagination {border: solid 1px #e2e2e2;}
ul.documents li a {color:#e70042 !important; background:url(/images/red_arrow.png) no-repeat left top;}
ul.documents li a:hover {color:#2c3740 !important; background:url(/images/red_arrow.png) no-repeat left -26px;}

a.back {background:url(/images/page_arrow.png) no-repeat top left;}
a.back:hover {background:url(/images/page_arrow.png) no-repeat bottom left;}
a.forward {background:url(/images/page_arrow.png) no-repeat top right;}
a.forward:hover {background:url(/images/page_arrow.png) no-repeat bottom right;}

#gallery {background:url(/images/gallery.png) no-repeat top center;}


/* eo:pages */

/* so:articles */

.post-meta {color:#8f8f8f;}
.comment-count {background:#f69623; color:#fff;}
.post-meta .author {color:#f69623;}
#main-content #comments h2 {border-bottom:1px solid #e2e2e2;}
#main-content #comments li {border-top:1px solid #e2e2e2;}
#main-content #comments li:first-child {border-top:none;}

#articles a.back, #advice a.back, #news a.back {background:url(/images/article_arrow.png) no-repeat top left;}
#articles a.back:hover, #advice a.back:hover, #news a.back:hover {background:url(/images/article_arrow.png) no-repeat bottom left;}
#articles a.forward, #advice a.forward, #news a.forward {background:url(/images/article_arrow.png) no-repeat top right;}
#articles a.forward:hover, #advice a.forward:hover, #news a.forward:hover {background:url(/images/article_arrow.png) no-repeat bottom right;}

#news.index #content {background:url(/images/news_header.gif) no-repeat 47px 0px;}
#articles.index #content, #advice.index #content {background:url(/images/advice_header.gif) no-repeat 47px 0px;}

#news #main-content h2,
#advice #main-content h2,
#articles #main-content h2 {border-bottom: solid 1px #e2e2e2;}

/* eo:articles */

  /* so:pagination */

.pagination span.prev_page {background:url(/images/blue_arrow_left.gif) no-repeat left 4px;}
.pagination span.next_page {background:url(/images/blue_arrow.png) no-repeat right 4px;}

.pagination a.prev_page {background:url(/images/orange_arrow_left.png) no-repeat left 4px;}
.pagination a.prev_page:hover {background:url(/images/orange_arrow_left.png) no-repeat left -22px;}
.pagination a.next_page {background:url(/images/orange_arrow.png) no-repeat right 4px;}
.pagination a.next_page:hover {background:url(/images/orange_arrow.png) no-repeat right -32px;}

  /* eo:pagination */

/* so:contacts */

div.vcard a {color:#f69623;}
div.vcard a:hover {color:#c35700;}

#contacts #content {background:url(/images/contact_header.gif) no-repeat 89px 0px;}

#contacts #main-content h2 {border-bottom: solid 1px #e2e2e2;}

span.required {color:#e70042;}

/* eo:contacts */

/* so:sessions */
/* eo:sessions */

/* so:error */
/* eo:error */

/* so:image-replacement */

.site-name,
#gas-block,
ul#nav li a.top-navigation,
a.quote,
a.product-img,
.download,
#showroom .map,
#page-icon,
.range-all,
.hidden,
a.back,
a.forward,
#contact_submit  {
  overflow: hidden;
  text-align: left;
  display: block;
  line-height:0;
  text-indent: -1000em;
}

/* eo:image-replacement */


.text-field,
.check-box,
.select-field {
  width:700px;
  height:36px;
  position:relative;
  background:url(/images/input.gif) no-repeat;
  padding-bottom:10px !important;
}

#enquiry-type, #time {z-index:5 !important;}


.text-area {
  width:700px;
  height:176px;
  position:relative;
  background:url(/images/textarea.gif) no-repeat;
  padding-bottom:10px !important;
}

.text-field label,
.text-area label,
.check-box label,
.select-field label {
  position:relative;
  top:10px; left:20px;
  width:200px;
  height:36px;
}

.select-field select {
  position:absolute;
  top:10px; left:210px;
}

.check-box input {
  position:relative;
  top:10px;
}

.check-box .check-wrap label {left:0px;}

.text-field input,
.check-box .check-wrap {
  position:absolute;
  top:0; left:200px;
  width:480px;
  height:36px;
  padding:0 20px;
  border:none;
  background:none;
  color: #2c3740;
  line-height:16px;
}


.check-wrap label{
  padding:0 15px 0 7px;
  color:#f69623;
}

.text-area textarea {
  position:absolute;
  top:0; left:200px;
  width:479px;
  height:155px;
  padding:10px 20px;
  border:none;
  background:none;
  color: #2c3740;
  line-height:17px;
  letter-spacing:0.55px;
}

.check-box input {
  border:none;
  background:none;
}

#submit, #forgot-password {
  position:relative;
  left:199px;
}

input#contact_submit {
  width:96px;
  height:38px;
  background:url(/images/submit.gif) no-repeat top;
  border:none;
  cursor:pointer;
}

input#contact_submit:hover {background:url(/images/submit.gif) no-repeat bottom;}

.flash {margin-top:20px; padding:5px 10px;}

.flash.success {background:green; color:#fff;}
.flash.failure {background:red; color:#fff;}

/*Radio Button*/
.jqTransformRadioWrapper {position:relative; top:10px;}
.jqTransformRadio {
  background: transparent url(../images/forms/radio_box.gif) no-repeat left top;
  vertical-align: middle;
  height: 14px;
  width: 14px;
  display:inline-block;
}
a.jqTransformChecked { background-position: right top;}

/*Selects*/
.jqTransformSelectWrapper {
  position:relative;
  height: 0px;
  background: #fff;
  position:absolute;
  top:0px; left:220px;
  z-index:5 !important;
}


.supporting-content #placement-type .jqTransformSelectWrapper ul {
height:auto !important;
overflow:visible !important;
}

.jqTransformSelectWrapper div span {
  color:#f69623;
  font-size:11px;
  float: none;
  position: absolute;
  white-space: nowrap;
  height: 14px;
  padding: 9px 21px;
  overflow: hidden;
  cursor:pointer;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
  display: block;
  position: absolute;
  left: 0px;
  top:10px;
  width: 21px;
  height: 14px;
  background: url(../images/forms/select_arrow.gif) no-repeat left top;
}

.jqTransformSelectWrapper ul {
  background-color:#fff;
  display:none;
  left:6px;
  list-style-image:none !important;
  list-style-position:outside;
  list-style-type:none !important;
  margin:0 !important;
  position:relative;
  overflow: visible !important;
  height:150px;
  top:35px;
  z-index:10 !important;
}

.jqTransformSelectWrapper ul a {
  display: block;
  padding: 5px 15px;
  text-decoration: none;
  color:#f69623;
  background-color:#fff;
  font-size:11px !important;
}

.jqTransformSelectWrapper ul a.selected {
  background: #fff;
  color:#2c3740 !important;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
  background-color: #f4f4f4;
  color:#2c3740 !important;
}

/* Hide orgiganl form elements*/
.jqTransformHidden {display: none;}


div#fancy_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 30;
  background:black;
}

div#fancy_loading {
  position: absolute;
  height: 40px;
  width: 40px;
  cursor: pointer;
  display: none;
  overflow: hidden;
  background: transparent;
  z-index: 100;
}

div#fancy_loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background: transparent url('/images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
  position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
  position: relative;
  width:100%;
  height:100%;
  background: #FFF;
}

div#fancy_content {
  margin: 0;
  z-index: 100;
  position: absolute;
}

div#fancy_div {
  background: #000;
  color: #FFF;
  height: 100%;
  width: 100%;
  z-index: 100;
}

img#fancy_img {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
  padding: 0;
  margin: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

div#fancy_close {
  position: absolute;
  top: -12px;
  right: -15px;
  height: 30px;
  width: 30px;
  background: url('/images/fancybox/fancy_closebox.png') top left no-repeat;
  cursor: pointer;
  z-index: 181;
  display: none;
}

#fancy_frame {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}

#fancy_ajax {
  width: 100%;
  height: 100%;
  overflow: auto;
}

a#fancy_left, a#fancy_right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  z-index: 111;
  display: none;
  background-image: url("data:image/gif;base64,AAAA");
  outline: none;
  overflow: hidden;
}

a#fancy_left {
  left: 0px;
}

a#fancy_right {
  right: 0px;
}

span.fancy_ico {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  z-index: 112;
  cursor: pointer;
  display: block;
}

span#fancy_left_ico {
  left: -9999px;
  background: transparent url('/images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
  right: -9999px;
  background: transparent url('/images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
  visibility: visible;
  background-color: transparent;
}

a#fancy_left:hover span {
  left: 20px;
}

a#fancy_right:hover span {
  right: 20px;
}

#fancy_bigIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

div#fancy_bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 70;
  border: 0;
  padding: 0;
  margin: 0;
}

div.fancy_bg {
  position: absolute;
  display: block;
  z-index: 70;
  border: 0;
  padding: 0;
  margin: 0;
}

div#fancy_bg_n {
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
  top: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
  right: -20px;
  height: 100%;
  width: 20px;
  background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
  bottom: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
  bottom: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
  left: -20px;
  height: 100%;
  width: 20px;
  background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
  top: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
  position: absolute;
  z-index: 100;
  display: none;
  top:5px;
  left:5px;
  background: white;
}

div#fancy_title div {
  color: #000;
  font: 14px Arial;
  white-space: nowrap;
}

div#fancy_title {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/stylesheets/border-radius.htc);
  border:1px solid #E2E2E2;
}

/*div#fancy_title table {
  margin: 5px;
}*/

div#fancy_title table td {
  padding: 0;
  vertical-align: middle;
}

td#fancy_title_left {
  height: 32px;
  width: 15px;
  background: white;
}

td#fancy_title_main {
  height: 32px;
  background: white;
}

td#fancy_title_right {
  height: 32px;
  width: 15px;
  background: white;
}