.ddsmoothmenu{padding-left:2px;padding-top:3px;}
.ddsmoothmenu ul{z-index:999999;margin: 0;padding: 0;list-style-type: none;}

/*Top level list items*/
.ddsmoothmenu ul li{position: relative;display: inline;float: left;margin-right:2px;margin-top:0px;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{color: white;background: transparent url('http://www.host-99.com/images/mm-tab-left.jpg') no-repeat left top;padding:0 0 1px 5px;float:left;text-decoration: none;height:29px;text-transform:uppercase;text-align:center;
font-size:9px;font-stretch:extra-condensed;font-weight:bold;}

.ddsmoothmenu ul li a span{display:block;background: transparent url('http://www.host-99.com/images/mm-tab-right.jpg') no-repeat right top;padding: 10px 10px 2px 6px;height:18px;}

/*
.ddsmoothmenu ul li a{
display: block;
color: white;
text-decoration: none;
background: url(http://www.host-99.com/images/mm-bg-cell.gif) no-repeat top left;
width:110px;
height:21px;
text-transform:uppercase;
text-align:center;
padding-top:9px;
font-size:9px;
font-stretch:extra-condensed;
font-weight:bold;
}
*/

* 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: #ffffff;}
.ddsmoothmenu ul li a:hover{/*  background: url("images/mm.gif") 0px -28px no-repeat; background of menu items during onmouseover (hover state)color: white;*/height:29px;color:#fff;background-position: 0px -30px;}
.ddsmoothmenu ul li a:hover span{/*  background: url("images/mm.gif") 0px -28px no-repeat; background of menu items during onmouseover (hover state)color: white;*/height:18px;color:#fff;background-position: 100% -30px;}
.ddsmoothmenu ul li a.selected{/*  background: url("images/mm.gif") 0px -28px no-repeat; background of menu items during onmouseover (hover state)color: white;*/height:29px;color:#fff;background-position: 0px -30px;}
.ddsmoothmenu ul li a.selected span{/*  background: url("images/mm.gif") 0px -28px no-repeat; background of menu items during onmouseover (hover state)color: white;*/height:18px;color:#fff;background-position: 100% -30px;}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{text-align:left;position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/visibility: hidden;background-image:none;background-color:#04a1e5; /* #6e0321 */
width:175px;line-height:15px;margin-bottom:3px;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{display: list-item;float: none;background-image:none; height:19px;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{background-color:#44c7ff;width:380px;}
.ddsmoothmenu ul li ul li ul li ul li{background-color:#71d4ff;width:380px;}


/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal;
font-size:12px;
font-weight:normal;
width: 96%; /*width of sub menus*/
padding:3px;
margin: 0;
border: 0;
color:#256cb3;
background-image:none;

text-align:left;
text-transform:none;
float: none;


}

.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{color: #fff;}
.ddsmoothmenu ul li ul li a:hover {background-image:none;background-color:#256cb3;color:#ffffff;height:13px;float: none;width:100%;}


/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;margin-left:-20px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;/* ######### CSS for shadow added to sub menus  ######### */}
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: #d8d8d8;}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/opacity: 0.5;}