/**
* =nav
* @section nav
* @subsection main navigation
* --------------------------------------------------------------------------------------------------
*/
ul.nav {
	overflow: hidden;
	margin: 0; padding: 0;
	list-style: none;
}
#nav-cart {
	position: relative; z-index: 5000;
}
#nav {
	position: relative;
	float: left;
	width: 640px; height: 36px;
	margin-right: 0;
}
	#nav ul,
	#nav ul li,
	#nav ul li a {
		height: 100%;
	}
		#nav ul li,
		#nav ul li a {
			width: 127px;
			padding: 0; margin: 0;
		}
		#nav ul.main li,
		#nav ul.main li a {
			background-image: url(img/sprites/nav.jpg);
			background-position: -1000px -1000px;
		}
		#nav ul.main li {
			float: left;
			margin: 0 1px 0 0;
		}

		#nav ul li#nav-home,
		#nav ul li#nav-home a {
			background-position: 0 0;
		}
		#nav ul li#nav-home a:hover,
		#nav ul li#nav-home a:focus,
		#nav ul li#nav-home a:active {
			background-position: 0 -35px;
		}

		#nav ul li#nav-safety-footwear,
		#nav ul li#nav-safety-footwear a {
			background-position: -129px 0;
		}
		#nav ul li#nav-safety-footwear a:hover,
		#nav ul li#nav-safety-footwear a:focus,
		#nav ul li#nav-safety-footwear a:active {
			background-position: -129px -35px;
		}

		#nav ul li#nav-workwear,
		#nav ul li#nav-workwear a {
			background-position: -257px 0;
		}
		#nav ul li#nav-workwear a:hover,
		#nav ul li#nav-workwear a:focus,
		#nav ul li#nav-workwear a:active {
			background-position: -257px -35px;
		}

		#nav ul li#nav-get-the-look,
		#nav ul li#nav-get-the-look a {
			background-position: -386px 0;
		}
		#nav ul li#nav-get-the-look a:hover,
		#nav ul li#nav-get-the-look a:focus,
		#nav ul li#nav-get-the-look a:active {
			background-position: -386px -35px;
		}

		#nav ul li#nav-accessories,
		#nav ul li#nav-accessories a {
			background-position: -514px 0;
		}
		#nav ul li#nav-accessories a:hover,
		#nav ul li#nav-accessories a:focus,
		#nav ul li#nav-accessories a:active {
			background-position: -514px -35px;
		}


