/* Flexnav Base Styles */
.flexnav { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0; padding-left:0; }
.flexnav.opacity { opacity: 0; }
.flexnav.show { max-height: 2000px; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.flexnav.one-page { position: fixed; top: 50px; right: 5%; max-width: 200px; }
.flexnav ul{padding-left:0;}
.flexnav li { font-size: 12px; position: relative; overflow: hidden; }
.flexnav li a { position: relative; display: block; padding: .96em; z-index: 2; overflow: hidden; color: #878787; background: white; border-bottom: 1px solid #878787;  text-decoration: none;font-style:normal;text-transform:uppercase; }
.flexnav li ul { width: 100%;background:#F3F3F3; }
.flexnav li ul li { font-size: 100%; position: relative; overflow: hidden; }
.flexnav li ul.show li { overflow: visible; }
.flexnav li ul li a { display: block; border-bottom:1px solid #878787;color:#878787;background:#DADADA; }
.flexnav ul li ul li a { background: #bfbfbc; }
.flexnav ul li ul li ul li a { background: #cbcbc9; }
.flexnav .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 45px; display: inline-block; background: #acaca1; background: rgba(0, 0, 0, 0.075); text-align: center; }
.flexnav .touch-button:hover { cursor: pointer; }
.flexnav .touch-button .navicon { position: relative; top: 1.4em; font-size: 12px; color: #666; }
.menu-button { position: relative; display: block; padding: 1em; color: #878787; cursor: pointer; border-bottom: 1px solid #878787;font-weight:bold;font-size:15px;text-transform:uppercase;
	background: rgb(253,253,253); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(230,232,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(230,232,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(230,232,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(230,232,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(230,232,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%,rgba(230,232,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e8e5',GradientType=0 ); /* IE6-9 */ }
.menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px; }
.menu-button .touch-button { background: transparent; position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; text-align: center; }
.menu-button .touch-button .navicon { font-size: 15px; position: relative; top: 1em; color: #878787; }

@media all and (min-width: 768px) {
body.one-page { padding-top: 70px; }
.flexnav { overflow: visible;text-align:center;max-height:none;font-size:0; }
.flexnav.opacity { opacity: 1; }
.flexnav.one-page { top: 0; right: auto; max-width: 1080px; }
.flexnav li { position: relative; list-style: none; float: none; display: inline-block; background: none; overflow: visible;font-size:0; }
.flexnav li a { border:none; background: none; padding:16px 10px 14px;font-size:13px; }
.flexnav > li:after{content:"";display:inline-block;width:2px;height:50px;background:url(../images/nav-border.png);position:absolute;top:0;right:0;}
.flexnav > li:last-child:after{display:none;}
.flexnav li:hover > a{color:#2B9208;}
.flexnav li > ul { position: absolute; top: auto; left: 0; width:196px;z-index:1500;padding:5px 5px 0;text-align:left;margin-top:-5px;border:1px solid #DADADA;}
.flexnav li > ul li { width: 100%; }
.flexnav li ul li > ul { margin-left: 100%; top: 0; }
.flexnav li ul li a { border-left: none;padding:0 15px 2px 5px;font-size:12px;background:none; }
.flexnav li ul li:hover a{}
.flexnav li ul.open { display: block; opacity: 1; visibility: visible; z-index: 1; }
.flexnav li ul.open li { overflow: visible; max-height: 100px; }
.flexnav li ul.open ul.open { margin-left: 100%; top: 0; }
	.flexnav .touch-button {width:100%;top:auto;bottom:0;left:0;height:15px;}
	.flexnav .touch-button .navicon{top:-2px;}
.no-touch .flexnav .touch-button, .no-touch .touch-button .navicon{display:none;}
.menu-button { display: none; }
}
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	.flexnav li a{font-size:10px;padding:16px 6px 14px;}
}
.oldie body.one-page { padding-top: 70px; }
.oldie .flexnav { overflow: visible; }
.oldie .flexnav.one-page { top: 0; right: auto; max-width: 1080px; }
.oldie .flexnav li { position: relative; list-style: none; float: left; display: block; background-color: #a6a6a2; width: 20%; min-height: 50px; overflow: visible; }
.oldie .flexnav li:hover > ul { display: block; width: 100%; overflow: visible; }
.oldie .flexnav li:hover > ul li { width: 100%; float: none; }
.oldie .flexnav li a { border-left: 1px solid #acaca1; border-bottom: none; overflow: visible; }
.oldie .flexnav li > ul { background: #acaca1; position: absolute; top: auto; left: 0; display: none; z-index: 1; overflow: visible; }
.oldie .flexnav li ul li ul { top: 0; }
.oldie .flexnav li ul li a { border-bottom: none; }
.oldie .flexnav li ul.open { display: block; width: 100%; overflow: visible; }
.oldie .flexnav li ul.open li { width: 100%; }
.oldie .flexnav li ul.open ul.open { margin-left: 100%; top: 0; display: block; width: 100%; overflow: visible; }
.oldie .flexnav ul li:hover ul { margin-left: 100%; top: 0; }
.oldie .menu-button { display: none; }
.oldie.ie7 .flexnav li { width: 19.9%; }

/* Subnav Styles */
.subnav ul{list-style-type:none;padding-left:0;}
.subnav ul li ul{display:none;padding-left:10px;}
.subnav ul li a{color:#bc0f2d;text-decoration:none;font-size:1rem;}
.subnav ul li a:hover{color:#e8b21a;}
.subnav ul li ul li a{color:#6f6f6f;}