@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('webfonts/261A48_0_0.eot');
    src: url('webfonts/261A48_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/261A48_0_0.woff') format('woff'), url('webfonts/261A48_0_0.ttf') format('truetype'), url('webfonts/261A48_0_0.svg#wf') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('webfonts/261A53_0_0.eot');
    src: url('webfonts/261A53_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/261A53_0_0.woff') format('woff'), url('webfonts/261A53_0_0.ttf') format('truetype'), url('webfonts/261A53_0_0.svg#wf') format('svg');
}

@font-face {
    font-family: 'ProximaNova-Light';
    src: url('webfonts/2799E5_0_0.eot');
    src: url('webfonts/2799E5_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2799E5_0_0.woff') format('woff'), url('webfonts/2799E5_0_0.ttf') format('truetype'), url('webfonts/2799E5_0_0.svg#wf') format('svg');
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

h1, h2, h3, h4 {
  font-family: 'ProximaNova-Light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

label {
	font-size: .75rem;
	line-height: 2rem;
}
  
.main-section {
background-color: white;
padding-top:1rem;
}

.main-section h4 {
	text-shadow: 0 1px 0 rgba(255,255,255,0.9);
  font-weight: normal;
	text-transform: capitalize;
	font-size: 20px;
	color: #444;
}

.main-section h4 span {
	color:#a8100d;
}


.top-bar-section li.name {
	width:120px;
	height:auto;
}

.top-bar-section li.name img {
	margin-top:-5px;
}

select {
font-size: 0.875rem;
border-radius: 5px;
padding-left: .875rem;
color:#666;
border: 2px solid #ddd;
}

.medium-3 select {
	background-position: 90% center;
}


@media (min-width: 641px) {
.main-section h4 {
	font-size: 26px;
}}

.button {
	font-family: 'ProximaNova-Semibold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.postfix.button.secondary {
	text-transform: capitalize;
	font-size:.8rem;
	background-image: none
}

.top-bar-section ul li > a {
  font-family: 'ProximaNova-Semibold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
  font-size: 0.75rem;
}

@media (min-width: 705px) {
.top-bar-section ul li > a {
  font-size: 0.8125rem;
	text-transform: capitalize;
  }
}

.top-bar-section li:not(.has-form) a:not(.button) {
	line-height: 44px;
}
/* This should not exist 
input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
 */
header {
background-color:#fff;
min-height:65px;
padding-top:0px;
}

header .account-info p {
padding-top:15px;
font-size: .75rem;
color: rgba(255,255,255,0.5);
}

header .account-info p a {
font-weight: bold;
color: rgba(255,255,255,1)
}

header img {
	padding-top:20px;
	padding-bottom:20px;
}

header .button.dropdown {
	margin-top:1rem;
	background-color:transparent;
	color:rgba(255,255,255,0.7);
	border:1px solid rgba(255,255,255,0.25);
}

header .darker .button.dropdown {
	margin-top:1rem;
	background-color:transparent;
	color:rgba(0,0,0,0.7);
	border:1px solid rgba(0,0,0,0.25);
}

@media (min-width: 640px) {
header .button.dropdown {
	margin-top:.7rem;
}}

header .f-dropdown li.userid { 
	font-size: .6rem;
	text-transform: uppercase;
	color:#999;
	font-weight: bold;
	padding-top:5px;
	padding-left:10px;
	cursor: default;
}

header .f-dropdown li.userid:hover { 
	background: white;
}

header .f-dropdown li {
font-size: 0.75rem;
line-height: 1rem;
}

header .f-dropdown {
max-width: 150px;
}

#masthead {
background: url('../img/bg_masthead.jpg');
background-size: cover;
background-position: center center;
margin: 0;
padding: 0;
min-height: 150px;
}

#masthead.shopping {
background: url('../img/bg_shopping.jpg');
background-size: cover;
background-position: center bottom;
}

@media (min-width: 640px) {
#masthead {
min-height: 300px;
}
header {
	min-height:100px;
	padding-top:20px;
}

header img {
	padding-top:7px;
}
}

.breadcrumbs {
display: block;
padding: 0.875rem 0rem; 
border-style: none; 
background-color: white;
border-radius:0; 
}

/* End Header and Masthead Styles */
/* Shopping Styles */
.item {
font-weight: normal;
background-color: white;
box-shadow: 0px 3px 8px -4px rgba(0,0,0,0.15);
text-align: center;
margin:1rem auto;
}

