#siteNav {
	width: 995px;
	height: 30px;
	position: absolute;
	top: 101px;
	background-image: url(/assets/images/menuHeaderBkg.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	/*z-index: 50000;*//* stupid IE7 resets the z-index */
	/* z-index handled in z-index.css, because this element crosses stylesheets */	
}



/* - - BEGIN breadcrumbs - - - */

#breadcrumbs {
	width: 995px;
	height: 17px;
	padding: 4px 0px; 
	margin-bottom:0px;
	
    display:block;
	
	background-color:Transparent;
	/*float:left;clear:both;word-wrap: break-word;*/
}

#breadcrumbs p {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
}

#breadcrumbs p a {
	color:#b9b9b9;
	text-decoration:none;
}
#breadcrumbs p a:hover {
	color:#ffffff;
	text-decoration:none;
}

/* - - - END breadcrumbs - - - */




/* Begin: Menu styles ********************** */
ul#navigation-1 { 
	margin:0; padding:0px; 
	list-style:none; 
	width:100%; height:30px; 
	font:bold 10pt arial, helvetica;
	z-index:7000;
}

ul#navigation-1 li {
    text-align:center;
	display:block;
	float:left;
	width:auto;
	margin: 0px;
	background: url(../images/menuHeaderSeparator.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

ul#navigation-1 li.tools {
    text-align:center;
	width: 108px;
}

ul#navigation-1 li.attachments {
    text-align:center;
	width: 265px;
}

ul#navigation-1 li.contractor {
	width: 212px;   /* any larger than 191px and the li's (in toto) are too wide for the container */
}

ul#navigation-1 li.promotions {
	width: 136px;
}

ul#navigation-1 li.events {
	width: 104px;
}

ul#navigation-1 li.parts {
	width: 170px;
}



ul#navigation-1 li .SubItemPanel_ViewAll a:link, ul#navigation-1 li .SubItemPanel_ViewAll a:visited, ul#navigation-1 li .SubItemPanel_ViewAll a:hover { 
	display:inline; 
	

}
ul#navigation-1 li i { 
	font-size: 10pt;
	padding-bottom: 13px;
}

ul#navigation-1 li a:link,ul#navigation-1 li a:visited { 
	padding:8px 22px 0px 18px;
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#000; 
	width:auto; 
	height:23px; 
	margin:0px;
}
ul#navigation-1 li a:hover a, ul#navigation-1 li a:hover, ul#navigation-1 li a:active {
	width:auto; height:23px;
	padding:8px 22px 0px 18px;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#2c2c2c;
	color:#febd18;
	margin: 0px;
}	


/* Begin: Secondary Menu styling ***************************** */
ul#navigation-1 li ul.navigation-2, ul#navigation-1 li a ul.navigation-2 { 
	top:29px; left:0px; 
    width:200px; 
	color:#fff;
	list-style:none; 
	display:none; /* Turn on or off for testing, but leave OFF when done */
	background-color:#efefef; 
	text-align:left;
	border-top:1px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-left:2px solid #000;
	z-index:5000;
	position:absolute;
}

/*ul.navigation-2 
{
    border:2px solid #000;
    }
*/

/*Tools*/
ul#navigation-1 li.tools ul.navigation-2
{
    left:0px;
}
/*Attachments & Accessories*/
ul#navigation-1 li.attachments ul.navigation-2
{
    left:107px;
}
/*Contractor Center*/
ul#navigation-1 li.contractor ul.navigation-2
{
    left:371px;
}
/*Promotions*/
ul#navigation-1 li.promotions ul.navigation-2
{
    left:562px;
    height:0px;
    width:0px;
    display:none !important;
}

/*Events*/
ul#navigation-1 li.events ul.navigation-2
{
    left:699px;
    height:0px;
    width:0px;
    display:none !important;

}
/*Parts & Service*/
ul#navigation-1 li.parts ul.navigation-2
{
    /*left:824px;*/
    left:612px;    
}

