* {
margin:0px;
padding:0px
}
html {  
margin: 0px; 
padding: 0px;
 background:#fff;
 FONT-SIZE: 100%;

	 
	}
	
body {  
margin: 0px; 
padding: 0px;
	line-height: 1.5em;
	FONT-SIZE:70%;
	font-family:Arial, Verdana, Georgia,sans-serif; 
	color: #333;
		BACKGROUND: url(structure/back_body.gif);
		background-repeat:repeat-x;
	background-position:top center;

 line-height:18px
	 
	}
	
 
p {
padding: 0 0 15px 0 }
ul {
margin: 0 15px 0 25px


}
	/* ----------------------------------- */
/* CONTAINER
/* ----------------------------------- */ 

#CONTAINER_OUTER  {
	width: 994px;
	 
	margin: 0 auto; /*Center container on page*/
	
	padding:0 0 0 0;

	
		BACKGROUND: url(structure/background_container_outer.gif);
		background-repeat:repeat-y;
	background-position:top center;
}
#CONTAINER  {
	width: 994px;
	 
	margin: 0 auto; /*Center container on page*/
	
	padding:0 0 0 0;
BACKGROUND: url(structure/back_container_innerN2.gif);
background-repeat:no-repeat;
	background-position:top center;
}
 
/* ----------------------------------- */
/* TOP CONTAINERS - NAV & BANNERS  
/* ----------------------------------- */ 

 #CONTAINER_TOP  {
	width: 994px;
	 height: 108px;
	margin: 0 auto; /*Center container on page*/ 
}






 
  #CONTAINER_NAV  {
	width: 958px; /*allow for 20pad l and  r */
	 height: 46px;
	margin: 32px auto 35px auto; /*Center container on page and allow for 32 pixels under container top*/
	padding: 5px 18px 0px 18px; 
	text-align:left;
 
}




#navBUTTONS {
	margin: 0;
	padding: 0;
	height: 46px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#navBUTTONS li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
	}

#navBUTTONS a {
	float: left;
	padding: 46px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:46px; /* for IE5/Win only */
	}
	
#navBUTTONS a:hover {
	background-position: 0 -46px;
	}

#navBUTTONS a:active, #navBUTTONS a.selected1 {
	background-position: 0 -46px;
	}

#home_nav a  {
	width: 160px;
	background: url(nav/home.gif) top left no-repeat;
	}
	
	#about_nav a  {
	width: 159px;
	background: url(nav/about.gif) top left no-repeat;
	}
	
	#services_nav a  {
	width: 159px;
	background: url(nav/services.gif) top left no-repeat;
	}
	
	#products_nav a  {
	width: 159px;
	background: url(nav/products.gif) top left no-repeat;
	}
		
	 
	#contact_nav a  {
	width: 160px;
	background: url(nav/contact.gif) top left no-repeat;
	}
		
	#bathrooms_nav a  {
	width: 160px;
	background: url(nav/bathrooms.gif) top left no-repeat;
	}














  
 /* ----------------------------------- */
/* MAIN CONTENT
/* ----------------------------------- */ 



 #CONTAINER_MAIN  {
	width: 920px;
	 height: auto;
	margin: 0 auto; /*Center container on page*/
	
padding-top:15px;
padding-bottom:25px;
	 
 
}

 #CONTAINER_MAIN_HOME  {
	width: 920px;
	 height: auto;
	margin: 0 auto; /*Center container on page*/
	
padding-top:15px;
padding-bottom:5px;
	 
 
}

 #CONTAINER_MAIN_1COL_THUMBS
{
 
padding-left:17px ;
width:940px;
height:auto;  
 
}

 #CONTAINER_MAIN_LEFT
{
float:left;
padding-left:17px ;
width:240px;
height:auto; 
 
}

 #CONTAINER_MAIN_LEFT_INNER
{
float:left;
 
width:200px;
height:auto; 
color:#333
 
}

 
 #CONTAINER_MAIN_RIGHT
{
float:right;
width:660px;
height:auto; 
min-height:300px; 
padding-right:20px;   
}
 
 .MAIN_RIGHT_innerCOLUMNleft
 {
 width:290px;
 float:left; 
 
 }
 
 .MAIN_RIGHT_innerCOLUMNright
 {
 width:360px;/*All for a 0 px border on images */
 float:right;
 text-align:right; 

 }
 
