/*
|-------------------------------------------------------------------------------
| Defaults
|-------------------------------------------------------------------------------
*/
body {
  font-family:arial;
}

h1 {
  background: url(../images/header.jpg);
  color:#FFFFFF;
  padding:25px;
  margin:0;
  font-size:200%;
  margin:0 0 10px;
}

h1 span {
  font-size:160%;
}

a {
  color: #0053a3;
}

a:hover {
  text-decoration:underline !important;
}

p a.pdf {
	background: url(../images/pdficon_small.gif) no-repeat;	
	padding-left: 25px;
	display: inline-block;
	line-height: 17px;
}

#product-logo {
	padding: 10px 0;	
}

#footer address {
	margin: 5px;
	font-style: normal;
}

.column-2 #enlarge {
	margin-top: 1.5em; margin-bottom: 0.5em; font-size: 119%; font-weight: bold;	
}

/*
|-------------------------------------------------------------------------------
| BOX
|-------------------------------------------------------------------------------
|
| "box" and "block" are very similar. I'm choosing "box" to describe a div with
| a border and "block" is without a border.
|
*/
.box {
  border:1px solid #D2D2D1;
  background: #e9e8e8;
  width:240px;
  float:left;
  padding:0;
  margin:0;
}

.box h3{
  background: #a9a8a5 url(../images/product-overview/grey-arrow.jpg) no-repeat;
  color:#2E2014;
  font-size:125%;
  font-weight:bold;
  margin:0;
  /* padding:7px; */
  line-height: 34px;
  padding-left: 42px;
}

.box p{
  padding:10px;
  height:100px;
}

/*
|-------------------------------------------------------------------------------
| Gradiant
|-------------------------------------------------------------------------------
*/
.gradiant {
  background-image: url(../images/header-bg.gif);
  background-repeat: repeat-x;
  padding-top: 10px;
}

/*
|-------------------------------------------------------------------------------
| Column
|-------------------------------------------------------------------------------
*/
.column-1 {
  /* padding-top:5px; */
  width:480px;
  float:left;
  margin-right: 5px;
}

.column-2 {
  float:left;
  width:240px;
  margin-right:0px;
}

/*
|-------------------------------------------------------------------------------
| Sidebar
|-------------------------------------------------------------------------------
*/

#container {
  background: #fff url("../images/left-bar.gif") repeat-y left top;
}

#sidebar {
	width: 211px;	
}

#sidebar fieldset {
  padding:10px;
  margin:10px 0 15px;
}

#sidebar form input {
	width: 140px;	
}

#id_submit {
  width:auto !important;
}

#featured-download {
  background:#d2d3d1;
  margin:20px 0 0;
}

#featured-download h3 {
  border-bottom:1px solid #FFFFFF;
  color:#0556A3;
  font-size:100%;
  font-weight:bold;
  padding:5px;
  text-transform:uppercase;
}

#featured-download p {
  color:#231f20;
  margin:0 5px 0 5px;
  background: url(../images/arrows/ft-dwnld-arrow.gif) no-repeat left bottom;
  padding-bottom: 10px;
}

#featured-download a {
  color:#231F20;
}

#featured-download img {
  float: right;
  margin:0 5px 5px 5px;
}

/*
|-------------------------------------------------------------------------------
| #page-case-studies
|-------------------------------------------------------------------------------
*/
#page-case-studies ul {
  padding:0;
}

#page-case-studies li h4 {
  margin:0;
  font-weight:bold;
  font-size:100%;
}

#page-case-studies li img {
  float:left;
  margin:0 10px 0 0;
}

#page-case-studies li {
  list-style-type:none;
  margin:0 0 10px 0;
}

/*
|-------------------------------------------------------------------------------
| #page-benefits
|-------------------------------------------------------------------------------
*/
#page-benefits #content ul {
  padding:0;
  margin:0;
  margin-bottom: 1.5em;
}

#page-benefits #content li{
  float:left;
  width:49%;
  margin-right:6px;
  height: 220px;
  list-style-type:none;
}

