.ddsmoothmenu{ background:#5B646E;
width: 967px;  padding-left:13px;
height:38px;
}
.ddsmoothmenu ul{
z-index:100000;
margin: 0;
padding: 0;
list-style-type: none;
display:block; 

}

/*Top level list items*/
.ddsmoothmenu ul li{position: relative;margin: 0px;padding: 0px;float: left;display:block; padding-right:29px;margin-left:29px;  background:url(../images/sep.jpg) no-repeat right 12px; }

.ddsmoothmenu ul li.first{margin-left:0px;  }


.ddsmoothmenu ul li.last{padding-right:0px; }
.ddsmoothmenu ul li img{display:block;}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{ line-height: 23px;text-decoration: none; float:left;}
.ddsmoothmenu ul li a.b1{ background:url(../images/b1.jpg) no-repeat 0px 0px; width:63px; height:38px;}
.ddsmoothmenu ul li a.b1:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b1.selected{ background-position: bottom;}
.ddsmoothmenu ul li a.b2{ background:url(../images/b2.jpg) no-repeat 0px 0px; width:96px; height:38px;}
.ddsmoothmenu ul li a.b2:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b2.selected{ background-position: bottom;}
.ddsmoothmenu ul li a.b3{ background:url(../images/b3.jpg) no-repeat 0px 0px; width:96px; height:38px;}
.ddsmoothmenu ul li a.b3:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b3.selected{ background-position: bottom;}
.ddsmoothmenu ul li a.b4{ background:url(../images/b4.jpg) no-repeat 0px 0px; width:83px; height:38px;}
.ddsmoothmenu ul li a.b4:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b4.selected{ background-position: bottom;}

.ddsmoothmenu ul li a.b5{ background:url(../images/b5.jpg) no-repeat 0px 0px; width:68px; height:38px;}
.ddsmoothmenu ul li a.b5:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b5.selected{ background-position: bottom;}
.ddsmoothmenu ul li a.b6{ background:url(../images/b6.jpg) no-repeat 0px 0px; width:114px; height:38px;}
.ddsmoothmenu ul li a.b6:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b6.selected{ background-position: bottom;}
.ddsmoothmenu ul li a.b7{ background:url(../images/b7.jpg) no-repeat 0px 0px; width:90px; height:38px;}
.ddsmoothmenu ul li a.b7:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b7.selected{ background-position: bottom;}


* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block; 
}

.ddsmoothmenu ul li a:hover{

color: #666666;

}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{ 
position: absolute; width:170px;
background-color:#3B4148;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
overflow:hidden;
border:1px solid #1E1E1E;
border-top:none;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display:inline
float: none;
padding:0px;
margin:0px;
top: 0;
border:none; background:none;


}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{

}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{color:#fff; font-weight:normal; font-size:12px; line-height:23px; text-align:left;
display:block; padding:0px;   text-decoration:none;  width:170px; padding-left:10px;
border-bottom:1px solid #4D555E; margin:0px; margin-left:0px; 
background-image:url(../images/sprites_arrows.gif); 
}
.ddsmoothmenu ul li ul li a:hover{ background-color:#485058; color:#FFF;  }

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.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;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

color: #666666;
text-decoration: underline  ;
}

.ddsmoothmenu ul li.selected a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:none; 
color: #000000;
text-decoration: none;
}
.ddsmoothmenu ul li.selected a.selected:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:none; 
color:  #000000;
text-decoration: none;
}

