/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

#header-nav {
position:fixed;
width:100%;
top:0px;
background:rgba(255, 255, 255, .95);
padding:15px 0px;
z-index:10;
min-height:61px;
}
#header div.container {
position:relative;
}
#catnav {
position:absolute;
z-Index:10;
top:10px;
left:315px;
}
ul#nav, ul#nav ul {
list-style:none;
margin:0;
padding:0;
}
ul#nav li {
float:left;
margin:0px 5px;
padding:0;
text-align:center;
}
ul#nav li li {
margin:0px;
}
ul#nav li a {
display:block;
margin:0;
padding:10px 10px;
color:#000;
font-size:16px;
line-height:20px;
font-weight:normal;
text-decoration:none;
}
ul#nav li:hover a.primary {
background-color:#eee;
color:#000;
}
ul#nav li li a.submenu {
background-image:url(submenu.png);
background-repeat:no-repeat;
background-position:99% 50%;
}
ul#nav li li:hover a,ul#nav li li:hover li:hover a {
text-decoration:none;
background-color:#ccc;
color:#fff;
}
ul#nav li ul,ul#nav li:hover ul ul {
list-style:none;
position:absolute;
left:-999em;
z-Index:10;
max-width:300px;
}
ul#nav li:hover ul {
left:auto;
}
ul#nav li li a,#nav li li:hover li a {
display:block;
background-color:#eee;
border:1px solid #ccc;
border-top:none;
width:200px;
text-align:left;
box-sizing:border-box;
color:#333;
}
ul#nav li li li:first-child a {
border:1px solid #ccc;
}
ul#nav li:hover ul li:hover ul {
left:auto;
margin:-32px 0 0 200px;
}
ul#nav li li:hover li a {
border-left:0px;
}
ul#nav li li:hover a.submenu {
background-image:url(submenu_hover.png);
}
#mobile-nav-button {
display:none;
}
.subnavigation_wrapper {
border-top:3px solid rgba(255,255,255,0.95);
margin-top:-60px;
}
.subnavigation {
margin-top:3px;
background:rgba(255,255,255,0.95);
height:54px;
}
.subnavigation a {
display:inline-block;
font-family:'Droid Serif';
color:#333;
font-size:1.2em;
padding:0 20px;
line-height:54px;
}
.subnavigation a:hover {
background-color:#fff;
text-decoration:none;
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {
#header div.container {
height:100px;
}
#catnav {
top:75px;
left:0px;
}
ul#nav li a {
padding:10px 15px;
min-width:52px;
}

}

@media (min-width: 768px) and (max-width: 979px) {
#header div.container {
height:100px;
}
#catnav {
top:75px;
left:0px;
}
ul#nav li a {
padding:10px 5px;
min-width:54px;
}

}

@media (max-width: 767px) {
#catnav {
display:none;
top:76px;
left:0px;
width:100%;
}
ul#nav, ul#nav ul {
display:block;
width:100%;
}
ul#nav li {
float:none;
display:block;
}
ul#nav li a {
padding:10px 15px;
color:#fff;
font-size:20px;
background:#23262f;
text-align:left;
border-bottom:1px solid rgba(255,255,255,0.5);
}
ul#nav li:hover a.primary {
background-color:#000;
color:#fff;
}
ul#nav li li a.submenu {
background-image:none;
}
ul#nav li li:hover a,ul#nav li li:hover li:hover a {
background-color:#000;
}
ul#nav li ul,ul#nav li:hover ul ul {
position:static;
left:auto;
max-width:100%;
}
ul#nav li li a,#nav li li:hover li a {
background-color:#002753;
border:none;
width:100%;
color:#fff;
border-bottom:1px solid rgba(0,0,0,0.5);
}
ul#nav li li li:first-child a {
border:none;
border-bottom:1px solid rgba(0,0,0,0.5);
}
ul#nav li:hover ul li:hover ul {
margin:0px;
}
ul#nav li li:hover a.submenu {
background-image:none;
}
#mobile-nav-button {
display:block;
float:right;
margin-top:5px;
background-image:url(mobile-menu-icon.png);
width:48px;
height:46px;
background-size:100% 100%;
}
ul#nav li li a {
padding-left:40px;
}
ul#nav ul ul li a {
padding-left:80px;
background-color:#00234A;
}

}

@media (max-width: 480px) {
#mobile-nav-button {
margin-top:0px;
max-width:30%;
}
.subnavigation a {
padding:0 10px;
}

}