#page-benefits #content li img {
  float:left;
  padding: 0 10px 10px 0;
}

#page-benefits #content li p {
  padding: 0 10px 0 0;
  font-size:95%;
}

#page-benefits #content h4 {
  background-position: left center;
  background-repeat: no-repeat;
  padding:6px 0 6px 40px;
  background-color:#4F4F52;
  color:#FFFFFF;
  margin:0 0 5px 0;
  font-size:100%;
}

#page-benefits #content h4 a {
  color:#FFFFFF;
  text-decoration:none;
}

#page-benefits #content h4 a:hover {
  text-decoration:underline;
}

#page-benefits #content #solid-floor h4{
  background-image: url(../images/arrows/red-arrow.gif);
}

#page-benefits #content #floating-floor h4 {
background-image: url(../images/arrows/light-blue-arrow.gif);
}

#page-benefits #content #suspended-floors h4 {
  background-image: url(../images/arrows/green-arrow.gif);
}

#page-benefits #content #overlay h4 {
  background-image: url(../images/arrows/yellow-arrow.gif);
}

/*
|-------------------------------------------------------------------------------
| #page-faqs
|-------------------------------------------------------------------------------
*/
#page-faqs h1 {
  padding:0;
  background:none;
  color: #0053a3;
}

#page-faqs #content-inner ul {
  padding:0;
  margin:0 0 20px 0;
}

#page-faqs #content-inner li {
  list-style-type:none;
}

/*
|-------------------------------------------------------------------------------
| #page-events
|-------------------------------------------------------------------------------
*/
#page-events #content ul {
  padding:0;
}

#page-events #content li{
  float:left;
  width:400px;
  list-style-type:none;
  padding-top:10px;
}

#page-events #content p {
  margin:0 0 5px 0;
}

#page-events h1 {
  background: none;
  color: #0053a3;
  padding-left: 0;
}

#page-events h4 {
  font-weight:bold;
}

/*
|-------------------------------------------------------------------------------
|	#page-self-builder
|-------------------------------------------------------------------------------
*/
#page-self-builder #content-inner h2 {
	font-size: 1.5em;
}

/*
|-------------------------------------------------------------------------------
| BLOCK
|-------------------------------------------------------------------------------
*/
.block {
  float:left;
}

.block h3 {
  font-size: 110%;
  color: #6b6763;
  border:0;
  background: url(../images/header-bg.gif) repeat-x top left #fff;
  font-size:119%;
  padding:10px;
  margin:0;
  height: 50px;
}

.block h3 span {
  font-size: 130%;
  font-weight:bold;
}

.block h4 {
  background:none repeat scroll 0 0 #4F4F52;
  color:#FFFFFF;
  font-size:100%;
  font-weight:bold;
  letter-spacing:0px;
  padding:5px;
  margin:0 0 10px 0;
}

/*
|-------------------------------------------------------------------------------
| PRODUCTS BLOCK
|-------------------------------------------------------------------------------
*/
#products-block {
  width: 506px;
}

#products-block h3 {
  height: 20px;
  font-weight:bold;
  color: #000;
  width: 460px;
}

#page-product-overview #product-selector-block h3 {
  color: #000;
  border: 0;
  background: url(../images/header-bg.gif) repeat-x top left #fff;
  font-size: 119%;
  padding: 10px;
  margin: 0;
  height: 20px;
  line-height: 1;
}

#products-block ul{
  list-style-type: none;
  margin:0;
  padding:0;
}

#products-block li {
  float:left;
  width: 48%;
  height: 130px;
}

#products-block h4 {
  padding-left:40px;
  background: no-repeat center left #a8a7a5;
  font-weight: bold;
  letter-spacing: 0px;
  margin:0 0 5px;
}

#products-block h4 a {
  color:#FFFFFF;
  text-decoration:none;
}

#products-block h4 a:hover {
  text-decoration:underline;
}

