/**** Top Navigation ****/

.nav li {
	margin: 0;
	padding: 0;
	display: inline; 
	float: left;
	background: transparent url('../images/site-graphics/nav_separate.gif') no-repeat;
}
.nav {
  position: relative;
  left: 0px;
  margin: 0;
  padding: 0;
}

.nav li {
/* styles the parent list */
  position: relative;
  
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
/* styles the parent links */
  display: block;
}

/* ==== HOME ==== */
#top-menu-1 ul li a.home:link,
#top-menu-1 ul li a.home:visited {
	width:83px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('../images/site-graphics/nav_01_home_dual.gif') no-repeat 0 -36px;
}
#top-menu-1 ul li a.home:hover{
	background: transparent url('../images/site-graphics/nav_01_home_dual.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.home, 
#nav-one li.sfHover a.home {
 /* styles the parent link hover */
  background: transparent url('../images/site-graphics/nav_01_home_dual.gif') no-repeat;
 }



/* ==== BRANDS ==== */
.nav li a.brands:link,
.nav li a.brands:visited {
	width:85px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('../images/site-graphics/nav_02_brands_dual.gif') no-repeat 0 -36px;
}
.nav li a.brands:hover{
	background: transparent url('../images/site-graphics/nav_02_brands_dual.gif') no-repeat;
}
.nav li.brands {
/* styles the parent list */
  position: relative;
  width: 110px;
  background: transparent url('../images/site-graphics/nav_separate.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.brands, 
#nav-one li.sfHover a.brands {
 /* styles the parent link hover */
  background: transparent url('../images/site-graphics/nav_02_brands_dual.gif') no-repeat;
 }



/* ==== WHATS NEW ==== */
.nav li a.whats-new:link,
.nav li a.whats-new:visited {
	width:122px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('../images/site-graphics/nav_03_whatsNew_dual.gif') no-repeat 0 -36px;
}
.nav li a.whats-new:hover {
	background: transparent url('../images/site-graphics/nav_03_whatsNew_dual.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.whats-new, 
#nav-one li.sfHover a.whats-new {
 /* styles the parent link hover */
  background: transparent url('../images/site-graphics/nav_03_whatsNew_dual.gif') no-repeat;
 }


/* ==== SPECIALS ==== */
.nav li a.specials:link,
.nav li a.specials:visited {
	width:100px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('../images/site-graphics/nav_04_specials_dual.gif') no-repeat 0 -36px;
}
.nav li a.specials:hover{
	background: transparent url('../images/site-graphics/nav_04_specials_dual.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.specials, 
#nav-one li.sfHover a.specials {
 /* styles the parent link hover */
  background: transparent url('../images/site-graphics/nav_04_specials_dual.gif') no-repeat;
 }


/* ==== CONTACT US ==== */
#top-menu-1 ul li a.contact-us:link,
#top-menu-1 ul li a.contact-us:visited {
	width:110px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('../images/site-graphics/nav_05_contactUs_dual.gif') no-repeat 0 -36px;
}
#top-menu-1 ul li a.contact-us:hover{
	background: transparent url('../images/site-graphics/nav_05_contactUs_dual.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.contact-us, 
#nav-one li.sfHover a.contact-us {
 /* styles the parent link hover */
  background: transparent url('../images/site-graphics/nav_05_contactUs_dual.gif') no-repeat;
 }



/* ==== ABOUT US ==== */
#top-menu-1 ul li a.about-us:link,
#top-menu-1 ul li a.about-us:visited {
	width:98px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('../images/site-graphics/nav_05_aboutUs_dual.gif') no-repeat 0 -36px;
}
#top-menu-1 ul li a.about-us:hover{
	background: transparent url('../images/site-graphics/nav_05_aboutUs_dual.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.about-us, 
#nav-one li.sfHover a.about-us {
 /* styles the parent link hover */
  background: transparent url('../images/site-graphics/nav_05_aboutUs_dual.gif') no-repeat;
 }


/* ==== KNOWLEDGE BASE ==== */
#top-menu-1 ul li a.knowledge-base:link,
#top-menu-1 ul li a.knowledge-base:visited {
	width:143px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('../images/site-graphics/nav_08_knowledgebase_dual.gif') no-repeat 0 -36px;
}
#top-menu-1 ul li a.knowledge-base:hover{
	background: transparent url('../images/site-graphics/nav_08_knowledgebase_dual.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.knowledge-base, 
#nav-one li.sfHover a.knowledge-base {
 /* styles the parent link hover */
  background: transparent url('../images/site-graphics/nav_08_knowledgebase_dual.gif') no-repeat;
 }








/*
--The CSS below is used in conjunction with the jquery script so
--that older browsers will render the drop-down menu
*/
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
 /* styles the drop-down list menu */
  background: #545342;
  color: #fff;
  z-index: 5000;
  width: 141px;	
  margin-left: 0;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
 /* styles the drop-down list link hover */
  background: #757365;
  color: #fff;
	
}
/*end css for older browsers*/

.nav ul, .nav ul {
 /* styles the main drop-down menu container*/
  background: #757365;
  border: 1px solid #3d3b2b;
  border-top: 0;
  z-index: 100;
  border-right: 0px;
  list-style:none;
  margin: 0;
  width: 162px;
  position: absolute;
  top: -999em;
  left: -1px;

}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 30px;  /* postions the drop-down menu from the parent menu */
  left: 0px;
  }
.nav li li:hover ul,
.nav li li.sfHover ul {
  top: 0px;  /* postions the drop-down menu from the 2nd level menu */
  left: 160px;
  }

.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
/* style the drop-down links */
  border: 0px solid #000;
  border-right: 1px solid #3d3b2b;
  padding-right: 0px;
  width: 141px;
  white-space: nowrap;
  font-size: 10px;
}
.nav ul a:hover {
  background: #fff;
  color: #fff;
}

/*position the last (far right) menu to have the drop-down go inside of parent menu*/

.nav li:hover ul.inside,
.nav li.sfHover ul.inside {
  top: 21px;  /* postions the drop-down menu from the partent menu */
  left: -90px; 
}

.nav li li a, .nav li li a:link, .nav li li a:active, .nav li li a:visited {
/* styles the parent links */
  font: normal 11px/25px Georgia,Arial,Tahoma,Geneva,Helvetica,sans-serif;
  background: #ebead8;
  color: #fff;
  display: block;
  padding: 0 10px;
  text-decoration: none;
  text-align: left; height: 25px; 
}

.nav li li a:hover {
/* styles the parent links hover */
  background: #d3c69c;
  color: #000;
}