* {
  
   margin:0px;
   padding:0px;
}

.tablePAD

{
  padding:2px;
}


html {
FONT-SIZE: 100%;height: 100%;
}

body {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px;

	line-height: 1.5em;
	FONT-SIZE:70%;
	font-family:  Arial, Tahoma, "Trebuchet MS", Verdana;
	color: #333;
height: 100%;
Background-color:#000;

}

p { padding: 0 0 20px 0 }

ul.ListCOLOURED {
	margin: 0px 0px 0 15px;
	list-style-type:disc;
	}
LI.ListCOLOURED
{
color:#F39800;
line-height:1.7em

}
	/* ----------------------------------- */
/* CONATINERS
/* ----------------------------------- */ 

.CONTAINER100HEIGHT{
	width:100%;
	height: 100%;
	vertical-align:middle
}

#container{
	width: 896px;
	height:546px;
	margin: 0 auto; /*Center container on page*/
	border:2px;  border-color: #ffffff; border-style: solid;
	position:relative;
	background-color:#FFFFFF;
	
}

#container_top{
	width: 896px; height:84px;
	margin: 0px auto 0 auto; /*Center container on page*/

	background:url(structure/background_top.gif) no-repeat; 
}





#logo {
	
	PADDING: 0px 0px 0px 0px ; HEIGHT: 84px; width:218px;
	float:right;
}




#logo SPAN {
	DISPLAY: none
}



#container_navTABLE
{
WIDTH: 604px; 
	HEIGHT: 32px;
	padding:0;
	margin: 0; 
	float:left;
	overflow:hidden
}



#container_subnavs{
	width: 896px; height:21px;
	margin: 0px auto 0 auto; /*Center container on page*/

	background:url(structure/background_subnavs.gif) no-repeat; 
	overflow:hidden
}


#container_SUBNAVLEFT
{
WIDTH: 200px; 
	HEIGHT: 21px;
	padding:0;
	margin: 0; 
	float:left;
	overflow:hidden
}


#container_SUBNAVRIGHT
{
WIDTH: 200px; 
	HEIGHT: 21px;
	padding:0;
	margin: 0; 
	float:right;
	overflow:hidden;
	text-align:right;
}


#container_SUBNAVLEFTPRODUCTS
{
WIDTH: 480px; 
	HEIGHT: 21px;
	padding:0;
	margin: 0; 
	float:left;
	overflow:hidden
}

#container_SUBNAVLEFTFAQ
{
WIDTH: 700px; 
	HEIGHT: 21px;
	padding:0;
	margin: 0; 
	float:left;
	overflow:hidden
}

#container_SUBNAVRIGHTPRODUCTS
{
WIDTH: 360px; 
	HEIGHT: 21px;
	padding:0;
	margin: 0; 
	float:right;
	overflow:hidden;
	text-align:right;
}


#container_MAIN_BACKGROUND1{
	width: 896px; height:441px;
	margin: 0px auto 0 auto; /*Center container on page*/

	background:url(structure/background_1.gif) no-repeat; 
	overflow:hidden
}

#container_MAIN_BACKGROUND2{
	width: 896px; height:441px;
	margin: 0px auto 0 auto; /*Center container on page*/

	background:url(structure/background_2.gif) no-repeat; 
	overflow:hidden
}

#container_MAIN_CONTENT{
	width: 834px; height:414px;
	margin: 0px auto 0 auto; /*Center container on page*/
	overflow:hidden
}


.containerHOME645

{ width:645px;
padding-bottom:30px;
padding-top:0px;
}


.HOLDER3COL

{width:834px;

}


.leftCOLnoBACK
{

	PADDING:10px 0 0 0; 
		HEIGHT: 330px;
	width:260px;
	float:left;
	margin-right:25px;
	overflow:hidden;
	
}

.middleCOLnoBACK
{
PADDING:10px 0 0 0; 
		HEIGHT: 330px;
	width:262px;
	float:left;
	margin-right:25px;
	overflow:hidden;
}

.rightCOLnoBACK
{
PADDING:10px 0 0 0; 
		HEIGHT: 330px;
	width:260px;
	float:left;
	overflow:hidden;
}





.HeaderBOXGreenIconPRODUCTS
{
width:248px;
Height:38px;
overflow:hidden;
text-align:left;
background:url(headers/box_hddr_water_icon.gif) no-repeat; 
}