/**
* =sub
* @section nav
* @subsection sub navigation
* --------------------------------------------------------------------------------------------------
*/
#nav-sub {
	overflow: hidden;
	width: 784px;
	margin: 0 0 10px;
	border-bottom: 3px solid #f37021;
}
	#nav-sub li,
	#nav-sub li a {
		width: 260px;
		background-image: url(img/sprites/nav-sub.gif);
		/*background-position: -1000px -1000px;*/
	}
	#nav-sub li {
		float: left;
		border-right: 2px solid #fff;
	}
	#nav-sub li.l {
		border-right: 0;
	}
		#nav-sub li a {
			height: 40px;
		}
		#nav-sub #nav-sub-trousers,
		#nav-sub #nav-sub-trousers a {
			background-position: 0 0;
		}
		#nav-sub #nav-sub-trousers a:hover,
		#nav-sub #nav-sub-trousers a:focus,
		#nav-sub #nav-sub-trousers a:active {
			background-position: 0 -40px;
		}
		#nav-sub #nav-sub-trousers a.active,
		#nav-sub #nav-sub-trousers a.active:hover,
		#nav-sub #nav-sub-trousers a.active:focus,
		#nav-sub #nav-sub-trousers a.active:active {
			background-position: 0 -80px;
		}

		#nav-sub #nav-sub-jackets_tops,
		#nav-sub #nav-sub-jackets_tops a {
			background-position: -260px 0;
		}
		#nav-sub #nav-sub-jackets_tops a:hover,
		#nav-sub #nav-sub-jackets_tops a:focus,
		#nav-sub #nav-sub-jackets_tops a:active {
			background-position: -260px -40px;
		}
		#nav-sub #nav-sub-jackets_tops a.active,
		#nav-sub #nav-sub-jackets_tops a.active:hover,
		#nav-sub #nav-sub-jackets_tops a.active:focus,
		#nav-sub #nav-sub-jackets_tops a.active:active {
			background-position: -260px -80px;
		}

		#nav-sub #nav-sub-hi-vis,
		#nav-sub #nav-sub-hi-vis a {
			background-position: -520px 0;
		}
		#nav-sub #nav-sub-hi-vis a:hover,
		#nav-sub #nav-sub-hi-vis a:focus,
		#nav-sub #nav-sub-hi-vis a:active {
			background-position: -520px -40px;
		}
		#nav-sub #nav-sub-hi-vis a.active,
		#nav-sub #nav-sub-hi-vis a.active:hover,
		#nav-sub #nav-sub-hi-vis a.active:focus,
		#nav-sub #nav-sub-hi-vis a.active:active {
			background-position: -520px -80px;
		}

		#nav-sub #nav-sub-mid_ankle_boots,
		#nav-sub #nav-sub-mid_ankle_boots a {
			background-position: -1040px 0;
		}
		#nav-sub #nav-sub-mid_ankle_boots a:hover,
		#nav-sub #nav-sub-mid_ankle_boots a:focus,
		#nav-sub #nav-sub-mid_ankle_boots a:active {
			background-position: -1040px -40px;
		}
		#nav-sub #nav-sub-mid_ankle_boots a.active,
		#nav-sub #nav-sub-mid_ankle_boots a.active:hover,
		#nav-sub #nav-sub-mid_ankle_boots a.active:focus,
		#nav-sub #nav-sub-mid_ankle_boots a.active:active {
			background-position: -1040px -80px;
		}

		#nav-sub #nav-sub-trainers_shoes,
		#nav-sub #nav-sub-trainers_shoes a {
			background-position: -1300px 0;
		}
		#nav-sub #nav-sub-trainers_shoes a:hover,
		#nav-sub #nav-sub-trainers_shoes a:focus,
		#nav-sub #nav-sub-trainers_shoes a:active {
			background-position: -1300px -40px;
		}
		#nav-sub #nav-sub-trainers_shoes a.active,
		#nav-sub #nav-sub-trainers_shoes a.active:hover,
		#nav-sub #nav-sub-trainers_shoes a.active:focus,
		#nav-sub #nav-sub-trainers_shoes a.active:active {
			background-position: -1300px -80px;
		}

		#nav-sub #nav-sub-rigger_boots,
		#nav-sub #nav-sub-rigger_boots a {
			background-position: -1560px 0;
		}
		#nav-sub #nav-sub-rigger_boots a:hover,
		#nav-sub #nav-sub-rigger_boots a:focus,
		#nav-sub #nav-sub-rigger_boots a:active {
			background-position: -1560px -40px;
		}
		#nav-sub #nav-sub-rigger_boots a.active,
		#nav-sub #nav-sub-rigger_boots a.active:hover,
		#nav-sub #nav-sub-rigger_boots a.active:focus,
		#nav-sub #nav-sub-rigger_boots a.active:active {
			background-position: -1560px -80px;
		}

		#nav-sub #nav-sub-accessories,
		#nav-sub #nav-sub-accessories a {
			background-position: -780px 0;
		}
		#nav-sub #nav-sub-accessories a:hover,
		#nav-sub #nav-sub-accessories a:focus,
		#nav-sub #nav-sub-accessories a:active {
			background-position: -780px -40px;
		}
		#nav-sub #nav-sub-accessories a.active,
		#nav-sub #nav-sub-accessories a.active:hover,
		#nav-sub #nav-sub-accessories a.active:focus,
		#nav-sub #nav-sub-accessories a.active:active {
			background-position: -780px -80px;
		}

		#nav-sub #nav-man-tips,
		#nav-sub #nav-man-tips a {
			background-position: -2080px 0;
		}
		#nav-sub #nav-man-tips a:hover,
		#nav-sub #nav-man-tips a:focus,
		#nav-sub #nav-man-tips a:active {
			background-position: -2080px -40px;
		}
		#nav-sub #nav-man-tips a.active,
		#nav-sub #nav-man-tips a.active:hover,
		#nav-sub #nav-man-tips a.active:focus,
		#nav-sub #nav-man-tips a.active:active {
			background-position: -2080px -80px;
		}

		#nav-sub #nav-man-tips-more,
		#nav-sub #nav-man-tips-more a {
			background-position: -1820px 0;
		}
		#nav-sub #nav-man-tips-more a:hover,
		#nav-sub #nav-man-tips-more a:focus,
		#nav-sub #nav-man-tips-more a:active {
			background-position: -1820px -40px;
		}
		#nav-sub #nav-man-tips-more a.active,
		#nav-sub #nav-man-tips-more a.active:hover,
		#nav-sub #nav-man-tips-more a.active:focus,
		#nav-sub #nav-man-tips-more a.active:active {
			background-position: -1820px -80px;
		}