#products-block li img{
  float:right;
}

#products-block li p{
	float: left;
	padding-left: 5px;
	line-height: 1.1;
	margin-bottom:0;
	padding-right:5px;
	width: 110px;
}

/* arrows */

#solid-floors h4 {
  background-image: url(../images/arrows/red-arrow.gif);
}

#floating-floors h4 {
  background-image: url(../images/arrows/light-blue-arrow.gif);
}

#suspended-floors h4 {
  background-image: url(../images/arrows/green-arrow.gif);
}

#modular-heating-panels h4 {
  background-image: url(../images/arrows/orange-arrow.gif);
}

#overlay h4 {
  background-image: url(../images/arrows/yellow-arrow.gif);
}

#overlay-lite h4 {
  background-image: url(../images/arrows/yellow-arrow.gif);
}

#temperature-controls h4,
#manlfolds h4 {
  background-image: url(../images/arrows/dark-blue-arrow.gif);
}

/*
|-------------------------------------------------------------------------------
| PAGE TECHNICAL OVERVIEW
|-------------------------------------------------------------------------------
*/
#page-technical-overview #products-block {
  width:100%;
  border:1px solid #BBBBBB;
}

#page-technical-overview #products-block li {
	margin-right: 5px;
	margin-left: 0;
	width: 239px;
}

#page-technical-overview #products-block li.last {
  margin-right:0;
}

#page-technical-overview #products-block li img{
  float:left;
  margin-right:5px;
}

#page-technical-overview #products-block h3 {
  width:auto;
}

/*
|-------------------------------------------------------------------------------
| INSTALLATION GUIDE BLOCK
|-------------------------------------------------------------------------------
*/
#installation-guides-block {
  margin:10px 0 0 0;
  border:1px solid #BBBBBB;
  width:727px;
}

#installation-guides-block h3 {
  height:auto;
  font-weight:bold;
}

#installation-guides-block p {
	padding: 0 10px;
}

#installation-guides-block ul {
  margin:0;
  padding:0;
}

#installation-guides-block li{
  width: 119px;
  float:left;
  text-align: center;
  list-style-type:none;
}

#installation-guides-block li img {
  border:1px solid #BBBBBB;
  width:85px;
}

/*
|-------------------------------------------------------------------------------
| #page-50-year-guarantee
|-------------------------------------------------------------------------------
*/
#page-50-year-guarantee h1{
  background: none;
  color: #0053a3;
  padding-left: 0;
}

#page-50-year-guarantee .column-2 img {
	margin-left: 50px;	
}

/* #page-downloads */

#page-downloads h1 {
	background: none;
	color: #0053a3;
	padding-left: 0;
}

#page-downloads .download {
	clear: left;
	margin-bottom: 10px;
}

#page-downloads .download img {
	margin-bottom: 5px;	
}

#page-downloads .block {
	width: 90px;	
}

#page-downloads .block {
	text-align: center;	
}

/*
|-------------------------------------------------------------------------------
| FLOOR HEATING BLOCK
|-------------------------------------------------------------------------------
*/
#floorheating-block {
  width:250px;
  margin: 0 5px 0 0;
}

#floorheating-block img {
  margin-bottom: 10px;
}

#floorheating-block ul {
  margin:0;
  padding:0;
}

#floorheating-block li {
  list-style-type:none;
}

/*
|-------------------------------------------------------------------------------
| ADVICE BLOCK
|-------------------------------------------------------------------------------
*/
#advice-block {
  width:473px;
}

#advice-block ul {
  list-style-type: none;
  padding:0;
  margin:0 0 10px 0;
}

#advice-block li {
  width: 231px;
  float: left;
  height: 130px;
}

#solid-floors, #suspended-floors, #overlay, #temperature-controls {
	margin-right: 6px;	
}

#floating-floors, #modular-heating-panels, #overlay-lite, #manlfolds {
	margin-left: 5px;
}

