/* REQUIRED STYLES - the menus will only render correctly with these rules */

.menu-container { padding: 0;  overflow: hidden; background-color: #434447; height: auto; }

.menu, .menu ul { list-style-type:none; padding: 0; margin:0; }

.menu { position:relative; }

.menu ul { position:absolute; top:0; }
.menu ul ul { top:-1px; }

.menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }
.menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */

.menu-footer {  }

.menu-footer a:link,
.menu-footer a:visited { float: left; width: 100%; text-decoration: none; padding-left: 3% }
.menu-footer a:hover,
.menu-footer a:active { cursor: pointer; }

.menu-footer a img { display: inline-block; vertical-align: middle; height: inherit }

.menu-open {
	height: auto;
}

/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.menu a:link,
.menu a:visited,
.menu a:hover,
.menu a:active { float:left; text-decoration:none; outline: 0 !important }

.menu a.ui-state-default:link,
.menu a.ui-state-default:visited,
.menu a.ui-state-default:hover,
.menu a.ui-state-default:active,
.menu a.ui-state-hover:link,
.menu a.ui-state-hover:visited,
.menu a.ui-state-hover:hover,
.menu a.ui-state-hover:active,
.menu a.ui-state-active:link,
.menu a.ui-state-active:visited,
.menu a.ui-state-active:hover,
.menu a.ui-state-active:active { font-weight: normal; }

.menu a span { display:block; cursor:pointer }

.menu-hidden {
	position:absolute;
	top:0;
	left:-9999px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.menu-wrapper > div {
	position: relative;
}

.menu-wrapper a {
	display: block;
	padding: 5px 0;
	vertical-align: middle;
}

.menu-wrapper a.direct, .menu-wrapper a.menu-dropdown {
	width: 100%;
	padding-left: 3%;
	float: left;
}

.menu-wrapper a.top-sub, .menu-wrapper a.sub {
	display: block;
	position: absolute;
	right: 0;
	width: 25%;
	height: inherit;
	text-align: center;
}

.menu-wrapper a.top-sub img, .menu-wrapper a.sub img {
	vertical-align: middle;
}

.menu-wrapper > div {
	background: url('../img/box_title.png') repeat-x;
	overflow: hidden;
}
.menu-wrapper > div.green {
	background: url('../img/box_title_green.png') repeat-x !important;
}
.menu-wrapper > div.red {
	background: url('../img/box_title_red.png') repeat-x !important;
}