/* CSS Document */
/* ---------------------------------------------------------- ECOMMERCE NAV */

#navEcommerce ul {
	list-style-type: none;
}

#navEcommerce ul li {
	float: left;
}

#navEcommerce ul li a {
	display: block;
	height: 38px;
}

#navEcommerce ul li a.navEcom1 {
	background: url(/assets/images/navEcom1.png) top left no-repeat;
	width: 89px;
}

#navEcommerce ul li a.navEcom2 {
	background: url(/assets/images/navEcom2.png) top left no-repeat;
	width: 95px;
}

#navEcommerce ul li a:hover {
	background-position: center left;
}

#navEcommerce ul li a.active {
	background-position: bottom left !important;
}

#navEcommerce ul li span {
	display: none; 
}


/* ---------------------------------------------------------- CATEGORIES NAV */

#navCategories ul {
	list-style-type: none;
}

#navCategories ul li {
	float: left;
}

#navCategories ul li a {
	display: block;
	height: 38px;
}

#navCategories ul li a.navCategory1 {
	background: url(/assets/images/navCategory1.png) top left no-repeat;
	width: 216px;
}

#navCategories ul li a.navCategory2 {
	background: url(/assets/images/navCategory2.png) top left no-repeat;
	width: 294px;
}

#navCategories ul li a.navCategory3 {
	background: url(/assets/images/navCategory3.png) top left no-repeat;
	width: 242px;
}

#navCategories ul li a:hover {
	background-position: center left;
}

#navCategories ul li a.active {
	background-position: bottom left !important;
}

#navCategories ul li span {
	display: none; 
}


/* ---------------------------------------------------------- SECTIONS NAV */

#navSections ul {
	list-style-type: none;
}

#navSections ul li {
	float: left;
	position: relative;
}

#navSections ul li.navSection2 { width: 123px; }
#navSections ul li.navSection3 { width: 254px; }
#navSections ul li.navSection4 { width: 120px; }
#navSections ul li.navSection5 { width: 237px; }
#navSections ul li.navSection6 { width: 141px; }

#navSections ul li a {
	display: block;
	height: 25px;
}

#navSections ul li a.navSection1A {
	background: url(/assets/images/navSection1.png) top left no-repeat;
	width: 105px;
}

#navSections ul li a.navSection2A {
	background: url(/assets/images/navSection2.png) top left no-repeat;
	width: 123px;
}

#navSections ul li a.navSection3A {
	background: url(/assets/images/navSection3.png) top left no-repeat;
	width: 254px;
}

#navSections ul li a.navSection4A {
	background: url(/assets/images/navSection4.png) top left no-repeat;
	width: 120px;
}

#navSections ul li a.navSection5A {
	background: url(/assets/images/navSection5.png) top left no-repeat;
	width: 237px;
}

#navSections ul li a.navSection6A {
	background: url(/assets/images/navSection6.png) top left no-repeat;
	width: 141px;
}

#navSections ul li a:hover {
	background-position: center left;
}

#navSections ul li a.active {
	background-position: bottom left !important;
}

#navSections ul li span {
	display: none; 
}

/* ---------------------------------------------------------- SECTIONS SUB NAV */

#navSections ul li ul  {
	position: absolute;
	top: 25px;
	left: -999em;
	padding-top: 1px;
}

#navSections ul li ul.navSection2DD, #navSections ul li ul.navSection2DD li { width: 122px; }
#navSections ul li ul.navSection3DD, #navSections ul li ul.navSection3DD li { width: 253px; }
#navSections ul li ul.navSection4DD, #navSections ul li ul.navSection4DD li { width: 119px; }
#navSections ul li ul.navSection5DD, #navSections ul li ul.navSection5DD li { width: 236px; }
#navSections ul li ul.navSection6DD, #navSections ul li ul.navSection6DD li { width: 141px; }

#navSections ul li ul li a {
	font-size: 1.2em;
	display: block;
	height: auto;
	color: #fff;
	padding: 5px;
	text-decoration: none;
	background-color: #BE3016;
	border-bottom: 1px solid #D5A39E;
}

#navSections ul li ul li a:hover {
	background: #A23027;
}

#navSections ul li:hover ul, #navSections ul li.sfhover ul {
	left: auto;
}