/* Stylesheet for main mega menu */

/*-- Level 1 --*/

#HeaderMenu {
    background: url('../images/nav_bg.png') left bottom repeat-x #3b3b3b; 
    border-top: 0.125em solid #313131; 
    border-bottom: 0.25em solid #151515; 
    position: relative; 
    border-radius: 5px 5px 0 0; 
    list-style:none;
    z-index:10000;
    float: left;
    width: 100%;
}

#HeaderMenu ul {
    width: 100%; 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    z-index:150;
}

#HeaderMenu ul li {
    float:left;
    position:relative;
    z-index:10001;
}

#HeaderMenu ul li a {
    float: left; 
    color: #c9c9c9; 
    border-left: 1px solid #464646; 
    padding: 0 1.3em; 
    font: lighter 0.75em/4em 'Museo500', Arial, Helvetica, sans-serif; 
    text-transform: uppercase; 
    text-decoration: none; 
}

#HeaderMenu ul li:hover
{
    background: #98b01e; /* Old browsers */
    background: -moz-linear-gradient(top,  #98b01e 0%, #687915 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98b01e), color-stop(100%,#687915)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #98b01e 0%,#687915 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #98b01e 0%,#687915 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #98b01e 0%,#687915 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #98b01e 0%,#687915 100%); /* W3C */
}

#HeaderMenu ul li:hover>a, #HeaderMenu ul li a:hover
{
    color: #fff; 
}

#HeaderMenu > ul > li.current > a  
{
    background: #151515; 
    color: #fff; 
    padding: 0.75em 1.725em 0; 
    margin: -0.75em 0 0; 
    border-radius: 5px 5px 0 0; 
}

#HeaderMenu ul li.current + li a, #HeaderMenu ul li:first-child a
{ 
    border: none;
}

/*-- Level 2 --*/

#HeaderMenu > ul > li > ul {
position:absolute;
left:-999em;
text-align:left;
background:#fff;
z-index:4215466599;
border:4px solid #687915;
}

#HeaderMenu > ul > li:hover > ul {
left:1px;
top:48px;
z-index:10000001;
}

#HeaderMenu ul li ul {
padding:15px 0;
}

#HeaderMenu ul li.drop1 > ul {
width:205px;
}

#HeaderMenu ul li.drop2 > ul {
width:400px;
}

#HeaderMenu ul li.drop3 > ul {
width:595px;
}

#HeaderMenu ul li.drop4 > ul {
width:895px;
}

/* Full Width 5 col */
#HeaderMenu ul li.drop5 {
position:inherit;
}

#HeaderMenu ul li.drop5 > ul {
width:985px;
}

#HeaderMenu ul li.drop5:hover > ul {
left:0;
}

/* End Full Width */

/* Positioning Classes */

#HeaderMenu ul li.offset-l50:hover > ul {left: -50px;}
#HeaderMenu ul li.offset-l100:hover > ul {left: -100px;}
#HeaderMenu ul li.offset-l150:hover > ul {left: -150px;}
#HeaderMenu ul li.offset-l200:hover > ul {left: -200px;}
#HeaderMenu ul li.offset-l250:hover > ul {left: -250px;}
#HeaderMenu ul li.offset-l300:hover > ul {left: -300px;}

/* End Positioning Classes */

#HeaderMenu ul li ul li {
width:185px;
height:100%;
font-size:12px;
color:#687915;
margin-left:10px;
}


#HeaderMenu ul li.drop2 ul li {
    width: 198px;
}

#HeaderMenu ul li.drop4 ul li {
width:198px;
}

#HeaderMenu ul li:hover ul li:first-child {
border-left:0;
}

#HeaderMenu ul li:hover ul li:hover {
border:0;
background:none;
}

#HeaderMenu > ul > li > ul > li > a, #HeaderMenu > ul > li:hover > ul > li > a {
color:#687915;
line-height:16px;
height:auto;
width:166px;
display:block;
text-align:left;
text-decoration:none;
font: lighter 1.125em/1.5em 'Museo500',Arial,Helvetica,sans-serif;
padding:3px 10px;
text-transform:none;
margin-bottom:15px;
border:none;
font-weight: 700;
}

#HeaderMenu > ul > li.drop2 > ul > li > a, #HeaderMenu > ul > li.drop2:hover > ul > li > a {
    width: 195px;
}

#HeaderMenu > ul > li.drop4 > ul > li > a, #HeaderMenu > ul > li.drop4:hover > ul > li > a 
{
  width:195px;  
}

#HeaderMenu > ul > li > ul > li > a:hover
{
border:none;
background:#98b01e;
border-radius: 5px; 
color:#fff;
}

#HeaderMenu ul li ul li ul {
margin-top:15px;
}

#HeaderMenu > ul > li > ul > li > ul {
width:165px;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
border:0;
height:auto;
margin:0;
padding:0;
}

#HeaderMenu > ul > li > ul > li > ul > li {
border:0;
display:block;
background:none;
line-height:16px;
text-transform:none;
margin:0;
padding:0!important;
}

#HeaderMenu > ul > li > ul > li > ul > li > a {
font-size:1.1em;
font-family:Arial,Helvetica,sans-serif;
width:165px;
display:block;
text-align:left;
text-transform:none;
line-height:16px;
margin:2px 0;
padding:3px 10px;
color:#151515;
border:none;
}

#HeaderMenu ul li ul li ul li a:hover, #HeaderMenu ul li ul li ul li:hover a {
color:#fff;
border:none;
background:#98b01e;
border-radius: 5px; 
}

/*-- Single Dropdown --*/

#HeaderMenu ul li.singleDrop ul {
width:185px;
padding:15px 10px;
}

#HeaderMenu ul li.singleDrop ul li {
border:0;
display:block;
background:none;
line-height:16px;
text-transform:none;
margin:0;
padding:0!important;
}

#HeaderMenu ul li.singleDrop ul li:hover {
border:0;
}

#HeaderMenu ul li.singleDrop ul li a {
font-size:1.1em;
font-family:Arial,Helvetica,sans-serif;
width:165px;
display:block;
text-align:left;
text-transform:none;
line-height:16px;
margin:2px 0;
padding:3px 10px;
color:#151515;
border:none;
}

#HeaderMenu ul li.singleDrop ul li a:hover {
color:#fff;
}


@media print {
    #HeaderMenuContainer {
        display:none !important;
    }
}