.sub-nav dt, .sub-nav dd, .sub-nav li {
	font-family: 'ProximaNova-Semibold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}

.sub-nav dd:first-of-type {
clear:both;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
border-radius: 3px;
font-weight: normal;
background: white;
padding: 0.3rem .5rem;
cursor: default;
color: #666;
}

.sub-nav dt, .sub-nav dd, .sub-nav li {
float: left;
display: inline;
margin-left: .3rem;
margin-bottom: 0.625rem;
font-weight: normal;
font-size: 0.75rem;
}

.sub-nav {
margin: 0rem;
margin-left: 0rem;
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
text-decoration: none;
color: #999999;
padding: 0.1875rem .25rem;
}

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
background: white;
color: #000;
}

.breadcrumbs.detail {
	margin-bottom:0px;
}

.detail h1 {
	font-size: 1.5rem;
}

.detail h2 {
	font-family: 'ProximaNova-Semibold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:1.85rem;
}

.detail h2 span {
	font-family: 'ProximaNova-Regular', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size:.8rem;
}

.detail p {
	color:#888;
	font-size: .75rem;
	line-height: 1.2rem;
	padding-right:.5rem;
}



.detail p a {
	font-weight: bold;
}

.detail h4 {
	text-transform: uppercase;
	font-size: 1.2rem;
}

.summary {
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #ccc;
font-size: .75rem;
color:#666;
}

.summary a {
	font-weight: bold;
}

@media (min-width: 640px) {
	
	.detail {
	margin-bottom:2.5rem;
}

.sub-nav dd:first-of-type {
	clear:none;
	margin-left:1rem;
}
.links-section .item {
padding-top:2rem;
}

.detail h1 {
	font-size: 2rem;
	line-height: 2rem;
}

.detail {
	margin-top:1rem;
}
}

.item .button {
	margin:0;
}

.item div.small-6.columns {
	padding-left:0em;
	padding-right:0em;
}
.image-wrapper {
height:150px;
}

.item .product {
padding-top: 20%;
padding-right: 20%;
padding-left: 20%;
padding-bottom: 5%;
display:block;
}

.item .title {
font-family: 'ProximaNova-Regular', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	padding-top:0px;
	padding-bottom:1rem;
	color:#666;
	padding-right:.5rem;
	padding-left:.5rem;
	height: 2rem;
}

.item .title a{
	color:#666;
}

.item .title a:hover{
	color:#000;
}
	
