.ddsmoothmenu{
font: bold 12px Verdana;
/*background: #414141; /*background of menu bar (default state)*/
/*width: 100%;*/
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;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
/*display: block;
color: white;
padding: 10px 10px 11px 26px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;*/
font: 10pt 'Helvetica Neue',Helvetica,Arial,sans-serif;
border-right:1px solid #444455;
display:block;
line-height:40px;
padding:0 4px 0 28px;
text-decoration:none;
}

.ddsmoothmenu ul li li a{
  border:0;
}
.ddsmoothmenu ul li li.noicon a{
  padding-left:5px;
  padding-right: 26px;
}

.ddsmoothmenu ul li ul{
	background: #414141; /*background of menu items (default state)
}

* 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: white;
text-decoration:none;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #d87205; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #d87205; /*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;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: 8.5pt Verdana;
width: 160px; /*width of sub menus*/
padding: 5px 5px 5px 26px;
margin: 0;
/*border-top-width: 0;
border-bottom: 1px solid gray;*/
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
/*float:right;*/
/*height:16px;
width:16px;
margin-left:4px;
margin-top:6px;
background-image:url("../../images/bt-icons.png");
background-position:-1380px 0;
display:inline-block;*/
background-image:url("../../images/drop-arrows.png");
background-position:0 0;
display:inline-block;
height:11px;
width:0;/*11px;*/
margin-left:2px;
vertical-align:middle;
}

.rightarrowclass{
/*height:11px;
width:8px;
margin-left:4px;
margin-top:6px;
display:inline-block;
background-image: url('right.gif');
float:right;*/

background-image:url("../../images/drop-arrows.png");
background-position:-11px 0;
display:inline-block;
height:11px;
width:11px;
vertical-align:middle;
margin-bottom:4px;
margin-left:4px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}


/* -------------------------------*/


#top-menu{
/*background-color:black;*/
height:40px;
/*width:100%;*/
background:	transparent	url('../images/bar_bg.png') repeat-x;
}

#top-menu-inner{

}

#dd-menu{
	margin-left:200px;
}

#dd-menu-inner{

}

li.menu-hr{
  /*height:1px; /*xxx*/
  /*margin:0px 0 0 0;/*xxx*/
  /*padding:0;*/
  /*line-height:0;*/
  font-size:4px;
  overflow:hidden;
  height:6px;
  *height:auto;
  }
div.menu-hr{
  background:none repeat scroll 0 0 #686868;
  border-top:1px solid #373737;
  height:1px;
  margin:2px 0 2px 0;/*xxx*/
  padding:0;
  overflow:hidden;
  vertical-align:middle; /*xxx*/

}
.ddsmoothmenu ul ul{
  -moz-box-shadow:2px 3px 5px rgba(0, 0, 0, 0.65);
  -moz-border-radius:0 0 4px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.648438) 2px 3px 5px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 0px 0px;
  border-top-left-radius: 0px 0px;
  border-top-right-radius: 0px 0px;
  border-top-right-radius: 0px 0px;
}

.ddsmoothmenu ul li i.icon{
/*display:inline-block;
float:left;*/
height:24px;
margin-left:4px;
position:absolute;
vertical-align:middle;
width:28px;
left: 2px;
top: 10px;
}

.ddsmoothmenu ul li li i.icon{
/*display:inline-block;
float:left;*/
height:24px;
margin-left:4px;
position:absolute;
vertical-align:middle;
width:26px;
left: 2px;
top: 1px;
}

.ddsmoothmenu ul li .noparse ul{
  position:relative;
  text-align:left;
  -moz-border-radius:0;
  -moz-box-shadow:0;
}
/*
.ddsmoothmenu ul li .noparse{
  width:191px;
}
*/
