@import url(/_wss/css/responsive_menu.css);


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

#nav li {
margin:0px;
}
#nav li a {
font-family:'Open Sans Condensed';
font-weight:700;
color:#fff;
height:20px;
padding:10px 30px;
background-image:url(nav-li.png);
background-position:100% 50%;
background-size:auto 100%;
background-repeat:no-repeat;
text-shadow:1px 1px 1px rgba(0,0,0,0.6);
}
#nav li:hover a,#nav li.active a {
color:#fff !important;
background:#8C0000;
background-image:url(active_tab.png);
background-position:50% top;
background-repeat:no-repeat;
}
#nav li:hover li a,#nav li.active li a {
background-image:none;
}
#submenu li a  {
background-imageaa:url(nav-li.png);
}
#menu_icon {
background-image:url(/_wss/css/img/mobile-menu-icon-red.png);
}
#catnav {
font-family:'PT Sans Narrow';
}
#nav li ul {
width:220px;
background:#666;
}
#nav li ul li a:hover {
background:#333;
}
#nav li li a, #nav li li:first-child a, #nav li li:last-child a {
width:250px;
font-family:'Open Sans Condensed';
}
#header #social form {
display:inline-block;
margin:0px;
padding:0px;
line-height:0px;
}

@media (min-width: 1600px) {

}

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

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {
#nav li {
float:right;
text-align:left!important;
}
#nav li a {
padding:10px 15px;
background-image:none;
background:rgba(0,0,0,0.9);
text-align:left;
font:16px/18px 'Open Sans', Arial, Helvetica, sans-serif;
width:222px;
}
#nav li:hover a,#nav li.active a {
background:rgba(40,40,40,0.9);
background-image:none;
}
#menu_icon {
position:absolute;
text-shadow:5px 5px 5px black;
top:10px;
right:10px;
height:40px;
width:45px;
z-index:100;
}
#catnav_container {
position:absolute;
z-index:111;
}
#catnav {
position:absolute;
right:0px;
width:170px;
z-index:999;
top:-85px;
}
#nav li a:hover {
background:rgba(40,40,40,0.9);
}
#nav li .active:first-child a {
background:rgba(0,0,0,0.9);
}
#nav li ul {
position:relative;
margin-top:0px;
width:210px;
background:none;
display:block;
float:left;
left:auto;
}
#nav li li a {
width:222px;
background:rgba(0,0,0,0.9);
padding:10px 15px;
font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
}
#nav li ul li a:hover {
background:rgba(40,40,40,0.9)!important;
}
#nav li span {
display:none;
}
#nav li ul.submenu li a {
background:rgba(30,0,0,0.9);
font-size:1em;
padding:10px 20px !important;
}
#nav li li a, #nav li li:first-child a, #nav li li:last-child a {
width:210px;
padding:10px 15px;
font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
text-align:left;
}
#nav li li a:before {
content:'- ';
}

}

@media (max-width: 480px) {
#header #social form {
display:block;
margin:5px 0 0 -2px;
}

}