html {
FONT-SIZE: 100%;
}

body {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px;
background:#FFFFFF;
	line-height: 1.5em;
	FONT-SIZE:0.7em;
	font-family:   arial, verdana;
	color: #666666;

}


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



#container{
	width: 770px;
	margin: 0 auto; /*Center container on page*/
}



#container_banner_home {
	PADDING: 0px; HEIGHT: 230px;WIDTH:762px;
	BACKGROUND: url(banners/1.jpg) no-repeat; 
	border: solid;
	border-width:4px;
	border-color:#cccccc
}



#container_banner_home09 {
	PADDING: 0px; HEIGHT: 230px;WIDTH:762px;
	BACKGROUND: url(banners/new09.jpg) no-repeat; 
	border: solid;
	border-width:4px;
	border-color:#cccccc
}


#container_banner_2 {
	PADDING: 0px; HEIGHT: 230px;WIDTH:762px;
	BACKGROUND: url(banners/2.jpg) no-repeat; 
	border: solid;
	border-width:4px;
	border-color:#cccccc
}

#container_banner_4 {
	PADDING: 0px; HEIGHT: 230px;WIDTH:762px;
	BACKGROUND: url(banners/4.jpg) no-repeat; 
	border: solid;
	border-width:4px;
	border-color:#cccccc
}

#container_banner_5 {
	PADDING: 0px; HEIGHT: 230px;WIDTH:762px;
	BACKGROUND: url(banners/5.jpg) no-repeat; 
	border: solid;
	border-width:4px;
	border-color:#cccccc
}

#logo {
	BACKGROUND: url(structure/logo.gif) no-repeat left top; WIDTH: 179px; 
	PADDING: 0px; HEIGHT: 74px;
	float:left;
}
#logo SPAN {
	DISPLAY: none
}
#container_NAV_HOLDER { 
width:523px;
text-align:right;
float:right;
padding-top:0px;
padding-bottom:0px;
padding-right:6px;
padding-left:0px;

}


#navShadow
{
	padding:0 0 0 0 ;
	margin:0 0 0 0 ;
HEIGHT: 6px;WIDTH:523px;
BACKGROUND: url(structure/dropshad_nav.gif) no-repeat; 
}



#navcontainer ul
{
padding: 0;
margin: 0;
background-color: #218EC7;
color: White;
float: right;
width: 100%;
height: 37px;
font-family: arial, helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}

#navcontainer ul li { display: inline; height: 37px;}

#navcontainer ul li a
{
padding: 10px 15px;
background-color: #218EC7;
color: White;
text-decoration: none;
float: left;

}

#navcontainer ul li a:hover
{
background-color: #0779B4;
color: #fff;
}

 #navcontainer #selected
{
background-color: #0779B4;
color: #fff;
}




#subnavcontainer { width: 205px; }

#subnavcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size:1.2em;
BORDER-TOP: #cccccc 1px solid;
}

#subnavcontainer a
{
display: block;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
padding-right:0px;
width: 190px;
background-color: #ffffff;
border-bottom: 1px solid #cccccc;

}

#subnavcontainer a:link, #subnavlist a:visited
{
color: #666666;
text-decoration: none;
}

#subnavcontainer a:hover
{
background-color: #218EC7;
color: #ffffff;
}

#subnavcontainer #subnavHIGH
{
color: #0779B4;
text-decoration: none;
background-color: #ffffff;
font-weight:bold
}



#container_nav_sublevel
{
	
	padding-top:10px;
	margin:0 0 0 0 ;
	height:21px;
	
}



#container_MAIN_content {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 10px; 
	WIDTH: 770px;
	margin: 0 auto; /*Center container on page*/
	min-height:250px /*now works in IE 7*/;
	margin:0px;
}

#container_HEADER {
	WIDTH: 770px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
}


.container_padleft15 {
	 PADDING-LEFT: 15px;
}



#container_footer {
PADDING-top:10px;
PADDING-bottom:10px;
	width: 770px;
	MARGIN: 0px auto;
		border-top:solid;
	border-top-color:#CCCCCC;
	border-top-width:4px;
	
	}