/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */	

#CONTAINER_BOT

{
	width: 994px;
	 height:101px;
	margin: 0 auto; /*Center container on page*/
	padding:0 0 0 0;
BACKGROUND: url(structure/background_container_footer.gif);
background-repeat:no-repeat;
	background-position:top center;

}


 #CONTAINER_BOT_INNER  {
	width: 920px;
	 height: auto;
	margin: 0 auto; /*Center container on page*/
	
padding-top:30px; 
	 color:#cccccc
 
}
 
 

.columnBOTleft
{width:780px;
text-align:left;
padding:0px;
float:left;   
}

.columnBOTright
{width:120px;
text-align:right;
float:right;
padding: 0;  
}





 
#footerNAVlist
{
padding: 0 0 0 0;
margin: 0;
FONT-SIZE:.8em;

}

#footerNAVlist li
{
display: inline;
list-style: none;

border-left: 0px solid #ccc;
padding: 0 0 0 6px
}

#footerNAVlist #active
{
float: right;
margin-right: 0px;
}

#footerNAVlist #active #current
{
font-weight:bold;
color:#666666
}

#footerNAVlist li a
{
text-decoration: none;
color: #003366;
padding: 0 0 0 0;

}

#footerNAVlist li a:hover
{
text-decoration: none;

padding: 0 0 0 0;
color:#666;
border-bottom:solid;
border-bottom-width: 0px; 
}

 





 
#footerNAVlist2
{
padding: 0 0 0 0;
margin: 0;
FONT-SIZE:.8em;

}

#footerNAVlist2 li
{
display: inline;
list-style: none;

border-left: 0px solid #ccc;
padding: 0 0 0 6px
}

#footerNAVlist2 #active
{
float: right;
margin-right: 0px;
}

#footerNAVlist2 #active #current
{
font-weight:bold;
color:#666666
}

#footerNAVlist2 li a
{
text-decoration: none;
color: #0099cc;
padding: 0 0 0 0;

}

#footerNAVlist2 li a:hover
{
text-decoration: none;

padding: 0 0 0 0;
color:#666;
border-bottom:solid;
border-bottom-width: 0px; 
}





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