.points {
font-family: 'ProximaNova-Semibold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
	
@media (min-width: 640px) {
.item .title {
	font-size: .85rem;
	}
.button {
	font-size:.8rem;
}
.item .product {
padding-top: 25%;
padding-right: 20%;
padding-left: 20%;
padding-bottom: 15%;
}
}

.points {
	position: absolute;
	right: .8em;
	padding:.75rem;
	z-index: 10;
	font-size: 1.1rem;
}
/* Cart Styles */
.row.cart {
background-color: white;
box-shadow: 0px 3px 8px -4px rgba(0,0,0,0.15);
padding-left:2rem;
padding-right:2rem;
padding-top:1rem;
padding-bottom:2rem;
position:relative;
margin-bottom:2rem;
}

.cart-wrapper h3 {
	font-size:1.25rem;
}

.view-cart .button {
	padding-top:.7rem;
	padding-bottom:.7rem;
	padding-right:1rem;
	padding-left:1rem;
	background:none;
}

.view-cart .button:hover {
	background: #ca6a0a;
}
@media (min-width: 640px) {
.cart-wrapper h3 {
	font-size:1.5rem;
	padding-top:.75rem;
}

.cart-wrapper.receipt h3 {
	font-size:1.5rem;
	padding-top:.0rem;
}

.cart .medium-9 {
padding-left: 1rem;
}
}

.row.cart select {
	background-position: 85% center;
}

.secondary-section .cart-wrapper h4 {
font-family: 'ProximaNova-Semibold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1.6rem;
text-transform: capitalize;
color:#333;
}

.cart-wrapper h4 span {
font-family: 'ProximaNova-Regular', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
}

.cart-wrapper {
	font-size:.85rem;
	color:#999;
	line-height: 1.2rem;
}

.cart-wrapper{
	padding-left:.9375rem;
	padding-right:.9375rem;
}

input.button.X {
position: absolute;
right:0;
top:0;
padding-top: 0rem;
padding-right: .65rem;
padding-bottom: 0rem;
padding-left: .65rem;
font-size: 1.8rem;
}

.row.cart h4.qty {
	font-family: 'ProximaNova-Light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

/* Login Styles */
.login-section input.button {
	background:-webkit-linear-gradient(#aaa 0%, #eee 100%);
	color:#333;
	box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.1);
	text-transform: uppercase;
	font-size:1.15rem;
	letter-spacing: 1px;
}

.login-section input.button:hover {
	background:-webkit-linear-gradient(#999 0%, #eee 100%);
	color:#000;
}

.login-section input.button:active {
	background:-webkit-linear-gradient(#eee 0%, #aaa 100%);
	box-shadow: 0px -1px 4px 2px rgba(0,0,0,0.1);
}

.dark input.button {
	background:-webkit-linear-gradient(#666 0%, #000 100%);
	color:#fff;
	box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.1);
	text-transform: uppercase;
	font-size:1.15rem;
	letter-spacing: 1px;
}

.dark input.button:hover {
	background:-webkit-linear-gradient(#333 0%, #000 100%);
	color:#fff;
}

.dark input.button:active {
	background:-webkit-linear-gradient(#000 0%, #666 100%);
	box-shadow: 0px -1px 4px 2px rgba(0,0,0,0.1);
}

.login-section a.button.secondary {
	background:rgba(0,0,0,0.1);
	color:#ffffff;
	box-shadow: none;
}

.login-section a.button.secondary:hover {
	background:rgba(0,0,0,0.3);	
}

.dark a.button.secondary {
	background:rgba(0,0,0,0.5);
	color:#ffffff;
	box-shadow: none;
}

.dark a.button.secondary:hover {
	background:rgba(0,0,0,0.7);
	color:#ffffff;
}

.login-section a.small {
	display:block;
	text-align: center;
	font-size:.8rem;
	color:rgba(255,255,255,0.7);
}
.login-section a.small:hover {
	color:rgba(255,255,255,1);
}

.dark a.small {
	display:block;
	text-align: center;
	font-size:.8rem;
	color:rgba(0,0,0,0.7);
}
.dark a.small:hover {
	color:rgba(0,0,0,1);
}

.login img {
	padding-bottom:1rem;
	padding-top:1rem;
}

.login-section h4 {
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	font-weight: normal;
	text-transform: uppercase;
	color: rgba(250,250,250,1);
	font-size: 20px;
}

.login-section p {
	color: rgba(250,250,250,0.5);
}

.dark p {
	color: rgba(0,0,0,0.5);
}

/* End Login Styles */

/* Modal Styles */
.reveal-modal h2 {
	text-shadow: 0 1px 0 rgba(255,255,255,0.9);
	font-weight: normal;
	font-size: 26px;
	color: #444;
}
/* End Modal Styles */

/* Content Styles */
.breadcrumbs > *:before {
margin: 0 0.35rem;
}

.label {
	margin-bottom:.5rem;
	margin-top:.5rem;
	text-transform: uppercase;
	padding-top:.375rem;
}


.links-section, .secondary-section {	
background:#efefef;
padding-top:2rem;
box-shadow: inset 1px 6px 9px -9px;
}

.links-section p, .secondary-section p{
	font-size: .75rem;
	color:#666;
} 

.links-section ul , .secondary-section ul {
margin-left: 0;
}

.links-section ul li, .secondary-section ul li{
	list-style-type: none;
	border-bottom: 1px solid #ccc !important;
	margin-top:.25rem;
	font-size: .5rem;
	padding-bottom:.25rem;
	color:#666;
}

.links-section ul li a, .secondary-section ul li a{
font-weight: bold;
font-size: 1rem;
clear: both;
display:block;
}

.powerlist li {
font-size: 1rem !important;}

.powerlist .label {
	background-color:#bbb;}

.powerlist a .label {
	background-color:orange;}

.secondary-section ul.pagination li {
	list-style-type: none;
	border-bottom: none !important;
	margin-top:.25rem;
	font-size: .5rem;
	padding-bottom:.25rem;
	color:#666;
}


/* Tab and Accordian Styles */

.secondary-section ul.tabs li {
	border-bottom: none !important;
}

.tabs dd > a, .tabs .tab-title > a {
padding: .5rem 1rem;
font-size: .5rem; 
background:#e1e1e1;
}

span.status {
	font-size:.5em;
}

@media (min-width: 641px) {
.secondary-section ul.tabs li {
	border-bottom: none !important;
}

.tabs dd > a, .tabs .tab-title > a {
padding: 1rem 2rem;
font-size: .75rem; 
}
span.status {
	font-size:1em;
}
}

.links-section ul li a.button, .secondary-section ul li a.button {display: block;}

.links-section ul li.accordion-navigation, .secondary-section ul li.accordion-navigation {
margin-top:0;
font-size: .75rem;
padding-bottom: 0;
font-weight: normal;
}

li.accordion-navigation span {
	font-weight: normal;
	font-size: .75rem;
	color:#666;
}

.accordion .accordion-navigation > a, .accordion dd > a {
padding: .85rem;
font-size: .85rem; 
color:#ec8e34;}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background: #fff;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background: #fff;
}

/* End Tab and Accordian Styles */

footer .links p {
	font-size:.6em;
}

@media (min-width: 641px) {
.links-section ul li a, .secondary-section ul li a{
display:inline;
padding-right:1rem;
}

.secondary-section ul.pagination li a {
	padding-right:0.625rem;
}


.links-section ul li span.status, .secondary-section ul li span.status{
	font-size: .75rem;
	float: right;
	padding-top:.75rem;
}
}



.secondary-section h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	color:#666;
}

.links-section fieldset legend, .secondary-section fieldset legend{
background: #eee;
color:#ec8e34;
text-transform: uppercase;
letter-spacing: 1px;
padding:0 0.5rem;
font-weight: normal;
font-family: 'ProximaNova-Bold';
}

.white-rounded {
 -moz-border-radius: .5rem;
 border-radius: .5rem;
 background: #f9f9e6;
 padding:1rem !important;
}

.white-rounded a {
	font-weight: bold;
}

p.small {
font-size: .6rem;
font-style: italic;
padding-left: .5rem;
padding-right: .5rem;
margin-top: -.5rem;
text-align: center;
}


.links-section a.button {
	background-color:#efefef;
	border-bottom:1px solid #ccc;
	text-align: left;
	padding-left:1em;
	margin:0;
	color:#666;
	font-size:.95rem
}

.links-section a.button:hover {
	background-color:#ddd;
	color:#444;
}

.links-section .row:nth-of-type(2) .columns:nth-of-type(1) {
	border-top: 1px solid #ccc;
}

.links .columns {
padding-left: 0rem;
padding-right: 0rem;
}



.links-section h4 {
	text-shadow: 0 1px 0 rgba(255,255,255,0.9);
	font-weight: normal;
	text-transform: uppercase;
	color: #999;
	font-size: 20px;
}

.secondary-section .panel {
	background: #fff;
	border: none;
	box-shadow: 0px 3px 8px -4px rgba(0,0,0,0.15);

}

.secondary-section h4 {
	text-shadow: 0 1px 0 rgba(255,255,255,0.9);
	font-weight: normal;
	text-transform: uppercase;
	color: #999;
	font-size: 20px;
}

.secondary-section .button.secondary, .secondary-section .label.secondary {
	background-color:#ddd;
	color:#555;
}

.secondary-section .button.secondary:hover {
	background-color:#ccc;
}

.secondary-section .button.white {
	background-color:#fff;
	color:#666;
}

.secondary-section .button.white:hover {
	background-color:#666;
	color:#fff;
}

span.profile {
font-size: .6rem;
margin-bottom: -15px;
color: #888;
text-transform: uppercase;
display: block;
line-height: 0rem;
margin-top: 20px;}

.links-section .item {
background-color: transparent;
box-shadow: none;
text-align: left;
margin: 0rem;
}


@media (min-width: 641px) {


.links-section .row:nth-of-type(2) .columns:nth-of-type(1) {
	border-top: none;
}

.links-section, .secondary-section {
	padding-bottom:2rem;
}

  .links-section a.button {
	border-bottom:none;
	background-color:#fff;
	color:#333;
	text-align: center;
	margin:0 0 1.25rem
}

.links-section a.button {
	padding-left:0;
}

.links-section a.button:hover {
	background-color:#fff;
	color:#ec8e34;
}

.links-section .row:first-of-type .columns:nth-of-type(2) {
	border-top: none;
}

.links .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}

.links-section h4, .login-section h4 {
	padding-left:0;
	font-size: 26px;
}

.links-section .item {
font-weight: normal;
background-color: white;
box-shadow: 0px 3px 8px -4px rgba(0,0,0,0.15);
text-align: center;
margin: 1rem auto;
}

.links-section .item .image-wrapper {
margin: 0 auto;
display: table-cell;
vertical-align: bottom;
}

.links-section .item .image-wrapper img {
max-height: 150px;
}

.links-section .item a.button {
text-transform: capitalize;
}
}

/* Mobile Menu Styles */

.tab-bar h1.title {
	font-family: 'ProximaNova-Semibold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}
ul.off-canvas-list {
	  list-style-type: none;
	  padding: 0;
	  margin: 0; }
  
ul.off-canvas-list li label {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: none;
    border-top: none;
    border-bottom: none;
    margin: 0; }
  
ul.off-canvas-list li a {
border-bottom: none !important;
font-size: 1rem;
padding: 0.2rem 0.95rem !important;
color: #bbb;
font-family: 'ProximaNova-Regular', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
}
    
.left-off-canvas-menu hr {
	border: solid #666;
	border-width: 1px 0 0;
	margin: 0;
}

ul.off-canvas-list li label {
padding: 0.3rem 0.9375rem;
color: #666666;
text-transform: uppercase;
font-weight: bold;
background: #444444;
border-top: 1px solid #5e5e5e;
border-bottom: none;
margin: 0;
}

ul.off-canvas-list li label {
background: none !important;
border-top: none !important;
padding: 0.4rem 0.95rem 0.4rem 0.95rem !important;
font-size: 0.775rem !important;
}

ul.off-canvas-list li label.first {
padding-top: 0.75rem !important;
}

.left-off-canvas-menu hr {
  border-color: #444444;
  margin: 5px 0 10px 0 !important; }

  
  ul.off-canvas-list li a:hover {
  color: #eee;
  background: none; 
  }
  
  
  .tab-bar h1.title {
	  color:#eee;
	  font-weight: normal;
	  font-family: Helvetica, Arial, sans-serif;
	  letter-spacing: 1px;
	  text-align:left;
	  text-transform: uppercase;
	  font-size: .875rem;
  }
  
  
/* Go Shopping Menu Styles */
[class*="column"] + [class*="column"]:last-child {
	float:left;
} 

.icon {
	font-family: "foundation-icons";
	font-size:1.1em;
}

/* Footer Styles */

footer {
	padding-top:2rem;
	padding-bottom:2rem;
	background: #fff;
	color:#666;
}

footer .links {
	margin-bottom:1em;
}

footer .full-site a.small.secondary.button {
	padding-top: 0.475rem;
padding-right: 0.75rem;
padding-bottom: 0.5375rem;
padding-left: 0.75rem;
font-size: 0.7125rem; 
}

footer .links a {
color: #777;
padding: 3px 6px;
font-size: 0.7em;
}

form .row .row.cart {
margin: 0rem -0.5rem 2rem -0.5rem; }

.item .number {
word-wrap: break-word;
font-size:0.6rem;
color:#AAA;
text-transform: uppercase;
letter-spacing: 1px;
margin-top:-0.7rem;
padding-bottom:1.7rem;
}

span.plateau {
display:block;
text-align:left;
padding:10px;
border-radius: 5px;
border:1px solid #ccc;
margin-left:0.5rem;
margin-top:0.5rem;
float:left;
font-size:0.75rem;
}

.pagination-centered {
max-width:62.5rem;
margin:0 auto;
padding-left:0.9375rem;
padding-right:0.9375rem;
padding-top:1rem;
}

ul.pagination {
background: white;
padding-top:0.25rem;
box-shadow: 0px 3px 8px -4px rgba(0,0,0,0.15);
}

.detail .number {
margin-top:-0.5rem;
margin-bottom:0.5rem;
font-size: 0.7rem;
text-transform:uppercase;
letter-spacing: 1px;
color:#aaa;
}

.detail span.plateau {
display: inline-block;
margin-left:0;
float:center;
text-align: center;
}

.detail .secondary.button {
background:rgba(0,0,0,0.075);
border:1px solid #eee;
padding-top: 0.475rem;
padding-right: 1.25rem;
padding-bottom: 0.55rem;
padding-left: 1.25rem;
font-size:0.7rem;
margin: 0rem;
color:#666;
}

.detail .secondary.button:hover {
background:rgba(0,0,0,0.0);
border:1px solid #ccc;
color:#333;
}

.detail div.small-12.medium-6.columns.medium-text-center {
margin-bottom:1rem;
}

input[type="text"].required {
background-image: radial-gradient(rgb(234, 100, 100) 17%, transparent 16%), radial-gradient(rgb(234, 100, 100) 17%, transparent 16%);
background-size: 1.1em 1.1em;
background-position: top left;
background-repeat: no-repeat;
}

.supRequired{
	color: red;
	font-weight: normal;
}

.button.small {
margin:0 0 .25em;
}