#container_footer_content {
padding:0px;
margin-left:15px;

}

.footerFONT {
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
}


A.NAVfooter:link {	

color: #218EC7;
	}
A.NAVfooter:visited {	

color: #218EC7;
	}
A.NAVfooter:hover {	

		border-bottom:solid;
border-bottom-width: 1px;
border-bottom-color: #0779B4;
color: #0779B4;
}
	

	/* ----------------------------------- */
/* LINES
/* ----------------------------------- */ 

.footer_line_single
{

margin-bottom:2px;
padding:0px;
margin-top:30px;
BACKGROUND: url(structure/line_grey.gif) repeat-x; WIDTH:770px; HEIGHT: 4px;
}





	/* ----------------------------------- */
/* NOT USING
/* ----------------------------------- */ 
#container_banner {
BACKGROUND: url(structure/banner1.jpg) no-repeat; WIDTH:750px; HEIGHT: 261px
}




	/* ----------------------------------- */
/* HEADERS
/* ----------------------------------- */	
H1 { MARGIN: 0px 0px 10px 0px; }

H1#whoweare SPAN {
	DISPLAY: none
}


H1#whoweare {
	BACKGROUND: url(headers/whoweare.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}


H1#howtofindus SPAN {
	DISPLAY: none
}


H1#howtofindus {
	BACKGROUND: url(headers/howtofindus.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}

H1#sanitaryware SPAN {
	DISPLAY: none
}


H1#sanitaryware {
	BACKGROUND: url(headers/sanitaryware.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}

H1#bathrooms SPAN {
	DISPLAY: none
}


H1#bathrooms  {
	BACKGROUND: url(headers/bathrooms.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}


H1#showers SPAN {
	DISPLAY: none
}


H1#showers  {
	BACKGROUND: url(headers/showers.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}


H1#woodfloors SPAN {
	DISPLAY: none
}


H1#woodfloors  {
	BACKGROUND: url(headers/woodfloors.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}


H1#tiles SPAN {
	DISPLAY: none
}


H1#tiles  {
	BACKGROUND: url(headers/tiles.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}



H1#projects SPAN {
	DISPLAY: none
}


H1#projects  {
	BACKGROUND: url(headers/projects.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}


H1#aboutus SPAN {
	DISPLAY: none
}


H1#aboutus  {
	BACKGROUND: url(headers/aboutus.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}


H1#architects SPAN {
	DISPLAY: none
}


H1#architects  {
	BACKGROUND: url(headers/architects.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}

H1#suppliers  {
	BACKGROUND: url(headers/suppliers.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}


H1#suppliers SPAN {
	DISPLAY: none
}






H1#quality SPAN {
	DISPLAY: none
}


H1#quality {
	BACKGROUND: url(headers/quality.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}

H1#contact SPAN {
	DISPLAY: none
}


H1#contact {
	BACKGROUND: url(headers/contact.gif) no-repeat left top; HEIGHT: 23px; WIDTH:160px;
}


h2 {
	
	MARGIN: 20px 0px 10px 15px; FONT-size: 1.6em ; font-weight: bold; COLOR: #999999;

}

h3 {
	
	MARGIN: 0px 0px 6px 0px; FONT-size: 1.4em ; font-weight:bold; COLOR: #218EC7;

}



	/* ----------------------------------- */
/* PAGE HEADER LAYOUTS
/* ----------------------------------- */ 


#column_header{
	  WIDTH: 242px;float:left;
	  padding: 15px 0px 0px 15px;
}


#column_pagenav{
	  WIDTH: 250px; float:left; text-align:right; margin-top:10px
}
#column_pagenumnav{
	  WIDTH: 80px; float:right; text-align:right;  vertical-align:middle;
}




	/* ----------------------------------- */
/* COLUMNS
/* ----------------------------------- */ 

.column {
	 FLOAT: left;
	 padding-top:0px;
	  padding-bottom:0px;
	   padding-left:0px;
	    padding-right:0px;
	}

#column_left {
	  padding-top:0px;
	  padding-bottom:25px;
	   padding-left:0px;
	    padding-right:0px;
		margin:0px;
	WIDTH: 242px;
}
#column_left_NOPRODUCTS {
	padding-left: 15px; 
	WIDTH: 242px;
	height: 200px;
}

