/*
  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;
}

ul.nice-menu ul {
  
  left: 0px; /* LTR */
  border: 0;
  margin-right: 0; /* LTR */
  width:100%
}

ul.nice-menu ul li {
  
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  letter-spacing:0;
 
  border-bottom:1px solid #b7b7b7;
  text-align:center
}

/* Customizations 
ul.nice-menu li.menu-480 {margin-top:18px}
ul.nice-menu li.menu-480 a{width:221px;height:77px;text-indent:-5000px;background:url(../images/logo.png) top left no-repeat} /* Home link with logo 
ul.nice-menu li.menu-480 a:hover,ul.nice-menu li.menu-480 a.active {border:none;padding-bottom:0}*/

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

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

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

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

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

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

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

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

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

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

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

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

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

ul.nice-menu-down li {
  
}

ul.nice-menu-down li li {
  
}

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

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

ul.nice-menu-down li ul li ul {
  left: 12.5em; /* LTR */
  top: -1px;
}

ul.nice-menu-down .menuparent > ul > li a {padding:11px 6px}
ul.nice-menu-down .menuparent > ul > li a:hover {color:#4487a1}

ul.nice-menu-down li.menuparent {
  
}

ul.nice-menu-down li.menuparent:hover {

}

ul.nice-menu-down li li.menuparent {

}

ul.nice-menu-down li li.menuparent:hover {

}

/* =============== MAIN MENU =============== */

#block-nice-menus-1 {color:#fff}
#block-nice-menus-1 ul.nice-menu{height:100px;letter-spacing:0.1em;font-size:15px;margin-left:auto;margin-right:auto;display:table} /* The last 3 styles is to center-align the menu on its container */

#block-nice-menus-1 ul.nice-menu > li {border-top: 0;float: left;margin:46px 35px 0 35px;}
#block-nice-menus-1 ul.nice-menu a {text-decoration:none;color:#fff;line-height: normal}
#block-nice-menus-1 ul.nice-menu > li > a {text-transform:uppercase;letter-spacing:0.2em}
#block-nice-menus-1 ul.nice-menu > li > a:hover{color:#7db561}

/* DAN BARBER TITLE */
#block-nice-menus-1 ul.nice-menu li.menu-218 {font-size:29px;margin-top:37px;margin-left: 80px;margin-right: 20px;font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 400; font-style: normal;text-transform:uppercase}
#block-nice-menus-1 ul.nice-menu li.menu-218 a{letter-spacing:0.1em}

/* =============== PURCHASE MENU =============== */
#block-nice-menus-2 {margin-top:35px}
#block-nice-menus-2 ul.nice-menu{height:35px !important;letter-spacing:0.1em;font-size:16px;margin-left:auto;margin-right:auto;display:table} /* The last 3 styles is to center-align the menu on its container */
#block-nice-menus-2 ul.nice-menu > li {color:#fff;background-color:#21170c;border-top: 0;float: left;padding:9px 57px;text-transform:uppercase;}
#block-nice-menus-2 ul.nice-menu > li > ul{top:38px}
#block-nice-menus-2 ul.nice-menu > li > ul > li{color:#fff;background-color:#21170c;border-bottom: 0;line-height: inherit;letter-spacing: inherit;font-size: 13px;padding:0}
#block-nice-menus-2 ul.nice-menu > li > ul > li > a,
#block-nice-menus-2 ul.nice-menu > li > ul > li > span {display:inline-block;color: white;text-decoration: none;padding: 11px 6px;text-transform:uppercase}
#block-nice-menus-2 ul.nice-menu > li > ul > li > a:hover {color:#7db561}
#block-nice-menus-2 ul.nice-menu > li.menu-547 {background:url(../images/arrow_down.gif) 170px 5px no-repeat #21170c}
#block-nice-menus-2 ul.nice-menu li.menu-658 {margin:1px 0 2px 0}
#block-nice-menus-2 ul.nice-menu li.menu-659, 
#block-nice-menus-2 ul.nice-menu li.menu-660,
#block-nice-menus-2 ul.nice-menu li.menu-661,
#block-nice-menus-2 ul.nice-menu li.menu-662{cursor:pointer}
#block-nice-menus-2 ul.nice-menu li.menu-659.expanded span, 
#block-nice-menus-2 ul.nice-menu li.menu-660.expanded span,
#block-nice-menus-2 ul.nice-menu li.menu-661.expanded span,
#block-nice-menus-2 ul.nice-menu li.menu-662.expanded span{border-bottom:1px solid #fff}
#block-nice-menus-2 ul.nice-menu > li > ul > li > ul {left:0;top:38px;}
#block-nice-menus-2 ul.nice-menu > li > ul > li > ul > li{color:#fff;background-color:#21170c;border-bottom: 0;line-height: inherit;letter-spacing: inherit;font-size: 13px;padding:0}
#block-nice-menus-2 ul.nice-menu > li > ul > li > ul > li > a{display:inline-block;color: white;text-decoration: none;padding: 11px 6px;text-transform:uppercase}

#block-menu-menu-purchase-options {margin-top:35px}
#block-menu-menu-purchase-options .content > ul.menu{list-style: none;height:35px !important;letter-spacing:0.1em;font-size:16px;margin-left:auto;margin-right:auto;display:table} /* The last 3 styles is to center-align the menu on its container */
#block-menu-menu-purchase-options .content > ul.menu > li {position:relative;margin:0;list-style: none;color:#fff;background-color:#21170c;border-top: 0;float: left;padding:0;text-transform:uppercase;}
#block-menu-menu-purchase-options .content > ul.menu > li > span.purchase {padding: 9px 57px;display: block;cursor: pointer;}
#block-menu-menu-purchase-options .content > ul.menu > li > ul{position:absolute;left:0;top:40px;width:100%;z-index:5;display:none;margin:0}
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li{position:relative;text-align:center;margin:0;list-style: none;color:#fff;background-color:#21170c;border-bottom: 0;line-height: inherit;letter-spacing: inherit;font-size: 13px;padding:0}
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li.first{margin-top:2px;margin-bottom:2px} /* CHOOSE COUNTRY */
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li.last{}
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li > span {display:inline-block;color: white;text-decoration: none;padding: 9px 6px 8px 6px;text-transform:uppercase;border-bottom:1px solid #21170c}
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li > span.country {cursor:pointer;}
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li > span.country:hover,
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li > span.country.expanded {border-bottom:1px solid #fff}
#block-menu-menu-purchase-options .content > ul.menu > li:first-child {background:url(../images/arrow_down.gif) 170px 5px no-repeat #21170c}
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li > ul {margin:0;position:absolute;left:0;top:40px;width:100%;z-index:6;display:none}
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li > ul > li{text-align:center;margin:0;list-style:none;color:#fff;background-color:#21170c;border-bottom: 0;line-height: inherit;letter-spacing: inherit;font-size: 13px;padding:0}
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li > ul > li > a{display:inline-block;color: white;text-decoration: none;padding: 9px 6px;text-transform:uppercase}
#block-menu-menu-purchase-options .content > ul.menu > li > ul > li > ul > li > a:hover{color:#7db561}