a:link {
	color:#cc0000;
	text-decoration: none;

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


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


.linksTHUMBS:link
{
	color:#999;
	text-decoration: none;
}

.linksTHUMBS:visited
{
	color: #999;
	text-decoration: none;
}

.linksTHUMBS:hover
{
	color: #0099cc;
	text-decoration:none;
}



.linksTHUMBSalt:link
{
	color:#0099cc;
	text-decoration: none;
}

.linksTHUMBSalt:visited
{
	color: #0099cc;
	text-decoration: none;
}

.linksTHUMBSalt:hover
{
	color: #999;
	text-decoration:none;
}


.linksTHUMBS_sm:link
{
	color:#999;
	text-decoration: none;
	font-size:.8em
}

.linksTHUMBS_sm:visited
{
	color: #999;
	text-decoration: none;
	font-size:.8em
}

.linksTHUMBS_sm:hover
{
	color: #0099cc;
	text-decoration:none;
	font-size:.8em
}



.linksALT:link
{
	color: #000;
	text-decoration:none
}

.linksALT:visited
{
	color: #000;
	text-decoration:none
}

.linksALT:hover
{
	color: #cc0000;
	text-decoration:none;
}


.linksALT2:link
{
	color: #fff;
	text-decoration:none
}

.linksALT2:visited
{
	color: #fff;
	text-decoration:none
}

.linksALT2:hover
{
	color: #cc0000;
	text-decoration:none; 
}


.linksWHITE:link
{
	color: #fff;
	text-decoration:none
}

.linksWHITE:visited
{
	color: #fff;
	text-decoration:none
}

.linksWHITE:hover
{
	color: #ffcc33;;
	text-decoration:none; 
}


.links_INTRADE:link
{
	color: #ff9900;
	text-decoration:none
}

.links_INTRADE:visited
{
	color: #ff9900;
	text-decoration:none
}

.links_INTRADE:hover
{
	color: #000;
	text-decoration:none;
}

.links_cc0000:link
{
	color: #cc0000;
	text-decoration:none
}

.links_cc0000:visited
{
	color: #cc0000;
	text-decoration:none
}

.links_cc0000:hover
{
	color: #000;
	text-decoration:none;
	background-color:#fff;
}


h1{
	font-size: 2em;
	text-decoration: none;
 	margin:0 0 15px 0px;
	FONT-WEIGHT: normal;
	line-height:normal;
	color:#000;
	font-family: Helvetica, Tahoma, Arial, Georgia,sans-serif; 
}
h2{
	font-size: 1.6em;
	text-decoration: none;
	margin:0 0 5px 0px;
	FONT-WEIGHT: normal;
	line-height:normal;
	color:#fff;
	font-family: Helvetica, Tahoma, Arial, Georgia,sans-serif; 
}

 
h3{
	font-size: 1.4em;
	text-decoration: none;
	margin:0 0 5px 0px;
	padding:0px;
	FONT-WEIGHT: normal;
	color:#cc0000;
	font-family: Helvetica, Tahoma, Arial, Georgia,sans-serif; 
}

h4{
	font-size: 1.3em;
	text-decoration: none;
	margin:0 0 0px 0px;
	padding:0px 0 5px 0;
	FONT-WEIGHT: normal;
	color:#333;
	font-family: Helvetica, Tahoma, Arial, Georgia,sans-serif; 
}

h5{
	font-size: 1.2em;
	text-decoration: none;
	margin:0 0 0px 0px;
	padding:0px 0 5px 0;
	FONT-WEIGHT: normal;
	color:#333;
	font-family: Helvetica, Tahoma, Arial, Georgia,sans-serif; 
}

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

.clear {
	CLEAR: both;

}


.clearRIGHT {
	CLEAR: left;

}







.textWHITEbold {
	color: #FFFFFF;
	font-weight: bold;
}


	.IMGBORDER img{
border:1px;  border-color: #fff; border-style: solid;
}

.IMGBORDER:link img { border:1px;  border-color: #fff; border-style: solid;}
.IMGBORDER:visited img{border:1px; border-color: #fff; border-style: solid}
.IMGBORDER:hover img{border:1px;  border-color: #0F7BCF; border-style: solid}
.IMGBORDER:active img{border:1px;  border-color: #fff; border-style: solid}


	.IMGBORDER_WHITE img{
border:1px;  border-color: #fff; border-style: solid;
}

.IMGBORDER_WHITE:link img { border:1px;  border-color: #fff; border-style: solid;}
.IMGBORDER_WHITE:visited img{border:1px; border-color: #fff; border-style: solid}
.IMGBORDER_WHITE:hover img{border:1px;  border-color: #CC0000; border-style: solid}
.IMGBORDER_WHITE:active img{border:1px;  border-color: #fff; border-style: solid}

 
	.IMAGEBORDER_nolinkBLACK {
border:1px;  border-color: #000; border-style: solid;
}
	.IMAGEBORDER_nolinkGREY {
border:1px;  border-color: #666666; border-style: solid;
}

	.IMAGEBORDER_nolinkCCC3px {
border:3px;  border-color: #CCC; border-style: solid;
}

	.IMAGEDETAILED {
border:0px;  border-color: #fff; border-style: solid;margin-bottom:10px
}
	.IMAGEDETAILED_GREY {
border:1px;  border-color: #ccc; border-style: solid;margin-bottom:10px
}

	.IMAGEBORDER_nolinkWHITE {
border:1px;  border-color: #fff; border-style: solid;
}


.thumb { padding: 0px; float:left; width: 104px; height: 200px; margin-bottom: 0px;margin-right:15px;  }	
.thumbshot { float: left; width: 100px; border: 2px; }
.thumb p  { float: left;  }


.thumbALT { padding: 0px; float:left; width: 225px; height: 200px; margin-bottom: 0px;margin-right:0px;  }	
.thumbALT p  { float: left; padding-left: 6px;  width:200px; padding-top:0px; margin-top:0px}
.THUMBLINK:link img { border:1px;  border-color: #333; border-style: solid; }
.THUMBLINK:visited img{border:1px;  border-color: #333; border-style: solid}
.THUMBLINK:hover img{border:1px;  border-color: #fff ; border-style: solid}


	/* ----------- allow for extra 50px height space on normal list page---ie if thumb ia 150 - set height to 200----------------- */
.thumbALT2 { padding: 0px; float:left; width: 216px; height: 213px; margin-bottom: 20px;margin-right:0px; margin-left:0px;}	
.thumbALT2 p  { float: left; padding-left: 6px;  width:174px; padding-top:0px; margin-top:0px}
.THUMBLINK2:link img { border:2px;  border-color: #ccc; border-style: solid; }
.THUMBLINK2:visited img{border:2px;  border-color: #ccc; border-style: solid}
.THUMBLINK2:hover img{border:2px;  border-color: #ffcc33 ; border-style: solid}

	/* ----------- allow for extra 50px height space on  list pag with category titlee---ie if thumb ia 150 - set height to 200----------------- */
.thumbALT3 { padding: 0px; float:left; width: 186px; height: 230px; margin-bottom: 20px;margin-right:30px; margin-left:0px; }	
.thumbALT3 p  { float: left; padding-left: 6px;  width:174px; padding-top:0px; margin-top:0px}
.THUMBLINK3:link img { border:2px;  border-color: #ccc; border-style: solid; }
.THUMBLINK3:visited img{border:2px;  border-color: #ccc; border-style: solid}
.THUMBLINK3:hover img{border:2px;  border-color: #ffcc33 ; border-style: solid}


	/* ----------- ause extra width to fill column ----------------- */
.thumbALT_1COL {  padding: 0px; float:left; width: 186px; height: 230px; margin-bottom: 20px;margin-right:40px; margin-left:0px; }	
.thumbALT_1COL p  { float: left; padding-left: 6px;  width:174px; padding-top:0px; margin-top:0px}
.THUMBLINK_1COL:link img { border:2px;  border-color: #ccc; border-style: solid; }
.THUMBLINK_1COL:visited img{border:2px;  border-color: #ccc; border-style: solid}
.THUMBLINK_1COL:hover img{border:2px;  border-color: #ffcc33 ; border-style: solid}


.THUMBLINK_DETAIL:link img { border:1px;  border-color: #fff; border-style: solid; }
.THUMBLINK_DETAIL:visited img{border:1px;  border-color: #fff; border-style: solid}
.THUMBLINK_DETAIL:hover img{border:1px;  border-color: #ffcc33 ; border-style: solid}
.thumbDETAIL { padding: 0px; float:left; width: 90px; height: 90px; margin-bottom: 0px;margin-right:0px; margin-top:10px; }

.NEWSIMAGEPADDING

{margin-left:15px;
margin-bottom: 15px;
border:3px;  border-color: #CCC; border-style: solid;}

	/* ----------------------------------- */
/* TEXT STYLES
/* ----------------------------------- */

 

.TEXT003366 {color: #00387F}

.TEXT666 {color: #666}

.TEXT333 {color: #333}

.TEXT000 {color: #000}

.TEXTFF9900{color: #FF9900}
.TEXTFF0000 {color: #FF0000}
.TEXT_RED {color: #FF0000}
.TEXT669966{color: #669966}
.TEXT990000{color: #990000}
.TEXTCC0000{color: #CC0000}
.TEXT003366{color: #003366}
.TEXT0099cc{color: #0099cc}

.TEXTFFF{color: #FFF}
.TEXT_1_1em{
	font-size: 1em;
	text-decoration: none;
	margin:0 0 0 0px;
	padding:0px;
	FONT-WEIGHT: normal;
	line-height:20px

}


.TEXT_1_2em{
	font-size: 1.2em;
	text-decoration: none;
	margin:0 0 0 0px;
	padding:0px;
	FONT-WEIGHT: normal;

}

 

.spacerDIV10px

{
height:10px;
}

.spacerDIV20px

{
height:20px;
}


.spacerDIV30px

{
height:30px;
}




	
.line_CCClist
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/lineCCC.gif)  repeat-x ;
margin-top:10px;
margin-bottom:10px;
 
}

.line_CCClist_notopPAD 
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/lineCCC.gif)  repeat-x ;
margin-top:0px;
margin-bottom:10px;
 
}