/* TEMPORARY CONTENT FOR LANDING/INTERMEDIATE PAGES */
#pageContentWrapper	{
	width: 615px;
	}

div#pagecontent	{
	width: 615px;
	background-color: #ffffff;
}	
div#headercontent {
	width: 615px;
}
div#tabcontent	{
	width: 615px;
	margin-top: 10px;
/*	background-color: #FCC;*/
}
div#column1	{
	width: 307px;
/*	background-color: #CFC;*/
	float: left;
	display: inline;
}
div#column2	{
	width: 308px;
/*	background-color: #AAF;*/
	float: left;
	display: inline;
}	


.clearfix:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE for the Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */


/* START Navigation bar for section */
#hpcfNavBar	{width: 615px;
	background-color:#67696b;
	margin-bottom: 5px;
	}
#hpcfNavBar h1	{color: #fff;
	font: bolder 26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:right;
	padding: 10px 20px 0px 10px;
	margin-bottom: -0.26em; }
	
#hpcfNavCell a {color: #67696b;
	width: 100%; height: 100%;
	text-decoration: none;
}
#hpcfNavCell td	{
	text-align: center;
	padding: 5px;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#hpcfNavCell td.spacer	{
	padding: 0px;
	background-color:#fff;
	}
.navCellOff	{
	background-color:#dadada;
	}
.navCellOn	{
	background-color:#bdbebe;
	}
/* END navigation bar */

/* START mini navigation - Crumbs, printing, etc. */
div#mininav	{
	display: block;
	height: 16px;
	padding-top: 0px;
	margin-bottom: 6px;	
	background-color: #ffffff;
	}
	
div#crumbsnav	{
	font-size: 11px;
	font-weight: normal;
	float: left;
	display: inline;
	padding: 0 0 2px 0;
	}
	
div#crumbsnav a	{
	color: #6F6E6E;
	}
	
div#productpagenav	{
	float: right;
	display: inline;
	padding-right: 0px;
	height: 16px;
	}

div#productpagenav a	{
	padding: 0;
	margin: 0;
	padding-left: 24px;
	padding-right: 2px;
	padding-top: 0px;
	background-repeat: no-repeat;
	}

.requestInfoBackground	{
	background-image:url(requestinfo-small.gif) !important;
	background-repeat:no-repeat;
	}	

.printBackground	{
	background-image:url(printpage-small.gif) !important;
	background-repeat:no-repeat;
	}	

.homeBackground	{
	background-image:url(returnhome-small.gif) !important;
	background-repeat:no-repeat;
	}	

.requestInfoButton	{
	font-size: 11px;
	}
	
.printButton	{
	font-size: 11px;
	}
	
.homeButton	{
	font-size: 11px;
	}
/* END mini navigation */
/* START landing page content */
div#landingpageintro	{
	background-image:url(images/landingpagebkgd.jpg);
	background-repeat: no-repeat;
	height: 230px;
	margin: 0 0 12px 0;
}	
div#landingpageintro h1	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 44px;
	margin: 0 0 15px 330px;
	padding: 0;
}
div#landingpageintro p	{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	margin: 0 0 0 330px;
	padding: 0;
}
div#landingpagecontent	{
	margin: 0;
	padding: 0;
}	
div#selectaproduct	{
	margin: 0;
	padding: 0;
	width: 460px;
	display: inline;
	float: left;
}
div#selectaproductheader	{
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
}	
div#selectaproduct h2	{
	display: inline;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 18px;	
	color: #6F6E6E;
	margin-right: 6px;
}
div#selectaproduct select	{
	display: inline;
	width: 250px;
}
div#selectaproduct img	{
	display: inline;
	float: left;
	margin-right: 0px;
}	
div#selectaproduct h3	{
	display: inline;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 16px;	
	color: #6F6E6E;
	margin-bottom: 0;
}	
div#selectaproduct p	{
	padding: 0 50px 0 0;
	margin-top: 4px;
}	
div#landingpagefeatures	{
	margin: 0;
	padding: 0;
	width: 155px;
	display: inline;
	float: right;
}
.spacead	{
	width: 155px;
	margin: 0;
	padding: 0;
	display: block;
	}
