@font-face{font-family:Abs; src: url(fonts/Museo_Slab.eot); /* EOT file for IE */}
@font-face{font-family:Abs; src: url(fonts/Museo_Slab.ttf); /* TTF file for CSS3 browsers */}
.ddsmoothmenu{
/*background: #414141; background of menu bar (default state)*/

/*height:20px;*/
position: relative;
margin:0px 0px 0px 0px;} /* 124px should */

.ddsmoothmenu ul{ padding-top:20px;
z-index:100;
margin:0;/* margin-right:100px;*/
padding: 0;
list-style-type: none;
float: right;
width: auto;
position: relative;}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
/*width: 90px;*/

text-align:left;
padding: 0px;
font-weight:none;
height:26px; padding:0px 0px 5px 0px; /* Frame positioning */}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{ height:20px; padding:5px 10px 5px 10px;
display: block; color:#121212; font-size:16px; font-family:Abs;
text-decoration: none; font-weight:none;
background-image: url(../images/aromas-menu.png);
background-repeat:no-repeat; background-position:right;
}

.ddsmoothmenu ul li a:hover{
display: block; color:#fff; 
text-decoration: none;
height:20px; background-color:#008240;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}

.ddsmoothmenu ul li a:link{color: #121212;} /* -Main menu color- */
.ddsmoothmenu ul li a:visited{color:#121212;}
.ddsmoothmenu ul li a.selected{color: #5e9013; /*CSS class that's dynamically added to the currently active menu items' LI A element*/}
.ddsmoothmenu ul li a:hover{color: #fff;}
.ddsmoothmenu ul li a.selct{color: #ffb400;}	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
padding-top: 0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
min-width: 195px;
/*width: 200px;*/}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
height: auto;
margin: 0px;
padding: 0px;
text-align:left;

font-weight: normal;
/*border-bottom: 1px solid #444;*/
border-right: none;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
/*width of sub menus*/
color: #fff;
margin:0px;
display:block;
padding:8px 10px; background-color:#008240;
/*padding:8px 10px; background-color:#652d90;*/ /* DD Background color olive green */
/*background:url(../images/menu_bg.png);*/}

.ddsmoothmenu ul li ul li a:hover{
/*width of sub menus*/
color:#008240;
font-weight:normal;
background: #f6d80a;  /*#ffb400 Drop down bg*/
border-top: 0px solid #444444;
display:block;}

.ddsmoothmenu ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#daffab;
font-weight:none;
background: #659d1a;  /*#ffb400*/
display: block;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
margin: 0px;
padding: 0px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;}

/*  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: #888;}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity: 0.8;}
/* xxxxxxxxxxxxxxxxxxxxxxx   Positioning the Background    xxxxxxxxxxxxxxxxxxxxxxx */
a.menu_ {padding:10px 10px 10px 10px; min-width:50px; height:30px; text-align:center;} /* -- Menu width --  */