/* #######################################################################	meanMenu	--------		To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)



####################################################################### */


/* NAVIGATION 
================================================== */


/* NAVIGATION */

nav{}
.nav_outer{background:#FFF; height:46px; padding:0 10px;}
nav ul, nav ul ul, nav ul ul ul{margin:0; padding:0; list-style:none;}
nav ul li{margin:0; padding:0 1px 0 0; float:left; z-index:3000; position:relative; background:url(http://cdn.shopify.com/s/files/1/0373/9873/files/nav-sep.gif?393) no-repeat right center;   }
nav ul li a{display:block; color:#7e3048; padding:0 12px; font-size:12pt; line-height:46px; *padding:0 14px;}
nav ul li:last-child{ background:none;}
nav ul li.last{ background:none; background:none\9;}
nav ul li a:hover, nav ul li.selected a{text-decoration:none;}
nav ul ul{position:absolute; left:0; top:45px; z-index:99999999; display:none;}
nav ul li:hover ul{display:block;}
nav ul ul li{margin:0; padding:0; float:none; background:none; border-top:1px solid #FFF;}
nav ul ul li a{width:180px; padding:8px; background:#7e3048; line-height:normal; color:#FFF;  font-size:10.5pt; line-height:normal;}
nav ul ul li a:hover, nav ul ul li.selected a{background:#006f3b;}
nav li:hover ul li ul{position:absolute; left:196px; top:0; display:none;}
nav li:hover ul li:hover ul{display:block;}

/* hide the link until viewport size is reached */

a.meanmenu-reveal{display: none;}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {background:#006F3B; width:60%;position: relative;padding:5px 0;height: 36px;z-index: 999999; margin:0 auto;}
.mean-container a.meanmenu-reveal {width: 100%;height: 22px;padding: 13px 0 11px 0;position: absolute;top: 0;right: 0;cursor: pointer;
color: #FFF;text-decoration: none;font-size: 16pt;line-height: 22px;text-align:center;display: block;font-family:futura_bdcn_btbold;
font-weight:normal;}
.mean-container a.meanmenu-reveal span {display: block;background: #fff;height: 3px;margin-top: 3px;}
.mean-container .mean-nav {width: 100%;margin:42px 0 15px 0;height:auto;}
.mean-container .mean-nav ul {padding: 0;margin: 0;width: 100%;list-style-type: none;}
.mean-container .mean-nav ul li {position: relative;background:none;border:none;float:none;padding:0;width: 100%;}
.mean-container .mean-nav ul li a {display: block;float:none;width: 90%;padding:12px 5%;margin: 0;text-align: left;color: #000;border-bottom: 1px solid #000;border-bottom: 1px solid rgba(0,0,0,0.5);text-decoration: none;background:#f0f0f1; line-height:normal;}.mean-container .mean-nav ul li li a {width: 80%;padding: 12px 10%;border-bottom: 1px solid #000;text-shadow: none ;
color:#000;
visibility: visible;background: #dfdfdf;background: rgba(223,223,223,80);}.mean-container .mean-nav ul li.mean-last a {border-bottom: none;margin-bottom: 0;}.mean-container .mean-nav ul li li li a {width: 70%;padding: 8px 15%;background:#515151;color:#FFF;}
.mean-container .mean-nav ul li li li li a {width: 60%;padding: 8px 20%;}
.mean-container .mean-nav ul li li li li li a {width: 50%;padding:8px 25%;}
.mean-container .mean-nav ul li a:hover { background: #252525;background:rgba(198, 198, 202, 1);color:#000;}
.mean-container .mean-nav ul li a.mean-expand {width: 26px;height:15px;background:none;padding:8px 16px ;
font-size:14pt!important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 700; border:none;}
.mean-container .mean-nav ul ul li a.mean-expand{height:13px; border-bottom:none;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: none;}
.mean-container .mean-push {width: 100%;padding: 0;margin: 0;}
.mean-nav .wrapper {width: 100%;padding: 0;margin: 0;}
@media only screen and (max-width:800px){
	
.inner .nav_outer{border-bottom:2px solid #9A4863;}
nav ul li a{padding:0 5px; font-size:11pt;}
} 
@media only screen and (max-width:767px) {
nav ul ul{border:none;}
nav ul ul,  nav ul ul ul, nav li:hover ul li ul{position:static;}
nav ul ul a,  nav ul ul ul a{ width:auto;}
} 

@media only screen and (max-width:600px){
	
	
	.mean-container .mean-bar{width:78%;}
}
@media only screen and (max-width:479px){
	.nav_outer{padding:0;}
.mean-container a.meanmenu-reveal{font-size:13pt;}
.mean-container .mean-bar{width:100%;}
}