#topmenu{ float:left; margin:0; padding:0; width:1050px;}
.ddsmoothmenu{background: #d2f0fa; /*background of menu bar (default state)*/ width: 100%; font-family: 'century gothic'; font-size: 15px; font-weight: normal; float:left; }
.ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none;}
/*Top level list items*/
.ddsmoothmenu ul li{ position: relative; display: inline; float: left; margin:0; padding:0;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; background: #d2f0fa; /*background of menu items (default state)*/ color: white; padding: 8px 10px; color: #2d2b2b; text-decoration: none; text-transform: uppercase;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: #584634;}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #584634; color: white;}
.ddsmoothmenu ul li a:hover{ background: #584634; /*background of menu items during onmouseover (hover state)*/ color: white;}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; width:250px !important; }
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{display: list-item; float: none; text-transform: capitalize;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{top: 0; left:190px; width:190px !important;}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ width: 240px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0;	border-bottom: 1px solid gray; font-family: 'century gothic'; font-size: 13px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: capitalize;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{ position: absolute; top: 12px; right: 7px; background-image: url (http://yst.lizzysfreshcoffee.com/images/down-grey.gif); background-repeat: no-repeat; background-position: left top; height:10px; width:11px; background-color: transparent; border:0 none transparent; }
.downarrowclass a.selected{ position: absolute; top: 12px; right: 7px; background-image: url (http://yst.lizzysfreshcoffee.com/images/down.gif); background-repeat: no-repeat; background-position: left top; height:10px; width:11px; background-color: transparent; border:0 none transparent; }
.ddsmoothmenu ul li a div.downarrowclass { text-decoration:none; }
.ddsmoothmenu ul li a:hover div.downarrowclass{ position: absolute; top: 12px; right: 7px; background-image: url (http://yst.lizzysfreshcoffee.com/images/down.gif) !important; background-repeat: no-repeat; background-position: left top; text-decoration:none; }
.ddsmoothmenu ul li a.selected div.downarrowclass {position: absolute; top: 12px; right: 7px; background-image: url (http://yst.lizzysfreshcoffee.com/images/down.gif) !important; background-repeat: no-repeat; background-position: left top;	text-decoration:none;}
.rightarrowclass{ position: absolute; top: 6px; right: 2px; background-image: url(http://yst.lizzysfreshcoffee.com/images/right-grey.gif); background-repeat: no-repeat; background-position: left top; width:8px; height:11px; }
.ddsmoothmenu ul li a:hover div.rightarrowclass { text-decoration:none; }
.ddsmoothmenu ul li a:hover div.rightarrowclass{ position: absolute; top: 6px; right: 2px; background-image: url (http://yst.lizzysfreshcoffee.com/images/right.gif) !important; background-repeat: no-repeat; background-position: left top; text-decoration:none; }
.ddsmoothmenu ul li ul li a.selected div.rightarrowclass{ position: absolute; top: 6px; right: 2px; background-image: url (http://yst.lizzysfreshcoffee.com/images/right.gif) !important; background-repeat: no-repeat; background-position: left top; text-decoration:none; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity: 0.8; }