#column_right {
	 padding-top:0px;
	  padding-bottom:25px;
	   padding-left:0px;
	    padding-right:0px;
	WIDTH: 510px;
	font-size:1em;
}

#column_middle {
	 padding-top:0px;
	  padding-bottom:25px;
	   padding-left:0px;
	    padding-right:0px;
		margin:0px;
	WIDTH: 240px;
	font-size:1em;
}


#column_right3 {
	 padding-top:0px;
	  padding-bottom:25px;
	   padding-left:10px;
	    padding-right:0px;
	WIDTH: 264px;
	float:right;
	text-align:right;
}


.columnHDDR {
	 FLOAT: left;
	 padding-top:0px;
	  padding-bottom:0px;
	   padding-left:0px;
	    padding-right:0px;
		margin-top:0px;
		margin-bottom:0px;
	}

#column_HDDR_left {
	padding: 0 0 0 0 ; 
	WIDTH: 242px;
	margin:0px;
}



#column_HDDR_right {
	PADDING-RIGHT: 6px; 
	padding-bottom:0px;
	   padding-left:0px;
		margin-top:0px;
	WIDTH: 450px;
	font-size:1em;
	margin:0px;
	
}
	
	
#container_SLIDE {
PADDING:0px;
	width: 770px;
	MARGIN: 0px auto;
	border-top:solid;
	border-top-color:#CCCCCC;
	border-top-width:4px;
	color:#FFFFFF;
	
	}


.columnSLIDE {
	 FLOAT: left;
	 padding-top:0px;
	  padding-bottom:0px;
	   padding-left:0px;
	    padding-right:0px;
	
	}

#column_leftSLIDE {
	 padding-top:10px;
	  padding-bottom:10px;
	   padding-left:15px;
	    padding-right:0px;
		margin:0px;
	WIDTH: 217px;
	
}


