/* 	LEVEL ONE */
ul.DDcategories                         { position: relative;list-style: none; margin: 0; padding: 0; z-index:5000000; font-size:16px; }
ul.DDcategories li                      { font-weight: bold; float: right; zoom: 1; background: #ffffff; font-size:16px;}
ul.DDcategories a:hover		            { color: #000; }
ul.DDcategories a:active                { color: #337ab7; font-size:16px; }
ul.DDcategories li a                    { display: block; font-size:16px; padding: 14px 10px; border-right: 0px solid #cccccc;color: #000000; text-decoration:none; box-sizing:border-box }
ul.DDcategories li a span               { font-size:16px;  }
ul.DDcategories li:first-child a         { border-right: none; font-size:16px; } /* Doesn't work in IE */
ul.DDcategories li:hover                { background: #337ab7; color: black; position: relative; }
ul.DDcategories li.hover a              { color: black; }

/* 	LEVEL TWO*/
ul.DDcategories ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; right: 0;list-style: none;margin: 0; padding: 0;z-index:5000000 }
ul.DDcategories ul li 					{ font-weight: normal; background: #337ab7; color: #ffffff;border-bottom: 0px solid #1a5080; float: none; }
ul.DDcategories ul li a                 { text-align:right; padding: 8px 10px; color: #ffffff !important }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.DDcategories ul li a					{ border-right: none; width: 100%; display: inline-block; color: #ffffff } 

/* 	LEVEL THREE*/
ul.DDcategories ul ul 					{ right: 100%; top: 0;list-style: none;margin: 0; padding: 0; }
ul.DDcategories li:hover > ul 			{ visibility: visible; }