.ddsmoothmenu { float:left;}

.ddsmoothmenu ul{

z-index:100;

margin: 0;

padding:0px 0;

list-style-type: none; 

}



/*Top level list items*/

.ddsmoothmenu ul li { position:relative; list-style:none; float:left;}

.ddsmoothmenu ul li:first-child { border:none;}

.ddsmoothmenu ul li a { text-decoration:none; color:#fff; text-transform:uppercase; font-family: 'bebas_neueregular'; 
font-size:18px; margin:0px 10px; padding:15px 12px; transition: all 0.5s ease-in-out 0s; }

.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li.selected, .ddsmoothmenu ul li a.selected { background:#000; color:#fff;}



/*Top level menu link items style*/



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



.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background-position:bottom;

}

.ddsmoothmenu ul li ul { margin:0px; padding:0px; box-shadow:0px 3px 6px #000;}

.ddsmoothmenu ul li ul li a{

	background: #fff;

	color: #2e2e2e; font-family:'robotomedium';

	display: block;

	padding: 5px 10px 0px 10px; margin:0px; width:200px; font-size:12px; line-height:22px;

	text-decoration: none;

	border-bottom:#ccc dotted 1px; transition:all 0.5s ease-in-out 0s; border-radius:0px;

}

.ddsmoothmenu ul li ul li:last-child a { border-bottom:none;}

.ddsmoothmenu ul li ul li a:hover{

	background-color: #dc261b !important; /*background of menu items during onmouseover (hover state)*/

	color: #fff !important; padding-left:15px;

}

.ddsmoothmenu ul li ul li a.selected{

	background-color: #dc261b !important; /*background of menu items during onmouseover (hover state)*/

	color: #fff !important;	padding-left:15px;

}

/*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; border:none;

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 */





/* 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*/



}