@charset "UTF-8";
/* SKILLS FOR CARE NAV CSS */

/* ---------------------------------------------------------- TOP NAV */

#navTop li {
	float: left;
	position: relative;
}

#navTop li a {
	background-position: top;
	display: block;
	height: 40px;
}

#navTop li span {
	display: none;
}

#navTop li a.navTop1 {
	background: url(/assets/images/navTop1.png);
	width: 78px;
}

#navTop li a.navTop2 {
	background: url(/assets/images/navTop2.png);
	width: 144px;
}

#navTop li a.navTop3 {
	background: url(/assets/images/navTop3.png);
	width: 137px;
}

#navTop li a.navTop4 {
	background: url(/assets/images/navTop4.png);
	width: 128px;
}

#navTop li a.navTop5 {
	background: url(/assets/images/navTop5.png);
	width: 94px;
}

#navTop li a:hover {
	background-position: center;
}

#navTop li a.active {
	background-position: bottom !important;
}


/* ---------------------------------------------------------- PRODUCT NAV */

#navProd li {
	float: left;
	position: relative;
}

#navProd li a {
	background-position: top;
	display: block;
	height: 75px;
}

#navProd li span {
	display: none;
}

#navProd li a.navProd1 {
	background: url(/assets/images/navProd1.png);
	width: 132px;
}

#navProd li a.navProd2 {
	background: url(/assets/images/navProd2.png);
	width: 100px;
}

#navProd li a.navProd3 {
	background: url(/assets/images/navProd3.png);
	width: 117px;
}

#navProd li a.navProd4 {
	background: url(/assets/images/navProd4.png);
	width: 158px;
}

#navProd li a.navProd5 {
	background: url(/assets/images/navProd5.png);
	width: 94px;
}

#navProd li a.navProd6 {
	background: url(/assets/images/navProd6.png);
	width: 88px;
}

#navProd li a.navProd7 {
	background: url(/assets/images/navProd7.png);
	width: 145px;
}

#navProd li a.navProd8 {
	background: url(/assets/images/navProd8.png);
	width: 136px;
}

#navProd li a:hover {
	background-position: center;
}

#navProd li a.active {
	background-position: bottom !important;
}


/* ---------------------------------------------------------- SECOND TIER */

#colLeft ul li {
	display: inline;
}

#colLeft ul li a {
	color: #fff;
	display: block;
	font-size: 1.2em;
	padding: 8px 15px;
	text-decoration: none;
}

#colLeft ul li a:hover {
	background: url(/assets/images/sideBg.png);
}

#colLeft ul li a.active {
	background: url(/assets/images/sideBg.png);
	border-bottom: 1px solid;
	border-top: 1px solid;
}

#colLeft ul.prod1 li a.active { border-color: #8424FF; }
#colLeft ul.prod2 li a.active { border-color: #0079BD; }
#colLeft ul.prod3 li a.active { border-color: #80FF00; }
#colLeft ul.prod4 li a.active { border-color: #FF0D00; }
#colLeft ul.prod5 li a.active { border-color: #FF8000; }
#colLeft ul.prod6 li a.active { border-color: #006BF5; }
#colLeft ul.prod7 li a.active { border-color: #2E9900; }
#colLeft ul.prod8 li a.active { border-color: #00FFFF; }