/* ==========================================================================
  		Base styles
========================================================================== */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	color: rgb(99,99,99);
	font-family: 'Gotham Book', Gotham-Book, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 100;
	line-height: 1.2;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
::-moz-selection {
	background: rgb(246,139,69);
	color: rgb(255,255,255);
	text-shadow: none;
}
::selection {
	background: rgb(246,139,69);
	color: rgb(255,255,255);
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio,
canvas,
img,
video {
	vertical-align: middle;
}
ol, ul {
	margin: .5em 0;
	padding: .5em 0;
}
li {
	list-style-position: outside;
	margin: 0 0 0 1em;
	padding: 0 0 .35em;
}
sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
sub {
	top: 0.4em;
}
.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* Form Styles ==============================================================
===========================================================================*/
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
form {
	margin: 0 auto;
	width: 100%;
}
input,
textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition:    all 0.30s ease-in-out;
	-o-transition:      all 0.30s ease-in-out;
	transition:         all 0.30s ease-in-out;
	border: 1px solid rgb(206,206,206);
	color: rgb(99,99,99);
	font-size: 1em;
	font-weight: lighter;
	width: 100%;
	outline: transparent;
	padding: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
input:focus,
textarea:focus {
	-webkit-box-shadow: 0 0 5px rgb(246,139,69);
	-moz-box-shadow: 0 0 5px rgb(246,139,69);
	box-shadow: 0 0 5px rgb(246,139,69);
}
input[type="submit"]:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
label {
	color: rgb(246,139,69);
	display: block;
	font-size: 1em;
	text-transform: uppercase;
}
textarea {
	min-height: 10em;
	resize: none;
}
button {
	background: rgb(246,139,69);
	border: 0;
	-webkit-box-shadow: 0 2px 2px -2px rgb(200,113,56);
	-moz-box-shadow:    0 2px 2px -2px rgb(200,113,56);
	box-shadow:         0 2px 2px -2px rgb(200,113,56);
	color: rgb(255,255,255);
	display: block;
	font-family: 'Gotham Light', Gotham-Light, Arial, Helvetica, sans-serif;
	font-size: 1.125em;
	font-weight: 100;
	outline: transparent;
	padding: .8em 1.65em;
	text-transform: uppercase;
	width: 100%;
}
button:hover {
	-webkit-box-shadow: 0 2px 2px -2px rgb(0,0,0);
	-moz-box-shadow:    0 2px 2px -2px rgb(0,0,0);
	box-shadow:         0 2px 2px -2px rgb(0,0,0);
}
form li {
	display: block;
	list-style: none;
	margin: 0 1.5em 1em 0;
	width: 100%;
}

/* 640 < */
@media (min-width: 40em) {
	form li {
		width: auto;
	}
	button {
		font-size: 1em;
		margin: 0;
		padding: .6em 1em .5em;
		width: auto;
	}
	input {
		width: 14em;
	}
}

/* Grid =====================================================================
===========================================================================*/
.container {
	margin: 0 auto;
	max-width: 65em;
	padding: 0;
	position: relative;
	width: 96%;
}
.center_column {
	margin: 0 auto;
	max-width: 52.125em;
	padding: 4em .25em;
	width: 96%;
}
/* 640 < */
@media (min-width: 40em) {
	.column {
		float: left;
		margin: 0;
		padding: 0;
	}
	.container {
		padding: 0 1em;
	}
	.center_column {
		margin: 0 auto;
		max-width: 52.125em;
		padding: 3.5em 1em;
		width: 98%;
	}
	.full {
		width: 100%;
	}
	.two-thirds {
		width: 66.7%;
	}
	.half {
		width: 50%;
	}
	.third {
		width: 33.3%;
	}
	.fourth {
		width: 24.95%;
	}
	.fifth {
		width: 20%;
	}
	.sixth {
		width: 16.6%;
	}
	.flow-opposite {
		float: right;
	}
}

/* Typography ===============================================================
===========================================================================*/
h1 {
	color: rgb(246,139,69);
	font-weight: lighter;
	margin: .65em 0 .5em;
	text-transform: uppercase;
}
h2 {
	color: rgb(246,139,69);
	font-weight: lighter;
	margin: .65em 0 .5em;
	text-transform: uppercase;
}
h3 {
	color: rgb(246,139,69);
	font-weight: lighter;
	margin: .65em 0 .5em;
	text-transform: uppercase;
}
h4 {
	color: rgb(246,139,69);
	font-weight: lighter;
	margin: .65em 0 .35em;
	text-transform: uppercase;
}
h5 {
	color: rgb(246,139,69);
	font-weight: lighter;
	margin: .65em 0 .45em;
	text-transform: uppercase;
}
h6 {
	color: rgb(246,139,69);
	font-weight: lighter;
	margin: .65em 0;
	text-transform: uppercase;
}
a {
	color: rgb(99,99,99);
	font-size: .8125em;
	text-decoration: underline;
}
p {
	color: rgb(99,99,99);
	font-size: .8125em;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 1em;
}
p a {
	color: rgb(246,139,69);
	font-size: 1em;
}
p a:hover {
	text-decoration: none;
}
/* Graphics/Sprite ==========================================================
===========================================================================*/
.sprite {
	background: transparent url(../img/sprite.png) no-repeat;
	position: relative;
}
.logo {
	background-position: -223px -4px;
	display: block;
	height: 64px;
	margin: 0 auto -4.65em;
	padding: 0;
	position: relative;
	width: 142px;
	z-index: 15;
}

/* 640 < */
@media (min-width: 40em) {
	.logo {
		background-position: -113px -80px;
		height: 100px;
		margin: 0 auto -1.5em;
		width: 230px;
	}
}
header .fb {
	background-position: -2px -1px;
	display: block;
	height: 15px;
	margin: 4px 2px;
	width: 14px;
}
header .tw {
	background-position: -18px -1px;
	display: block;
	height: 15px;
	margin: 4px 2px;
	width: 14px;
}
header .ig {
	background-position: -34px -1px;
	display: block;
	height: 15px;
	margin: 4px 2px;
	width: 14px;
}
footer .fb {
	background-position: -52px -1px;
	display: block;
	height: 56px;
	margin: 4px 2px;
	width: 56px;
}
footer .tw {
	background-position: -110px -1px;
	display: block;
	height: 56px;
	margin: 4px 2px;
	width: 56px;
}
footer .ig {
	background-position: -167px -1px;
	display: block;
	height: 56px;
	margin: 4px 2px;
	width: 56px;
}
.lrg-arrow {
	background-position: -80px -152px;
	height: 20px;
	width: 13px;
}
.btn-arrow {
	background-position: -6px -27px;
	display: inline-block;
	*display: inline;
	height: 10px;
	margin: 0 0 0 2px;
	width: 7px;
	*zoom: 1;
}
.cta-arrow {
	background-position: -18px -25px;
	display: inline-block;
	*display: inline;
	width: 13px;
	height: 13px;
	*zoom: 1;
}
.flag {
	display: none;
}
.sale-flag {
	background-position: 0 -126px;
	position: absolute;
	margin: 0 0 0 -25px;
	height: 54px;
	width: 50px;
	top: 1.5em;
	left: 50%;
}
/* 640 < */
@media (min-width: 40em) {
	.flag {
		display: block;
		background-position: -53px -61px;
		height: 36px;
		margin: .125em 0 0;
		width: 56px;
	}
}

/* Layout ===================================================================
===========================================================================*/
header,
nav,
section,
footer {
	margin: 0;
	padding: 0;
	width: 100%;
}
nav {
	background: rgb(239,239,239);
	font-weight: bold;
	height: 2.5em;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	left: 0;
	z-index: 10;
}
nav .container {
	padding: 2.5em 0 0;
	width: 100%;
}
.menu {
	margin: 0;
	padding: 0;
}
.menu a {
	text-decoration: none;
}
.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu_primary {
	padding: 2em 0 0;
	position: relative;
	z-index: 200;
}
.menu_secondary {
	padding: 0 0 1em;
}
.menu_primary,
.menu_secondary {
	background: rgb(255,255,255);
	display: none;
	width: 100%;
}
.menu_primary a,
.menu_secondary a {
	color: rgb(149,149,149);
	display: block;
	font-family: 'Gotham Bold', Gotham-Bold, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.75em;
	padding: .65em 1em;
}
.menu_primary a:hover,
.menu_secondary a:hover {
	color: rgb(246,139,69);
}
.menu_primary a.active,
.menu_secondary a.active {
	color: rgb(99,99,99);
}
.menu_primary a span.mobile-only {
	display: inline;
}
.cart_link {
	position: absolute;
	right: .5em;
	top: .65em;
	width: 4.25em;
}
.cart_link a {
	color: rgb(246,139,69);
	font-family: 'Gotham Bold', Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size: .875em;
	text-decoration: none;
}
.cart_count {
	background: rgb(246,139,69);
	color: rgb(255,255,255);
	display: block;
	font-size: .8em;
	font-weight: lighter;
	height: 20px;
	line-height: 1.75;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 20px;
}
.cart_count:before {
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid rgb(246,139,69);
	content: "";
	display: block;
	height: 0;
	margin: 5px 0 0 -5px;
	position: absolute;
	width: 0;
}
/* 640 < */
@media (min-width: 40em) {
	nav .container {
		padding: 0;
		width: 100%;
	}
	.menu_primary a {
		font-size: .75em;
		padding: .125em .85em;
	}
	.menu_secondary a {
		font-size: .75em;
		padding: .125em 0 .125em .85em;
	}
	.cart_link {
		position: relative;
		margin: 2.6em 0 1.3em .5em;
		right: 0;
		top: 0;
		width: 4em;
	}
	.cart_link a {
		font-size: .75em;
	}
}

/* 800 < */
@media (min-width: 50em) {
	nav .container {
		padding: 0 1em;
		width: 100%;
	}
	.menu_primary a {
		font-size: .875em;
		padding: .125em 1.5em;
	}
	.menu_secondary a {
		font-size: .875em;
		padding: .125em 1em;
	}
	.cart_link {
		margin: 2.6em 0 1.3em 1em;
		width: 4.25em;
	}
	.cart_link a {
		font-size: .875em;
	}
}

/* 960 < */
@media (min-width: 60em) {
	.menu_primary a {
		padding: .125em 2em;
	}
	.menu_secondary a {
		padding: .125em 1.5em;
	}
}

.nav-icon {
	display: block;
	font-size: 2em;
	-webkit-font-smoothing: none;
	position: absolute;
	left: .15em;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	top: 0;
	z-index: 20;
}
.nav-border {
	display: none;
}
header .menu_sub {
	color: rgb(255,255,255);
	font-size: .625em;
	margin: .45em 1.5em 0;
}
header .menu_sub a {
	color: rgb(255,255,255);
	text-transform: uppercase;
}
.header_bar {
	display: none;
}
footer .menu {
	border-top: 1px solid rgb(149,149,149);
	color: rgb(149,149,149);
	font-size: 1.625em;
	font-weight: bold;
	margin: 1em auto 0;
	padding: 1em 0 0;
	text-align: center;
}
footer .menu a {
	color: rgb(149,149,149);
	font-family: 'Gotham Bold', Gotham-Bold, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
footer .menu_social {
	border-top: none;
	display: block;
	padding: 0;
	width: 100%;
	text-align: center;
}
footer .menu_social li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.copyright {
	color: rgb(149,149,149);
	font-size: 1em;
	font-weight: lighter;
	margin: 1em auto;
	text-transform: uppercase;
}
.copyright span {
	display: block;
	text-align: center;
}
.login_new {
	border-bottom: 1px solid rgb(149,149,149);
	margin: 0 auto 1em;
	padding: 0 0 1.25em;
	width: 100%;
}

/* 640 < */
@media (min-width: 40em) {
	nav {
		height: auto;
	}
	header .menu_social {
		display: block;
	}
	.nav-icon {
		display: none;
	}
	.nav-border {
		display: table-cell;
		text-align: center;
		width: 3em;
	}
	.menu_sub .nav-border:first-child,
	footer .nav-border:first-child {
		display: none;
	}
	.menu ul {
		display: table-row;
	}
	.menu li {
		display: table-cell;
	}
	.menu_primary,
	.menu_secondary {
		background: transparent;
		display: block;
		padding: 0;
		position: relative;
		margin: 2.6em 0 1.3em;
		width: auto;
	}
	.menu_primary {
		float: left;
	}
	.menu_secondary,
	.menu_social,
	.menu_sub {
		float: right;
	}
	.menu_secondary li:nth-child(5) {
		display: none;
	}
	.header_bar {
		background: rgb(194,194,194);
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	footer .menu_social {
		display: none;
	}
	footer .menu {
		border: none;
		float: left;
		font-size: .625em;
		font-weight: lighter;
		margin: 3.75em 0 2em;
		padding: 0;
	}
	footer .menu a {
		color: rgb(149,149,149);
		font-family: 'Gotham Light', Gotham-Light, Arial, Helvetica, sans-serif;
	}
	.copyright {
		color: rgb(149,149,149);
		font-size: .625em;
		margin: 3.75em 0 0;
	}
	.copyright span {
		display: inline;
		text-align: right;
	}
	.login_new {
		border-left: 1px solid rgb(149,149,149);
		border-bottom: none;
		margin: -.0125em 0 0;
		padding: .0125em 0 1em 3.5em;
		width: 100%;
	}
}

/* Map Slider ===============================================================
===========================================================================*/
.map-container {
	background: rgb(239,239,239);
	margin: 0 0 2.5em;
	padding: .75em 0;
	width: 100%;
}
.map-container .toggle {
	color: rgb(246,139,69);
	display: block;
	font-size: 1.8em;
	font-weight: lighter;
	max-width: 10.25em;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	width: 90%;
}
.map-container .toggle:focus {
	outline: none;
}
.map-container .toggle .active {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.map-container .lrg-arrow {
	margin: .2em 0 0;
}

/* 640 < */
@media (min-width: 40em) {
	.map-container .toggle {
		font-size: 2.625em;
		max-width: 11.5em;
	}
	.map-container .lrg-arrow {
		margin: .35em 0 0;
	}
}
.map-slide {
	display: none;
	margin: 0 auto;
	max-width: 42.65em;
	padding: 2em 0 0;
	width: 90%;
}
.map {
	background-position: -366px -2px;
	float: none;
	height: 174px;
	margin: 0 auto 1em;
	width: 284px;
}
.map .star {
	background-position: -2px -83px;
	float: right;
	height: 12px;
	margin: .125em;
	width: 14px;
}
.location {
	position: absolute;
}
.map .mn {
	top: 30px;
	right: 118px;
}
.map .me {
	top: 12px;
	right: 0;
}
.map .va {
	top: 75px;
	right: 35px;
}
.map .tx {
	top: 130px;
	right: 130px;
}
.map .fl {
	top: 160px;
	right: 34px;
}
.map p {
	color: rgb(246,139,69);
	display: none;
	float: right;
	font-size: .5625em;
	line-height: 1;
	padding: 0;
	text-align: right;
	text-transform: uppercase;
	text-shadow: 0 0 1px 3px rgb(255,255,255);
}

/* 640 < */
@media (min-width: 40em) {
	.map {
		float: left;
		margin: -1em 1em 1.5em 0;
	}
}

/* Newsletter Form ==========================================================
===========================================================================*/
.newsletter {
	margin: 1em auto;
	padding: 0 1em;
	width: 100%;
}
.newsletter label {
	color: rgb(99,99,99);
	font-size: 1.25em;
	margin: 0 auto;
	text-align: center;
	text-transform: none;
}

/* 640 < */
@media (min-width: 40em) {
	.newsletter {
		display: block;
		max-width: 38em;
		padding: 0;
	}
	.newsletter label {
		font-size: .8125em;
		text-align: left;
	}
	.newsletter li {
		display: table-cell;
	}
	.newsletter input {
		margin: 0 1em;
		width: 12em;
	}
	.newsletter button {
		width: 11.5em;
	}
}

/* Home Billboards ==========================================================
===========================================================================*/
.billboard {
	min-height: 600px;
	overflow: hidden;
	position: relative;
}
.video_container {
	background: url(../img/still.jpg) top center no-repeat;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
	position: relative;
	width: 100%;
	z-index: -100;
}
.video_container .content {
	position: absolute;
	left: 8%;
	right: 8%;
	top: 20%;
}
.video_container h1 {
	color: rgb(255,255,255);
	font-size: 2.625em;
	line-height: 1;
	margin: 0 0 .45em;
}
.video_container p {
	color: rgb(255,255,255);
}
.video_container button {
	width: 15em;
}
.video_background {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}

/* 640 < */
@media (min-width: 40em) {
	.video_container .content {
		position: absolute;
		left: 8%;
		right: 40%;
		top: 18%;
		z-index: 200;
	}
}

/* 960 < */
@media (min-width: 60em) {
	.video_container .content {
		position: absolute;
		left: 12%;
		right: 42%;
		top: 18%;
	}
}

/* 1280 < */
@media (min-width: 80em) {
	.video_container .content {
		position: absolute;
		left: 20%;
		right: 45%;
		top: 18%;
	}
}

/* 1440 < */
@media (min-width: 90em) {
	.video_container .content {
		position: absolute;
		left: 25%;
		right: 25%;
		top: 20%;
	}
}

.billboard .cta {
	min-height: 300px;
	position: relative;
	width: 100%;
}
.billboard .cta:nth-child(1) {
	background: url(../img/home_billboard1.jpg) center no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}
.billboard .cta:nth-child(2) {
	background: url(../img/home_billboard2.jpg) center no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}
.billboard .cta .content {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	/*linear-gradient*/
	background: -webkit-gradient(linear,left top,left bottom,color-stop(rgba(0,0,0,0),0),color-stop(rgba(0,0,0,0.65),1));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background:      -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background:         linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background:      -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background:         linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	/* Chrome10+,Safari5.1+ */
	/* Opera 11.10+ */
	/* IE10+ */
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background:    -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background:      -o-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background:         linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	/* IE6-8 */
	padding: 5% 5% 1%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.billboard .cta a {
	color: rgb(255,255,255);
	font-size: 1.125em;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
}
.billboard p {
	color: rgb(255,255,255);
}
/* Catergories ==============================================================
===========================================================================*/
.category_product {
	padding: 1em 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.category_product img {
	margin: 0;
	max-width: 100%;
}
.category_product p {
	padding: 0;
}
.category_title {
	color: rgb(99,99,99);
	display: block;
	padding: 0 2em;
	text-decoration: none;
}
.category_price {
	font-weight: bold;
}
.category_price del {
	font-weight: 100;
}
a.add-to-cart,
input.add-to-cart {
	background: transparent;
	border: none;
	color: rgb(246,139,69);
	font-family: 'Gotham Light', Gotham-Light, Arial, Helvetica, sans-serif;
	font-size: .8125em;
	font-weight: lighter;
	margin: 0 auto;
	padding: 0;
	text-decoration: underline;
	text-transform: uppercase;
	width: auto;
}

/* Detail ===================================================================
===========================================================================*/
.detail_container {
	padding: 3em 0 0;
	width: 100%;
}
.detail_container .content {
	padding: 1em;
}
.detail_container .flex-img {
  display: block;
  margin: 0 auto;
}
.detail_info {
	background: rgb(239,239,239);
	margin: 1em 0;
	padding: 2em;
	width: 100%;
}
.detail_title {
	color: rgb(149,149,149);
	font-size: 1.5em;
	font-weight: lighter;
	margin: 0;
	text-transform: uppercase;
}
.detail_rating {

}
.detail_reviews {
 color: rgb(246,139,69);
}
.detail_specs {
 color: rgb(246,139,69);
}
.detail_price {
	color: rgb(149,149,149);
	font-size: 1.5em;
	margin: .75em 0;
}

/* 640 < */
@media (min-width: 40em) {
	.detail_info {
		-webkit-box-shadow: 0 -6px 6px -6px rgb(80,80,80);
		-moz-box-shadow:    0 -6px 6px -6px rgb(80,80,80);
		box-shadow:         0 -6px 6px -6px rgb(80,80,80);
		margin: 2em auto;
		max-width: 58em;
		padding: 2% 4.5%;
		width: 96%;
	}
	.detail_container .content {
		margin: 0 auto;
		max-width: 50em;
	}
	.detail_price {
		margin: -1.15em 0 .825em;
	}
}
/* Cart =====================================================================
===========================================================================*/
.cart table {
	padding: 1em;
  	width: 100%;
}
.cart .item {
  padding: 1em;
  text-align: center;
}
.cart .desc {
  padding: 1em 0;
  text-align: left;
}
.cart button {
	margin: 1em 1em 0 0;
}
.cart button.update {
	background: rgb(149,149,149);
	-webkit-box-shadow: 0 2px 2px -2px rgb(255,255,255);
	-moz-box-shadow:    0 2px 2px -2px rgb(255,255,255);
	box-shadow:         0 2px 2px -2px rgb(255,255,255);
}
.cart button.update:hover {
	-webkit-box-shadow: 0 2px 2px -2px rgb(0,0,0);
	-moz-box-shadow:    0 2px 2px -2px rgb(0,0,0);
	box-shadow:         0 2px 2px -2px rgb(0,0,0);
}
.cart input.quantity {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 3em;
}
.subtotal td {
  border-top: solid 1px rgb(239,239,239);
  padding: 1em 1.5em 0;
}

.cart-item td {
  border-top: solid 1px rgb(239,239,239);
}

/* 640 < */
@media (min-width: 40em) {
	.cart button {
		float: right;
	}
}


/* Our Design ===============================================================
===========================================================================*/
.design {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.design .image {
	position: relative;
	z-index: 0;
}
.design .content {
	background: rgb(255,255,255);
	background: rgba(255,255,255,.8);
	padding: 0 1em;
	position: relative;
	z-index: 2;
}
.webbing {
	margin: -4em 0 -1em;
}
.webbing .image {
	background: url(../img/design_img1.jpg) center right no-repeat;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
	height: 420px;
}
.stitching .image {
	background: url(../img/design_img2.jpg) center left no-repeat;
	min-height: 180px;
}
.buckles .image_left {
	background: url(../img/design_img3.jpg) center left no-repeat;
	height: 180px;
	width: 100%;
}
.buckles .image_right {
	background: url(../img/design_img4.jpg) center right no-repeat;
	height: 180px;
	width: 100%;
}
.trim .image {
	background: url(../img/design_img5.jpg) center left no-repeat;
	min-height: 330px;
}
.waterproof {
	margin: 0 0 4em;
}
.waterproof .image {
	background: url(../img/design_img6.jpg) center right no-repeat;
	min-height: 180px;
}
connection {
	display: none;
}

/* 640 < */
@media (min-width: 40em) {
	.webbing {
		margin: -2em 0 0;
	}
	.webbing .image {
		-moz-background-size: auto 100%;
		background-size: auto 100%;
		height: 600px;
	}
	.webbing .nylon {
		position: absolute;
		top: 11em;
		left: 14%;
		text-align: right;
		width: 380px;
	}
	.webbing .snap-hooks {
		position: absolute;
		bottom: -10em;
		right: 15%;
		text-align: center;
		width: 380px;
	}
	.webbing .anchor:nth-child(1) {
		position: absolute;
		top: 223px;
		right: 550px;
	}
	.webbing .anchor:nth-child(2) {
		position: absolute;
		top: 480px;
		right: 425px;
	}
	.stitching {
		min-height: 380px;
	}
	.stitching .anchor:nth-child(1) {
		position: absolute;
		top: 65px;
		left: 150px;
	}
	.stitching .anchor:nth-child(2) {
		position: absolute;
		top: 120px;
		left: 133px;
	}
	.stitching .contrast {
		position: absolute;
		top: -14em;
		left: 10%;
		width: 400px;
	}
	.stitching .bar-tack {
		position: absolute;
		bottom: 0;
		left: 10%;
		width: 400px;
	}
	.buckles {
		margin: 3em 0 0;
	}
	.buckles .image_left {
		background-position: center right;
		float: left;
		max-width: 388px;
		width: 35%;
	}
	.buckles .image_right {
		background-position: center left;
		float: right;
		max-width: 388px;
		width: 35%;
	}
	.buckles .content {
		clear: none;
		text-align: center;
		width: 30%;
		max-width: 450px;
		margin: -.5em auto 0;
	}
	.trim {
		margin: 5em 0;
	}
	.trim .image .anchor:nth-child(1) {
		position: absolute;
		top: 142px;
		left: 360px;
	}
	.trim .image .anchor:nth-child(2) {
		position: absolute;
		top: 142px;
		left: 360px;
	}
	.trim .content {
		position: absolute;
		top: 5em;
		left: 50%;
		width: 420px;
	}
	.trim .content .anchor {
		position: absolute;
		left: 0;
		top: 3.5em;
	}
	.waterproof .anchor {
		position: absolute;
		top: 63px;
		right: 250px;
	}
	.waterproof .content {
		position: absolute;
		top: 1em;
		right: 50%;
		text-align: right;
		width: 420px;
	}
	connection {
		display: inline;
		border-color: rgb(156,156,156);
	}
	/*connection:nth-child(7) {
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		-o-transform: rotate(20deg);
		transform: rotate(20deg);
		margin: -2.25em 0 0 .45em;
	}
	connection:nth-child(8) {
		-webkit-transform: rotate(340deg);
		-moz-transform: rotate(340deg);
		-ms-transform: rotate(340deg);
		-o-transform: rotate(340deg);
		transform: rotate(340deg);
		margin: 3.125em 0 0 .65em;
	}*/
}

/* ==========================================================================
  Store Locator
========================================================================== */
.loc_container {
	background: rgb(246,139,69);
	background: rgba(246,139,69,.8);
	color: rgb(255,255,255);
	height: auto;
	padding: .5em 1.5em 1em;
	/*position: absolute;
	left: 1em;
	top: 4.5em;
	right: 1em;*/
	z-index: 5;
}
.loc_container form ul,
.loc_container form li {
	margin: 0;
	padding: 0;
}
.loc_container .title {
	color: rgb(255,255,255);
	font-size:2em;
	font-weight: lighter;
	margin: .85em 0 .5em;
	text-transform: uppercase;
}
.loc_container h5 {
	color: rgb(255,255,255);
	cursor: pointer;
	font-weight: bold;
	margin: 0;
}
.loc_container p {
	color: rgb(255,255,255);
	padding: 0;
}
.loc_container a {
	color: rgb(255,255,255);
	cursor: pointer;
	padding: 0;
}
.loc_container label {
	color: rgb(255,255,255);
	font-size: 1.25em;
	margin: .75em 0 0;
}
.loc_container input {
	margin: 0 0 .5em;
	width: 100%;
}
.loc_container button {
	background: rgb(149,149,149);
	width: 100%;
}
.view_results {
	display: block;
	font-size: 1em;
	line-height: 1;
	margin: 1em 0 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
.view_results i.active {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.loc_results {
	/*display: none;*/
	margin: 1em 0 0;
	overflow-x: scroll;
	height: 100%;
	max-height: 285px;
	width: 100%;
	/*border: 1px solid yellow;*/
}
.loc_results .item {
	padding: 1em;
	border: none !important;
	outline: none !important;
}
.loc_results .selected {
	background: rgb(160,160,160);
}

/* 640 < */
@media (min-width: 40em) {
	.loc_container {
		position: relative;
		/*left: 10%;
		top: 7.5em;
		width: 22em;*/
	}
	.loc_container label {
		font-size: 1.5em;
	}
}

/* ==========================================================================
   Helper classes
========================================================================== */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-both {
	clear: both;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.flex-img {
	margin: .5em 0;
	max-width: 100%;
}
@media (min-width: 40em) {
  .flex-img {
      margin: 0 0 1em;
      max-width: 100%;
  }
}
.text-orange {
	color: rgb(246,139,69);
}
.return-address {
	color: rgb(99,99,99);
	font-size: .8125em;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 1em;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.hidden {
	display: none !important;
	visibility: hidden;
}

/* 640 < */
@media (min-width: 40em) {
	.mobile-only {
		display: none !important;
	}
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}

/* Error/Success Messaging */
.successForm p {
	color: green;
}

.errorForm p {
	color: red;
}

/* ==========================================================================
   Retina
===========================================================================*/
@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
	.sprite {
		background: transparent url(../img/sprite_@2X.png) no-repeat;
		-webkit-background-size: 650px 180px;
		-moz-background-size: 	 650px 180px;
		-o-background-size:      650px 180px;
		background-size:         650px 180px;
	}
	.logo {
		background-position: -223px -4px;
		display: block;
		height: 64px;
		margin: 0 auto -4.65em;
		padding: 0;
		position: relative;
		width: 142px;
		z-index: 15;
	}
	header .fb {
		background-position: -2px -1px;
		display: block;
		height: 15px;
		margin: 4px 2px;
		width: 14px;
	}
	header .tw {
		background-position: -18px -1px;
		display: block;
		height: 15px;
		margin: 4px 2px;
		width: 14px;
	}
	header .ig {
		background-position: -34px -1px;
		display: block;
		height: 15px;
		margin: 4px 2px;
		width: 14px;
	}
	footer .fb {
		background-position: -52px -1px;
		display: block;
		height: 56px;
		margin: 4px 2px;
		width: 56px;
	}
	footer .tw {
		background-position: -110px -1px;
		display: block;
		height: 56px;
		margin: 4px 2px;
		width: 56px;
	}
	footer .ig {
		background-position: -167px -1px;
		display: block;
		height: 56px;
		margin: 4px 2px;
		width: 56px;
	}
	.lrg-arrow {
		background-position: -80px -152px;
		height: 20px;
		width: 13px;
	}
	.btn-arrow {
		background-position: -6px -27px;
		display: inline-block;
		*display: inline;
		height: 10px;
		margin: 0 0 0 2px;
		width: 7px;
		*zoom: 1;
	}
	.cta-arrow {
		background-position: -18px -25px;
		display: inline-block;
		*display: inline;
		width: 13px;
		height: 13px;
		*zoom: 1;
	}
	.flag {
		display: none;
	}
	.map {
		background-position: -366px -2px;
	}
	.map .star {
		background-position: -2px -83px;
	}
	.sale-flag {
		background-position: 0 -126px;
		position: absolute;
		margin: 0 0 0 -25px;
		height: 54px;
		width: 50px;
		top: 1.5em;
		left: 50%;
	}
}

@media (min--moz-device-pixel-ratio: 1.5) and (min-width: 40em),
(-o-min-device-pixel-ratio: 3/2) and (min-width: 40em),
(-webkit-min-device-pixel-ratio: 1.5) and (min-width: 40em),
(min-device-pixel-ratio: 1.5) and (min-width: 40em),
(min-resolution: 1.5dppx) and (min-width: 40em) {
	.logo {
		background-position: -113px -80px;
		height: 100px;
		margin: 0 auto -1.5em;
		width: 230px;
	}
	.flag {
		display: block;
		background-position: -53px -61px;
		height: 36px;
		margin: .125em 0 0;
		width: 56px;
	}
}

/* ==========================================================================
   Print styles
========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}