@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img {
	border:0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul,ul li {
	list-style:none;
    ist-style-type:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
	q:before,q:after {
	content:'';
	}
abbr,acronym {
	border:0;
	}
a, a img {
    text-decoration:none;
    border:none
}
/* --- css document by Richard Henry for West Midlands Media for Warmer Ideas 2009 --- */

body {
margin:0;
padding:0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium;
background-color:#b2b2b2;
}
p {
font-size:92%;
line-height:1.8em;
font-weight:400;
margin:0;
padding:0
}
strong, b {
font-weight:800
}
a {
text-decoration:none
}
em {
font-style:italic
}
h1, h2, h3 {
clear:left
}

#page {
width:773px;
margin:8px auto 8px auto;
padding:0 0 6px 0;
height:100%;
background-color:#ffffff;
position:relative
}
#header {
clear:both;
float:left;
margin:8px 0 6px 0;
width:100%;
height:168px;
background-color:#ffffff;
background-image:url(../pictures/header.png);
background-position:6px 0;
background-repeat:no-repeat;
position:relative
}
#headersearch {
position:absolute;
top:50px;
right:31px
}
#headersearch input {
background-color:#e7ebf1;
border:0;
padding:3px
}
#customerlinks {
position:absolute;
right:22px;
top:16px;
width:459px;
height:22px
}
#customerlinks ul {
margin:-1px 0 0 6px
}
#customerlinks ul li {
color:#ffffff;
display:inline;
margin:0 0 0 6px;
text-transform:uppercase;
font-size:66%;
/*font-weight:700*/
}
#customerlinks ul li a {
color:#ffffff;
cursor:pointer
}
#customerlinks ul li a:hover {
color:#f7bf88
}

/*--- cart in header ---*/
#quickcart, #quicknotes, #quicksearch {
position:absolute;
display:none;
right:22px;
top:46px;
width:541px;
height:auto;
padding-bottom:20px;
background-color:#22487f;
border-bottom:6px solid #ffffff;
z-index:100;
color:#ffffff;
font-size:86%;
line-height:1.6em
}
#quicknotes {
background-color:#dfdfdf;
color:#494949;
border-bottom:6px solid #494949
}
#quicksearch {
background-color:#497fad;
color:#1a3863
}
#quicksearch form {
clear:both;
float:left;
margin:8px 0 0 1px
}
#quicksearch form input {
border:0;
background-color:#dedede
}
#quickcart #content, #quicknotes #notescontent, #quicksearch #searchcontent {
margin:10px 0 0 14px
}
#quickcart #content #quickcartdetails p, #quicknotes #notescontent #quicknotesdetails p, #quicksearch #searchcontent #quicksearchdetails p {
width:510px;
margin:4px 0 0 24px
}
#quickcart #content #cartheader, #quicknotes #notescontent #notesheader, #searchnotes #searchcontent #searchheader {
background-color:#1a3863;
text-transform:uppercase;
width:435px;
height:50px;
/*padding:2px;*/
font-size:80%;
text-indent:5px
}
a.quickdelete {
float:left;
display:inline;
margin:4px 6px 0 0;
background-image:url("../pictures/yes.png");
background-position:center;
background-repeat:no-repeat;
width:16px;
height:16px
}
a.quickdelete:hover {
float:left;
display:inline;
margin:4px 6px 0 0;
background-image:url("../pictures/delete.png");
background-position:center;
background-repeat:no-repeat;
width:16px;
height:16px;
cursor:pointer
}
a#checkoutlink, a#quicknotestoggle2, a#quickcarttoggle2, a#quicksearchtoggle2 {
clear:both;
float:right;
display:inline;
margin:10px 28px 0 0;
color:#dedede;
font-size:86%;
font-weight:700;
cursor:pointer
}
a#quicknotestoggle2, a#quickcarttoggle2, a#quicksearchtoggle2 {
clear:none;
float:left;
display:inline;
margin:10px 0 0 12px;
}
a#checkoutlink:hover, a#quicknotestoggle2:hover, a#quickcarttoggle2:hover {
color:#f8c78b
}
#quicknotesdetails a#checkoutlink, #quicknotesdetails a#quicknotestoggle2 {
color:#949494
}
#quicknotesdetails a#checkoutlink:hover, #quicknotesdetails a#quicknotestoggle2:hover, #quicksearchdetails a#quicksearchtoggle:hover {
color:#4a4a4a
}
a.quicksearchlink {
clear:none;
float:left;
display:inline
}
p#headerphone {
position:absolute;
top:80px;
right:30px;
color:#dfe4ec;
font-size:150%;
font-weight:bold
}
#standardlinks {
position:absolute;
bottom:1px;
right:13px;
width:397px;
height:27px
}
#standardlinks ul li {
float:left;
display:inline
}
#standardlinks ul li a {
width:100%;
display:block;
background-color:none;
color:#ffffff;
font-weight:800;
font-size:66%
}
#standardlinks ul li a div {
position:relative;
top:4px
}

