/* In Floor Heating CSS */

html {

}


body {
margin: 0;
padding: 0;
background-color: #5b1c06;
font-family: "trebuchet ms", verdana, helvetica, sans-serif
}

h1 {
font-size: 23px;
color: #9b2f15;
margin: 0;
font-weight: normal;
}

h1 a:link {color: #9b2f15; text-decoration: none;}
h1 a:visited {color: #9b2f15; text-decoration: none;}
h1 a:hover {color: #9b2f15; text-decoration: none;}

h2 {
font-size: 18px;
color: #5c5c5c;
margin: 0;
font-weight: normal;
}

p {
font-size: 14px;
margin: 0;
padding: 0 0 10px 0;
line-height: 22px;
color: #626261;
}

a:link {
color: #bc3510;
text-decoration: underline;
}

a:visited {
color: #bc3510;
text-decoration: underline;
}

a:hover {
color: #5c5c5c;
text-decoration: underline;
}

.divider {
width: 100%;
height: 1px;
background-color: #ccc;
margin: 15px 0 15px 0;
padding: 0;
}

.coloured {
color: #9b2f15;
font-weight: bold;
}

#container {
margin: 0;
background-image: url(images/background_repeater.gif);
background-repeat: repeat-x;
}

#sitecontainer {
width: 760px;
margin: 0 auto;
padding: 20px 0 0 0;
}

/* Top Banner Area */

#topbanner {
width: 760px;
height: 242px;
margin: 0;
padding: 0;
background-image: url(images/topbanner_02.jpg);
}

#smtopnav {
margin: 0;
padding: 15px 15px 0 0;
font-size: 11px;
float: right;
}

#smtopnav li {
display: inline;
list-style-type: none;
padding: 0 10px 0 0;
}

/* Temp (to remove) Logos at top */

#logoholder {
width: 215px;
float: right;
margin: 18px 5px 0 0;
padding: 0;
}

#uponor {
float: left;
width: 53px;
margin: 0 8px 0 0;
padding: 0;
}

#viessmann {
float: left;
width: 74x;
margin: 0 8px 0 0;
padding: 0;;
}

#seismic {
float: left;
width: 50px;
margin: 0 8px 0 0;
padding: 0;
}

.titlebullets {
font-size: 12px;
color: #3a3a3a;
padding: 70px 0 0 40px;
margin: 0;
}

.titlebullets a:link {
text-decoration: none;
color: #3a3a3a;
}

.titlebullets a:visited {
text-decoration: none;
color: #3a3a3a;
}

.titlebullets a:hover {
text-decoration: none;
color: #b93700;
}


/* Top Main Nav  */

#navcontainer {
margin: 0;
padding: 12px 5px 0px 5px;
}

#navlist {
margin: 0;
padding: 0 0 0 10px;
font-size: 13px;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navlist a:link {
color: #b93700;
text-decoration: underline;
}

#navlist a:visited {
color: #b93700;
text-decoration: underline;
}

#navlist a:hover {
color: #4c4c4c;
text-decoration: underline;
}

/* Main Page Area */

#mainpagearea {
width: 730px;
margin: 0;
padding: 0 15px 15px 15px;
background-image: url(images/page_background.gif);
}

#leftpagearea {
width: 464px;
margin: 0;
padding: 0;
float: left;
}

.leftpageareatop {
width: 484px;
height: 14px;
margin: 10px 0 0 0;
padding: 0;
background-image: url(images/pagepanel_backgrnd_top.gif);
}

.leftpageareamid {
width: 434px;
margin: 0;
padding: 15px 25px 20px 25px;
background-image: url(images/pagepanel_backgrnd_mid.gif);
background-repeat: repeat-y;
}

.leftpageareabot {
width: 484px;
height: 14px;
margin: 0;
padding: 0;
background-image: url(images/pagepanel_backgrnd_bot.gif);
}

.clearboth { clear:both; }