#advice-block h4 {
  padding-left:40px;
  background-repeat:no-repeat;
  background-position:center left;
  background-color:#a8a7a5;
  font-weight: bold;
  letter-spacing: 0px;
  margin:0 0 5px;
}

#advice-block li h4 a {
	color: #fff;
	text-decoration: none;
}

#advice-block li img {
 float: left;
 margin-right: 5px;
 width: 110px;
 height: 61px;
}

#advice-block li p {
  padding-right: 5px;
  margin-bottom : 0;
  line-height: 1.1;
  float: right;
  width: 110px;
}

/*
|-------------------------------------------------------------------------------
| #product-floating-floors
|-------------------------------------------------------------------------------
*/
#product-floating-floors h1 {
  background:url(../images/product-floating-floors/header.jpg);
}

#product-floating-floors th {
  background:#00adee;
}

#product-floating-floors .even {
  background:#65CDF3;
}

tr.even td {
  background:inherit;
}

/*
|-------------------------------------------------------------------------------
| ENLARGE IMAGES BLOCK
|-------------------------------------------------------------------------------
*/
.enlarge-images-block {
	width: 240px;	
}

.enlarge-images-block ul {
  padding:0;
  margin:0;
  list-style-type: none;
}

.enlarge-images-block li{
  float:left;
  width: 71px;
  margin: 0 3px;
}

.enlarge-images-block h3 {
  height:auto;
  font-weight: bold;
}

/*
|-------------------------------------------------------------------------------
| #page-solid-floor
|-------------------------------------------------------------------------------
*/
#page-solid-floor h1{
  background:url(../images/product-solid-floor/header.jpg);
}

#page-solid-floor th {
  background: #ed1d24;
}

#page-solid-floor .even {
  background: #f4777c;
}

/*
|-------------------------------------------------------------------------------
| page-suspended-floors
|-------------------------------------------------------------------------------
*/
#page-suspended-floors h1 {
  background:url(../images/product-suspended-floors/header.jpg);
}

#page-suspended-floors th {
  background: #74a23f;
}

#page-suspended-floors .even {
  background: #abc78b;
}

/*
|-------------------------------------------------------------------------------
| #page-modular-heating-panels
|-------------------------------------------------------------------------------
*/
#page-modular-heating-panels h1{
  background:url(../images/product-modular-heating-panels/header.jpg);
}

#page-modular-heating-panels th {
  background: #f8983a;
}

#page-modular-heating-panels .even {
  background: #fbc189;
}

#page-product-overlay h1 {
   background: url(../images/product-overlay/overlay-header.jpg);
}

#page-product-overlay table th {
  background:#fecc04;
}

#page-product-overlay table .even {
  background:#feea9a;
}

/*
|-------------------------------------------------------------------------------
| product-overlay-lite
|-------------------------------------------------------------------------------
*/
#product-overlay-lite h1 {
  background:url(../images/product-overlay-lite/header.jpg);
}

#product-overlay-lite h1 {
   background: url(../images/product-overlay/overlay-header.jpg);
}

#product-overlay-lite table th {
  background:#fecc04;
}

#product-overlay-lite table .even {
  background:#feea9a;
}

/*
|-------------------------------------------------------------------------------
| #page-temperature-controls
|-------------------------------------------------------------------------------
*/
#page-temperature-controls h1{
  background:url(../images/product-temperature-controls/header.jpg);
}

#page-temperature-controls .column-1 h3 {
	font-weight: bold;
	font-size: 119%;
	margin-top: 1em;
}

/*
|-------------------------------------------------------------------------------
| #page-manifolds
|-------------------------------------------------------------------------------
*/
#page-manifolds h1{
  background:url(../images/product-manifolds/header.jpg);
}

#page-manifolds th {
  background: #21409a;
  color: #fff;
}

#page-manifolds .even {
  background: #7a8cc2;
}

/*
|-------------------------------------------------------------------------------
| #page-product-selector
|-------------------------------------------------------------------------------
*/
#product-selector {
  /* width:100%; */
  width: 726px;
  border: 1px solid #D2D2D1;
}

