@charset "utf-8";
/* CSS Document */

#mainNav #navContainer {
	padding: 1px 0 0 0;
	list-style:none;
	height:30px !important;
	position:relative;
	z-index:600;
	float: left;
	display: block;
	width: 1012px;
	margin: 0px 0px 0px 0px;
}

#mainNav #navContainer li.top a b {text-indent: -999em !important; margin-left: -9999px !important; display: none;}

#mainNav #navContainer li.top {display:block; float:left;}
#mainNav #navContainer li.navSpacer {margin: 0px 0px 0px 139px;}
#mainNav #navContainer li a {
	display:block; 
	float:left; 
	border: none !important; 
	text-decoration:none; 
	padding:0; 
	cursor:pointer;
	color: #FFF;
	height: 30px !important;}

#mainNav #navContainer li a.two {
	width: 153px;
	background:url(../images/nav/mainNav_residential.jpg) no-repeat 0px top;
}
#mainNav #navContainer li a.three {
	width: 121px;
	background:url(../images/nav/mainNav_commercial.jpg) no-repeat 0px top;
}
#mainNav #navContainer li a.four {
	width: 155px;
	background:url(../images/nav/mainNav_expertise.jpg) no-repeat 0px top;
}
#mainNav #navContainer li a.five {
	width: 102px;
	background:url(../images/nav/mainNav_whyFeld.jpg) no-repeat 0px top;
}
#mainNav #navContainer li a.six {
	width: 192px;
	background:url(../images/nav/mainNav_promotions.jpg) no-repeat 0px top;
}
/*
#mainNav #navContainer li a.seven {
	width: 150px;
	background:url(../images/nav/mainNav_shop.jpg) no-repeat 0px top;
}
*/


#mainNav #navContainer li:hover a.two, #mainNav #navContainer a.two:hover {background-position: 0px -30px;}
#mainNav #navContainer li:hover a.three, #mainNav #navContainer a.three:hover {background-position: 0px -30px;}
#mainNav #navContainer li:hover a.four, #mainNav #navContainer a.four:hover {background-position: 0px -30px;}
#mainNav #navContainer li:hover a.five, #mainNav #navContainer a.five:hover {background-position: 0px -30px;}
#mainNav #navContainer li:hover a.six, #mainNav #navContainer a.six:hover {background-position: 0px -30px;}
#mainNav #navContainer li:hover a.seven, #mainNav #navContainer a.seven:hover {background-position: 0px -30px;}

.residential #mainNav #navContainer li a.two {background-position: 0px -60px !important;}
.residential #mainNav #navContainer li a.two:hover {background-position: 0px -30px !important;}
.commercial #mainNav #navContainer li a.three {background-position: 0px -60px !important;}
.commercial #mainNav #navContainer li a.three:hover {background-position: 0px -30px !important;}
.industryExpertise #mainNav #navContainer li a.four {background-position: 0px -60px !important;}
.industryExpertise #mainNav #navContainer li a.four:hover {background-position: 0px -30px !important;}
.whyFeld #mainNav #navContainer li a.five {background-position: 0px -60px !important;}
.whyFeld #mainNav #navContainer li a.five:hover {background-position: 0px -30px !important;}
.promotionsRebates #mainNav #navContainer li a.six {background-position: 0px -60px !important;}
.promotionsRebates #mainNav #navContainer li a.six:hover {background-position: 0px -30px !important;}
.shopNow #mainNav #navContainer li a.seven {background-position: 0px -60px !important;}
.shopNow #mainNav #navContainer li a.seven:hover {background-position: 0px -30px !important;}

#mainNav #navContainer table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;} 

#mainNav #navContainer .sub, #mainNav #navContainer .residentialSub, #mainNav #navContainer .commercialSub, #mainNav #navContainer .industryExpertiseSub, #mainNav #navContainer .whyFeldSub, #mainNav #navContainer .promotionsSub, #mainNav #navContainer .shopSub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#mainNav #navContainer li:hover {position:relative; z-index:200;}
#mainNav #navContainer a:hover {position:relative; white-space:normal; z-index:200;}

