/*=============================================================
 * mucho MENU
 *-------------------------------------------------------------
 * This style sheet is divided into the following 3 sections:
 * 1 Fundamentals
 *		1.1 Reset
 *		1.2 Structure
 * 		1.3 Default styles
 * 2 User Overrides
 *		2.1 Widths, margins, and padding
 *		2.2 Vertical menu
 *		2.3 Horizontal slots
 * 3 Skins
 *=============================================================*/

/* @group Fundamentals */

/* Reset
 *------------------------------------------------------------*/
/* @group Reset */
/*
.muchomenu-menu,
.muchomenu-menu *,
.muchomenu-menu .muchomenu-parent,
.muchomenu-menu .muchomenu-parent-title,
.muchomenu-menu .muchomenu-bin,
.muchomenu-menu .muchomenu-slot,
.muchomenu-menu .muchomenu-slot-title,
.muchomenu-menu .muchomenu-items {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}
*/

ul.muchomenu-menu,
.muchomenu-menu ul.muchomenu-items, .muchomenu-menu li.muchomenu-parent {
  list-style: none;
  background: url("../images/nav.png") repeat-x scroll 0 0 transparent;
  margin: 0px;
  padding: 0px;
  z-index: 99999;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-family: Arial, Verdana;
}

ul.muchomenu-menu{
	height: 50px;
	}

ul.muchomenu-menu li.muchomenu-parent{
	padding: 6px 0px;
	}

ul.muchomenu-menu li.muchomenu-parent:last-child{
	border-right: none;
	}

ul.muchomenu-menu li.muchomenu-parent a.muchomenu-item{
	background-color: inherit;
    background-position: right 13px;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0 0 0 0 !important;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 42px;
    margin: 0;
    padding: 0 20px !important;
    position: relative;
    text-transform: uppercase;
	}

ul.muchomenu-menu li.muchomenu-parent:hover{
	background:  #FFFFFF;
    border-top: 1px solid #ff0000!important;
    color: #000000;
    border-radius: none !important;
	}

ul.muchomenu-menu li.muchomenu-parent:hover a.muchomenu-item{
	color: #000000;
	border-radius: none !important;
	/*border-top: 3px solid #F16D2A; */
	}
/* @end */

/* Structure
 *------------------------------------------------------------*/
/* @group Structure */
.muchomenu-menu {
  overflow: visible; /* Contain floated elements */
}

.muchomenu-menu .muchomenu-parent {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.muchomenu-menu .muchomenu-parent-title {
  display: inline;
}

.muchomenu-menu .muchomenu-bin {
  position: absolute;
  left: 0; /* Default horizontal orientation */
  top: -9000px; /* default hidden position */
  z-index: 10000;
  overflow: hidden;

}

/* Bin Alignment
 *--------------------------------------------------------*/
.muchomenu-menu .muchomenu-bin-right{
  left:auto;
  right:-500px;
}

/* @group Horizontal Links */
.muchomenu-menu .muchomenu-links-horizontal {
  overflow: hidden;
}

.muchomenu-menu .muchomenu-links-horizontal li,
.muchomenu-menu .muchomenu-links-horizontal li a {
  float: left;
}
/* @end Horizontal Links */

.muchomenu-menu-vertical .muchomenu-parent {
  display: block;
}

/* @end Structure */




/* Default styles
 *--------------------------------------------------------*/
/* @group Default styles */

.muchomenu-menu ul a {
  text-decoration: none;
}

.muchomenu-menu ul a:hover {
  text-decoration: underline;
}
/* @end */
/* @end Fundamentals */


/* User Overrides
 *
 * This part will have to be dynamically generated in the
 * customization admin screen.  The user can specify the
 * proper widths for structural elements according to the
 * ID of the mucho menu.
 *--------------------------------------------------------*/
/* @group Widths, Padding, & Margins */
.muchomenu-parent {
  margin: 0.1em 1em; /* Left margin affects fly-out value */
}

.muchomenu-menu .muchomenu-bin {
  padding: 0.5em;
}

.muchomenu-menu .muchomenu-slot {
  width: 200px; /* move this to skins or php */
  margin-bottom: 0.5em;
}

/* Vertical Orientation
 *--------------------------------------------------------*/
/* @group Vertical Menu */
.muchomenu-menu-vertical {
  width: 8em;
}
.muchomenu-menu-vertical .muchomenu-parent {
  margin-top: 1em;
}
.muchomenu-slots.flyright {
  left: 7em; /* [muchomenu-menu-vertical] (width) - [muchomenu-parent] (margin) */
  top: 0;
}

.muchomenu-slots.flyleft {
  left: -16.2em; /* Calculation of this value did not seem straightforward */
  top: 0;
}
/* @end */


/* Horizontal Orientation
 *--------------------------------------------------------*/
/* @group Horizontal Slots */
/* This value will have to be calculated to account for slot widths + margins */
/* 2009.1009.1437 EFD: this width conflicted with our layout. it made more sense for us to set width on the slots themselves. unsure how the interface should handle this. */
.muchomenu-menu .muchomenu-slots-columnar {
  overflow: hidden; /* contain floated slots */
}
.muchomenu-slots-columnar li.muchomenu-slot {
  float: left;
}
/* @end Horizontal Slots */
/* @end Widths*/

/* muchomenu-menu end */

/* section: muchomenu-skins */



.muchomenu-bin .panel-display {
  padding: 0px 5px;
  background: #FFFFFF;
  border: none;
  border-bottom: 2px solid #FF0000;
  width: 230px;
  border-radius: 0;
  margin-top: -3px !important; /* close top spacer */
  margin-left: -10px; /* force drop down left margin to flash with menu items' */
  font-family: Arial, Verdana;
}


.muchomenu-bin .panel-display h2{
	color: #1E7E84;
	border-bottom: 1px solid #D6F1BF;
	font-size: 70%;
	text-align: left;
	font-weight: bold;
	margin: 0px 0 5px 0;
	padding: 0px 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

.muchomenu-bin .panel-display div.panel-panel{
	padding-top: 15px;
	}

.muchomenu-bin .panel-display div.panel-panel ul{
	margin: 0px !important;
	padding: 0px !important;
	font-size: 76%;
	font-family: Arial, Verdana;
	line-height: 24px;
	}

.muchomenu-bin .panel-display div.panel-panel ul.menu li{
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
	display: block;
	width: 100%;
	}

.muchomenu-bin .panel-display div.panel-panel ul.menu li a{
	color: #333333;
	}

.muchomenu-bin .panel-display div.panel-panel ul.menu li a:hover{
	color: #006699;
	}
/*
.panel-display div.panel-col-last{
	background: url(../images/muchodrop_bg.png) top left repeat-y;
	height: auto;
	}
*/

.panel-display div.panel-col-last div.inside{
	padding-left: 0px;
	}