#column_rightSLIDE {
	 padding-top:10px;
	  padding-bottom:10px;
	   padding-left:10px;
	    padding-right:0px;
		margin:0px;
	WIDTH: 528px;
	
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ----------------------------------- */
/* THUMBNAILS
/* ----------------------------------- */
	
	
	.thumb { padding: 10px 10px 10px 10px; float:left; width: 100px; height: 137px;background-color:#E0E0E0; margin-bottom: 15px;margin-right:42px; line-height: 1.5em }
	
	.thumb .thumbshot, .thumb p  { float: left; width: 100px; border: 1px; }
	
.thumbDETAILpg { padding: 10px; float:left; width: 100px; background-color:#666666; margin-bottom: 15px;margin-right:10px;  }
	
.thumbDETAILpg .thumbshot, .thumbDETAILpg p  { float: left; width: 100px; border: 1px; }


.THUMBLINK:link img { border:1px;  border-color: #ffffff; border-style: solid; }
.THUMBLINK:visited img{border:1px;  border-color: #ffffff; border-style: solid}
.THUMBLINK:hover img{border:1px;  border-color: #218EC7; border-style: solid}


	/* ----------------------------------- */
/* THUMBNAILSLINKS_60 pix
/* ----------------------------------- */
	
	
	.thumb60 { padding: 0px; float:left; width: 60px;  margin-top: 0px; margin-bottom: 8px;margin-right:20px;  }
	
	.thumb60 .thumbshot60 { float: left; width: 60px; border: 2px; }
	



.THUMBLINK60:link img { border:2px;  border-color: #ffffff; border-style: solid; }
.THUMBLINK60:visited img{border:2px;  border-color: #ffffff; border-style: solid}
.THUMBLINK60:hover img{border:2px;  border-color: #6699CC; border-style: solid}


	/* ----------------------------------- */
/* LARGE IMAGES
/* ----------------------------------- */
	
	
	.largeimage { padding: 10px; float:left; width: 300px; background-color:#666666;}
	
	.largeimage .largeimageshot, .largeimage p  { float: left; width: 300px; border: 1px; }
	
	.LARGEIMAGELINK:link img { border:1px;  border-color: #ffffff; border-style: solid; }
.LARGEIMAGELINK:visited img{border:1px;  border-color: #ffffff; border-style: solid}
.LARGEIMAGELINK:hover img{border:1px;  border-color: #FF9900; border-style: dotted}

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


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


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

.TITLE {
	
	FONT-size: 1.2em ; font-weight:bold; COLOR: #218EC7;

}
	
	
A.TITLE:link { FONT-size: 1.2em ; font-weight:bold; COLOR: #218EC7; text-decoration: none; }
A.TITLE:visited {FONT-size: 1.2em ; font-weight:bold; COLOR: #218EC7; text-decoration: none;}
A.TITLE:hover {FONT-size: 1.2em ; font-weight:bold; COLOR: #666666; text-decoration: none; }

.NAVsublevel {
font-family: Arial,Verdana,   Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
}

A.NAVsublevel:link {	

color: #999999;
	}
A.NAVsublevel:visited {	

color: #999999;
	}
A.NAVsublevel:hover, #selectedSL {	

		border-bottom:solid;
border-bottom-width: 1px;
border-bottom-color: #218EC7;
color: #218EC7;
}




.INTRADELINK {
font-family: Arial,Verdana,   Helvetica, sans-serif;
	font-size: 1em;
	font-weight:BOLD;
}

A.INTRADELINK:link {	

color: #218EC7;
		border-bottom:solid;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;
	}
A.INTRADELINK:visited {	

color: #218EC7;
		border-bottom:solid;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;
	}
A.INTRADELINK:hover {	

color: #333333;
		border-bottom:solid;
border-bottom-width: 1px;
border-bottom-color: #218EC7;
}



.PageLink:link { border:1px solid #666666; 
	background-color: #666666; 
	color: #FFF; 
	width: 20px; 
	height:20px; 
	display:block; 
	float:left; 
	margin: 2px; 
	text-align: center; }
	.PageLink:visited { border:1px solid #666666; 
	background-color: #666666; 
	color: #FFF; 
	width: 20px; 
	height:20px; 
	display:block; 
	float:left; 
	margin: 2px; 
	text-align: center; }

 .PageLink:hover { background-color:#CCCCCC; color: #333333;}


#selectedBOX {

background-color: #FF9900; border: 1px solid #FFF;color: #666666;
	color: #FFF; 
	width: 20px; 
	height:20px; 
	display:block; 
	float:left; 
	margin: 2px; 
	text-align: center; }




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

.clear {
	CLEAR: both;

}


.TEXTwhite
{
	color: #FFFFFF;
}

.TEXTSLIDESHOW_LARGE
{
	color: #FFFFFF;
	font-size:1.5em;
	line-height:normal;
		font-family: Helvetica,arial, verdana;
}


.imgBORDER {
border:2px;  border-color: #cccccc; border-style: solid;
}

.imageborderlink img{
border:2px; border-color: #cccccc;  border-style: solid;
}

.imageborderlink:link img { border:2px;  border-color: #ccc; border-style: solid; }
.imageborderlink:visited img{border:2px;  border-color: #ccc; border-style: solid}
.imageborderlink:hover img{border:2px;  border-color: #6699cc; border-style: solid}
.imageborderlink:active img{border:2px;  border-color: #666666; border-style: solid}



#homemaincontainer
{
width: 770px;
margin: 10px auto;
background-color: #fff;
color: #666;
}



#homeleftcol
{
float: left;
width: 220px;
margin: 0;
padding: 10px 10px 10px 15px;
}

#homerightcol
{
float: right;
width: 220px;
margin: 0;
padding: 1em;
padding: 10px 0px 10px 10px;
}

#homemiddlecol
{
margin-left: 240px;
border-left: 1px solid #218EC7;
margin-right: 240px;
border-right: 1px solid #218EC7;
padding: 10px 15px 10px 15px;
min-height:280px
}





	
	
	


	
#footerNAVlist
{
padding: 0 0 0 0;
margin: 0;
}

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

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



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

}

#footerNAVlist li a:hover
{
border-bottom:solid;
border-bottom-width: 1px;
border-bottom-color: #0779B4;
color: #0779B4;
}