.HeaderBOXBlueIconPRODUCTS
{
width:248px;
Height:38px;
overflow:hidden;
text-align:left;
background:url(headers/box_hddr_wood_icon.gif) no-repeat; 
}

.HeaderBOXBrownIconPRODUCTS
{
width:248px;
Height:38px;
overflow:hidden;
text-align:left;
background:url(headers/box_hddr_solar_icon.gif) no-repeat; 
}

.HeaderBoxICONtext
{
width:190px;

}



.leftCOLgreenPRODUCT
{

	BACKGROUND: #D9E6AF ; 
	PADDING:10px; 
		HEIGHT: 325px;
	width:248px;
	float:left;
	border:1px;  border-color: #96BF0D; border-style: solid;
	margin-right:12px;
	overflow:hidden;
}

.middleCOLbluePRODUCT
{

	BACKGROUND: #C9E8F0;  
	PADDING:10px; 
	HEIGHT:  325px;
	width:248px;
	float:left;
	margin-right:12px;
	border:1px;  border-color: #53BFD8; border-style: solid;
	overflow:hidden;
}

.rightCOLbrownPRODUCT
{

	BACKGROUND: #E2DECE ; 
	PADDING:10px; 
	HEIGHT:  325px;
	width:248px;	
	float:left;
	border:1px;  border-color: #B8AF86; border-style: solid;
	overflow:hidden;
}


.leftCOLgreenTRANS
{
color:#FFFFFF;
	BACKGROUND: url(structure/trans_GREEN.png) repeat ; 
	PADDING:10px; 
		HEIGHT: 100px;
	width:250px;
	float:left;
	margin-right:12px;
	overflow:hidden;
	
}

.middleCOLblueTRANS
{
color:#FFFFFF;
	BACKGROUND: url(structure/trans_BLUE.png) repeat ;  
	PADDING:10px; 
	HEIGHT:  100px;
	width:250px;
	float:left;
	margin-right:12px;
	overflow:hidden;
}

.rightCOLbrownTRANS
{
color:#FFFFFF;
	BACKGROUND: url(structure/trans_GREY.png) repeat ; 
	PADDING:10px; 
	HEIGHT:  100px;
	width:250px;	
	float:left;
	overflow:hidden;
}






.HOLDERDETAILEDPAGESCONTENT_OUTER

{width:812px;  /*allow for 20px padding left and right and 2px border*/
padding: 10px 10px 5px 10px;
border:1px;  border-color: #96BF0D; border-style: solid;
BACKGROUND: url(structure/trans_WHITE.png) repeat ;  
height: 330px;
overflow:hidden;
}


.HOLDERDETAILEDPAGES_INNERTOP

{
width:792px;  /*allow for 20px padding left and right - outer conatiner is 812*/
padding: 10px 10px 5px 10px;
height:295px;
overflow:hidden;
}



.HOLDERDETAILEDPAGESCONTENT_OUTER_1COL

{width:322px;  /*allow for 20px padding left and right and 2px border*/
padding: 10px 10px 5px 10px;
border:1px;  border-color: #96BF0D; border-style: solid;
BACKGROUND: url(structure/trans_WHITE.png) repeat ;  
height: 330px;
overflow:hidden;
}


.HOLDERDETAILEDPAGES_INNERTOP_1COL

{
width:302px;  /*allow for 20px padding left and right - outer conatiner is 812*/
padding: 10px 10px 5px 10px;
height:295px;
overflow:hidden;
}



.HOLDERDETAILEDPAGES_INNERBOT

{
width:812px;  /*same width as HOLDERDETAILEDPAGESCONTENT_OUTER*/
padding: 5px 0px 0px 0px;
height:25px;
overflow:hidden;
}



.HOLDERDETAILEDPAGES_INNERBOT_1COL

{
width:322px;  /*same width as HOLDERDETAILEDPAGESCONTENT_OUTER_1COL */
padding: 5px 0px 0px 0px;
height:25px;
overflow:hidden;
}


.HOLDERDETAILEDPAGES_INNERBOT_BACK
{
width:120px;
float:left;

}
.HOLDERDETAILEDPAGES_INNERBOT_NEXT
{
width:120px;
float:right;
text-align:right

}


