/* WD CSS Flyout Menu Stylesheet - CMW 13/02/2008 */
/* Updated by Mark Kidd 2008-09-03 */
/* Updated by Mark Kidd 2009-09-05 ver0 */


/* WinIE Behavior Call */
body {
	behavior: url(csshover.htc);
}

/* Overall Settings for CSS Flyout Menu Area */
div.menubar ul {
	font-family: Verdana, Arial, sans-serif;
	line-height: 18px; /* Sets CSS Flyout List Area Lines to 20px high*/
	width: 100%; /* Sets each CSS flyout to the width of the entire sidebox */
/*	margin: 0; Sets CSS flyout list area to no margin */
/*	padding: 0; Sets CSS Flyout List Area to no padding */
	background-color: #dae1c7; /* Sets CSS Flyout List Area background colour */
	z-index: 1; /* Ensures the menu displays on top of other items on the page*/ 
}

div.menubar li {
	position: relative; /* Sets the submenu to display inline with the previous menu*/
	list-style: none; /* Sets the list to display without any indentation or markers*/
/*	margin: 0; Sets each line item to no margin - Applies throughout menu system */ 
	border-bottom: 1px solid #ffffff; 
}

/* Settings for position of submenu blocks */

div.menubar ul ul {
	position: absolute; /* Sets the submenu blocks to display alongside and below the parent menu */
	top: 2px; /* Sets the position of submenu blocks to line up against the parent menu at the top */
	left: 175px;
	display: none;
	background-color: #cbd7b8;
}

/* Settings for Category Text */

div.menubar li a {
	display: block; /* Sets the whole of the line to be clickable, rather than just the text*/
	padding: 0.25em 0 0.25em 1.5em; /* Positions the text on each line item into a more central position */
	text-decoration: none; /* Sets the text to disdplay normally with no unwanted effects */
	color: #002200; /* Sets the text to be white - Applies throughout menu system */ 
}

div.menubar li a:hover {
	color: #0e5118; /* Sets the color of a line item which is being hovered over*/
	background: url('/assets/templates/common/greenbracket.gif') 0.2em 0.5em no-repeat;
}

div.menubar a {
	width: auto; /* Sets the menu block width to auto - If not present menu displays as huge list*/
}

div.menubar ul.level1 {
	text-transform:uppercase;
	font-weight: bold;
}

div.menubar ul.level2 {
	z-index: 700;
}
div.menubar ul.level2 li {
	z-index: 700;
}
div.menubar ul.level2 li a {
	z-index: 700;
}

ul.level1 li:hover ul.level2, ul.level2 li:hover ul.level3 {
	display: block;
}