/*************************************************************************/
/******************************* top nav *********************************/

#top{
	height:90px;
	padding-right:35px;
}
#about{
	width:600px;
	height:23px;
	padding:0;
	margin-top:47px;
	float:right;
	text-align:right;
}
#about a{
	margin-left:20px;
	font-size:12px;
	color:#8D8D8D;
}
#nav, #nav ul{
	margin:0;
	padding:0;
	float:right;
	z-index:10001; /* above slideshow thumbnail indicator */
}
#nav ul li{
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	line-height:1;
	float:left;
	text-align:left;
}
#nav a{
	height:20px; /* height of the main nav hit area */
	margin-left:20px;
	display:block;
	font-size:14px;
	font-weight:bold;
}

/*************************************************************************/
/********************** PCC dropdown navigation **************************/

#nav li:hover, #nav li.hover{
	position: static; /* fixes IE7 dropdown sticking problem */
}

/*** nav - main nav initial styles & selected styles *************************/

#nav li.products{
	/* background:transparent url(../images/nav-dropHover.png) no-repeat; */
	background-position:left -999em;
}
#nav li.products a:hover, #nav .products .selected{
	color:#C64208;
	/* background:transparent url(../images/nav-dropHover.png) no-repeat; */
	background-position:left 0;
}
*html #nav .products .selected{ /* IE6 can't handle main nav image 'selected' state - substitute text highlight color */
	color:#C64208;
}

/* IE6 can't handle LIs not having widths */
*html #nav li.products, *html #nav li.trade,
*html #nav li.distributors, *html #nav li.contact{
	width:1%;
}

/*** nav - top nav styles on hover ********************************************/

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

/*** subnav- set bg image to false on main nav hover *************************/

#nav li.products li a:hover{
	background:none;
}

/*** subnav- dropdown position & styles *************************************/

#nav li ul{ /* modern browsers - can view bg image w/ rounded corners */
	height:auto;
	width:160px;
	margin:-4px 0 0 0;
	padding:15px 0 20px 0;
	position:absolute;
	left:-999em;
	background:url(../images/nav-dropdownBg.png)  no-repeat bottom left;
	border:none;
}
*html #nav li ul{ /* IE6 - can't handle links above transparent png, substitute w/ gif */
	background:url(../images/nav-dropdownBg.gif)  no-repeat bottom left;
}
#nav li li{
	padding-right:1.6em;
}

/*** subnav - background color/image hover styles ************************/

#nav li:hover a{ 
	color:#C64208;
	background:none;
}

*html #nav li:hover, *html #nav li.sfhover, *html #nav li:hover a{ 
	background:none;
}

/*** subnav - hover styles **********************************************/

#nav li ul li:hover, #nav li ul li.sfhover{
	background:none;
}

/*** subnav - text styles **************************************************/

#nav li ul li a{
	height:20px;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}

/*** subnav - initial styles **********************************************/

/** nav **/
#about a:link, #about a:visited, #about a:active{color:#8D8D8D; text-decoration:none; border:none;}
#about a:hover, #about a.selected{color:#C64208; text-decoration:none; border:none;}

#nav a:link, #nav a:visited, #nav a:active{color:#515151; text-decoration:none; border:none;}
#nav a:hover, #nav a.selected{color:#C64208; text-decoration:none; border:none;}


#nav ul li ul li a:link, #nav ul li ul li a:visited{color:#525252;}
#nav ul li ul li a:hover{color:#C64208;}

/*** level 2 subnav - hiding/hover positioning ****************************/

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto;}