/* Make the items in the toplevel menu spread horizontally ("*display:inline; zoom:1;" is an IE6 fix) */
.ddsmoothmenu, .ddsmoothmenu * {font-size:16px; margin:0; padding:0; list-style:none; display:inline-block; *display:inline; zoom:1;}

/* Remove text formatting from all menu item hyperlinks */
.ddsmoothmenu a {text-decoration:none;}

/* All list items: add relative positioning so the submenu can be positioned based on them and a white border on the left edge */
.ddsmoothmenu li {border-left:1px solid gainsboro; border-right:1px solid gainsboro; position:relative; margin:0 -4px;}

/* Top level menu colour */
.ddsmoothmenu li * {background-color:gray; color:white;}

/* Top level list items: a little left/right padding, bold and no wrap */
.ddsmoothmenu a,
.ddsmoothmenu span {padding: 0 1em; white-space:nowrap;}

/* submenu, border around the whole list */
.ddsmoothmenu ul ul {border:1px solid gainsboro; display:block; position:absolute; box-shadow: 5px 5px 5px silver;}

/* all submenu items, undo border style from Top level list items, display them on their own line */
/* ("zoom:normal;" is an IE6 fix that pulls it out of inline-block mode) */
.ddsmoothmenu li li {border:none; box-shadow:none; display:list-item; zoom:normal; margin:0;}

/* Submenu colours */
.ddsmoothmenu li ul * {background-color:white; color:#222222;}

/* 1st+ submenu list items: a more left/right padding, normal weight */
.ddsmoothmenu li li a,
.ddsmoothmenu li li span {padding:0 2em 0 1em; font-weight:normal; font-size:14px;}

/* 2nd+ submenu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul ul ul {top:3px;}

/* down and right arrow image positioning */
.downarrowclass {position:absolute; top:10px; right:7px;}
.rightarrowclass {position:absolute; top:6px; right:5px;}

/* class that's dynamically added to the parent menu to fade it */
.ddsmoothmenu .fade {background-color:white; color:lightgray;}
.ddsmoothmenu .fade.selected {background-color:silver; color:black;} /* IE6 ignores this, only uses .selected below - too bad */

/* class that's dynamically added to the currently active menu item */
.ddsmoothmenu .selected {background-color:silver; color:black;}