@import url("ddsmoothmenu_purple.css");

#nav .splitmenu .menu { border: 0px none;  display:inline-block; }
/* All Levels */
#nav .splitmenu .menu li {/* text-align:left; position:relative;*/ }
#nav .splitmenu .menu li.over { z-index:999; }
#nav .splitmenu .menu li.parent {}
#nav .splitmenu .menu li a {}
#nav .splitmenu .menu li a:hover { }
#nav .splitmenu .menu li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav .splitmenu .menu li ul a span { white-space:normal; }

/* 1st Level */
#nav .splitmenu .menu li { /*float:left; */}
#nav .splitmenu .menu li li a { float:left; font-weight:normal; border:none;/*font-size:12px;*/ }
#nav .splitmenu .menu li li a:hover {}
#nav .splitmenu .menu li li.over a,
#nav .splitmenu .menu li li.active a { /*color:#06385b; */text-decoration:underline; }

#nav .splitmenu .menu li.active li a { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
border-radius:0px;  background:none;
}
#nav .splitmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
/*background: #f2f2f2; color:#666;*/
}
/* 2nd Level */
#nav .splitmenu .menu ul { position:absolute; width:17.5em; left:-10000px; padding:8px; }
#nav .splitmenu .menu ul div.col { float:left; width: 17.5em; }
#nav .splitmenu .menu ul li { float:left; padding: 0; width: 17.5em; margin-right:.5em;}
#nav .splitmenu .menu ul li li a { float:none; padding:5px; font-weight:normal!important; border-bottom:1px solid #015b2c; /*background:#f2f2f2;*/border-radius: 0; border:0;font-size:12px;}
#nav .splitmenu .menu ul li li a:hover { background: #015b2c; }
#nav .splitmenu .menu ul li li.last > a { border-bottom:0; }
#nav .splitmenu .menu ul li li.last.parent > a { border-bottom:0; }

#nav .splitmenu .menu li li a { /*color: #666;*/ font-weight:normal;text-transform:none; border:none;  text-align:left; width:100%;}
/**/#nav .splitmenu .menu li li a:hover { }

#nav .splitmenu .menu ul li.over > a  { font-weight:normal; background: #015b2c; }
#nav .splitmenu .menu ul.mm-1 { width: 18em; }
#nav .splitmenu .menu ul.mm-2 { width: 36em}
#nav .splitmenu .menu ul.mm-3 { width: 54em }
#nav .splitmenu .menu ul.mm-4 { width: 72em; }
/*#nav .splitmenu .menu ul.mm-6 { width: 53em!important; }*/
/* 3rd+ leven */
#nav .splitmenu .menu ul ul { top:-6px; background: #015b2c; }

/* Show splitmenu - uses built-in magento splitmenu hovering */
#nav .splitmenu .menu li.over > ul { left:0; }
#nav .splitmenu .menu li.over > ul li.over > ul { left:14em; }
#nav .splitmenu .menu li.over ul ul { left:-10000px; }

/* Show splitmenu - uses css only, not fully across all browsers but, for the purpose of the demo is fine by me */
#nav .splitmenu .menu li:hover > ul { left:0; z-index: 1111111!important; }
#nav .splitmenu .menu li:hover > ul li:hover > ul { left:14em; z-index: 200; }
#nav .splitmenu .menu li:hover ul ul { left:-10000px; }

#nav .ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;text-align:center;}
#nav .ddsmoothmenu ul li{position: relative; }
#nav .ddsmoothmenu ul li li{ background:none;}

#nav .ddsmoothmenu ul li li a{  text-transform: none;}
/*#nav .ddsmoothmenu ul li li.active a{ background:#0ecfcd!important;}*/

.ddsmoothmenu-v ul li {
   z-index: 11 !important;
}