#menu-categories-menu, #menu-categories-menu-1 {
	margin: 0 auto;
	width: 100%;
	position: relative;
	z-index: 100;
	background-color: #A6CE39;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	
}

#menu-categories-menu-1 { z-index: 1; }


.js #menu-categories-menu, #menu-categories-menu-1 {
	display: none;	
}

.js #menu-categories-menu { margin-bottom: 1em; }

.main-menu { margin-bottom: 1em; }

.menu-button {
	display: block;
	width: 91.5%;
	padding: 0.75em 1em;
	color: #fff;
	font-size: 16px; font-size: 1.6rem;	
	background: #A6CE39 url(../images/arrow-down.png) no-repeat 97% 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	float: left;
	clear: both;
}

.menu-button:hover { 
	cursor: pointer;
	color: #FFCC02;
	background: #A6CE39 url(../images/arrow-down.png) no-repeat 97% -22px;
	
}


#menu-categories-menu li {
	position: relative;
	list-style: none;
	display: block;	

	width: 100%;		
}

#menu-categories-menu li.link-with-ul {	
	background: url(../images/arrow-down-nohover.png) no-repeat 97% 25px;
}



#menu-categories-menu li a, #menu-categories-menu-1 li a {
	margin-right: 10%;
	display: block;
	font-size: 16px; font-size: 1.6rem;	
	font-weight: 600;
	color: #fff;
	padding: 0.95em 1em;
}

	#menu-categories-menu li:hover, [role='navigation'] li:hover {
	
	}
	
	#menu-categories-menu li a:hover, #menu-categories-menu-1 li a:hover {
	color: #FFCC02;
	
	}


#menu-categories-menu li a.link-with-ul {
		
}

#menu-categories-menu .top-level a {
	position: relative;
	display: block;
	background-color: #333;
	padding: 1em;
	z-index: 2;
}
#menu-categories-menu li ul {
	width: 95%;	
	border-top: dotted 2px #fff;	
	border-bottom: dotted 2px #fff;	
	margin-left: 3%;
}
#menu-categories-menu li ul li {
	float: none;
	width: 100%;			
}

#menu-categories-menu li ul li ul {
	border-bottom: 0;
}

#menu-categories-menu li ul li ul li {
	margin-left: 2%;
}

#menu-categories-menu li ul li ul li a {
	font-size: 14px; font-size: 1.4rem;	
	
	padding: 0.5em 1em;
			
}

#menu-categories-menu li ul li ul li a:before { content: "- "; }

#menu-categories-menu li ul {
	position: relative; 				
}

#menu-categories-menu .item-with-ul {
	background-image: url('../images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: 93% 18px;	
}

.sub-menu {
	display: none;
}


@media all and (min-width: 30em) { /* 480 px */
.menu-button { width: 95%; }



}