#standardlinks ul li a:hover {
background-color:#f6aa45;
/*border-bottom:7px solid #ffffff*/
}
/*#homepage #standardlinks ul li a:hover {
background-color:#CA6A2D;
border-bottom:7px solid #CA6A2D
}*/

#standardlinks ul li a div {
left:13px;
}
#standardlinks ul li#home a {
width:55px;
height:27px
}
#standardlinks ul li#about a {
width:88px;
height:27px;
margin-left:5px
}
#standardlinks ul li#about a div {
margin-left:5px
}
#standardlinks ul li#contact a {
width:92px;
height:27px;
margin-left:3px
}
#standardlinks ul li#contact a div {
margin-left:2px
}
#standardlinks ul li#terms a {
width:56px;
height:27px;
margin-left:4px
}
#standardlinks ul li#terms a div {
margin-left:1px
}
#standardlinks ul li#checkout a {
width:84px;
height:27px;
margin-left:6px
}
#standardlinks ul li#checkout a div {
margin-left:1px
}
#pagevisual {
clear:both;
/*float:left;*/
margin:0 0 0 6px;
position:relative;
height:290px;
}
a#specialofferlink {
position:absolute;
right:6px;
bottom:0;
width:254px;
height:109px;
cursor:pointer;
z-index:99;
display:block;
background-color:white;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0
}
a#specialofferlink:hover{
background-image:url("../pictures/specialhover.gif");
background-position:center;
background-repeat:no-repeat;
background-color:transparent;
filter:alpha(opacity=100);
-moz-opacity:100;
opacity:100
}
/* --- leftcolumn --- */

#leftcolumn {
float:left;
height:100%;
margin:0 0 0 6px;
background:#dedede
}
#leftnav {
float:left;
margin:0;
padding:0;
width:184px;
height:100%;
background:#dedede
}
h3.leftlink {
width:180px;
height:30px;
display:block;
text-decoration:none;
cursor:pointer;
border-left:4px solid #a7a7a7;
margin:0;
padding:0
}
h3.leftlink span, h3.leftlink a, h3.leftlink.single a {
clear:both;
float:left;
font-size:80%;
color:#666666;
font-weight:700;
margin:7px 0 0 9px;
padding:0
}
h3.leftlink.single a {
font-size:100%;
margin:0;
cursor:pointer
}
h3.leftlink:hover {
width:176px;
border-right:4px solid #22487f;
}
h3.leftlink.selected {
width:176px;
border-right:4px solid #22487f;
}
/*h3.leftlink.radiators {
border-left:4px solid #a4a4a4;
}
h3.leftlink.rails {
border-left:4px solid #81c3a8;
}
h3.leftlink.warmers{
border-left:4px solid #c9b0cd;
}*/
.leflinkcat {
/*width:184px;
height:29px;*/
display:block;
text-decoration:none;
cursor:pointer;
border-bottom:1px solid #a7a7a7;
color:#666666;
font-weight:700;
margin:0;
padding:0
}
.leflinkcat h3.leftlink.single a {
color:#666666
}
.leflinkcat div {
clear:both;
float:left;
width:184px;
height:100%;
min-height:29px;
display:block;
margin:0;
padding:0;
}
.leflinkcat div div {
clear:both;
float:left;
width:184px;
height:29px;
display:block;
border-bottom:1px solid #a7a7a7;
margin:0;
padding:0;
}
.leflinkcat div div a {
clear:both;
float:left;
margin:6px 0 0 14px;
padding:1px;
font-size:68%;
font-weight:400;
color:#525252;
text-decoration:none
}
.leflinkcat div div a.designer:hover {
background-color:#4a4a4a;
color:#ffffff
}
.leflinkcat div div a.accessories:hover {
background-color:#62433f;
color:#ffffff
}
.leflinkcat div div a.contemporary:hover {
background-color:#006591;
color:#ffffff
}
.leflinkcat div div a.traditional:hover {
background-color:#008651;
color:#ffffff
}
.leflinkcat div div a.electric:hover {
background-color:#93649b;
color:#ffffff
}
.leflinkcat div div a.castiron:hover {
background-color:#7b1104;
color:#ffffff
}
.leflinkcat div div a.panel:hover {
background-color:#dd2f17;
color:#ffffff
}
.leflinkcat div div a.offer:hover {
background-color:#f39743;
color:#ffffff
}
.leflinkcat div div a.managers:hover {
background-color:#cb7d4c;
color:#ffffff
}
h3.leftlink span a {
clear:both;
float:left;
font-size:100%;
color:#666666;
font-weight:700;
margin:0 0 0 2px;
padding:0
}
#leftcolumnlinks {
clear:both;
float:left;
margin:16px 0 0 12px;
padding-bottom:16px;
background:#dedede;
height:100%
}
#leftcolumnlinks a img {
clear:both;
float:left;
margin:0 0 3px 0
}
#worldwide {
width:158px;
height:158px;
overflow:hidden;
clear:both;
float:left;
margin:0;
display:inline
}
#signup {
background-color:#22487f;
width:158px;
height:90px;
clear:both;
float:left;
margin:-3px 0 3px 0
}
#signup.Designer {
background-color:#4a4a4a
}
#signup.Accessories {
background-color:#6e3932
}
#signup.Contemporary {
background-color:#006b9c
}
#signup.Traditional {
background-color:#04955b
}
#signup.Electric {
background-color:#815788
}
#signup.CastIron {
background-color:#b51d0a
}
#signup.Panel {
background-color:#dd2f17
}
#signup.Guide {
background-color:#bc4474
}
#callback {
background-color:#8093ae;
width:158px;
height:40px;
clear:both;
float:left;
margin:-3px 0 3px 0
}
#callback.Designer {
background-color:#969696
}
#callback.Accessories {
background-color:#b08e8a
}
#callback.Contemporary {
background-color:#81a5b6
}
#callback.Traditional {
background-color:#7bb19e
}
#callback.Electric {
background-color:#b594bb
}
#callback.CastIron {
background-color:#b7928e
}
#callback.Panel {
background-color:#e8a66a
}
#callback.Guide {
background-color:#dda1ba
}
#protxcards {
background-color:#ffffff;
width:158px;
height:135px;
clear:both;
float:left;
margin:-3px 0 3px 0;
background-image:url("../pictures/protxcards.png");
background-position:center;
background-repeat:no-repeat
}
#signup p, #callback p {
padding:8px;
color:white;
font-size:80%
}
#leftcolumn .fields {
/*width:158px;*/
float:left;
margin:0 0 0 22px
}
#leftcolumn form {
display:inline;
width:158px
}
#leftcolumn form input {
float:left;
margin:0 0 10px 0;
color:#003c74;
border:0;
}
#leftcolumn form submit {
clear:both;
float:left;
margin:3px 0 0 20px;
background-color:#657fa6;
color:#003c74;
border:0;
}
img.leftformarrow {
margin:6px 0 0 4px
}

.leftblockproduct, .leftblocksaletest, .leftblockelectric_product, .leftblockhome, .leftblockcategory, .leftblockpanel, .leftblockinfo, .leftblockcheckout, .leftblockcontact_us, .leftblocksearch, .leftblockguide {
float:left;
background-color:#dedede;
width:184px;
height:196px;
padding:0;
margin:0 0 0 6px;
}
.leftblockcategory {
height:472px;
/*height:1300px*/
}
.leftblockpanel {
height:1200px
}
.leftblockhome {
/*height:273px*/
height:71px
}
.leftblockinfo {
height:200px
}
.leftblockproduct, .leftblockelectric_product {
/*height:500px*/
height:auto
}
.leftblockcheckout {
height:320px
}
.leftblockcontact_us {
height:726px
}
.leftblocksearch {
height:694px
}
.leftblockguide {
height:833px
}
.leftblocksaletest, .leftblockcategory.deep {
height:1300px
}
/* --- basic and reused page elements ---*/

#main {
width:773px;
background-color:#ffffff;
float:left;
height:100%;
padding:0;
margin:6px 0 0 0
}
#content {
width:100%;
height:auto;
margin:0;
padding:0
}
#rightmain {
float:right;
margin:0 2px 0 0;
padding:0;
/*min-height:609px;
height:auto !important;
height:609px;*/
width:578px;
height:auto
}

/* --- about us --- */



/* --- contact page --- */