.INNERleftCOL_1COL
{

	
	PADDING:0px; 
		HEIGHT: 295px;/*same as height for HOLDERDETAILEDPAGES_INNERTOP_1col */
	width:302px;  /* same width as HOLDERDETAILEDPAGES_INNERTOP_1col */
	float:left;
	overflow:hidden;
}










.INNERleftCOL_text3cols
{

	
	PADDING:0px; 
		HEIGHT: 295px;/*same as height for HOLDERDETAILEDPAGES_INNERTOP */
	width:251px;  /*width of 792px divided x3 + leave room for margin right on left and middle column */
	float:left;
	margin-right:19px;
	overflow:hidden;
}

.INNERmiddleCOL_text3cols
{

	PADDING:0px; 
		HEIGHT: 295px;/*same as height for HOLDERDETAILEDPAGES_INNERTOP */
	width:252px;
	float:left;
	margin-right:19px;
	overflow:hidden;
}

.INNERrightCOL_text3cols
{

	PADDING:0px; 
		HEIGHT: 295px;/*same as height for HOLDERDETAILEDPAGES_INNERTOP */
	width:251px;
	float:left;;
	overflow:hidden;
}




.INNERleftCOL_220
{

	
	PADDING:0px; 
		HEIGHT: 295px;/*same as height for HOLDERDETAILEDPAGES_INNERTOP */
	width:220px;  /*width of 792px divided x3 + leave room for margin right on left and middle column */
	float:left;
	margin-right:19px;
	overflow:hidden;
}


.INNERmiddleCOL_353
{

	PADDING:0px; 
		HEIGHT: 310px;/*same as height for HOLDERDETAILEDPAGES_INNERTOP */
	width:353px;
	float:left;
	margin-right:19px;
	overflow:hidden;
}


.INNERrightCOL_181
{

	PADDING:0px; 
		HEIGHT: 295px;/*same as height for HOLDERDETAILEDPAGES_INNERTOP */
	width:181px;
	float:left;;
	overflow:hidden;
}


.INNERrightCOL_text2cols
{

	PADDING:0px; 
		HEIGHT: 295px;/*same as height for HOLDERDETAILEDPAGES_INNERTOP */
	width:521px; /* sum of middle and right of 3 col system + margin tight of 3 col middle */
	float:left;;
	overflow:hidden;
}



































#container_BOT_CONTENT{
	width: 834px; height:27px;
	margin: 0px auto 0 auto; /*Center container on page*/
	overflow:hidden
}

#container_BOTLEFT
{
WIDTH: 200px; 
	HEIGHT: 27px;
	padding:0;
	margin: 0; 
	float:left;
	overflow:hidden
}


#container_BOTRIGHT
{
WIDTH: 200px; 
	HEIGHT: 22px;
	padding-top:5px;
	margin: 0; 
	float:right;
	overflow:hidden;
	text-align:right;
	
}


#container_FOOTER{
	width: 834px; height:20px;
	margin: 0px auto 0 auto; /*Center container on page*/
	overflow:hidden;
	color:#333;
	padding: 2px 0 0 0
}

#container_FOOTERLEFT
{
WIDTH: 400px; 
	HEIGHT: 20px;
	padding:0;
	margin: 0; 
	float:left;
	overflow:hidden
}


#container_FOOTERRIGHT
{
WIDTH: 400px; 
	HEIGHT: 20px;
	padding:0;
	margin: 0; 
	float:right;
	overflow:hidden;
	text-align:right;
}



	/* ----------------------------------- */
/* LINKS
/* ----------------------------------- */	
	


a:link {
	color: #FFEC00;
	text-decoration: none;
}
a:visited {
	color: #FFEC00;
	text-decoration: none;
}


a:hover {
	color: #fff;
	text-decoration: none;
}


.linksYELLOW:link
{
	color: #FFEC00;
	text-decoration:none
}

.linksYELLOW:visited
{
	color: #FFEC00;
	text-decoration:none
}

.linksYELLOW:hover
{
	color: #333333;
	text-decoration:none;
	background-color:#fff;
}

.linksINTRADE:link
{
	color: #666666;
	text-decoration:none;
	
}

.linksINTRADE:visited
{
	color: #666666;
	text-decoration:none
}

