#zhddm ul, #zhddm li, #zhddm span, #zhddm a {margin:0; padding:0; position:relative;}

/* Main Menu - NO OUTSIDE Border, Width auto, Outside Borders add pixels to cells, 
	border-radius: top-left corner radius, top-right corner radius, bottom-right corner radius, bottom-left corner radius; values in px, em(emphasize), %(percentages) */

#zhddm {background:#D9F3FF; height:25px; width:auto; border-top:0px; border-radius:0px;}

#zhddm:after, #zhddm ul:after {content:''; display:block; clear:both;}

/* Main Menu Items - Round Corners, Cell Borders, Text White, Background Gradient WHITE TO lT MED Blue */
#zhddm a{
  display:inline-block;
  font-family:Helvetica, Arial, Verdana, sans-serif; font-size:16px; font-weight:bold; line-height:28px; padding:0 5px; text-decoration:none; color:#000000; 
  border-radius:15px; border-top: 3px double #585024; border-right:3px double #585024; border-bottom:3px double #585024; border-left:3px double #585024;
  background:#D9F3FF;
  background:linear-gradient(#ffffff 0%, #96e1fe 100%);}

#zhddm ul {list-style:none;}
#zhddm > ul {text-align: center;}
#zhddm > ul > li {float:left; text-align: center;}

/* Main Menu Text */
#zhddm > ul > li > a {color:#585024; font-size:18px;}

#zhddm > ul > li:hover:after {
  content: ''; display:block; width:0; height:0; position:absolute; left:50%; bottom:0;
  border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #00007f;
  margin-left:-10px;}

/*  Main Menu First Item - Products has Border Radius to match */
#zhddm > ul > li:first-child > a {border-radius:15px;}

/*  Main Menu First Item - Products has POINTER */
#zhddm > ul > li.active:after {content:''; display:block; width:0; height:0; position:absolute; left:50%; bottom:0;
  border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #00007f; 
  margin-left:-10px;}

/*  Main Menu Active - Products */
#zhddm > ul > li.active > a {background:#afc8ff;}

/*  Main Menu Hover Items */
#zhddm > ul > li:hover > a {background:#afc8ff;}

#zhddm .has-sub {z-index:1;}
#zhddm .has-sub:hover > ul {display:block;}

/*  Sub Menu Items - Width 200px */
#zhddm .has-sub ul {display:none; position:absolute; width:200px; top:100%; left:0;}

#zhddm .has-sub ul li {margin-bottom:-1px;}

/*  Sub Menu Items - TEXT */
#zhddm .has-sub ul li a {background:#00007f; border-top:1px solid #585024; border-right:2px solid #585024; border-bottom:1px solid #585024; border-left:2px solid #585024;
  		display:block; font-size:12px; line-height:20px; padding:10px 0px 10px 0px; color:#ffffff;}

/*  Sub Menu Hover Background Color - GOLD */
#zhddm .has-sub ul li:hover a {background:#585024;}

#zhddm .has-sub .has-sub:hover > ul {display:block;}
#zhddm .has-sub .has-sub ul {display:none; position:absolute; left:100%; top:0;}

/*  2nd Sub Menu Items */
#zhddm .has-sub .has-sub ul li a {background:#00007f; border-bottom:1px solid #585024; width:225px; font-size:12px; line-height:12px;}

/*  2nd Sub Menu HOVER Items - Can change width size when hovered on if desired */
#zhddm .has-sub .has-sub ul li a:hover {background:#585024; width:225px; font-size:12px; line-height:12px;}