.normalbullets {font-size: 14px; color:#626261; margin: 0; padding: 0 0 0 25px;}

.normalbulletsletter {font-size: 14px; color:#626261; margin: 0; padding: 5px 0 0 25px; list-style-type: lower-alpha;}

.normalbullets li {
margin: 0;
padding: 0 0 8px 0;
}

#tablecontainer {
width: 410px;
margin: 0;
padding: 5px;
border: 1px solid #cbc4ab;
}

form {
margin: 0; padding: 0;
}

#formtable {
font-size: 12px;
}

#formtable input, textarea, select {
font-size: 12px;
font-family: "trebuchet ms", verdana, helvetica, sans-serif;
}

.errors {
color: #990000;
line-height: 19px;
font-size: 12px;
}

.error {
color: #990000;
margin: 0;
padding-bottom: 0;
}

.bold {
font-weight: bold;
}

.comments {
font-size: 12px;
font-family: "trebuchet ms", verdana, helvetica, sans-serif;
display: none;
visibility: hidden;
}

/* Page Image area */

.imageholder {
float: right;
margin: 0 0 12px 15px;
padding: 5px;
text-align: left;
background-color: #fdfcf8;
border: 1px solid #f0ecdd;
}

.smtext {
margin: 0;
padding: 5px 0 0 0;
font-size: 11px;
line-height: 16px;
}


/* Right Column Area */

#rightpagearea {
width: 239px;
margin: 0;
padding: 0;
float: right;
}


/* Uponor right side panel */

#uponorpanel {
width: 239px;
margin: 0;
padding: 0;
}

.rightpageareatop {
width: 239px;
height: 14px;
margin: 10px 0 0 0;
padding: 0;
background-image: url(images/rightpanel_backgrnd_top.gif);
}

.rightpageareamid {
width: 199px;
margin: 0;
padding: 15px 20px 10px 20px;
background-image: url(images/rightpanel_backgrnd_mid.gif);
}

.rightpageareabot {
width: 239px;
height: 14px;
margin: 0;
padding: 0;
background-image: url(images/rightpanel_backgrnd_bot.gif);
}

.bgbldtxt { 
font-size: 17px;
font-weight: normal;
color: #5c5c5c;
line-height: 18px;
margin: 0;
padding: 0 0 8px 0;
}

.bldyellow {
font-size: 13px;
font-weight: bold;
line-height: 16px;
color: #ac9752;
margin: 0;
padding: 0 0 5px 0;
}

/* Online Quote Panel */

#quotepanel {
width: 139px;
height: 114px;
margin: 0;
padding: 0 0 0 100px;
background-image: url(images/helpdesk_woman.jpg);
}

#quotepanel2 {
width: 139px;
height: 114px;
margin: 10px 0 0 0;
padding: 0 0 0 100px;
background-image: url(images/helpdesk_woman.jpg);
}

.quotetitle {
font-size: 15px;
font-weight: bold;
color: #5c5c5c;
margin: 0;
padding: 20px 0 0 0;
line-height: 16px;
}

.smlink {
font-size: 12px;
margin: 0;
padding: 0;
}

/* Logos Panel */

#logos {
width: 208px;
margin: 15px auto 0 auto;
padding: 0;
}

.uponor {
float: left;
padding: 0 10px 0 0;
}

.viessmann {
float: left;
padding: 0 10px 0 0;
}

.seismic {
float: left;
padding: 0 10px 0 0;
}


/* Footer Area */

#footer {
width: 760px;
height: 55px;
height: 100px;
margin: 0;
padding: 0;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
}

.copyrighttxt {
float: left;
margin: 0;
padding: 0 0 0 30px;
font-size: 10px;
color: #b0886c;
}

.footernav {
float: right;
margin: 0;
padding: 0 30px 0 0;
font-size: 10px;
color: #b0886c;
}

.footernav a:link {
color: #b0886c;
text-decoration: none;
}

.footernav a:visited {
color: #b0886c;
text-decoration: none;
}

.footernav a:hover {
color: #b93700;
text-decoration: none;
}