.ddsmoothmenu

{

	font-family: 'Roboto', sans-serif;

	font-size:14px;

	text-transform:capitalize;

}



.ddsmoothmenu ul{

z-index:100;

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.ddsmoothmenu ul li{

position: relative;

display: inline;

float: left;

padding-right:5px;

}



/*Top level menu link items style*/

.ddsmoothmenu ul li a{

display: block;

border-radius:100px;

font-weight:bold;

color:#333;

padding: 4px 15px;

text-decoration: none;

}



* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}







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

color:#0199fc;

}



.ddsmoothmenu ul li a:hover{

color:#fff;

background:#0199fc;

}

.ddsmoothmenu ul li a.active

{

	color:#fff;

background:#0199fc;

	

}

	

/* sub menus */

.ddsmoothmenu ul li ul{

position: absolute;

left: -3000px;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden;

}



/*Sub level menu list items (alters style from Top level List Items)*/

.ddsmoothmenu ul li ul li{

display: list-item;

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

.ddsmoothmenu ul li ul li a{

font-family: 'Oxygen', sans-serif;

width: 200px; /*width of sub menus*/

padding:7px 10px;

margin: 0;

border-radius:0;

color:#666;

font-size:13px;

font-weight:normal;

background:#fff;

border-top-width: 0;

border-bottom: 1px solid #ddd;

}

.ddsmoothmenu ul li ul li a.last-border

{

	border-bottom:none;

}



/* Holly Hack for IE \*/

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





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



.downarrowclass

{

display:none;

}



.rightarrowclass

{

display:none;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{ 

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */

}



.toplevelshadow{

margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */

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

}



.ddcss3support .ddshadow.toplevelshadow {

margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */

/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */

}



.ddcss3support .ddshadow {

background-color: transparent;

-webkit-box-shadow: 0px 7px 8px 0px rgba(102,102,102,1);

-moz-box-shadow: 0px 7px 8px 0px rgba(102,102,102,1);

box-shadow: 0px 7px 8px 0px rgba(102,102,102,1);

}