/*
  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{
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background:red;
}

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

ul.nice-menu a {
  padding: 13px;
}

ul.nice-menu ul {
  top: 43px;
  left: -1px; /* LTR */
  border: 0;
  margin-right: 0; /* LTR */
  margin-left: 40px;
}

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

/******************************
 VERTICAL (left/right) menus
******************************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right{
  width: 200px;    
}
ul.nice-menu-left{
  width: 200px;
}
ul.nice-menu-right li{
  width: 200px;    
}
ul.nice-menu-left li {
  width: 200px;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
  width: 200px;
  left: 200px;
  top: -1px;
}

ul.nice-menu-right ul ul {
  width: 200px;
  left: 200px;
  top: -1px;
}

ul.nice-menu-right li.menuparent{
  background: #eee url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li li.menuparent {
  background: #eee url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover{
  background: #ccc url(arrow-right.png) right center no-repeat;
}
ul.nice-menu-right li li.menuparent:hover {
  background: #ccc url(arrow-right.png) right center no-repeat;
}

/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul {
  width: 200px;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li ul li ul {
  width: 200px;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li.menuparent{
  background: #eee url(arrow-left.png) left center no-repeat;
}
ul.nice-menu-left li li.menuparent {
  background: #eee url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover{
  background: #ccc url(arrow-left.png) left center no-repeat;    
}
ul.nice-menu-left li li.menuparent:hover {
  background: #ccc url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left a, ul.nice-menu-left ul a {
  padding-left: 14px;
}