#mainNav #navContainer :hover ul.sub, #mainNav #navContainer :hover ul.residentialSub, #mainNav #navContainer :hover ul.commercialSub, #mainNav #navContainer :hover ul.industryExpertiseSub, #mainNav #navContainer :hover ul.whyFeldSub, #mainNav #navContainer :hover ul.promotionsSub, #mainNav #navContainer :hover ul.shopSub {
	left:0; 
	top: 30px !important;
	height:auto; 
	z-index:300;
	background-color: #000 !important;
	margin: 0px !important;
	float: left;
	width: 170px !important;
	padding: 10px 5px 10px 5px !important;
	-webkit-box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, .4);
    box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, .4);
	}
	
#mainNav #navContainer :hover ul.residentialSub{
	left: 59px;
}

#mainNav #navContainer :hover ul.commercialSub{
	left: 27px;
}

#mainNav #navContainer :hover ul.industryExpertiseSub{
	left: 62px;
}

#mainNav #navContainer :hover ul.whyFeldSub{
	left: 8px;
}

#mainNav #navContainer :hover ul.promotionsSub{
	left: 98px;
}

#mainNav #navContainer :hover ul.shopSub{
	left: 13px;
}

#mainNav #navContainer :hover ul.residentialSub li, #mainNav #navContainer :hover ul.commercialSub li, #mainNav #navContainer :hover ul.industryExpertiseSub li, #mainNav #navContainer :hover ul.whyFeldSub li, #mainNav #navContainer :hover ul.promotionsSub li, #mainNav #navContainer :hover ul.shopSub li {	
	position:relative; 
	float:left;
	display: block; 
	background-color: #000;
	padding: 0px 0px 0px 0px !important;
	margin: 1px 0px 1px 0px !important;
	width: 155px !important;
	}

#mainNav #navContainer :hover ul.residentialSub li a, #mainNav #navContainer :hover ul.commercialSub li a, #mainNav #navContainer :hover ul.industryExpertiseSub li a, #mainNav #navContainer :hover ul.whyFeldSub li a, #mainNav #navContainer :hover ul.promotionsSub li a, #mainNav #navContainer :hover ul.shopSub li a{
	display: block;
	text-decoration: none;
	padding: 3px 3px 3px 3px !important;
	margin: 0px 5px 0px 5px !important;
	cursor: pointer;
	vertical-align: middle !important;
	color: #fff !important;
	font-style: oblique !important;
	height: 100% !important;
	width: 139px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0px -1px 1px #000;
    filter: dropshadow(color=#000, offx=0, offy=-1);
	}

#mainNav #navContainer :hover ul.residentialSub li a:hover, #mainNav #navContainer :hover ul.commercialSub li a:hover, #mainNav #navContainer :hover ul.industryExpertiseSub li a:hover, #mainNav #navContainer :hover ul.whyFeldSub li a:hover, #mainNav #navContainer :hover ul.promotionsSub li a:hover, #mainNav #navContainer :hover ul.shopSub li a:hover {
	background-color: #3bc7f5 !important;
	text-decoration: none !important;
	color: #fff;
}

#mainNav #navContainer :hover ul.sub li a b, #mainNav #navContainer :hover ul.residentialSub li a b, #mainNav #navContainer :hover ul.commercialSub li a b, #mainNav #navContainer :hover ul.industryExpertiseSub li a b, #mainNav #navContainer :hover ul.whyFeldSub li a b, #mainNav #navContainer :hover ul.promotionsSub li a b, #mainNav #navContainer :hover ul.shopSub li a b {position:absolute; left:-9999px; margin:0;}

#mainNav #navContainer :hover ul li a.residential_li, #mainNav #navContainer :hover ul li a.commercial_li, #mainNav #navContainer :hover ul li a.industryExpertise_li, #mainNav #navContainer :hover ul li a.whyFeld_li, #mainNav #navContainer :hover ul li a.promotions_li, #mainNav #navContainer :hover ul li a.shop_li {width: 155px !important;}

.noBkg {background: none !important;}

#mainNav #navContainer a:focus {outline: none;}