/* nav
-------------------------------------*/
#primary-nav {
	clear:both;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	margin: -5px 0 0;
	background: url(/images/menu-bg.png) repeat-x 0px 0px;
}
#primary-nav a {
	text-decoration:none;
}
#primary-nav ul {
	list-style:none;
}
#primary-nav li {
	float:left;
	position:relative;
}

#primary-nav li .arrow {
	display: none;
}

#primary-nav ul a {
	position: relative;
	display: block;
}
#primary-nav li.top-level > a {
	font-family: verdana, sans-serif;
	height: 25px;
	line-height: 25px;
	padding: 0 25px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-shadow: 0 0 10px rgb(190,110,49);
}

#primary-nav > ul > li {
	position: relative;
	top: 1px;
	border-right: solid 1px #b05a1f;
}

#primary-nav > ul > li::after {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background-color: #fff;
	opacity: 0.3;
}

/* products
-------------------------------------*/
/*#primary-nav ul #nav-products {
	background:url(/images/menu.jpg) no-repeat 0px -26px;
	width:154px;
}
#primary-nav ul #nav-products.active,
#primary-nav ul #nav-products.over,
#primary-nav ul #nav-products:hover {
	background:url(/images/menu.jpg) no-repeat 0px 0px;
	width:154px;
	height:26px;
}
.nav-products {
	width:153px;
}
.nav-products a {
	width:133px;
}*/

/* support
#primary-nav ul #nav-support {
	background:url(/images/menu.jpg) no-repeat -154px -26px;
	width:113px;
}
#primary-nav ul #nav-support.active,
#primary-nav ul #nav-support.over,
#primary-nav ul #nav-support:hover {
	background:url(/images/menu.jpg) no-repeat -154px 0px;
	width:113px;
	height:26px
}
.nav-support {
	width:153px;
	margin-left:-1px;
}
.nav-support a {
	width:133px;
}
-------------------------------------*/

/* about
#primary-nav ul #nav-about {
	background:url(/images/menu.jpg) no-repeat -267px -26px;
	width:118px;
}
#primary-nav ul #nav-about.active,
#primary-nav ul #nav-about.over,
#primary-nav ul #nav-about:hover {
	background:url(/images/menu.jpg) no-repeat -267px 0px;
	width:118px;
	height:26px
}
.nav-about {
	width:153px;
	margin-left:-1px;
}
.nav-about a {
	width:133px;
}
-------------------------------------*/

/* contact
-------------------------------------*/
/*#primary-nav ul #nav-contact {
	background:url(/images/menu.jpg) no-repeat -385px -26px;
	background:url(/images/menu.jpg) no-repeat -154px -26px;
	width:113px;
}
#primary-nav ul #nav-contact.active,
#primary-nav ul #nav-contact.over,
#primary-nav ul #nav-contact:hover {
	background:url(/images/menu.jpg) no-repeat -385px 0px;
	background:url(/images/menu.jpg) no-repeat -154px 0px;
	width:113px;
	height:26px
}
.nav-contact {
	width:154px;
}*/

/* dropdown
-------------------------------------*/
#primary-nav li li {
	min-width: 150px;
}
#primary-nav li li a {
	display: block;
	font-weight: normal;
	padding: 5px 9px;
	color: #b2170f;
}
#primary-nav li ul {
	background:#fff;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	border-top: 1px solid #ccc;
}
#primary-nav li > ul {
	z-index: 1000;
	top: auto;
	left: auto;
}
#primary-nav li li {
	position: relative;
	display: block;
	float: none;
	background-color: transparent;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#primary-nav li li.over a,
#primary-nav li li a:hover {
	background-color: #e45b00 !important;
	color: #fff !important;
}
#primary-nav li:hover ul { display: block; }
#primary-nav li.over ul { display: block; }

/* flyout
-------------------------------------*/
#primary-nav li li > ul {
	top: auto;
	left: auto;
}
#primary-nav li li ul {
	background:#fff;
	display: none !important;
	position: absolute;
	top: -1px;
	left: 100%;
	border-top: 1px solid #ccc;
}
#primary-nav li li li {
	display: block;
	float: none;
	background-color: transparent;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	_border-left:0;
}
#primary-nav li li li a {
	display: block;
	font-weight: normal;
	padding: 5px 10px;
	color: #b2170f !important;
	background-color: #fff !important;
}
#primary-nav li li li a:hover {
	background-color: #e45b00 !important;
	color: #fff !important;
}
#primary-nav li li.over ul {
	display: block !important;
}
#primary-nav li li:hover ul {
	display: block !important;
}