/**
* =pages
* @section nav
* @subsection page navigation
* --------------------------------------------------------------------------------------------------
*/
#nav-pages {
	padding: 0; margin: 0;
	list-style: none;
}
	#nav-pages li {
		overflow: hidden;
		padding: 20px 0;
		border-bottom: 1px solid #b2b4b6;
	}
	#nav-pages li:last-child,
	#nav-pages #logout {
		border-bottom-width: 0;
	}
		#nav-pages li a {
			display: block;
			padding: 20px 0;
			text-decoration: none;
			cursor: pointer;
		}
		#nav-pages li h2 {
			float: left;
			margin: 0 5px 0 0;
			font-size: 22px;
		}
		#nav-pages li p {
			margin: 4px 0 0;
			font-size: 12px; color: #b2b4b6; text-transform: lowercase;
		}
		#nav-pages li a:hover h2,
		#nav-pages li a:focus h2,
		#nav-pages li a:active h2 {
			text-decoration: underline;
		}


/**
* =breadcrumb
* @section nav
* @subsection breadcrumbs
* --------------------------------------------------------------------------------------------------
*/
#nav #breadcrumb {
	position: absolute; top: 36px; left: 0;
	height: auto;
	margin: 5px 0 0;
}
	#nav #breadcrumb li {
		float: none;
		width: 107px; height: auto;
		margin: 0 0 5px; padding: 10px;
		color: #4f4d4e; font-size: 13px; line-height: 16px;
		background-color: #d3d5d6;
	}
		#nav #breadcrumb li a {
			display: block;
			width: 102px; height: auto;
			margin: -10px; padding: 10px 15px 10px 10px;
			color: #fff; text-decoration: none; text-transform: uppercase;
			background: #f37021 url(img/misc/arrow-down.gif) no-repeat 105px 50%;
		}


/**
* =footer
* @section nav
* @subsection footer navigation
* --------------------------------------------------------------------------------------------------
*/
#footer ul.nav {
	float: right;
}
	#footer ul.nav li {
		float: left;
		margin: 0 0 0 20px; padding: 0 0 0 19px;
		border-left: 1px solid #fff;
	}
	#footer ul.nav li.f {
		border-left-width: 0;
	}
		#footer ul.nav li a {
			display: block;
			color: #fff; font-size: 12px; line-height: 30px;
			text-decoration: none; text-transform: lowercase;
		}
		#footer ul.nav li a:hover,
		#footer ul.nav li a:focus,
		#footer ul.nav li a:active {
			color: #f37021;
		}