/* navigation.css */

#navigation, #navigation li {
  list-style-type: none;
  list-style-image: none;
}

#navigation {
  position: absolute;
  top: 138px;
  left: 0;
  clear: both;
  width: 183px;
  height: 37px;
  background-color: #fe4819;
  background-image: url(/images/header-dropdown-arrow.png);
  background-position: 160px 12px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  z-index: 100;
  -webkit-border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  -o-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  -o-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}

#left #navigation {
  background-image: none;
}

#navigation li a.top {
  display: block;
  width: 133px;
  height: 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  margin: 0;
  padding: 11px 30px 11px 20px;
}

#navigation li a.top:link, #navigation li a.top:visited, #navigation li a.top:focus, #navigation li a.top:hover, #navigation li a.top:active {
  color: #ffffff;
  text-decoration: none;
}

#navigation li.more {
  font-size: 100%;
  text-align: left;
}

#navigation li ul {
  width: 163px;
  height: auto;
  margin: 0;
  padding: 15px 9px;
  background-color: #ffffff;
  border-width: 0 1px 1px 1px;
  border-color: #fe4819;
  border-style: none solid solid solid;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -o-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -o-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

#navigation li ul li:hover, #navigation li ul li.hover {
  background-color: #f3f3f3;
}

#navigation li ul li a {
  display: block;
  font-size: 11px;
  font-weight: bold;
  width: 143px;
  padding: 10px;
  background-color: transparent;
}

#navigation li ul li {
  width: 163px;
}

#navigation li ul li a:link, #navigation li ul li a:visited, #navigation li ul li a:focus, #navigation li ul li a:hover, #navigation li ul li a:active {
  color: #000000;
  text-decoration: none;
}

#navigation li ul li a:focus, #navigation li ul li a:hover, #navigation li ul li a:active {
  background-color: #f3f3f3;
}

#navigation li ul li ul li a:focus, #navigation li ul li ul li a:hover, #navigation li ul li ul li a:active {
  text-decoration: underline;
}

#navigation li ul li ul {
  width: 183px;
  height: auto;
  margin: 0;
  padding: 10px 20px;
  background-color: #f3f3f3;
  border-width: 0;
  border-style: none;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

#navigation li ul li ul li {
  background-color: #f3f3f3;
  width: 183px;
  height: auto;
  margin: 0;
  padding: 0;
}

#navigation li ul li ul li a {
  background-color: #f3f3f3;
  padding: 5px 20px;
  font-weight: normal;
}

#navigation ul li.parent a, #navigation ul li ul li.parent a, #navigation ul li ul li ul li.parent a {
  background-image: url(/images/navigation_parent_bg.gif);
  background-repeat: no-repeat;
}

#navigation ul li.parent a {
  background-position: 157px 14px;
}

#navigation ul li ul li.parent a, #navigation ul li ul li ul li.parent a {
  background-position: right;
}

#navigation ul li.parent li a, #navigation ul li ul li.parent li a, #navigation ul li ul li ul li.parent li a {
  background-image: none;
}

#navigation ul li.parent a:focus, #navigation ul li.parent a:hover {
  background-image: url(/images/navigation_parent_bg.gif);
}

#navigation ul li.parent li a:focus, #navigation ul li ul li.parent li a:focus, #navigation ul li ul li ul li.parent li a:focus, #navigation ul li.parent li a:hover, #navigation ul li ul li.parent li a:hover, #navigation ul li ul li ul li.parent li a:hover {
  background-image: none;
}

/* this is all about position and show/hide menus */

#navigation li {
  position: relative;
}

#navigation li ul {
  line-height: 150%;
  font-size: 75%;
  font-weight: normal;
}

#navigation li ul, #header-links-left li#header-user ul, #header-links-right li#header-cart ul {
  position: absolute;
  margin: 0 0 0 -1000em;
  z-index: 100;
}

#navigation li ul ul, #navigation li ul ul ul, #navigation li ul ul ul ul { /* third-and-above-level lists */
  width: 183px;
  margin: 0 0 0 -1000em;
  font-size: 100%;
  right: 1000em;
}

#navigation li:hover ul ul, #navigation li.hover ul ul, #navigation li:hover ul ul ul, #navigation li.hover ul ul ul, #navigation li.hover ul ul ul ul, #navigation li:hover ul ul ul ul {
  margin-left: -1300em;
  right: 1000em;
}

#navigation li:focus ul, #navigation li.focus ul, #header-links-left li#header-user:focus ul, #header-links-left li#header-user.focus ul, #header-links-right li#header-cart:focus ul, #header-links-right li#header-cart.focus ul, 
#navigation li a:focus + ul, #navigation li a.focus + ul, #header-links-left li#header-user a:focus + ul, #header-links-left li#header-user a.focus + ul, #header-links-right li#header-cart a:focus + ul, #header-links-right li#header-cart a.focus + ul, 
#navigation li:hover ul, #navigation li.hover ul, #header-links-left li#header-user:hover ul, #header-links-left li#header-user.hover ul, #header-links-right li#header-cart:hover ul, #header-links-right li#header-cart.hover ul { /* lists nested under hovered list items */
  margin-left: 0;
  z-index: 1000000;
}

#navigation li:hover ul, #navigation li.hover ul {
  left: 0;
}

#navigation li li:hover ul, #navigation li li.hover ul {
  margin-left: 142px;
  z-index: 10000000;
}

#navigation li li li:hover ul, #navigation li li li.hover ul, #navigation li li li li:hover ul, #navigation li li li li.hover ul {
  margin-left: 173px;
  z-index: 100000000;
}

#navigation li li:hover ul, #navigation li li.hover ul, #navigation li li li:hover ul, #navigation li li li.hover ul, #navigation li li li li:hover ul, #navigation li li li li.hover ul {
	top: 0;
  left: 0;
}

#navigation li ul li:hover, #navigation li ul li.hover {
	background-color: #f3f3f3;
}

#left #navigation {
  position: relative;
  top: -47px;
  margin: 0 0 -37px 0;
  height: auto;
}

#left #navigation > li > ul {
  position: static;
  z-index: 0;
  left: 0;
  margin: 0;
}