ul#navigation-1 li.sfhover ul.navigation-2,
ul#navigation-1 li:hover ul.navigation-2,
ul#navigation-1 li a:hover ul.navigation-2 { 
	display:block; /* Leave as Block when done testing */
    width:220px; 
    font-size:12px; line-height:12px;
	z-index:7000;	
	/*border:2px solid #000;    */
}

ul#navigation-1 li ul.navigation-2 li  
{
    font-size:12px; line-height:12px;
    width:200px; height:auto;
	display: block; 
	left: 0px;
	z-index: 1000;
	margin: 0px;
	color:#fff;
}

ul#navigation-1 li ul.navigation-2 li ul li
{
    height:auto !important;
}

ul#navigation-1 li ul.navigation-2 li.twolines  
{
    height:44px;
    width:200px;
	display:block;  
	position:relative; 
	left:0px;
	z-index:1001;
	margin:0px 0px 6px 0; 
}

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited { 
	color:#fff;
	font-weight:bold;
	background:#909090;  
 	border:1px solid #999999;
    width:204px; 
	padding:4px 5px 0px 10px;
	text-align: left;
	z-index:1001 !important;       
}

ul#navigation-1 li ul.navigation-2 li.twolines a:link,
ul#navigation-1 li ul.navigation-2 li.twolines a:visited {
    width:200px;
    height:44px;
	color:#fff;
	background:#efefef;  
	border-top:1px solid #efefef;
	border-right:1px solid #999999;
 	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

ul#navigation-1 li ul.navigation-2 li a:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover { 
    width:204px; 
	padding:4px 5px 0px 10px;    
	color:#000;
	background:#febd18; 
	border-top:1px solid Black;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

ul#navigation-1 li ul.navigation-2 li.twolines a:hover a,
ul#navigation-1 li ul.navigation-2 li.twolines a:active,
ul#navigation-1 li ul.navigation-2 li.twolines a:hover {
    height:44px;
    width:204px;
	color:#ffffff;
	background:#000000; 
	border-top:1px solid #efefef;
	border-right:1px solid #999999;
 	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}


ul#navigation-1 li ul.navigation-2 li a span,
ul#navigation-1 li ul.navigation-2 li.twolines a span
{
	float:right;
	color: #ffffff;
	border:none;
	position:absolute;
	right:3px;
}

ul#navigation-1 li ul.navigation-2 li div.subitempanel
{	
	color:#000000; 
	display:none; 
	background:#FFFFFF; 
	position:absolute; 
	top:0; 
	left:220px; 
	text-align:left;
	padding:0px;
	z-index:2000;
	border:none;
}

/* End Secondary Menu Styling  =========================== */

ul#navigation-1 li ul.navigation-2 li.sfhover div.subitempanel,
ul#navigation-1 li ul.navigation-2 li:hover div.subitempanel,
ul#navigation-1 li ul.navigation-2 li a:hover div.subitempanel {	
	display:block;
	z-index:2000;
}

ul#navigation-1 li ul.navigation-2 li div.subitempanel div.panelContainer 	
{
    position: absolute;
	background:#fff url('/assets/images/submenupanel/flyout-body-bg.jpg') no-repeat;
	width:668px; height:550px;
	/* to add height for a single nav item, add 28px. */	
	margin:0px; padding:0px;

	left:0px; top:0px;
	/* this top offset will be handled dynamically in the ASP.NET Repeater that generates all the menu items */
	z-index: 1000; /* necessary to hover over (above) form fields */
	border-top:1px solid Black;
	border-right:2px solid Black;
	border-bottom:2px solid Black;
	border-left:2px solid Black;
	float:left;
}

.panelTitle {
	font-size: 20px;
	color: #ffffff;
	height: 50px;
	width: auto;
	background-image: url('/assets/images/nav-panel/flyout-title-bg.jpg');
	background-repeat: repeat-x;
	background-color: #2d2d2d;
}
		