#contactlist {
font-size:80%;
margin:10px 0 10px 12px
}
#contactlist li {
margin:2px 0;
}
#contactform {
margin:6px 0 6px 10px;
width:425px
}
.littlebutton {
clear:both;
float:left;
margin:12px 0 4px 0;
padding:3px;
color:white;
background:#4a667a;
border:1px ridged #394f5e;
cursor:pointer
}
.go {
clear:none;
float:left;
display:inline
}
#directions {
width:500px;
}
#googlemap, #directions {
clear:both;
float:left;
margin-left:16px
}

/* --- register page --- */

.notice {
clear:left;
padding:3px 6px;
margin:0 16px 10px 0;
font-size:86%;
background-color:#fffae6;
border:1px dashed #bababa
}
.notice a {
color:#ff0d3d
}
.notice a:hover {
text-decoration:underline
}
.error {
border:1px dotted #ff0d3d
}
#shoppingnotice {
clear:left;
padding:3px 6px;
margin:0 16px 0 0;
font-size:86%;
border:1px dashed #bababa
}

/* --- sitemap --- */

#sitelist a {
text-decoration:none;
color:#40586a
}
#sitelist a:hover {
text-decoration:underline;
color:#000000
}
#sitelist h2 {
font-weight:bold;
color:#496579
}
ul.sitemaplist {
margin-left:8px
}
ul.sitemaplist a:hover h3, #sitelist a:hover h2 {
text-decoration:underline
}


/* --- footer --- */

#footer {
clear:both;
float:left;
position:relative;
margin:8px 0 6px 6px;
padding:0;
width:761px;
height:93px;
background-color:#22487f
}
#footeraddress {
color:white;
margin:12px 0 0 16px
}
#footeraddress ul {
clear:left;
margin:3px 0 0 0
}
#footeraddress ul li {
font-size:76%;
line-height:1.4em;
float:left;
display:inline;
padding-right:7px
}
#footeraddress #footerright {
float:right;
margin:0 16px 0 0;
display:inline
}
#footer a {
color:#ffffff;
text-decoration:none;
}
#footer a:hover {
color:#ccdde3
}
#footerright a {
font-size:76%;
margin-right:4px
}
#footerright a:hover, #bottomlinks ul li a:hover{
color:#fad3a5
}
#footlinks {
position:absolute;
bottom:12px;
right:6px;
color:#ffffff;
font-weight:600;
right:10px;
font-size:70%
}
#footlinks a {
color:#ffffff
}
#footlinks a:hover, #extralinkstrigger:hover {
color:#f6ba87;
text-decoration:none
}
#extralinkstrigger {
position:absolute;
bottom:12px;
left:12px;
font-size:70%;
font-weight:600;
cursor:pointer;
color:#ffffff
}
#bottomlinks {
clear:both;
/*float:left;*/
position:relative;
margin:0 0 6px 6px;
padding:3px 0 6px 6px;
width:755px;
height:auto;
overflow:hidden;
background-color:#22487f;
color:#ffffff;
font-size:80%
}
#bottomlinks ul {
clear:both;
float:left;
margin:6px 0 0 0;
padding:6px 0 0 0
}
#bottomlinks ul li {
clear:none;
float:left;
display:inline;
margin:0 0 0 7px;
padding:0 2px 0 2px
}
#bottomlinks ul li a {
color:#ffffff;
font-size:90%;
}
#bottomlinks p {
clear:both;
float:left;
width:700px;
margin:3px 0 0 9px;
}
/* --- cart and checkout --- */

.cartbox {
clear:both;
float:left;
margin:8px 0 0 8px;
padding:5px;
width:530px;
height:auto;
background-color:#ebebeb;
border-bottom:2px solid #a7a7a7;
border-top:1px solid #a7a7a7;
font-size:12px;
}
.cartbox form {
font-size:12px;
width:96%
}
.cartbox input {
margin:3px
}
h2.cartheader {
clear:both;
float:left;
margin:8px 0 0 6px;
font-size:130%
}
.delivery {
font-weight:600;
font-size:86%
}
.proceed {
clear:both;
float:left;
margin:12px 0 0 8px;
/*width:75px;
height:30px;*/
/*background-color:#22487f;*/
/*padding:5px;*/
color:#ffffff;
font-size:110%;;
/*border:2px solid #132848*/
}
/*.proceed a {
color:#ffffff;
margin-top:4px
}*/
/*--- west midlands media ---*/
	
#westmidlandsmedia {
clear:both;
text-align:center;
margin:5px auto 10px auto;
font-size:66%;
}
#westmidlandsmedia a {
text-decoration:none
}
#westmidlandsmedia a:hover {
text-decoration:underline
}