#dropdownmenu {
} 

#dropdownmenu ul { /* remove bullets and list indents */
BACKGROUND-COLOR: #eeeedd;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

/* style, color and size links and headings to suit */
#dropdownmenu a, #dropdownmenu h6 {
display: block !important;
font-size: 12px;
font-weight: normal !important;
/*border-width: 1px !important;
border-style: solid !important;
border-color: #ccc #888 #555 #bbb !important;*/
margin: 0 !important;
padding: 2px 3px !important;
}

#dropdownmenu a {
color: #333333 !important;
/*background: #efefef !important;*/
text-decoration: none !important;
}

#dropdownmenu h6, #dropdownmenu h6 a {
color: #000 !important;
/*background: #000 !important;*/
padding-left: 0px !important;
font-weight: bold !important;
}

#dropdownmenu a:hover {
color: #a00 !important;
background: #ffffee !important;
}

#dropdownmenu li {
/* make the list elements a containing block for the nested lists */
position: relative !important;
} 

#dropdownmenu ul ul ul, #dropdownmenu ul ul ul ul {
position: absolute !important;
top: 0 !important;
left: 100% !important; /* to position them to the right of their containing block */
width: 100% !important; /* width is based on the containing block */
}

div#dropdownmenu ul ul ul,
div#dropdownmenu ul ul li:hover ul ul
{display: none !important;}

div#dropdownmenu ul ul li:hover ul,
div#dropdownmenu ul ul ul li:hover ul
{display: block !important;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#dropdownmenu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#dropdownmenu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#dropdownmenu a, #dropdownmenu h6 {

/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->




#dropdownmenu2 {
} 

#dropdownmenu2 ul { /* remove bullets and list indents */
BACKGROUND-COLOR: #eeeedd;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

#dropdownmenu2 a, #dropdownmenu2 h6 {
display: block !important;
font-size: 12px;
font-weight: normal !important;
margin: 0 !important;
padding: 2px 3px !important;
}

#dropdownmenu2 a {
color: #333333 !important;
text-decoration: none !important;
}

#dropdownmenu2 h6, #dropdownmenu2 h6 a {
color: #000 !important;
padding-left: 0px !important;
font-weight: bold !important;
}

#dropdownmenu2 a:hover {
color: #a00 !important;
background: #ffffee !important;
}

#dropdownmenu2 li {
position: relative !important;
} 

/*  Mike added this */

ul.dd2tier2 li {
	padding-left: 5px;
	width: 205px !important;
}


/* make tier 2 appear below the Shop All li */
ul.dd2tier2 {
	position: absolute;
	top: 100% !important;
	left: 0% !important;
	width: 220px !important;
	border: 1px solid #bbbbaa;
	border-top: 0px;
}

/* tier 3 nested */
ul.dd2tier3 {
}

/* other tiers open at same height, to the right */
ul.dd2tier4, ul.dd2tier5 {
	position: absolute;
	top: 0 !important;
	left: 100% !important;
	width: 220px !important;
	border: 1px solid #bbbbaa;
}

/* by default, hide everything */
ul.dd2tier2, ul.dd2tier3, ul.dd2tier4, ul.dd2tier5 {
	display: none !important;
}

/* tier 2 appears when tier 1 is hovered */
ul.dd2tier1 li:hover ul.dd2tier2,
ul.dd2tier1 li:hover ul.dd2tier3,
ul.dd2tier3 li:hover ul.dd2tier4,
ul.dd2tier4 li:hover ul.dd2tier5 {
	display: block !important;
}

/*div#dropdownmenu2 ul ul,
div#dropdownmenu2 ul ul ul,
div#dropdownmenu2 ul ul li:hover ul ul
{display: none !important;}*/

/*div#dropdownmenu2 ul li:hover ul,
div#dropdownmenu2 ul ul li:hover ul,
div#dropdownmenu2 ul ul ul li:hover ul
{display: block !important;}*/

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#dropdownmenu2 ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#dropdownmenu2 ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#dropdownmenu2 a, #dropdownmenu2 h6 {

/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->