/* BEGIN Main Navigation CSS /////////////////////////////////////////////////////////////////////////*/
#navigation {
	clear: both;
	float:none;
	height: 30px;
	background: #3a2b20 url(images/hdh.jpg) repeat-x;
	color:#125B26;
	width:984px;
	border-bottom: 1px solid #fff;
}

#navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 1000;
}

#navigation ul li a:hover {
	color: #8bcbd4;
}

#navigation ul li {
	float: left;
	height: 21px;
	margin: 4px 0px 0px 0px;
	padding: 6px 2px 0px 0px;
	text-align: center;
	background-image:url(../../images/nav_separator.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/* Defines the size of each navigation element */
#navigation ul #nav_carpet, #navigation ul #nav_carpet .main_link {
	width: 163px;
}

#navigation ul #nav_hardwood, #navigation ul #nav_hardwood .main_link {
	width: 163px;
}

#navigation ul #nav_laminate, #navigation ul #nav_laminate .main_link {
	width: 163px;
}

#navigation ul #nav_tile, #navigation ul #nav_tile .main_link {
	width: 163px;
}

#navigation ul #nav_rugs, #navigation ul #nav_rugs .main_link {
	width: 160px;
}

#navigation ul #nav_resilient, #navigation ul #nav_resilient .main_link {
	width: 160px;
}


/* Sets the link tag of each main navigation element to block so that the active area of the link spans the entire navigation element */
#navigation ul li .main_link {
	display: block;
}

#navigation ul li, #navigation ul li a {
	font-family:"ËÎÌå";
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	width: 100%;
}

#navigation ul li ul {
	display: none;
	position: absolute;
	margin: 4px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#navigation ul #nav_mymohawk ul {
	padding: 0px 0px 10px 0px;
}
#navigation ul li:hover .main_link, #navigation ul li.over .main_link, #navigation ul li .main_selected {
	COLOR: #DAECD5; font-weight: bold;
}

#navigation ul li:hover, #navigation ul li.over {
	COLOR: #DAECD5;
	font-weight: bold;
	cursor: pointer;
}

/* sets the secondary navigation elements to block when the parent navigation is rolled over */
#navigation ul li:hover ul, #navigation ul li.over ul {
	display: block;
}

#navigation ul li ul li{
	float: none;
	background-image: none;
	BACKGROUND-COLOR: #DAECD5;
	color: #3a2b21;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 2px 0px;
	width: 160px;
	height: auto;
	text-align: left;
	border-bottom: solid 1px #3a2b21;
	border-right: solid 1px #3a2b21;
	border-left: solid 1px #3a2b21;
}

#navigation ul #nav_mymohawk ul li{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 2px 4px;
	width: 151px;
	height: auto;
	text-align: left;
}

#navigation ul li ul li:hover, #navigation ul li ul li.over {
	background-color: #054E23;
	color: #8bcbd4;
}

#navigation ul li ul li a{
	font-family:"ËÎÌå";
	font-size:12px;
	color: #3a2b21;
	text-decoration: none;
	text-transform: none;
}

#navigation ul li ul li a:hover{
	color: #8bcbd4;
}

#navigation ul li ul li:hover a, #navigation ul li ul li.over a{
	color: #8bcbd4;
}