/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for more information on using the CSS.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
  background:url(/sites/all/themes/Heinz/images/bg_menu.gif) top repeat-x;
  z-index: 200;
}

ul.nice-menu li {
  
  border-top: 0;
  float: left; /* LTR */
  height: 39px;
  
}

ul.nice-menu a {
  padding: 0em 20px 0em 20px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}

ul.nice-menu ul {
  top: 39px;
  left: -1px; /* LTR */
  border: 0;
  border-top: 1px solid #ccc;
  margin-right: 0; /* LTR */
}

ul.nice-menu ul li {
  width: 170px;
}


/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
  float: left; /* LTR */
  border: 0;
}

ul.nice-menu-down li {
   line-height:39px;
   background: url(/sites/all/themes/Heinz/images/bg_li.gif) no-repeat right 9px;
}

ul.nice-menu-down li:last-child { background:none;}

ul.nice-menu-down li li {
  border-top: 0;
}

ul.nice-menu-down ul {
  left: 0; /* LTR */
  font-size: 11px;
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul {
  left: 170px; /* LTR */
  top: -1px;
  border-top: none;
  border-left: 1px solid silver;
}

ul.nice-menu-down li ul li ul li {
  width: 220px;
}

ul.nice-menu-down .menuparent a {
  padding-right: 15px; /* LTR */
}

ul.nice-menu-down li.menuparent li {
  background:#363636;
  
}

ul.nice-menu-down li:hover {
  background: url(/sites/all/themes/Heinz/images/bg_li_act.gif) top repeat-x;
}

ul.nice-menu ul a:hover {
  color:#ef6934;
}

ul.nice-menu-down li li.menuparent {
  background: #363636 url(/sites/all/themes/Heinz/images/arrow_right.png) right center no-repeat; /* LTR */
}

ul.nice-menu-down li li.menuparent:hover {
  background: #363636 url(/sites/all/themes/Heinz/images/arrow_right.png) right center no-repeat; /* LTR */
}