body
{
	margin:10px 0px 0px 0px;
/*	background-color: #424242;*/
	color:black;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: -moz-center !important;
}

* html body 
{
	text-align: center !important;	
}

#centered
{
	width:809px;
	text-align: center;
	height:auto;
	border:1px solid red;
}

#holder
{
	width:809px;
	background-color:white;
	height:auto;
	text-align:left;
	margin:0 auto;
}

#topbanner
{
	background-image: url(../images/nps_plumbing_top.gif);
	background-repeat: no-repeat;
	height:111px;
	_height:101px;
	padding-left:19px;
	padding-top:2px;
	_padding-top:10px;
}

h2
{
	color:white;
	font-weight:bold;
	font-size:12px;
}

#clears
{
	clear:both;
}

/* ----===== Left Menu ====---- */

#leftmenu
{
	float:left;
	width:219px;
	height:auto;
	padding-left:19px;
	margin-top:15px;
	margin-bottom:20px;
	/*border:1px solid pink;*/
}

.button
{
	background-image:url(../images/left_button_bg.gif);
	width:209px;
	height:26px;
	background-repeat: no-repeat;
	margin-bottom:2px;
	padding-top:7px;
	padding-left:10px;
}

.button a
{
	color:white;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

#productlist
{
	background-color: #efefef;
	border-right:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	height:auto;
	width:217px;
	color:black;
}

.menu_top
{
	background-image:url(../images/menu_top.gif);
	background-repeat: no-repeat;
	height:41px;
	width:219px;
	margin-top:10px;
}

.menu_top2
{
	background-image:url(../images/menu_top2.gif);
	background-repeat: no-repeat;
	height:41px;
	width:219px;
	margin-top:10px;
}

.menu_bot
{
	background-image:url(../images/menu_bot.gif);
	background-repeat: no-repeat;
	height:20px;
	width:219px;
}


#productlist a
{
	font-weight:bold;
	color:black;
	text-decoration:none;
}

#productlist a:hover
{
	font-weight:bold;
	color:black;
	text-decoration:underline;
}


/*  ----==== Main Text Area ====---- */

#maintext
{
	float:right;
	width:549px;
	height:auto;
	margin-right:2px;
	margin-top:-5px;
	_margin-top:10px;
	padding-right:8px;
}

h1
{
	color:#ad020b;
	font-size:24px;
	font-family: "arial narrow", arial, helvetica;
}

h5
{

	color:#ad020b;
	font-size:17px;
	font-family: "arial narrow", arial, helvetica;
	margin-bottom:-1px;
}


h3
{
	color:#ad020b;
	font-size:20px;
	font-family: "arial narrow", arial, helvetica;
	margin-bottom:0px;
	padding-left:12px;
	margin-top:5px;
}

#bottombar
{
	width:100%;
	background-image:url(../images/nps_plumbing_bot.gif);
	background-repeat: no-repeat;
	height:20px;
	color:white;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}

#branding
{
	text-align:center;
	width:801px;
	height:30px;
	font-size:10px;
	color:white;
	padding-top:5px;
}

#branding a
{
	color:white;
	text-decoration:none;
}


/* PRODUCTS STYLES */
/* TOP LEVEL */
.lHandSection {
	float: left;
	width: 150px;
	height: 180px !important;
	padding: 0px;
	margin: 0px 0px 0px 0px;	
}
.lHandSection h1{
	width:150px;
	height:auto !important;
	height: 24px;
	line-height:2em;
	font-size:10px;
	font-weight:bold;
	font-family: verdana, helvetica, sans-serif;
	background-image: url(../images/lilac_bg.gif);
	background-repeat: repeat;
	border-bottom: 1px solid #CCC;
    margin:0px;
	padding: 2px 4px;
}
.rHandSection {
	float: right;
	clear: right;
	width: 150px;
	height: 180px;
	padding: 0px;
	/*margin: 0px 10px 0px 0px;*/
}
.rHandSection h1{
	width:150px;
	height:auto !important;
	height: 24px;
	line-height:2em;
	font-size:0.95em;
	font-weight:bold;
	font-family: verdana, helvetica, sans-serif;
	background-image: url(../images/lilac_bg.gif);
	background-repeat: repeat;
	border-bottom: 1px solid #CCC;
   margin:0px;
	padding: 3px 4px;
}

.rHandSection h1 img{
 border: none;
 margin:0px 4px;
}
.lHandSection h1 img{
 border: none;
 margin:0px 4px;

}
.rHandSection img{
  margin:0px 0px 0px 0px;
  border: none;
 
}
.lHandSection img{
  margin:0px 0px 0px 0px;
  border: none;
}

/* PRODUCT LEVEL */
.lightGreyBorderProd {
	border: 1px solid #CCC;
	width:150px;
	height:160px;
   overflow: hidden;
	padding:0px;
   margin:0px;

}

.lHandSectionProd {
	float: left;
	width: 150px;
	height: 160px;
	padding: 0px;
	margin: 10px 43px 0px 0px;
	_margin: 10px 37px 0px 0px;	
	text-align:center;
}

.lHandSectionProd a
{
	color:white;
	text-decoration:none;
}

.lHandSectionProd h6{
	width:150px;
	/*height:auto !important;*/
	height: 24px;
	line-height:2em;
	font-size:0.95em;
	font-weight:bold;
	color:white;
	font-family: verdana, helvetica, sans-serif;
	/*background-image: url(../images/lilac_bg.gif);
	background-repeat: repeat;*/
	background-color: #ad020b;
	border-bottom: 1px solid #CCC;
   margin:0px;
	padding: 4px 0px;
		overflow:hidden;
}
.rHandSectionProd {
	float: right;
	clear: right;
	width:150px;
	height: 160px;
	padding: 0px;
	margin: 10px 10px 0px 20px;
	text-align:center;
}

.rHandSectionProd a
{
	color:white;
	text-decoration:none;
}

.rHandSectionProd h6{
	width:150px;
	/*height:auto !important;*/
	height: 24px;
	line-height:2em;
	font-size:0.95em;
	font-weight:bold;
	font-family: verdana, helvetica, sans-serif;
	/*background-image: url(../images/lilac_bg.gif);
	background-repeat: repeat;*/
	background-color: #ad020b;
	border-bottom: 1px solid #CCC;
   margin:0px;
	padding: 4px 0px;
		overflow:hidden;
}
.mSectionProd {
	float: left;
	clear: none;
	width:150px;
	height: 160px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	text-align:center;
}

.mSectionProd a
{
	color:white;
	text-decoration:none;
}

.mSectionProd h6{
	width:150px;
	/*height:auto !important;*/
	height: 24px;
	line-height:2em;
	font-size:0.95em;
	font-weight:bold;
	/*font-family: verdana, helvetica, sans-serif;
	background-image: url(../images/lilac_bg.gif);*/
	background-color: #ad020b;
	background-repeat: repeat;
	border-bottom: 1px solid #CCC;
   margin:0px;
	padding: 4px 0px;
	overflow: hidden;
}
.mSectionProd h1 img{
 border: none;
 margin:0px 4px;
}
.lHandSectionProd h1 img{
 border: none;
 margin:0px 4px;
}
.rHandSectionProd h1 img{
 border: none;
 margin:0px 4px;

}
.lHandSectionProd img{
  margin:15%;
  border: none;
 
}
.rHandSectionProd img{
  margin:15%;
  /*padding:auto;*/
  border: none;
}
.mSectionProd img{
  margin:15%;
 border: none;
}
.prodImage {
	border:0px solid #ff0000; 
	width:200px; 
	height:200px; 
	float:left; 
	margin:0px 5px 0px 0px;
}
.prodText {
	border:0px solid #ff0000; 
	width:320px;  
	float:left;
}






/* HOT PRODUCTS HOMEPAGE STYLES */
/* TOP LEVEL */

.lHandSection2 {
	float: left;
	width: 150px;
	height: 180px !important;
	padding: 0px;
	margin: 0px 0px 0px 0px;	
}
.lHandSection2 h1{
	width:150px;
	height:auto !important;
	height: 24px;
	line-height:2em;
	font-size:10px;
	font-weight:bold;
	font-family: verdana, helvetica, sans-serif;
	background-image: url(../images/lilac_bg.gif);
	background-repeat: repeat;
	border-bottom: 1px solid #CCC;
    margin:0px;
	padding: 2px 4px;
}
.rHandSection2 {
	float: right;
	clear: right;
	width: 150px;
	height: 180px;
	padding: 0px;
	/*margin: 0px 10px 0px 0px;*/
}
.rHandSection2 h1{
	width:150px;
	height:auto !important;
	height: 24px;
	line-height:2em;
	font-size:0.95em;
	font-weight:bold;
	font-family: verdana, helvetica, sans-serif;
	background-image: url(../images/lilac_bg.gif);
	background-repeat: repeat;
	border-bottom: 1px solid #CCC;
   margin:0px;
	padding: 3px 4px;
}

.rHandSection2 h1 img{
 border: none;
 margin:0px 4px;
}
.lHandSection h1 img{
 border: none;
 margin:0px 4px;

}
.rHandSection2 img{
  margin:0px 0px 0px 0px;
  border: none;
 
}
.lHandSection2 img{
  margin:0px 0px 0px 0px;
  border: none;
}

/* PRODUCT LEVEL */
.lightGreyBorderProd2 {
	border: 1px solid #CCC;
	width:150px;
	height:160px;
   overflow: hidden;
	padding:0px;
   margin:0px;

}

.lHandSectionProd2 {
	float: left;
	width: 150px;
	height: 160px;
	padding: 0px;
	margin: 10px 43px 0px 0px;
	_margin: 10px 37px 0px 0px;	
	text-align:center;
}

.lHandSectionProd2 a
{
	color:white;
	text-decoration:none;
}

.lHandSectionProd2 h6
{
	width:150px;
	height: 24px;
	line-height:2em;
	font-size:0.95em;
	font-weight:bold;
	color:white;
	font-family: verdana, helvetica, sans-serif;
	background-color: #ad020b;
	border-bottom: 1px solid #CCC;
   margin:0px;
	padding: 4px 0px;
	overflow:hidden;
}
.rHandSectionProd2 {
	float: right;
	clear: right;
	width:150px;
	height: 160px;
	padding: 0px;
	margin: 10px 10px 0px 20px;
	text-align:center;
}

.rHandSectionProd2 a
{
	color:white;
	text-decoration:none;
}

.rHandSectionProd2 h6{
	width:150px;
	/*height:auto !important;*/
	height: 24px;
	line-height:2em;
	font-size:0.95em;
	font-weight:bold;
	font-family: verdana, helvetica, sans-serif;
	/*background-image: url(../images/lilac_bg.gif);
	background-repeat: repeat;*/
	background-color: #ad020b;
	border-bottom: 1px solid #CCC;
   margin:0px;
	padding: 4px 0px;
		overflow:hidden;
}
.mSectionProd2 {
	float: left;
	clear: none;
	width:150px;
	height: 160px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	text-align:center;
}

.mSectionProd2 a
{
	color:white;
	text-decoration:none;
}

.mSectionProd2 h6{
	width:150px;
	/*height:auto !important;*/
	height: 24px;
	line-height:2em;
	font-size:0.95em;
	font-weight:bold;
	/*font-family: verdana, helvetica, sans-serif;
	background-image: url(../images/lilac_bg.gif);*/
	background-color: #ad020b;
	background-repeat: repeat;
	border-bottom: 1px solid #CCC;
   margin:0px;
	padding: 4px 0px;
	overflow: hidden;
}
.mSectionProd2 h1 img{
 border: none;
 margin:0px 4px;
}
.lHandSectionProd2 h1 img{
 border: none;
 margin:0px 4px;
}
.rHandSectionProd2 h1 img{
 border: none;
 margin:0px 4px;

}
.lHandSectionProd2 img{
  margin:15%;
  border: none;
 
}
.rHandSectionProd2 img{
  margin:15%;
  /*padding:auto;*/
  border: none;
}
.mSectionProd2 img{
  margin:15%;
 border: none;
}
.prodImage2 {
	border:0px solid #ff0000; 
	width:200px; 
	height:200px; 
	float:left; 
	margin:0px 5px 0px 0px;
}
.prodText2 {
	border:0px solid #ff0000; 
	width:320px;  
	float:left;
}


#hotProductsHolder
{
	width:545px;
	text-align:left;
	height:auto;
}



