﻿/*begin primary NavigationRevised */
#siteNav
{
	float:left;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
	width:1004px;
	margin:0;
	padding:0;
}

/* Begin: Menu styles */
#navigation-1
{
    position: absolute;
    font: 10pt arial, helvetica;
    height: 33px;
    list-style: none;
	margin:0;
    margin-left: 53px;
    padding: 0px;	
    width: 1004px;
    z-index: 7000;
}

#navigation-1 li
{
    display: block;
    float: left;
    margin: 0px;
    text-align: center;
    width: auto;
}

/*二级菜单出现的宽度*/
#navigation-1 li.tools
{
    text-align: center;
    width: 106px;
}

#navigation-1 li.attachments
{
    text-align: center;
    width: 130px;
}

#navigation-1 li.about
{
    width: 130px;
}

#navigation-1 li.HSE
{
    width: 130px;
}
#navigation-1 li.fasteners
{
    width: 130px;
}

#navigation-1 li.promotions
{
    width: 130px;
}

#navigation-1 li.events
{
    width: 130px;
}

#navigation-1 li.parts
{
    width: 130px;
}

#navigation-1 li i
{
    font-size: 12pt;
    padding-bottom: 13px;
}

#navigation-1 li a:link, #navigation-1 li a:visited
{
    color: #000;
    display: block;
    height: 23px;
    margin: 0px;
    padding: 8px 20px 0px 18px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

/*text*/
#navigation-1 li a:hover a, #navigation-1 li a:active, #navigation-1 li a:hover
{
    color: #0F74BC;
    display: block;
    height: 23px;
    margin: 0px;
    padding: 8px 20px 3px 18px;/*改变top的值时，这个值也要增加*/
    text-align: center;
    text-decoration: none;
    width: auto;
}

#navigation-1 li a .navigation-2 a:link, #navigation-1 li a .navigation-2 a:visited, #navigation-1 li a .navigation-2 a, #navigation-1 li a .navigation-2 a:hover, #navigation-1 li a .navigation-2 a:active
{
    height: auto;
    padding: 0px 0px 8px 18px;
}


/* Begin: Secondary Menu styling */
#navigation-1 li .navigation-2, #navigation-1 li a .navigation-2
{
    background-color: transparent;
    color: #fff;
    display: none;
    left: 0px;
    list-style: none;
    position: absolute;
    text-align: center;
    top: 33px;
    width: 130px;
    z-index: 5000;
}

/*菜单旁竖线的样式*/
#navigation-1 li.line{
	padding-top:7px;
	color:#727272;
}


/*二级菜单到左侧的偏移量*/
#navigation-1 li.fasteners .navigation-2
{
    background-color: transparent;
    left: 332px;/*控制二级菜单的左对齐位置*/
    text-align: center;
}
/*Promotions*/
#navigation-1 li.promotions .navigation-2
{
    height: 0px;
    left: 465px;
    text-align: center;
    width: 0px;
}

/*Events*/
#navigation-1 li.about .navigation-2
{
    left: 68px;
    height: 0px;
    text-align: center;
    width: 0px;
}

#navigation-1 li.HSE .navigation-2
{
    left: 198px;
    height: 0px;
    text-align: center;
    width: 0px;
}
#navigation-1 li.events .navigation-2
{
    left: 598px;
    height: 0px;
    text-align: center;
    width: 0px;
}
/*Parts & Service*/
#navigation-1 li.parts .navigation-2
{
    /*left:824px;     left: 612px;*/
    left: 770px;
    text-align: center;
}

/*二级菜单偏移结束*/

#navigation-1 li.sfhover .navigation-2, #navigation-1 li:hover .navigation-2, #navigation-1 li a:hover .navigation-2
{
    background-color: transparent;
    display: block; /* Leave as Block when done testing */
    font-size: 12px; /*line-height: 12px;*/
    text-align: center;
    width: 130px;
    z-index: 7000;
}

#navigation-1 li .navigation-2 li
{
    color: #fff;
    display: block;
    font-size: 12px;
    height: auto;
    left: 0px; /*line-height: 12px;*/
    margin: 0px;
    text-align: center;
    width: 130px;
    z-index: 1000;
}

#navigation-1 li .navigation-2 li ul li
{
    height: auto !important;
    text-align: center;
}

/*二级菜单开始*/
#navigation-1 li .navigation-2 li a:link, #navigation-1 li .navigation-2 li a:visited
{
    background: #909090;
    border-bottom: 1px solid #999999;
    color: #fff;
    font-weight: bold;
    padding: 10px 0px 2px 0px;
    text-align: center;
    width: 130px;/*二级菜单的宽度*/
    z-index: 1001 !important;
}

#navigation-1 LI .navigation-2 LI A:active 
{
	BACKGROUND: #febd18; 
	PADDING-BOTTOM: 1px solid #999999;
	WIDTH: 157px; COLOR: #000; 
    padding: 10px 0px 2px 0px;
	text-align: center;
}

#navigation-1 LI .navigation-2 LI A:hover {
	BACKGROUND: #febd18; 
	PADDING-BOTTOM: 1px solid #999999; 
	WIDTH: 130px; 
	COLOR: #000; 
    padding: 10px 0px 2px 0px;
	text-align: center;
}

