/* NOTES:
	Mobile is identified because #main-nav is display:none on large screens. It's only visible on mobile.
	All the styles below are specifically referenced within #main-nav, thus target mobile only
*/

#main-nav,
#global-nav-main {
    clear: both;
    width: 100%;
    position: relative;
    z-index: 100;
}
#main-nav {
    display: none;
    overflow: hidden;
}
#global-nav-main {
    background: #747474;
    left: 0;
    padding: 0;
}
#main-nav li,
#main-nav a {
    display: block;
}
#main-nav li {
		border-bottom: 1px solid #979797;
		border-top: 1px solid #606060;
}
#global-nav-main > li.active > a,
#global-nav-main > li > a:hover,
#global-nav-main > li > a:focus {
		border-left-style: solid;
		border-left-width: 5px;
		padding: 10px;
}
#main-nav a {
    padding: 10px 10px 10px 15px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
		background: url("../images/nav-arrows.png") no-repeat scroll 88% -75px transparent;
}
#main-nav > ul > li.has-subnav > a {
    position: relative;
}
#main-nav .subnav-close {
    height: 100%;
    width: 25px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 100%;
    content: " ";
    cursor: pointer;
}
.pmt-open #main-nav .subnav-close {
    left: -50px;
}
#main-nav ul div {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #747474;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
#main-nav ul ul {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
#main-nav ul div.selected {
    display: block;
}
#main-nav .subnav-close button {
    width: 100%;
    height: 100%;
    background: url("../images/nav-arrows.png") no-repeat scroll -32px center #888;
    border: none;
}
#main-nav .subnav-close button:focus {
    outline: none;
}
#main-nav ul ul a {
    margin-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: none;
    background: none;
}

#main-nav form {
    float: left;
    margin: 0 15px 0 35px;
}

#main-nav #login-form .login-select,
#main-nav #login-form .login-name {
		border: none;
}

/* disable horizontal padding */
#main-nav #login-form .login-name {
	padding: 10px 0 6px 0;
}

#main-nav #login-form select {
    width: 200px;
}

#main-nav #rf-cart-form {
    float: left;
    width: 100%;
		height: 100%;
		background-color: #fff;
}
#main-nav #rf-cart-form span {
		display: block;
}
#main-nav #rf-inner {
		background-color: #fff;
		border: none;
		border-radius: 0;
		margin-left: 25px;
}
#rf-cart-form h5 {
		border-radius: 0;
		box-shadow: none;
}
#main-nav #rf-cart-form .rf-items a {
    color: #bb8650;
    font-size: 10px;
    font-weight: 400;
    margin: 0;
    padding: 0;
		float: right;
}
#main-nav .full-height {
		height: 100%;
    border: none;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */