/* COLORS 

 main menu delim (as image) : #fd0000;
 text : #000;
 mega background: #8EA92D
 mega border: #007F50;
*/


/* TOP LEVEL */

div#MAIN-MENU {
    height:33px;
    /*background:url(../images/art/menu/menu-bg.png) repeat-x;*/
	z-index: 99999px;
}

div#MAIN-MENU ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

div#MAIN-MENU li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
}

div#MAIN-MENU a {
    position: relative;
    z-index: 10;
    height: 33px;
    display: block;
    float: left;
    line-height: 33px;
    text-decoration: none;
	font-size: 14px;
	letter-spacing: 0;
    padding: 0 10px 0 10px;
    line-height: 24px;
}

div#MAIN-MENU li.current a {}

div#MAIN-MENU span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
	margin-top: 5px;
}

/*
div#MAIN-MENU ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(../images/art/menu/item-pointer.gif);
}
div#MAIN-MENU ul ul a.parent:hover span {
    background-image: url(../images/art/menu/item-pointer-mover.gif);
}
*/

/* background & border */
div#MAIN-MENU li { background: url(../images/art/menu/menu-delim.png) 98% 50% no-repeat; }
div#MAIN-MENU li.last { background: none; }
#MAIN-MENU li.mega div.grouping { background: #8EA92D; border: solid 1px #007F50; } 


/* lava lamp */
div#MAIN-MENU li.back {
    background: url(../images/art/menu/sliding-door-sprite.png) no-repeat left -33px !important;
    background-image: url(../images/art/menu/lava.gif);
    width: 10px;
    height: 33px;
    z-index: 8;
    position: absolute;
    margin: -1px 0 0 -5px;
}
div#MAIN-MENU li.back .left {
    background: url(../images/art/menu/sliding-door-sprite.png) no-repeat top left !important;
    background-image: url(../images/art/menu/lava.gif);
    height: 33px;
    margin-right: 4px;
}

/* MEGA MENU */
#MAIN-MENU li.mega div.grouping { 
	display: none; 
	position: absolute;
	overflow: hidden;
	top: 34px;
	left: 0;
}
#MAIN-MENU li.mega.hovering div.grouping { 	display: none; }
#MAIN-MENU li.mega div.grouping-1 { width: 125px; }
#MAIN-MENU li.mega div.grouping-1x { width: 170px; }
#MAIN-MENU li.mega div.grouping-2 { width: 250px; }
#MAIN-MENU li.mega div.grouping-3 { width: 375px; }

#MAIN-MENU li.mega div.group { 
	display: block;
	float: left;
	margin: 0 10px 10px 10px;
	width: 105px;
	border-right: solid 1px #ccc;
}
#MAIN-MENU li.mega div.grouping-1x div.group { width: 160px; }
#MAIN-MENU li.mega div.group.last { border-right: none; margin-right: 0; }

#MAIN-MENU li.mega div.group a, 
#MAIN-MENU li.mega div.group a span { font-size: 14px; line-height: 20px; }
#MAIN-MENU li.mega div.group-heading { font-size: 14px; line-height: 14px; font-weight: bold; margin: 5px 0; }

#MAIN-MENU li.mega div.group li, 
#MAIN-MENU li.mega div.group li a,
#MAIN-MENU li.mega div.group li a span { 
	background: none; 
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
}

/* colors */
div#MAIN-MENU a { color: #e5e5e5; }
div#MAIN-MENU a span { color: #333; }
div#MAIN-MENU li.current a span, div#MAIN-MENU a:hover span { color: #000; } /* rgb(218,219,222); */
div#MAIN-MENU .group-heading { color: #930; }
#MAIN-MENU li.mega div.grouping a span { color: #e5e5e5; }
#MAIN-MENU li.mega div.grouping a:hover span { color: #000; }