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

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

#navTop {
	list-style-type: none;
}

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

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

#navTop li span {
	display: none;
}

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

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

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


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

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


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

.nav {
	list-style-type: none;
}

.nav li {
	float: left;
	position: relative;
}

.nav li a {
	background-position: top;
	display: block;
	height: 32px;
}

.nav li span {
	display: none;
}

.nav li a.nav1 {
	background: url(/assets/images/nav1.png);
	width: 106px;
}

.nav li a.nav2 {
	background: url(/assets/images/nav2.png);
	width: 158px;
}

.nav li a.nav3 {
	background: url(/assets/images/nav3.png);
	width: 211px;
}

.nav li a.nav4 {
	background: url(/assets/images/nav4.png);
	width: 178px;
}

.nav li a.nav5 {
	background: url(/assets/images/nav5.png);
	width: 154px;
}

.nav li a.nav6 {
	background: url(/assets/images/nav6.png);
	width: 133px;
}

.nav li a:hover {
	background-position: center;
}

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


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

#colLeft ul {
	background: #EBECEE url(/assets/images/subNavEnd.png) bottom no-repeat;
	list-style-type: none;
	padding: 10px 0;
}

#colLeft ul li {
	display: inline;
}

#colLeft ul li a {
	background: #EBECEE url(/assets/images/bullet.png) top left no-repeat;
	background-position: 12px 13px;
	color: #394956;
	display: block;
	font-size: 1.2em;
	padding: 8px 15px 8px 25px;
	text-decoration: none;
}

#colLeft ul li a:hover {
	background-color: #E2E4E6;
}

#colLeft ul li a.active {
	background: #D9DBDE url(/assets/images/bulletActive.png) top left no-repeat;
	background-position: 12px 13px;
	font-weight: bold;
}

#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; }