/********************************************************************
      Product Page
*********************************************************************/
#prodMainContent{
  width:100%;
  float:left;
  background-color:#143369;
}

#prodMainContent #productCategories{

background-color: #143369;
height:100%;
width:24%;
font-size:0.8em;
float:left;
color:white;
padding:1% 0 0 1%;
}

#prodMainContent #productCategories ul{
  width: 98%;
  height:78%;
  padding:2% 0 0 2%;
  margin:0;
  float:left;

}

#prodMainContent #productCategories ul li{
    width:100%;
    height: 20px;
    float:left;
    text-align:left;


}

#prodMainContent .prodListHref{

    color: white;
    font-style: normal;
    border:0;


}

#prodMainContent #productPage{
   background-color:black;
   float:left;
   width: 75%;
}

#prodMainContent #productPage .prodPagImg{
  float: left;
  width: 25%;
  height:25%;
}

#prodMainContent #productPage .prodPagImg2{
  float: left;
  width: 50%;


}

#prodMainContent #bathroomsPage{
 background-color:white;
 float:left;
 width:75%;
 font-size:0.9em;

}

#prodMainContent #bathroomsPage ul{
  width:100%;
  height:100%;
  padding:0;

}

#prodMainContent #bathroomsPage ul li{
  width:100%;
  background-color:white;
  height:120px;
  float:left;
  height:100%;


}

#prodMainContent #bathroomsPage .name{
  float:left;
  width:25%;
  padding-top:5px;
  text-align:center;
  font-weight:bold;
  font-size:1em;
  color:gray;

}
#prodMainContent #bathroomsPage .logo{
  float:left;
  width:38%;
  margin:5%;
  font-size:0.9em;
  border:3px ridge black;

}
#prodMainContent #bathroomsPage .website{
  float:left;
  width:35%;
  color:black;
  margin-top:1%;
  font-size:0.9em;

}
#prodMainContent #bathroomsPage .brochure{
  float:left;
  width:5%;
  color:black;
  font-size:0.9em;
  padding-bottom:1%;


}

#prodMainContent #bathroomsPage .download
{
  width:31px;
  height:31px;
  border:0;
}

 #prodMainContent #bathroomsPage .brochTxt{
  float:left;
  width:20%;
  color:black;
  padding-top:1%;
  font-size:0.9em;
    padding-bottom:1%;

}

/* Global Styles */

body {
	background-color:#c1ccde;
    text-align:center;
    float:left;
    margin-left:10%;
    margin-right:10%;
    margin-top:0%;
    margin-bottom:0%;
    min-width: 900px;
    font-family:'lucida grande',tahoma,sans-serif;

}

ul{

  list-style-type:none;
   height: 28px;
   float:left;
   margin:0;
   padding-top:1%;
   padding-bottom:0;
   padding-left:0;
   padding-right:0;
   width:100%;
   background-color:#143369;

}

/****************************************************
    Special Offers
    offers.html
*****************************************************/

#products{
   float:left;
   width:43.8%;
   background-color:white;

}

#products h2{

    font-size:1.2em;
    font-family:'lucida grande',tahoma,sans-serif;
    color:#0d346d;

}

#products h3{

      font-size:0.9em;
      float:left;
      padding-left:10px;
      width:100%;
}

#products .image{
    height:190px;
    width:140px;
    float:left;
    margin: 10px;

}
#products .desc{

float:left;
width:100%;
font-size:0.9em;
}
#products .price{

float:left;
width:100%;
font-size:0.9em;
}

#products ul{
  float:left;
  list-style-type:none;
  padding:0;
  margin:0 0 0 1%;
  width:90%;
  height:100%;
  background-color:white;
  text-align:center;
}

#products ul li{
  background:none repeat scroll 0 0 #F3F3F3;
  border:1px solid #E3E3E3;
  color:#777777;
  width:98.9%;
  height:10%;
  margin:4.5%;
  text-align:center;
}

#imageCol{

 border:0;
 padding:0;
 margin:0;
 float:left;
 width:23.2%;
 overflow:hidden;

}
#imageCol2{

 border:0;
 padding:0;
 margin:0;
 float:left;
 width:33%;
 background-color:black;
 overflow:hidden;

}


/*****************************************************************************
           contacts.html
********************************************************************/

#sideBar{
    background:url("bg-sidebar.gif") repeat-y scroll center top #E7F4E4;
    float: left;
    margin: 10px;
    position: relative;


}

#sideBar p{
  color: #777777;
  font-size:0.9em;
  padding:10px;
}

#sideBar h2{

 color: #555555;
 font-size:1em;
 font-weight:bold;
 text-transform: uppercase;
}

#sideBarTop{
  background:url("bg-sidebar_top.gif") no-repeat scroll center top transparent;
  display:block;
  height:10px;




}

#sideBarBottom{
  background:url("bg-sidebar_bottom.gif") no-repeat scroll center top transparent;
  display:block;
  height:10px;


}
#pagecontent #map{
 float:left;
 width:450px;
 height:400px;
 border:2px double gray;
}

#contactform{
  float:left;
  margin:0;
  padding: 15px 10px 0 5px;
  font-size:0.9em;

}
#sent{
   float:left;
   margin-left:5%;
   padding:15px 10px 0 5px;
   font-size:0.9em;


}

#quoteform{
  float:left;
  margin: 25px 10px 0 35px;
  font-size:0.9em;

}
#quoteform #quoteCol1{
  float:left;
  width: 50%;
  height:100%;
  padding-right:55px;
}
#quoteform #quoteCol2{
  float:left;
  width:40%;

}

#contactform p {
font-family:'lucida grande',tahoma,sans-serif;
padding:0;
margin:0;
text-align:left;


}
#quoteform p {
font-family:'lucida grande',tahoma,sans-serif;
padding:0;
margin:5px 0 5px 0;
text-align:left;


}
.formbutton{

float:left;
margin:8px 8px 8px 0px;
}

.form {
width:300px;
display:block;
}
.quoteform {
width:350px;
display:block;
}

#header{

 float:left;
 width:100%;
 background-color:white;

}


li{

    text-align:center;
    float:left;
    height: 24px;
    width: 19%;
    background-color:#143369;



}
font
{

   font-family:'lucida grande',tahoma,sans-serif;
    font-size:0.8em;
    font-weight:bold;
    color:white;
    width:15%;
    height:5%;

}

#bluefont
{
  font-weight: bolder;
  font-family:'lucida grande',tahoma,sans-serif;
  color:#0d346d;
  font-size:1.4em;
}
#redfont
{
  font-weight: bolder;
  font-family:'lucida grande',tahoma,sans-serif;
  color:red;


}

.text
{
    padding-right:50px;
    padding-left:25px;
    font-family:Arial;
    font-size:12px;
    color:black;
}


.headtext
{

    font-family:Arial;
    font-size:16px;
    font-weight:bolder;
    color:#0a357a;
}




a{	
    text-decoration:none;   
    
}
.spacer
{ 
	width:3px;
	height:9px;

}
.spacer2
{ 
	width:3px;
	height:8px;

}
.spacer3
{ 
	width:3px;
	height:15px;

}
.link
{
        
    font-family:Arial;
    font-size:12px;
    color:black;

}

#maintext
{

    float:right;
    padding-top:

}
#image
{

    position:relative;
    float:left;

}
#pagecontent
{
	background-color:White;
	float:left;
    width:100%;


}


#text
{
	float:left;

}
#borderred
{
	float:right;
	width:17%;

}


.spaceColumn
{

    background-color:white;


}


.applet
{
float:left;	


}