/* CSS LAYOUT */
li {list-style:none; margin-left:-30px;}
body {margin: 0px; text-align:center; position:relative;background-position:center; background-image:url(nav/backgroundwrapper2.png); background-repeat:repeat-y;}
#outerwrapper {text-align:center;background-position:center; background-image:url(nav/backgroundwrapper2.png); background-repeat:repeat-y;}
#wrapper { text-align:left; position:relative; width:800px; padding-left:20px; padding-right:20px; margin:auto;}
#banner {height:144px; position:relative; text-align:center; width:800px;}
#bannerheader {width:560px; position:absolute; top:100px; right:70px; text-align:right;}
#navigation {width:800px; text-align:center; position:relative; height:35px; background-image:url(nav/navbar.gif); background-repeat:repeat-y; margin:auto;}
#navigationlinks {width:540px; position:relative; top:10px; margin:auto; text-align:left;}
#footer {height:17px; position:relative; text-align:center; background-image:url(nav/footer_copyright.gif); background-position:center; padding-top:5px; width:800px;}
#google { width:800px;position:relative; height:20px; text-align:center; padding-top:10px;}
/*
#googlemap {margin-top:-250px; margin-left:440px; position:relative; width:390px; height:305px; float:right;}
*/
#googlemap {width:390px; height:315px; position:relative;}
#creditcards {position:relative; text-align:center; width:240px; float:left;}

/* CONTENT AREA */
#contentwrapper {width:800px; padding-top:10px; min-height:600px;}
#leftcontent {width:380px; position:relative;
float:left;
text-align:left;
clear:right;}
#rightcontent {width:395px; position:relative; padding-right:8px; padding-left:8px; float:right; text-align:left; min-height:140px;}
#rightcontent2 {width:395px; position:relative; padding-right:8px; padding-left:8px; float:right; text-align:left;}
#rightredicon {width:190px; position:relative; float:right; clear:right;height:173px; text-align:left;vertical-align:bottom; background-image:url(nav/footer_redcontact.gif); padding-top:5px; padding-left:20px; padding-right:10px; background-repeat:no-repeat; background-position:bottom right; padding-bottom:10px; margin-right:10px; margin-bottom:10px;}
#leftareacontact {width:250px; position:relative; float:right; text-align:left;}
#topcontent {width:770px; position:relative;float:left;text-align:left;clear:right;}

/* RIGHTAREA CLASSES */
.redboxtop {width:401px; height:19px; position:relative; background-image:url(nav/red_top.gif); background-repeat:no-repeat;}
.redboxmid, .redboxmid2, .redboxmid3 {width:401px; height:120px; position:relative; text-align:center; background-image:url(nav/red_mid.gif); background-repeat:repeat-y;}
.redboxmid2 {height:190px;}
.redboxmid3 {height:80px;}
.redboxbottom {width:401px; height:19px; position:relative; background-image:url(nav/red_bottom.gif); background-repeat:no-repeat;}
.redboxwrapper {width:401px; position:relative; margin-bottom:20px;}
.redboxleft {padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:5px; text-align:center; width:200px; float:left; position:relative; }
.rightareaicons {width:235px; position:relative; float:right; clear:right; padding-right:8px; padding-left:10px; text-align:right;vertical-align:bottom; padding-bottom:10px;}
.redboxright {position:relative;padding-top:0; padding-bottom:0; vertical-align:top; width:150px; padding-right:20px; text-align:right; float:right;}
.rightareaicons2 {width:400px; position:relative; float:right; clear:right; padding-right:8px; padding-left:10px;  text-align:right;vertical-align:bottom; padding-bottom:10px;}