.linksINTRADE:hover
{
	color: #FFEC00;
	text-decoration:none;
}



.linksGREEN:link
{
	color: #93B71D;
	text-decoration:none;
	font-weight:bold
}

.linksGREEN:visited
{
	color: #93B71D;
	text-decoration:none;
	font-weight:bold
}

.linksGREEN:hover
{
	color: #333;
	text-decoration:none;
	font-weight:bold
}




.linksGREENDARK:link
{
	color: #006642;
	text-decoration:none;
}

.linksGREENDARK:visited
{
	color: #006642;
	text-decoration:none;
}

.linksGREENDARK:hover
{
	color: #333;
	text-decoration:none;
}



.linksYELLOWBOLD:link
{
	color: #FFEC00;
	text-decoration:none;
	font-weight:bold
}

.linksYELLOWBOLD:visited
{
	color: #FFEC00;
	text-decoration:none;
	font-weight:bold
}

.linksYELLOWBOLD:hover
{
	color: #333333;
	text-decoration:none;
	font-weight:bold
}




.linksBLUE:link
{
	color: #4CAEC5;
	text-decoration:none;
}

.linksBLUE:visited
{
	color: #4CAEC5;
	text-decoration:none;
}

.linksBLUE:hover
{
	color: #333;
	text-decoration:none;
}

.linksBROWN:link
{
	color: #938A63;
	text-decoration:none;
}

.linksBROWN:visited
{
	color: #938A63;
	text-decoration:none;
}

.linksBROWN:hover
{
	color: #333;
	text-decoration:none;
}


	/* ----------------------------------- */
/* MISC
/* ----------------------------------- */

.clear {
	CLEAR: both;

}







.line_greenBOX
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/line_green.gif)  repeat-x ;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto
}


.line_blueBOX
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/line_blue.gif)  repeat-x ;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto
}
.line_brownBOX
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/line_brown.gif)  repeat-x ;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto
}








































.TEXThome
{
	color: #333;
	font-size:1.2em;
	line-height:1.3em
}

.TEXTFFF
{
	color: #fff;
}


.TEXT333
{
	color: #333;
}

.TEXTFFEC00
{
	color: #FFEC00;
}

.TEXT_FF9900
{
color: #FF9900;
font-weight:normal
}


.TEXTGREEN_CONTACT{
	font-size: 1.1em;
	text-decoration: none;
	FONT-WEIGHT: normal;
	color:#006642
}

.TEXT_GREEN {
color: #006642;
font-weight:normal
}

.TEXTWHITE_CONTACT{
	font-size: 1.5em;
	text-decoration: none;
	FONT-WEIGHT: bold;
	color:#fff
}

h3{
	font-size: 1.4em;
	text-decoration: none;
	margin-bottom: 10px; padding:0px;
	FONT-WEIGHT: normal;
	color:#fff
}

h4{
	font-size: 1.4em;
	text-decoration: none;
	margin-bottom: 0px; padding:0px;
	line-height:normal;
	FONT-WEIGHT: normal;
	color:#fff;
}

h5{
	font-size: 1.3em;
	text-decoration: none;
	margin-bottom: 10px; padding:0px;
	FONT-WEIGHT: normal;
	color:#006642
}





	/* ----------------------------------- */
/* FORM ELEMENTS
/* ----------------------------------- */





.textfieldCONTACT
{ 
 background-color: #fff; 
 color: #666666; 
 width:260px;
 line-height: normal;
border: 1px #fff solid;
margin: 2px 0 10px 0;
 padding:0;
 font-family:  Arial, Tahoma, "Trebuchet MS", Verdana;
font-size:11px;
}


.textareaCONTACT
{ 
 background-color: #fff; 
 color: #666666; 
 width:260px;
 height:75px;
 border: 1px #fff solid;
 margin: 2px 0 10px 0;
 padding:0;
  font-family:  Arial, Tahoma, "Trebuchet MS", Verdana;
font-size:11px;
 
}


.buttonGO { line-height: normal; color: #FFFFFF; width: 30px; border: 1px #990033 solid;background-color: #990033; margin-left:0px;font-size:.8em}

.buttonSEARCH { line-height: normal; color: #FFFFFF; width: auto; border: 1px #990033 solid;background-color: #990033; margin-left:0px;font-size:.8em}