#page-product-selector #product-selector h3{
  height:auto;
}

#page-product-selector #product-selector ul {
  margin:0;
  padding:0;
}

#page-product-selector #product-selector li{
 /*  width:33%; */
 width: 240px;
  float:left;
 /*  margin: 0 1px; */
  list-style-type:none;
}

#page-product-selector #product-selector li.two {
	border-left:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
	margin:0 2px;
}

#page-product-selector #product-selector h4 {
	padding: 0 0 0 40px;
	line-height: 34px;
}

#page-product-selector #product-selector li.one h4 {
	background: #A8A7A5 url(../images/arrows/red-arrow.gif) no-repeat; 
}

#page-product-selector #product-selector li.two h4 {
	background: #A8A7A5 url(../images/arrows/orange-arrow.gif) no-repeat; 
}

#page-product-selector #product-selector li.three h4 {
	background: #A8A7A5 url(../images/arrows/dark-blue-arrow.gif) no-repeat; 
}

#page-product-selector #product-selector li img {
	margin: 0 10px;	
}

/*
|-------------------------------------------------------------------------------
| #page-product-overview
|-------------------------------------------------------------------------------
*/
#page-product-overview #guarantee {
  float: right;
  text-align: center;
  width: 122px;
  padding-top: 15px;
}

#page-product-overview #product-selector-block {
  width:auto;
  margin-top: 10px;
}

#page-product-overview #product-selector-block img {
  float:right;
  margin:0px 0 0 10px;
}

#page-product-overview #installer-block p,
#page-product-overview #stockist-block p{
  height:auto;
}

#page-product-overview #installer-block,
#page-product-overview #stockist-block{
  margin: 10px 0 0 0;
}

#page-product-overview #featured-product img{
  display:block;
  margin:0 auto;
}

#page-product-overview #products-block {
  width:auto;
}

/*
|-------------------------------------------------------------------------------
| #page-become-an-installer
|-------------------------------------------------------------------------------
*/
#page-become-an-installer label {
  float:left;
  width:150px;
  clear:left;
}

#page-become-an-installer img {
  float:right;
  margin:0 0 5px 5px;
}

#page-become-an-installer input,
#page-become-an-installer select{
  float:left;
  margin:0 0 1px 0;
  width:250px;
}

#page-become-an-installer #id_submit {
  clear:left;
  margin:10px 0 0 0;
}

#page-become-an-installer .checkbox {
	clear: left;
	float:left;
 	margin:0 0 1px 0;
	width: 470px;
}

#page-become-an-installer .checkbox label{
  width:auto;
  clear:none;
  margin-left: 5px;
}

#page-become-an-installer .checkbox input {
  width:auto;
}

#page-become-an-installer #content-inner fieldset, #page-merchants #content-inner fieldset {
	border: none;
	padding: 0;
}

#page-become-an-installer #content-inner legend, #page-merchants #content-inner legend {
	color: #666;
	padding-bottom: 1em;
}

#page-become-an-installer #content-inner .highlight, #page-merchants #content-inner .highlight  {
	background-color: transparent;
	color: #f00;
}

#page-become-an-installer .checkbox label, #page-become-an-installer.checkbox label {
	font-weight: normal;	
}


/*
|-------------------------------------------------------------------------------
| mouse-over
|-------------------------------------------------------------------------------
*/
.mouse-over-image {
  display:none;
}

/*
|-------------------------------------------------------------------------------
| #page-design-service
|-------------------------------------------------------------------------------
*/
#page-design-service #content-inner ul {
  padding:0;
}

#page-design-service #content-inner li {
  list-style-position:inside;
}

/*
|-------------------------------------------------------------------------------
| #page-design-service
|-------------------------------------------------------------------------------
*/
#page-design-service .column-2{
  padding-top:5px;
}

/*
|-------------------------------------------------------------------------------
| #page-polypipe-service
|-------------------------------------------------------------------------------
*/
#page-polypipe-service .column-2 {
  padding-top:5px;
}

