#nav_category
{
	
}

#nav_product
{

}


.blue_nav_category,
.red_nav_category,
.yellow_nav_category 
{
	width: 170px;
	float:left;
	overflow:auto;
	
}

/*blue*/
.blue_nav_category .top
{
	background: transparent url('../images/bg/blue_top.gif') no-repeat scroll left center;
	height: 14px;
}

.blue_nav_category .mid
{
	background:transparent url(../images/bg/blue_mid.gif) repeat-y scroll left top;
	height:auto !important;
	/*min-height:160px;*/
	overflow:auto;
}

* html .mid
{
	height: 160px;
	display: inline-block;
	overflow: hidden;
}

.blue_nav_category .bot
{
	background:transparent url(../images/bg/blue_bot.gif) no-repeat scroll left center;
	height:17px;
	width:170px;
}

/*red*/

.red_nav_category .top
{
	background: transparent url('../images/bg/red_top.gif') no-repeat scroll left center;
	height: 14px;
}

.red_nav_category .mid
{
	background:transparent url(../images/bg/red_mid.gif) repeat-y scroll left top;
	height:auto !important;
	min-height:160px;
	overflow:auto;
}


.red_nav_category .bot
{
	background:transparent url(../images/bg/red_bot.gif) no-repeat scroll left center;
	height:17px;
	width:170px;
}

/*yellow*/
.yellow_nav_category .top
{
	background: transparent url('../images/bg/yellow_top.gif') no-repeat scroll left center;
	height: 14px;
}

.yellow_nav_category .mid
{
	background:transparent url(../images/bg/yellow_mid.gif) repeat-y scroll left top;
	height:auto !important;
	min-height:160px;
	overflow:auto;
}

.yellow_nav_category .bot
{
	background:transparent url(../images/bg/yellow_bot.gif) no-repeat scroll left center;
	height:17px;
	width:170px;
}



.blue_nav_category ul,
.red_nav_category ul,
.yellow_nav_category ul
{
	list-style-image:none;
	margin-left: 15px;
	padding-top: 10px;
} 



.blue_nav_category ul li,
.red_nav_category ul li,
.yellow_nav_category ul li
{
	color: white !important;
	line-height: 20px;
	font-weight: bold;
	
}
.blue_nav_category ul li a,
.red_nav_category ul li a,
.yellow_nav_category ul li a
{
	color: white !important;
	display: block;
	width: 130px;	
}

.blue_nav_category ul li a:hover,
.red_nav_category ul li a:hover,
.yellow_nav_category ul li a:hover

{
	text-decoration:none;

}

#warewashing {
border-bottom:5px solid #4371A3;
height: 150px !important;
}

#cooking {
border-bottom:5px solid #E14D64;
height: 150px !important;
}


#preparation{
border-bottom: 5px solid #FDC149;
height: 150px !important;
}