.ddsmoothmenu{
width: 950px;  
height:39px;
}
.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; margin-left:0px;  margin-right:16px; }

.ddsmoothmenu ul li.first{margin-left:0px;  }


.ddsmoothmenu ul li.last{margin-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.png) no-repeat 0px 0px; width:72px; height:39px;}
.ddsmoothmenu ul li a.b1:hover{ background-position: bottom;}
.ddsmoothmenu ul li.active a.b1{ background-position: bottom;}
.ddsmoothmenu ul li a.b1.selected{ background-position: bottom;}
.ddsmoothmenu ul li.current a.b1{ background-position: bottom;}
.ddsmoothmenu ul li a.b2{ background:url(../images/b2.png) no-repeat 0px 0px; width:180px; height:39px;}
.ddsmoothmenu ul li a.b2:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b2.selected{ background-position: bottom;}
.ddsmoothmenu ul li.current a.b2{ background-position: bottom;}
.ddsmoothmenu ul li a.b3{ background:url(../images/b3.png) no-repeat 0px 0px; width:132px; height:39px;}
.ddsmoothmenu ul li a.b3:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b3.selected{ background-position: bottom;}
.ddsmoothmenu ul li.current a.b3{ background-position: bottom;}
.ddsmoothmenu ul li a.b4{ background:url(../images/b4.png) no-repeat 0px 0px; width:111px; height:39px;}
.ddsmoothmenu ul li a.b4:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b4.selected{ background-position: bottom;}
.ddsmoothmenu ul li.current a.b4{ background-position: bottom;}

.ddsmoothmenu ul li a.b5{ background:url(../images/b5.png) no-repeat 0px 0px; width:99px; height:39px;}
.ddsmoothmenu ul li a.b5:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b5.selected{ background-position: bottom;}
.ddsmoothmenu ul li.current a.b5{ background-position: bottom;}
.ddsmoothmenu ul li a.b6{ background:url(../images/b6.png) no-repeat 0px 0px; width:160px; height:39px;}
.ddsmoothmenu ul li a.b6:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b6.selected{ background-position: bottom;}
.ddsmoothmenu ul li.current a.b6{ background-position: bottom;}
.ddsmoothmenu ul li a.b7{ background:url(../images/b7.png) no-repeat 0px 0px; width:98px; height:39px;}
.ddsmoothmenu ul li a.b7:hover{ background-position: bottom;}
.ddsmoothmenu ul li a.b7.selected{ background-position: bottom;}
.ddsmoothmenu ul li.current a.b7{ 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:180px;
background-color:#fff;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
overflow:hidden;

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:#333D55; 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 #6A7796; margin:0px; margin-left:0px; 
background-image:url(../images/sprites_arrows.gif); 
}
.ddsmoothmenu ul li ul li a:hover{ background-color:#6A7796; color:#FFF;  }
.ddsmoothmenu ul li ul li a.current{ background-color:#6A7796; 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;
}