/*
|-------------------------------------------------------------------------------
| #page-sales-support
|-------------------------------------------------------------------------------
*/
#page-sales-support #content-inner ul {
  padding: 0;
}

#page-sales-support #content-inner li {
  list-style-position:inside;
}

#page-sales-support #content-inner .column-2 {
  padding-top:5px;
}

/*
|-------------------------------------------------------------------------------
| #page-installers
|-------------------------------------------------------------------------------
*/
#page-installers #benefits {
  float:left;
  width:49%;
  background: url(../images/installers/bg.gif);
}

#page-installers #one-two-three{
  float:right !important;
  width:49%;
  background: url(../images/installers/bg.gif);
}

#page-installers #benefits h3,#page-installers #one-two-three h3  {
  color: #000;
  border: 0;
  background: url(../images/header-bg.gif) repeat-x top left #fff;
  font-size: 119%;
  padding: 10px;
  margin: 0;
  height: 20px;
  line-height: 1;
  font-weight: bold;
}

#page-installers #how-to-apply h3 {
	font-weight: bold;
	font-size: 119%;
	padding-top: 10px;
	border-top: 1px solid #D2D2D1;
}

#page-installers .box p {
	height: auto;	
}

/*
|-------------------------------------------------------------------------------
| #page-merchants
|-------------------------------------------------------------------------------
*/
#page-merchants label {
  float:left;
  width: 120px;
  clear:left;
}

#page-merchants input,
#page-merchants select{
  float:left;
  margin:0 0 1px 0;
  width:250px;
}

#page-merchants #id_submit {
  clear:left;
  margin:10px 0 0 0;
}

#page-merchants .checkbox {
  clear: left;
  float:left;
  margin:0 0 1px 0;
  width: 470px;
}

#page-merchants .checkbox label{
  width:auto;
  clear:none;
  margin-left: 5px;
  font-weight: normal;
}

#page-merchants .checkbox input {
  width:auto;
}

/*
|-------------------------------------------------------------------------------
| #product-list
|-------------------------------------------------------------------------------
*/

ul#product-list {
  margin:0;
  padding:0;
}

ul#product-list li{
  float:left;
  height:170px;
  list-style-type:none;
  width:49%;
}

ul#product-list li img {
  float:left;
  margin: 0 5px 5px 0;
}

ul#product-list li h4 {
  font-size:90%;
  font-weight:bold;
}

ul#product-list .checkbox label{
  width:auto;
  float:none;
  clear:none;
}

ul#product-list li input{
  width:50px;
  float:none;
}

.right-form {
  width:45%;
  float:right;
}

.left-form {
  width:/* 58 */54%;
  float:left;
}

/*
|-------------------------------------------------------------------------------
| #page-contact
|-------------------------------------------------------------------------------
*/
#page-contact .highlight {
  background-color:transparent;
  color:#FF0000;
}

#page-contact fieldset {
  border:none;
}

#page-contact label {
  clear:left;
  float:left;
  width:120px;
}

#page-contact input,
#page-contact select,
#page-contact textarea{
  float:left;
  margin:0 0 1px;
  width:284px;
}

#page-contact select {
  width:286px;
}

#page-contact textarea{
  width:273px;
}

#page-contact .right-form {
  width:60%;
}

#page-contact .right-form h2{
  font-size:13px;
  font-weight:bold;
  margin:0 0 0 15px;
}

#page-contact .left-form {
  width:40%;
}

#page-contact .checkbox label{
  width:auto;
  clear:none;
  margin-left: 5px;
  font-weight: normal;
}

#page-contact .checkbox input {
  width:auto;
}

#page-contact h1{
  background: url(../images/contact.png) no-repeat center right;
  color: #0053a3;
  padding-left: 0;
}

#page-contact textarea {
  height:150px;
}

#page-contact th, #page-contact td, #page-contact caption {
  padding:0;
}