.panelTitle span {
	margin-left: 26px;
	vertical-align: middle;
	height: 51px;
	line-height: 51px;
}

div.panelContent {
    background:#fff url('/assets/images/submenupanel/flyout-body-bg.jpg') repeat-x;
	position: relative;
	z-index: 6;
	width: auto;
	height: auto;
	float: left;
}

/* Begin: Tiertiary Menu styling */


	
.col-a ul, .col-b ul, .col-c ul {
    z-index:1001 !important;       
}
.col-a {
	width:162px; height:496px;
	/* to add height for a single nav item, add 28px. */
	float:left;
	margin:3px 0 0 0; padding:0 0 0 5px;
	text-align:left;
    z-index:10 !important;	
    overflow:hidden;	
	border-right:2px ridge White;          	
}
	
.col-b {
	width: 162px; height:496px;
	/* to add height for a single nav item, add 28px. */		
	margin:3px 0 0 0; padding:0 0 0 5px;
	float: left;
	text-align:left;
    overflow:hidden; 
	border-right:2px ridge White;                     							
}
	
.col-c {
	width: 162px; height:496px;
	/* to add height for a single nav item, add 28px. */		
	float: left;
	margin:3px 0 0 0; padding:0 0 0 5px;
	text-align:left;		
    overflow:hidden;     
	border:none;        					
}

.col171 {
	width: 171px;
	float: left; 
}

.col165 {
	width: 165px;
	float: left;
}
	
.col162 {
	width: 162px;
	float: left;
}

ul#navigation-1 li ul.navigation-2 li .panelContainer .youMightLike {
	position: relative;
	width:162px; 
	margin:0; padding:20px 0 0 0;
	text-align:center;
	background-image: url('/assets/images/submenupanel/you-might-like-bg.jpg'); 
	background-repeat: repeat-x;
	background-color:Transparent; 
	float: left;
	border:none;
    overflow:hidden;	
    border:none;  
}

ul#navigation-1 li ul.navigation-2 li .panelContainer .youMightLikeItem {
	width:150px;
	position:relative;
	margin:0; padding:0;
	background-color:#fff;	
	border:none;
}

.youMightLikeItem h1 {
    width:150px !important;
    margin:0;
    padding:3px 3px 3px 6px;
    text-align:center !important;
	background-color:#fff !important;
	float:left;
    border:none;
}
ul#navigation-1 li ul.navigation-2 li .panelContainer .youMightLikeItem h1 a {
    background-color:Transparent;
    width:150px; height:65px;
    margin:0 auto; padding:0;
    text-align:center;
    border:none;
}

ul#navigation-1 li ul.navigation-2 li .subitempanel .panelContainer .youMightLikeItem h1 img {
    position:relative;
    width:65px; height:65px;
    margin:10px auto; padding:0 0 0 0;
    display:block;
    z-index:99;
    border:none;
}

ul#navigation-1 li ul.navigation-2 li .subitempanel .panelContainer .youMightLikeItem h2 a 
{
    position:relative; 
    width:150px !important;
    margin:0; padding:3px 3px 3px 6px;
    height:auto;
    border:none;
    text-align:left !important;
    color:#febd17 !important;
	background-color:#464646 !important;
	float:left;	
}

ul#navigation-1 li ul.navigation-2 li .subitempanel .panelContainer .youMightLikeItem p 
{
    position:relative;     
    width:150px; height:auto; 
    margin:0; padding:3px 3px 3px 6px;
    font-size:10px; line-height:10px;
    color:#c0c0c0 !important;
	background-color:#474747 !important;
	text-align:left;
	float:left;
}


ul.productList, ul.productList li {
	height:auto;
	display:block;	
    z-index:999 !important;	
}

ul.productList li, ul.productList li a {
    display:block;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color:#000;
	height:auto;
	width: 160px !important;
	margin: 0px !important; padding: 0px !important;
	background: none !important;
	border: none !important;
}