@media all and (min-width: 48em) { /* 768 px */
.topnav {
float: left;
width: 100%;
z-index: 15;
clear: both;
background: url(../images/top-nav-bg.png) no-repeat bottom left;
background-size: 100%;
padding: 0 0 1em 0;
}



	.js #menu-categories-menu, #menu-categories-menu-1 {
		display: block;	
		height: 3.2em;
	}
	
	.js #menu-categories-menu { margin-bottom: 0; }
	
	.menu-button {
		display: none;
	}

	
	
	#menu-categories-menu li, #menu-categories-menu-1 li {
	display: inline-block;
	width: auto;
	
	}
	
	#menu-categories-menu li.link-with-ul, #menu-categories-menu li.link-with-ul:hover {
	background: none;
	}
	
	
	#menu-categories-menu li a, #menu-categories-menu-1 li a {
	float: left;
	background: url(../images/nav-border.png) no-repeat center right;
	border-bottom: none;
	margin-right: 0;
	padding: 0.75em 1.1em;
	}
	
	#menu-categories-menu li:last-child a, #menu-categories-menu-1  li:last-child a { background: none; }
	#menu-categories-menu li a:hover {}
	
	#menu-categories-menu li:first-child { margin-left: 1%; }
	
	.sub-menu {
	display: block;
	}
	
	#menu-categories-menu-1 ul { display: none; }
	
	.no-touch #menu-categories-menu li:hover ul, .touch #menu-categories-menu li:hover ul { 
		opacity: 1;
		top: 3.2em;	
		position: absolute;	
		width: 100%;
		height: auto;
		visibility: visible;
		background-color: #A6CE39;
		
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px; /* future proofing */
		-khtml-border-radius: 0 0 5px 5px; /* for old Konqueror browsers */
		margin-left: 0;	
		border: none;
		
		
		-moz-box-shadow: 0 4px 5px 0px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 4px 5px 0px rgba(0,0,0,0.2);
		box-shadow: 0 4px 5px 0px rgba(0,0,0,0.2);
	}	
	

	
	.no-touch #menu-categories-menu li ul {
		position: absolute; 
		top: 3.2em;
		left: 0;
		opacity: 0;
		height: 1;
		width: 100%;
		visibility: hidden;
		z-index: 30;		
		-webkit-transition: .4s all ease;
		-moz-transition: .4s all ease;
		-o-transition: .4s all ease;
		-ms-transition: .4s all ease;
		transition: .4s all ease;	
		border: none;
		margin-left: 0;			
	}





	#menu-categories-menu li ul li {
		display: block;
		text-align: center;
	}	



	#menu-categories-menu li ul li a {
		background: url(../images/sub-menu-border.png) repeat-x bottom left;
		padding: 0.75em 1em;
		font-size: 14px; font-size: 1.4rem;
		font-weight: 500;
		display: block;
		text-align: center;
		float: none;
	}	
	

	
	
	.touch #menu-categories-menu li ul.sub-menu {
		position: absolute; 
		top: 3.2em;
		left: 0;
		display: none;
		z-index: 1;	
		width: 193px;				
	}	

	.no-touch .menu-item:hover > ul { 
		visibility: visible;
		opacity: 1;
		height: auto;
		display: block;	
		width: 193px;
	}		
	
	

	.no-touch #menu-categories-menu li:hover ul ul {
	margin: 0 0 0 12em;
	height: 1;
	top: 0;
	left: auto;
	opacity: 0;
	visibility: hidden;
	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
	
	-moz-box-shadow: 0 4px 5px 0px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 4px 5px 0px rgba(0,0,0,0.2);
		box-shadow: 0 4px 5px 0px rgba(0,0,0,0.2);
}

#menu-categories-menu li:hover ul ul, #menu-categories-menu li.sfhover ul ul {
	
}

.no-touch #menu-categories-menu li:hover ul, .no-touch #menu-categories-menu li li:hover ul, .no-touch #menu-categories-menu li.sfhover ul, .no-touch #menu-categories-menu li li.sfhover ul, .touch #menu-categories-menu li:hover ul {
	left: auto;
	opacity: 1;
	visibility: visible;
	height: auto;
	display: block;	
	
}
	
.no-touch #menu-categories-menu ul ul {
width: 15em;
}

#menu-categories-menu li ul li ul li {
	margin-left: 0;
}

#menu-categories-menu li ul li ul li a {
width: 8.5em;
}

#menu-categories-menu li ul li ul li a:before { content: ""; }
	
}





@media only screen and (min-width: 64em) { /* 1024px */

#menu-categories-menu li a, #menu-categories-menu-1 li a {
padding: 0.75em 2.5em;
}

}


@media not screen and (1) {

#menu-categories-menu li a, #menu-categories-menu-1 li a {
padding: 0.75em 2.4em;
}




}



#menu-categories-menu li.current_page_item a, #menu-categories-menu li.current_page_parent a, #menu-categories-menu li.current-page-ancestor a, #menu-categories-menu li.current-category-ancestor a, #menu-categories-menu li.current-menu-item a, #menu-categories-menu li.current-post-ancestor a {
color: #fff;
}

#menu-categories-menu li.current_page_item ul li a, #menu-categories-menu li.current_page_parent ul li a, #menu-categories-menu li.current-page-ancestor ul li a, #menu-categories-menu li.current-category-ancestor ul li a, #menu-categories-menu li.current-menu-item ul li a, #menu-categories-menu li.current-post-ancestorul li a {
color: #fff;
}

#menu-categories-menu li.current_page_item ul li a:hover, #menu-categories-menu li.current_page_parent ul li a:hover, #menu-categories-menu li.current-page-ancestor ul li a:hover, #menu-categories-menu li.current-category-ancestor ul li a:hover, #menu-categories-menu li.current-menu-item ul li a:hover, #menu-categories-menu li.current-post-ancestorul li a:hover {
color: #FFCC02;
}