/*二级菜单结束*/


/*begin tool and accatt panel styles */
.productcategorypanel
{
    background-color: #fff;
    display: block; /*height: 471px;     margin: 0px;     width: 995px;     overflow: hidden;*/
}


/******************************/
#navigation-1 li.fasteners .navigation-2 ul.categorycolumn
{
    background-color: #909090;
    text-align: center;
    height: 471px;
    width: 227px;
}


#navigation-1 li .navigation-2 ul.categorycolumn li
{
    background-color: #909090;
    border: 0px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: auto;
    left: 0px; /*line-height: 12px;*/
    margin: 0px;
    text-align: center;
    z-index: 1000;
}

#navigation-1 li .navigation-2 ul.categorycolumn li a:link, #navigation-1 li .navigation-2 ul.categorycolumn li a:visited
{
    border: 0px;
    border-bottom: 1px solid #999999;
    height: auto;
    padding: 2px 0px 2px 6px;
    text-align: center;
}



#navigation-1 li .navigation-2 div.catsubcatpanel
{
    background-color: #ffffff;
    color: #000000;
    display: block;
    float: left;
    margin-left: 10px;
    visibility: hidden;
}

#navigation-1 li.tools .navigation-2 div.catsubcatpanel
{
    background-color: Transparent;
    display: block;
    height: 180px;
    position: absolute;
    left: -10px;
    top: 0px;
    visibility: visible;
}
#navigation-1 li.attachments .navigation-2 div.catsubcatpanel
{
    background-color: Transparent;
    display: block;
    height: 80px;
    position: absolute;
    left: -117px;
    top: 0px;
    visibility: visible;
}
/***********************改变二级菜单的宽度********/
#navigation-1 li.fasteners .navigation-2 div.catsubcatpanel
{
    background-color: transparent;
    display: block;
    left: 2px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 180px;
}

#navigation-1 li.promotions .navigation-2 div.catsubcatpanel
{
    background-color: transparent;
    display: block;
    left: 2px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 180px;
}


#navigation-1 li.contractor .navigation-2 div.catsubcatpanel
{
    background-color: #ffffff;
    display: block;
    visibility: visible;
    width: 215px;
}

#navigation-1 li.about .navigation-2 div.catsubcatpanel
{
    background-color: transparent;
    display: block;
    left: 2px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 128px;
}

#navigation-1 li.HSE .navigation-2 div.catsubcatpanel
{
    background-color: transparent;
    display: block;
    left: 2px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 128px;	
}

#navigation-1 li.events .navigation-2 div.catsubcatpanel
{
    background-color: transparent;
    display: block;
    left: 2px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 128px;
}

#navigation-1 li.parts .navigation-2 div.catsubcatpanel
{
    background-color: Transparent;
    display: block;
    left: 3px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 195px;
}

#navigation-1 li .navigation-2 div.catsubcatpanel div
{
    text-align: left;
    width: 195px; /*padding: 8px 0px 8px 0px;     width: 25%;     vertical-align: top;*/
}

#navigation-1 li.contractor .navigation-2 div.catsubcatpanel div
{
    left: 0px;
    position: relative;
    text-align: left;
    top: -33px;
    width: 195px; /*padding: 8px 0px 8px 0px;     width: 25%;     vertical-align: top;*/
}
/********************************/
#navigation-1 li.fasteners .navigation-2 div.catsubcatpanel div
{
    left: 0px;
    position: relative;
    text-align: left;
    top: -33px;
    width: 195px;
}



#navigation-1 li .navigation-2 div.catsubcatpanel div a.cat
{
    display: block;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 10px;
    text-decoration: none;
    width: 195px;
    text-align: left;
}


#navigation-1 li .navigation-2 div.catsubcatpanel div a.cat:hover
{
    background-color: #FEBD18;
    color: #000000;
}


#navigation-1 li .navigation-2 div.catsubcatpanel div div.subcatgroup div a.subcat
{
    background: #909090;
    border-bottom: 1px solid #999999;
    color: #fff;
    font-weight: bold;
    text-align: left;
    height: auto;
    padding: 2px 0px 2px 5px;
    width: 195px;
}


#navigation-1 li .navigation-2 div.catsubcatpanel div div.subcatgroup div a.subcat:hover
{
    background: #febd18; /*border-top: 1px solid #000000;     border-right: 1px solid #999999;     border-left: 1px solid #999999;*/
    border-bottom: 1px solid #999999;
    color: #000;
    padding: 2px 0px 2px 5px;
    text-align: left;
    height: auto;
}




#toolsCol_1 div.catDiv, #toolsCol_2 div.catDiv, #toolsCol_3 div.catDiv, #toolsCol_4 div.catDiv, #toolsCol_5 div.catDiv, #attaccCol_1 div.catDiv, #attaccCol_2 div.catDiv, #attaccCol_3 div.catDiv, #attaccCol_4 div.catDiv
{
    background-color: #909090;
    border-bottom: 1px solid #999999;
    color: #000000;
}

.hidden
{
    display: none;
}