/* CLASSES */
.clear {clear:both; height:0px; text-align:center;}
.leftareatxtbox {width:330px; position:relative; padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:20px; line-height:1.8em; text-align:left; vertical-align:top;}
.leftareaheader {width:360px; position:relative; clear:right; padding-left:20px; padding-bottom:5px; padding-top:5px; }
.imgproduct {padding:2px; border:1px solid #CCCCCC; max-width:200px;}
.imgsmlproduct {padding:2px; width:70px;}
/* .imgsmlproduct {padding:2px; max-width:80px; max-height:80px;} */
.imgcategory {border-bottom:1px solid #FFFFFF;}
.printpage {width:80px; position:absolute; clear:right; text-align:center; right:0px; top:5px;}
.producttable td{border-bottom:1px solid #E9E9E9; vertical-align:top;}
td.producttable{border-bottom:1px solid #E9E9E9; vertical-align:top;}
.enquiryform {text-align:left;}
.tbladmin {text-align:left;}
.tblproductcat {vertical-align:top;}
.tblproductcat td{border:1px solid #E9E9E9; padding-left:5px;}
.tblproductcat th{border:1px solid #E9E9E9; padding-left:5px;}
.tdprodlist td{border-bottom:1px solid #E9E9E9;}
.tdcenter{text-align: center;}
.tdleft{text-align: left;}
.sidetable td {vertical-align:top; text-align:left; border-bottom:1px solid #EEEEEE; padding-top:5px; padding-bottom:5px;}
.sidetable td.tdcenter{text-align: center;}
.sidetable td.tdleft{text-align: left;}
.recordpaging {text-align:center;}
address {font-style:normal;}

/* category colouring */
/* td.tdbackg + subcatID */
.tblproductcat td.tdbackg1 { background-color:#FFA6A6;}
.tblproductcat td.tdbackg2 { background-color:#FF6464;}
.tblproductcat td.tdbackg3 { background-color:#FF0000;}
.tblproductcat td.tdbackg4 { background-color:#B30000;}
.tblproductcat td.tdbackg5 { background-color:#9FB4DD;}
.tblproductcat td.tdbackg6 { background-color:#6686C8;}
.tblproductcat td.tdbackg7 { background-color:#33508D;}
.tblproductcat td.tdbackg8 { background-color:#263D6A;}
.tblproductcat td.tdbackg9 { background-color:#4F9D00;}
.tblproductcat td.tdbackg11 { background-color:#FFCC00;}
 
/* EXCEPTIONS */
#productpages #rightcontent{width:235px; padding-left:10px; text-align:right;}
#productpages2 #rightcontent {width:320px; padding-left:10px; text-align:center;}
#productpages #leftcontent,#contactpage #leftcontent, #enquirypage #leftcontent {width:545px;}
#productpages .leftareatxtbox,#contactpage .leftareatxtbox, #enquirypage .leftareatxtbox, #productpages2 .leftareatxtbox {width:515px;}
#productpages .leftareaheader{width:520px;}
#contactpage .leftareaheader, #enquirypage .leftareaheader {width:440px;}
#productpages .leftareatxtbox {width:515px; position:relative; padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:20px; line-height:1.8em; text-align:left; vertical-align:top;}
#productpages2 .leftareaheader {width:525px;}
#productpages2 .leftareaheader2 {width:770px; position:relative; clear:right; padding-left:20px; padding-bottom:5px; padding-top:5px;}
#productpages2 .leftareatxtbox2 {width:760px; position:relative; padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:20px; line-height:1.8em; text-align:left; vertical-align:top;}
#productpages2 #leftcontent {width:525px;}
#productpages2 .leftareatxtbox {width:515px; position:relative; padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:20px; line-height:1.8em; text-align:left; vertical-align:top;}
#productpages2 #rightcontent2 {width:338px; padding-left:0; text-align:center; padding-right:0;}
#productpages2 #rightcontent{width:235px; padding-left:10px; text-align:center;}
#productpages2 #txtcontent1 {padding:5px 10px 5px 10px;}
#productpages .imgproduct {border:0px;}
#productpages2 #header1 { padding-right:100px; width:670px;}
#productpages2 #txtcontent1 H1 {margin:0px; color:#33508D; font-weight:bold;}
#bannerheader H1 {margin:0px;}
#rightcontent contenttext {text-align:left;}
#contactpage #rightcontent, #enquirypage #rightcontent {width:190px; padding-left:10px;}
#contactpage .rightareaicons, #enquirypage .rightareaicons {width:190px;}
#enquirypage .leftareaheader {width:540px;}
#contactpage #header2 {width:380px; padding-left:0;}
#contactpage #rightcontent, #enquirypage #rightcontent{height:600px;}

/* Slideshow */
#ulslidenav {padding:0; margin:0 0 8px 0;}
#ulslidenav li {padding:0 2px 0 2px; margin:0; display:inline;}
#ulslidenav li a {padding:2px 8px; margin:0; background-color:#DDDDDD;}
#ulslidenav li a:hover {padding:2px 8px; margin:0; background-color:#CCCCCC; text-decoration:underline; color:#FF0000;}
#ulslidenav li a:active {padding:2px 8px; margin:0; background-color:#CCCCCC; text-decoration:underline; color:#FF0000;}
/* slideshow img */
#slideshow {padding:0 5px 5px 5px; position:relative; background-color:#EEEEEE; border:1px solid #CCCCCC; margin:0 0 0 10px; text-align:center; height:400px;vertical-align:middle;}
#ss_controls {padding:5px 0;}
/*#ss_img {max-height:360px;width:350px;border:0;}*/
.slideshowimg img {width:300px; border:0;}
.slideshowimg {height:400px; width:350px; overflow:hidden;}
.slideshowimg td {vertical-align:middle;}

/* BODY ID'S */
/*
INDEX = indexpage
ALL PRODUCT PAGES = productpages
ABOUT = 
HVAC = 
PROCESS = 
CONTACT = contactpage
ENQUIRIES = enquirypage

/* STORED */
/*
#include file="_inc_header.html"
#include file="_inc_navigation.html"
#include file="_inc_footer.html"
#include file="_inc_google.html"
#include file="_inc_endofpage.html"
*/
td.tdimglist {width:84px;}
td.tddetailslist {width:410px;}
