/********** < Navigation */
.ma-nav-container { background: url("../images/shadow.png") no-repeat scroll 50% 100% transparent; padding-bottom: 18px; }
.ma-nav { margin: 0 auto; background: #fff; padding: 0 20px; }
#nav {  border-top: 1px solid #CCCCCC; margin:0 auto; padding: 10px 0; font-size:12px; position: relative; z-index: 100; }
/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; float: left; }
#nav li.last {  }
#nav li.over { z-index:998; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav ul li.parent a {}
#nav ul li.parent li a { }

/* 0 Level - Category Names */
#nav li { float:left; margin-right: 5px; }
#nav li.last { margin: 0; }
#nav li.home { padding-left: 0; }
#nav li.home a { background: none;}

#nav a { float:left; padding: 8px 22px; font-family: Ubuntu; color:#03a9cc; font-weight:normal; font-size:15px; text-transform: capitalize;  }
#nav a span { }

#nav li.active, #nav li.over {  }
#nav li.active a,
#nav li.over a,
#nav a:hover { background: #03a9cc;  color: #fff; }

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding: 0; background: none;}
#nav ul li.last { border: 0;}

#nav ul a,
#nav ul a:hover { float:none;  }
#nav ul li a { font-weight:normal !important; }

/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:220px; top: 40px; left:-10000px; background: #F12B63; padding: 10px 0; }
#nav div ul { position:static; width:auto; border:none; }

/* 3rd+ Level */
#nav ul ul,
#nav ul div { top: -3px; }
#nav ul ul,
#nav ul div {  }
#nav ul li { background: none !important; }
#nav ul li a { background: none !important; padding: 0; text-transform:capitalize !important; color:#333 !important; }
#nav ul li a span{ padding: 5px 20px; }
#nav ul li a:hover { color: #fff !important; }
#nav ul span,
#nav ul li.last li span { }

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left: 0; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:220px; }
/********** Navigation > */
/* ======================================================================================= */