ul.sub-nav {
margin: 0;
padding:0;
list-style-type: none;
background-color: #A6CE39;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */

}

	ul.sub-nav li {
	
	width: 100%;
	overflow: hidden;
	}
	
	
	ul.sub-nav li a {
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 14px; font-size: 1.4rem;	
	color: #fff;
	background: url(../images/sub-menu-border.png) repeat-x bottom left;
	border-bottom: none;
	margin-right: 0;
	padding: 0.75em 1em;

	}
	
	ul.sub-nav li:hover {
	}
	
	ul.sub-nav li a:hover {
	color: #FFCC02;
	}
	
	
		ul.sub-nav li.child-menu-item a { margin-left: 1em; }
		ul.sub-nav li.child-menu-item a:before { content: "- "; }
	
	
	
	ul.sub-nav li.current_page_item,  ul.sub-nav li.current_page_parent,  ul.sub-nav li.current_page_parent ul li.current_page_item {

	}
	
	ul.sub-nav li.current_page_item a,  ul.sub-nav li.current_page_parent a,  ul.sub-nav li.current-cat a,  ul.sub-nav li.current_page_parent ul li.current_page_item a {
	color: #FFCC02; font-weight: 550;
	}
	
	
	ul.sub-nav li ul { margin-left: 3em; }
	ul.sub-nav li ul li { border-top: none; }
	ul.sub-nav li ul li a { font-size: 14px; font-size: 1.4rem;	padding: 0.5em 0; }
	
	ul.sub-nav li.current_page_item ul li a,  ul.sub-nav li.current_page_parent ul li a,  ul.sub-nav li.current-cat ul li a { 
	 
	}
	
	ul.sub-nav li.current_page_item ul li a:hover,  ul.sub-nav li.current_page_parent ul li a:hover,  ul.sub-nav li.current-cat ul li a:hover { 
	color: #a0c72b;
	}
	
/* ----------------- Utility Nav ------------------- */

.utilitynav {  }

	.utilitynav ul {
	list-style-type: none;
	margin: 0.5em 0 0 0;
	padding: 0;
	float: left;
	text-align: center;
	}

	.utilitynav ul li {
	display: inline;	
	
	}
	
	.utilitynav ul li a {
	font-size: 13px; font-size: 1.3rem;	
	line-height: 30px; line-height: 3rem;
	text-decoration: none;
	padding: 0.5em 1em;
	color: #6C5735; 
	background: url(../images/nav-border-utility.png) no-repeat center right;
	}
		
		.utilitynav ul li:last-child a { background: none; }
		.utilitynav ul li a:hover { color: #FFCC02; }
		
		.utilitynav ul li.current_page_item a,  .utilitynav ul li.current_page_parent a, .utilitynav ul li.current-page-ancestor a,  .utilitynav ul li.current_page_parent ul li.current_page_item a, .utilitynav ul li.current-menu-item a, .utilitynav ul li.current-menu-parent a {
	color: #FFCC02;
	}

	
/* ----------------- Footer Nav ------------------- */

.bottomnav { float: left; }

	.bottomnav ul {
	list-style-type: none;
	margin: 0.5em 0 0 0;
	padding: 0;
	float: left;
	text-align: center;
	}

	.bottomnav ul li {
	display: inline;	
	
	}
	
	.bottomnav ul li a {
	font-size: 13px; font-size: 1.3rem;	
	line-height: 30px; line-height: 3rem;
	text-decoration: none;
	padding: 0.5em 1em;
	color: #6C5735; 
	background: url(../images/nav-border-utility.png) no-repeat center right;
	}
	
		.bottomnav ul li:first-child a { padding-left: 0; }
		.bottomnav ul li:last-child a { background: none; }
		.bottomnav ul li a:hover { color: #FFCC02; }
		
		.bottomnav ul li.current_page_item a,  .bottomnav ul li.current_page_parent a, .bottomnav ul li.current-page-ancestor a,  .bottomnav ul li.current_page_parent ul li.current_page_item a, .bottomnav ul li.current-menu-item a, .bottomnav ul li.current-menu-parent a {
	color: #FFCC02;
	}