/* This controls the Tertiary product category name */
ul.productList li div.tooltypeBlock {
	height:auto;
	margin:0; padding:5px 0;
	padding-bottom:0;
	display:block;
	position:relative;
	border:none;
	color:#000;
}
ul.productList li div.tooltypeBlock:hover {
	text-decoration:underline;
}

ul.productList li div.tooltypeBlock a {
    padding-bottom:5px !important; 
    height:auto !important;
}


ul.productList li a.tooltype {
	font-size: 14px !important;
	line-height:14px;
	height:auto;
	color: #0a0a0a !important;
	font-weight: bold !important;
}

ul.productList li div.tooltype:hover {
    text-decoration:underline;
}

ul.productList li a.toolname:link, ul.productList li a.toolname:visited {
	color:#000 !important;
	font-size:14px;
	font-weight: normal !important;
	line-height: 14px !important;
	text-decoration:none;
	border:none; 
}

ul.productList li a.toolname:hover  
{
        color:#000 !important;
        text-decoration:underline !important;}

ul.productList li a.viewall {
    margin:10px 0 0 0;
	color: #333333 !important;
	font-weight: bold !important;
	text-decoration:none;
}

ul.productList li .viewall:hover {
	text-decoration:underline !important;
}

ul.row2 {
	position: relative; 
}


/* begin tradelist specific styles */
ul#navigation-1 li ul.navigation-2 li ul.tradeslist
{ 
	position:absolute; 
	top:0px; left:210px;
	width:184px;
	margin:0; padding:1px 5px 0px 10px;  
	color:#000; 
	background:#000; 
	text-align:left;
	visibility:hidden;
}

ul#navigation-1 li ul.navigation-2 li ul.tradeslist li.tradelistitem
{ 
	width: 180px; height:161px;
	position: relative; 
	left: 0px;
	z-index: 2000;
	margin: 0px; padding:0;
	visibility:hidden;
	border-top:none;
	border-right:2px ridge #fff;
	border-bottom:2px ridge #fff;
	border-left:1px solid #000;
}
ul#navigation-1 li ul.navigation-2 li a:hover ul.tradeslist li.tradelistitem,
ul#navigation-1 li ul.navigation-2 li:hover ul.tradeslist li.tradelistitem
{ 
	width: 180px;
	display: block;  
	position: relative; 
	left: 0px;
	z-index: 1000;
	margin: 0px;
	visibility:visible; 
    background:#FFFFFF url(/assets/images/submenupanel/flyout-body-bg.jpg) repeat-x scroll 0 0;		
}

ul#navigation-1 li ul.navigation-2 li a:hover ul.tradeslist li.tradelistitem a:link,
ul#navigation-1 li ul.navigation-2 li:hover ul.tradeslist li.tradelistitem a:link,
ul#navigation-1 li ul.navigation-2 li a:hover ul.tradeslist li.tradelistitem a:visited,
ul#navigation-1 li ul.navigation-2 li:hover ul.tradeslist li.tradelistitem a:visited	
{ 
	color:#000;
    background:transparent;	
 	border:none;
	width: 180px;
	padding: 4px 5px 0px 14px;
	font-weight:normal;
	height: 21px;
	text-align: left;
	visibility:visible; 
}

ul#navigation-1 li ul.navigation-2 li ul.tradeslist li.tradelistitem a:hover,
ul#navigation-1 li ul.navigation-2 li ul.tradeslist li.tradelistitem a:active
{
    color:#000;
	visibility:hidden;  
}
ul#navigation-1 li ul.navigation-2 li a:hover ul.tradeslist li.tradelistitem a:hover,
ul#navigation-1 li ul.navigation-2 li:hover ul.tradeslist li.tradelistitem a:hover,
ul#navigation-1 li ul.navigation-2 li a:hover ul.tradeslist li.tradelistitem a:active,
ul#navigation-1 li ul.navigation-2 li:hover ul.tradeslist li.tradelistitem a:active   
{
    color:#000;
	visibility:visible;
	font-weight:bold;
	text-decoration:underline;
	border:none;  
}