@media screen and (max-width: 740px) {
	#primary-nav {
		position: fixed;
		top: 0;
		right: -280px;
		bottom: 0;
		width: 280px;
		height: 100%;
		margin: 0;
		background: #3b4e16;
		overflow: auto;
		-webkit-transition: all 0.3s ease-in-out;
		        transition: all 0.3s ease-in-out;
	}

	.menu-open #primary-nav {
		right: 0;
		/*-webkit-transform: translate(-280px, 0);
		        transform: translate(-280px, 0);*/
	}

	.lt-ie9 .menu-open #primary-nav {
		right: 0;
	}

	#primary-nav li {
		display: block;
		float: none;
	}

	#primary-nav li.payment-options {
		display: block;
		float: none;
	}

	#primary-nav li:hover ul,
	#primary-nav li li:hover ul {
		display: none !important;
	}

	#primary-nav li.open > ul,
	#primary-nav li.open:hover > ul,
	#primary-nav li li.open ul,
	#primary-nav li li.open:hover ul {
		display: block !important;
	}

	#primary-nav > ul > li {
		top: 0px;
		border-right: none;
		border-bottom: solid 1px #2f3f17;
	}

	#primary-nav > ul > li::after {
		display: none;
	}

	#primary-nav li > .arrow {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		height: 38px;
		width: 50px;
	}

	#primary-nav li.top-level > .arrow {
		height: 50px;
	}

	#primary-nav li .arrow::after {
		display: block;
		position: absolute;
		content: '';
		top: 50%;
		left: 50%;
		right: auto;
		bottom: auto;
		margin-top: -2px;
		margin-left: -3px;
		background: none;
		border-top: solid 5px #0a1802;
		border-right: solid 5px transparent;
		border-left: solid 5px transparent;
	}

	#primary-nav li.top-level > a {
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		text-shadow: none;
	}

	#primary-nav li.top-level > a.icon {
		padding-left: 33px;
		background-position: 15px center;
	}

	#primary-nav ul li.close-menu {
		position: relative;
	}
	#primary-nav ul li.close-menu a {
		background-color: #2f3f17;
		background-color: #d39a1e;
		color: #0a1802;
		color: #fff;
		font-size: 12px;
	}
	#primary-nav ul li.close-menu a img {
		position: absolute;
		height: 12px !important;
		top: 50%;
		right: 15px;
		margin-top: -6px;
	}

	#primary-nav ul li.payment-options {
		padding: 20px 15px;
		line-height: none;
		text-align: center;
		border-bottom: none;
	}

	#primary-nav li ul {
		position: relative;
		width: 100%;
		background: #2f3f17;
		border-top: none;
	}

	#primary-nav li li {
		border: none;
	}

	#primary-nav > ul > li > ul > li > a {
		padding: 10px 15px 10px 30px;
		color: #fff;
	}

	#primary-nav li li ul {
		position: relative;
		width: 100%;
		top: 100%;
		left: auto;
		background: #2f3f17;
		border: none;
	}

	#primary-nav li li li {
		border: none;
	}

	#primary-nav > ul > li > ul > li > ul > li > a {
		padding: 10px 15px 10px 45px;
		color: #fff !important;
		background-color: #2f3f17 !important;
	}
}

/* mobile nav
-------------------------------------*/
#mobile-nav {
	display: none;
	position: relative;
	float: right;
	font-family: verdana, sans-serif;
}
#mobile-nav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #d39a1e;
}
#mobile-nav ul li {
	position: relative;
	display: inline-block;
	border-right: solid 1px #b05a1f;
}
#mobile-nav ul li::after {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background-color: #fff;
	opacity: 0.3;
}
#mobile-nav ul li:last-child {
	border-right: none;
}
#mobile-nav ul li:last-child::after {
	display: none;
}
#mobile-nav ul li a {
	display: block;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
#mobile-nav ul li a img {
	position: relative;
	height: 16px !important;
	vertical-align: middle;
	top: -2px;
	margin-right: 3px;
}
.lt-ie9 #mobile-nav ul li a {
	width: 65px;
}
@media screen and (max-width: 740px) {
	#mobile-nav {
		display: block;
	}
}
@media screen and (max-width: 479px) {
	#mobile-nav ul li a {
		width: 50px;
		height: 50px;
		line-height: 50px;
		padding: 0;
	}
	.lt-ie9 #mobile-nav ul li a {
		width: 50px;
	}
	#mobile-nav ul li a img {
		margin-right: 0;
	}
}

/* sub nav
-------------------------------------*/
ul#sub-nav,
ul#sub-nav ul {
	list-style-type:none;
	width:150px;
	font-weight:bold;
	margin-bottom:20px;
}
ul#sub-nav ul {
	margin:1px 0 0 15px;
	width:160px;
}
ul#sub-nav li,
ul#sub-nav ul li {
	margin: 0 0 1px 0;
	_margin-bottom:-15px;
}
ul#sub-nav a,
ul#sub-nav ul a {
	display:block;
	padding:10px 0 10px 10px;
	background:#f9f7ed url(/images/subnav_bg.gif) repeat-y 2px center;
	color:#4f6b23;
	text-decoration:none;
}
ul#sub-nav a:hover,
ul#sub-nav ul a:hover,
ul#sub-nav li.hover a {
	color:#4f6b23;
	background-color:#ffffcb;
	background-image:url(/images/subnav_bg_active.gif) ;
}
ul#sub-nav a:active,
ul#sub-nav ul a:active,
ul#sub-nav li.active a {
	color:#4f6b23;
	background-color:#ffffcb;
	background-image:url(/images/subnav_bg_active.gif) ;
}
ul#sub-nav img {
	padding-right: 5px;
}

a.order-products {
	display: block;
	text-align: center;
}

/* account nav
-------------------------------------*/
ul#account-nav,
ul#account-nav ul {
	list-style-type:none;
	width:150px;
	font-weight:bold;
	margin-bottom:20px;
}
ul#account-nav ul {
	margin:1px 0 0 15px;
	width:160px;
}
ul#account-nav li,
ul#account-nav ul li {
	margin: 0 0 1px 0;
	_margin-bottom:-15px;
}
ul#account-nav a,
ul#account-nav ul a {
	display:block;
	padding:10px 0 10px 10px;
	background:#f9f7ed url(/images/subnav_bg.gif) repeat-y 2px center;
	color:#4f6b23;
	text-decoration:none;
}
ul#account-nav a:hover,
ul#account-nav ul a:hover,
ul#account-nav li.hover a {
	color:#4f6b23;
	background-color:#ffffcb;
	background-image:url(/images/subnav_bg_active.gif) ;
}
ul#account-nav a:active,
ul#account-nav ul a:active,
ul#account-nav li.active a {
	color:#4f6b23;
	background-color:#ffffcb;
	background-image:url(/images/subnav_bg_active.gif) ;
}
ul#account-nav img {
	padding-right: 5px;
}