.ddsmoothmenu{ float:left; width:100%; font-size:15px; padding:0px; z-index:9999; }
.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none; float:right; }
/*Top level list items*/
.ddsmoothmenu ul li{ 
position: relative; list-style:none; float: left; margin:0px; padding:0px; font-size:12px; color:#5e5e5e; display:inline-block; background:url(../images/menu-bar.png) no-repeat left center; border-right:0px solid #e8eaeb;
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-ms-transform: skew(0deg);
-o-transform:skew(0deg);
transform: skew(0deg);
-webkit-transition:all 200ms linear 0s; -moz-transition:all 200ms linear 0s; -o-transition:all 200ms linear 0s; transition:all 200ms linear 0s;
}
/*.ddsmoothmenu ul li::after {
border-radius: 5px 5px 0 0;
margin: 0 3px;
content: "";
height:0%;
left:0px;
position: absolute;
bottom: 0;
width:100%;
z-index: -1;
-webkit-transition: all 320ms ease 0s;
-moz-transition: all 320ms ease 0s;
-ms-transition: all 320ms ease 0s;
-o-transition: all 320ms ease 0s;
transition: all 320ms ease 0s;
}*/

.ddsmoothmenu ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; color:#f81822;
   -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ddsmoothmenu ul li:hover:before, .ddsmoothmenu ul li:focus:before, .ddsmoothmenu ul li:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.ddsmoothmenu ul li:last-child a { border:none; /*padding-right:0; */}
/*.ddsmoothmenu ul li:hover {  background:#409bed; color:#fff; }*/
.ddsmoothmenu ul li:hover::after { height:100%;  }
.ddsmoothmenu ul li:hover a{ background:#d56617;}
.ddsmoothmenu ul li a{
float:left;
display: block;
padding:5px 15px; 
margin:0px;
font-size:19px;
color:#fff;
text-align:center;    
line-height:19px;
text-decoration: none;
height:100%;
border-bottom:0px solid #000000;
font-family: 'Roboto Condensed', sans-serif;
font-weight:700;

}
.ddsmoothmenu ul li:first-child a	{ padding:5px 8px; }
* 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.selected, .ddsmoothmenu li.current a{ border-bottom:0px solid #b52c2a; }
.ddsmoothmenu ul li a.selected{ background:#0061aa; }

/*1st sub level menu*/
.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; border: 1px solid #222222; border-bottom:none; /*collapse all sub menus to begin with*/ }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ display: list-item; float: left; background:none; padding:0!important; height:auto; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width:210px; /*width of sub menus*/
padding: 5px 10px 5px 12px;
margin: 0;
border-bottom: 1px solid #222222;
background:#282828;
color:#ffffff !important;
font-size:14px;
text-transform:none;
text-align:left;
line-height:25px;
}
.ddsmoothmenu ul li ul li a:hover{ color:#f81822!important; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{ top: 0; margin:0px; padding:0px; } 
.ddsmoothmenu ul li ul li ul li{ display: list-item; float: left; } 
/* 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: 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; }
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8; }