.ddsmoothmenu{
    width:1000px;
    height:40px;
    border:none;
   
    margin: auto;
   
    padding-left: 0px;
    padding-top: 10px;

    position: relative;

  
   
   
}

.menu-top {
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 45px;
    background: url('../images/bg-menu.png') 0 -5px repeat-x;
}
.ddsmoothmenu ul{
    list-style:none;
    text-transform: uppercase;;
    float:left;
    margin:0px;
    padding:0px;
    
}

/*Top level list items*/
.ddsmoothmenu ul li{
    position: relative;
display: inline;
float: left;
/* height: 39px; */
text-align: center;
font-weight: bold;
z-index: 1000;
padding: 5px 10px 5px 15px;
margin: 0 2px 0 2px;
/* background: url(../images/lf.png) no-repeat right; */
border-right: 1px solid blue;
}
.ddsmoothmenu ul li a{
    padding: 5px;
    line-height: 22px;
    font-size: 15px !important;
    font-family: "RobotoCondensed-Regular";
    font-weight: normal;
}

.ddsmoothmenu ul .line_menu
{
    background:#FFFFFF;
    width:1px;
    height:40px;
    padding:0px;
    margin:0px;
}

.ddsmoothmenu ul .active_menu
{
   
    
} 
.ddsmoothmenu ul .active_menu a
{
    color:#000;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
    text-decoration:none;
    color:#fff;
    font-size:12px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
     padding: 5px;
}
.ddsmoothmenu ul li .selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    color:yellow !important;
}
.lv3{
   top: 0px !important;
}
.ddsmoothmenu ul li:hover{
    
}

.ddsmoothmenu ul li:hover a{
    color:yellow;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
    position: absolute;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
    z-index:10000;
    margin:0px;
    padding:0px;
    background:#136AFF;
    height:auto;
	width:220px !important
   
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
    display: list-item;
    float: left;
    width:200px;
    background:none;
    text-align:left;
    line-height:20px;
    margin:0px;
    padding:4px 10px;
    height:auto;
}
.ddsmoothmenu ul li ul li:hover
{
    height:auto;
    border:none;
    background:rgba(255, 255, 255, 0.29);
    margin:0px;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
     
}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */


/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
    font-size:12px;
    /*width of sub menus
    border-bottom: 1px solid gray;*/
    text-decoration:none;
    text-transform:none;
    font-weight:normal;
    line-height:20px;
    color:#FFF !important;
}
.ddsmoothmenu ul li ul li a:hover
{
    color: #FF0000 !important;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top: 26px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
    display: none;
}

/* ######### 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: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
    opacity: 0.8;
}