.tabhead	{
	background-image:url(http://www.graco.com/Internet/T_PDB.nsf/sanitaryhomeTab.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#7f7f7f;
	color: #fff;
	margin: 0;
	padding: 0;
	}
.tabhead p {
	margin: 0;
	padding: 2px 4px 2px 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 13px;
	}	
.tabbody	{
	background-color: #d9d9d9;
	font-size: 11px;
	margin: 0 0 14px 0;
	padding: 0;
	}	
.tabbody	p {
	padding: 4px 4px 2px 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: normal;
	vertical-align: top;
	margin: 0;
	}
.tabbody	a {
	display:block;

	}				
.tabbody	img	{
	float:left;
	padding: 0 4px 0 0;
	display: inline;
	}
/* END landing page content */

/* START Intro stuff, below nav, above tabs */
div#introcontent	{
	margin: 0 0 15px 0;
	padding: 0;	
}	
div#introcontent img	{
	float: left;
	margin: 0 16px 8px 0;
	padding: 0;
	display: inline;
}
div#introcontent h1	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	font-size: 18px;
	margin: 0;
	padding: 0;
}	

/* END Intro stuff */

#mainnav {
	margin: 10px 0 0 0;
}
#mainnavtabbed{
	margin:0;
	padding:0;
	clear:both;
	list-style-type:none;
}
#mainnavtabbed li{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
    font-weight:bold;
	margin: 0;
	padding: 0 2px;
	display: inline;
	position: relative;
	z-index: 1;
	}
#mainnavtabbed li a{
	color:#000;
	background-color:#eee;
	border: 1px solid #6F6E6E;
	border-bottom-color: #eee;
	text-decoration:none;
	padding:0 8px;
	padding-top: 4px;
}
#mainnavtabbedFirst {
	display:inline;
	margin-left: 10px;
}
#mainnavtabbed li a.tabon,#mainnavtabbed li a.tabon:hover{
	color:white;
	background-color:#6F6E6E;
	border-bottom-color:#6F6E6E !important;
}
#mainnavtabbed li a:hover{
	color:white;
	background-color:#6F6E6E;
	border-bottom-color:#6F6E6E !important;
}
.greyBar	{
	margin: 0;
	padding: 10px;
	background-color:#6F6E6E;
/*	height: 10px;*/
}
.greyBar h1 a	{
	color: #ffffff !important;
	text-decoration: none;
}		
.greyBar h1	{
	font-size: 12px !important;
	line-height: 16px;
	color: #ffffff;
	font-weight: normal !important;
	background-color:transparent;
}	
.tabcontent{	
	border: 1px solid #6F6E6E;
	background-color: transparent;
	color: inherit;
	position: relative;
	z-index: 7;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tabcontent h1	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;	
}
/*.tabcontent a	{
	color: #ffffff !important;
	text-decoration: none;
}	*/
.tabText	{
	padding: 10px;
	clear:both;
}	
.tabText h2	{
	color: #414141;
	border-bottom: thin solid #6F6E6E;
	margin-top: 10px;
}
.listrow	{
	float: left;
	display:block;
	width: 590px;
	margin-bottom: 20px;
}
.listrow img	{
	border: 0;
	display: inline;
	float:left;
	margin: 0 7px 0 0;
}		
.listrow h3	{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
}
.listrow p	{
	margin: 0;
	padding: 0;
	font-size: 11px;
}	
.subsectioninfo	{
	width: 585px;
	display: block;
	padding: 0 5px 0 5px;
}		
.subsectioninfo img	{
	border: 0;
	display: inline;
	float: left;
	margin: 0 7px 0 0;
}	
.subsectioninfo p	{
	padding: 0;
	margin: 0;
	font-size: 12px;
}	
/*.leftitem	{
	width: 292px;
	background-color: #CFC;
	float: left;
	display: inline;
	padding-right: 5px;
}
.rightitem	{
	width: 293px;
	background-color: #AAF;
	float: left;
	display: inline;
	padding-left: 5px;
}	*/
.listitem	{
	width: 283px;
/*	background-color: #CFC;*/
	float: left;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}
#relatedproducts	{
	margin: 0 0 20px 0;
	width: 615px;
}
#relatedproducts h2	{
	font-size:18px;
	color: #0033ab !important;
	border-bottom:1px solid #797A7C;
}
.relatedproduct	{
	width: 80px;
	height: 140px;
	padding: 0 20px;
	float: left;
	display: inline;
	text-align: center;
	font-size: 11px;
}
.relatedproduct img	{
	border: thin ridge #000;
	display: inline;
	float: left;
	margin: 0 0 8px 0 !important;
}
.relatedproduct a:hover img	{
	border: thin ridge #0033ab !important;
}