#menu  { height:27px; color: #000; font-size: 1em;  }

#menu a  { color: #000; text-decoration: none; text-align: center; padding: 4px 5px 5px }
#menu li      { margin: 1px; padding: 0px; }
#menu li:hover    { background-color: #ddd; margin: 0px; padding: 0px; border-style: solid; border-width: 1px; border-color: #ccc #ccc #ccc black }
/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
#menu li li   { margin: 2px; padding-right: 1px; padding-left: 1px; border-left: 1px none; width: 124px }
#menu li li:hover  { margin: 2px; border-left: 1px solid #ccc; width: 124px }
#menu li ul {
	color: #000;
	background-color: #fff;
	background-image: url(images/iconbg.gif);
	background-repeat: repeat-y;
	border: 1px solid #ccc;
	width: 130px;
}
#menu li ul a {
	text-align: left;
	padding-left: 29px;
}
#menu li li.submenu {
	background-image: url(images/arrow-w.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#menu li li.submenu>a {
	background: url(images/arrow-b.gif) no-repeat right;
}
#menu li li.submenu:hover>a {
	background-image: none;
}

#itemCategories {
	background-image: url(images/categories.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
}
#itemSearch {
	background-image: url(images/search.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
}

/* 	needed to prevent icon nudge when you add border on hover, so you need to move the icon to the left, for the width of the left border. */

#itemCategories:hover,
#itemSearch:hover
{
	background-position: 2px 50%;
}

#menu li.FirstMenu       { margin: 0px; padding: 1px; border-right: 1px none; border-left: 1px none }
#menu li.FirstMenu:hover { background-color: #ddd; margin: 0px; padding: 0pt; border-style: solid; border-width: 1px; border-color: #ccc}
#menu li.OtherMenu       { margin: 0px; padding: 1px 1px 1px 0px ; border-right: 1px none; border-left: 1px solid #ccc }
#menu li.OtherMenu:hover { background-color: #ddd; margin: 0px; padding: 0pt; border-style: solid; border-width: 1px; border-color: #ccc }