@charset "utf-8";
/* CSS Document */
/* ====================================================================================================
	Table of Content

	Misc Inlcudes
	Variables
	1. Typography - Copy into admin.css
	2. Header
	3. Navigation
		a. Navigation
		b. Sub Navigation
	4. Content
		a. Homepage Styles
		b. Page Styles
	5. Blog
	6. Print
	7. Buttons
	8. Footer
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video { display: inline-block; }
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) { display: none; height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template {
 display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html { font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%;/* 2 */
}
/**
 * Remove default margin.
 */
body { margin: 0; }
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a { background: transparent; }
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus { outline: thin dotted; }
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover { outline: 0; }
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 { font-size: 2em; margin: 0.67em 0; }
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong { font-weight: bold; }
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn { font-style: italic; }
/**
 * Address differences between Firefox and other browsers.
 */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
/**
 * Address styling not present in IE 8/9.
 */
mark { background: #ff0; color: #000; }
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre { white-space: pre-wrap; }
/**
 * Set consistent quote types.
 */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
/**
 * Address inconsistent and variable font size in all browsers.
 */
small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img { border: 0; }
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure { margin: 0; }
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend { border: 0; /* 1 */
  padding: 0;/* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea { font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0;/* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input { line-height: normal; }
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select { text-transform: none; }
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
  cursor: pointer;/* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] { cursor: default; }
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
  padding: 0;/* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea { overflow: auto; /* 1 */
  vertical-align: top;/* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table { border-collapse: collapse; border-spacing: 0; }
@font-face { font-family: 'icomoon'; src: url(/assets/fonts/icomoon.eot); src: url(/assets/fonts/icomoon.eot) format("embedded-opentype"), url(/assets/fonts/icomoon.woff) format("woff"), url(/assets/fonts/icomoon.ttf) format("truetype"), url(/assets/fonts/icomoon.svg) format("svg"); font-weight: normal; font-style: normal; }
 [class^="icon-"], [class*=" icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-search-1:before { content: "\f002"; }
.icon-phone-1:before { content: "\f095"; }
.icon-mail:before { content: "\f0e0"; }
.icon-acrobat:before { content: "\f1c1"; }
.icon-down-bold:before { content: "\e60a"; }
.icon-up-bold:before { content: "\e60b"; }
.icon-comments:before { content: "\e60c"; }
.icon-clock:before { content: "\e60e"; }
.icon-link:before { content: "\e60d"; }
.icon-location:before { content: "\e609"; }
.icon-menu:before { content: "\e600"; }
.icon-yelp:before { content: "\e608"; }
.icon-facebook:before { content: "\e601"; }
.icon-gplus:before { content: "\e602"; }
.icon-instagram:before { content: "\e607"; }
.icon-pinterest:before { content: "\e603"; }
.icon-twitter:before { content: "\e604"; }
.icon-vimeo:before { content: "\e605"; }
.icon-youtube:before { content: "\e606"; }
/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* The Nivo Slider styles */
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; background: #fcedc0 url(/assets/nivo/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; cursor: hand; background-color: #fcedc0; filter: alpha(opacity=0); /*non ie*/
  opacity: 0; }
/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }
/* Caption styles */
.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;/* Opera/IE 8+ */
}
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display: none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(/assets/nivo/arrows.png) no-repeat; text-indent: -9999px; border: 0; position: absolute; top: 45%; z-index: 9; cursor: pointer; }
a.nivo-prevNav { left: 15px; }
a.nivo-nextNav { background-position: -30px 0px; right: 15px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; padding: 15px 0; }
.nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url(/assets/nivo/bullets.png) no-repeat; color: transparent; border: 0; margin: 0 2px; }
.nivo-controlNav a.active { background-position: 0 -22px; }
/*   ===================================================================================================
     1. Typography - These get copied into the admin.css
======================================================================================================== */
html { border-top: 7px solid #a63737; font-size: 75%; }
body { background: #fcedc0; color: #666666; font-family: Helvetica, sans-serif; margin: 0 auto; width: 100%; }
@media screen and (max-width: 580px) {
body { padding: 0; width: 100%; }
}
h1, h2, h3, h4, h5, h6 { color: #333333; font-family: Garamond, Georgia, serif; font-weight: normal; margin: 0; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.25em; line-height: 1.3333333333333333; margin-bottom: 0.6666666666666666em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.3125em; line-height: 1.1428571428571428; margin-bottom: 1.1428571428571428em; }
h5 { font-size: 1.125em; line-height: 1.3333333333333333; margin-bottom: 1.3333333333333333em; }
h6 { font-size: 1em; line-height: 1.5; margin-bottom: 1.5em; }
.v65-title { font-size: 2em; line-height: 1; margin-bottom: 0.5em; color: #333333 !important; font-family: Garamond, Georgia, serif; font-weight: normal; }
.v65-subtitle { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color: #333333; font-family: Garamond, Georgia, serif; font-weight: normal; }
p, blockquote { margin: 0 0 1.5em; line-height: 1.5; }
dl, ol, ul { margin: 0 0 1.5em; }
dd, dt, li { line-height: 1.5; margin: 0; }
a { color: #a63737; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }
img { border: none; height: auto !important; max-width: 100%; }
form { margin-bottom: 1em; }
legend { color: #666666; }
hr { background-color: #666666; border: 0; color: #666666; height: 1px; }
.backtotop { display: none; }
@media screen and (max-width: 680px) {
.backtotop { position: fixed; bottom: 1em; right: 1em; z-index: 900; }
.backtotop a { color: white; background: #333333; border: 1px solid #cccccc; border-radius: 50%; display: block; line-height: 5em; height: 5em; width: 5em; text-align: center; text-decoration: none; }
}
/*   ===================================================================================================
     2. Header
======================================================================================================== */
header { width: 100%; max-width: 950px; margin: 0 auto; z-index: 100; }
@media screen and (min-width: 581px) and (max-width: 1025px) {
header { width: 95%; }
}
@media screen and (min-width: 768px) {
header { height: 200px; position: relative; }
}
.logo { height: auto; display: block; text-align: center; width: 40%; margin: 1em auto; }
@media screen and (min-width: 768px) and (max-width: 1023px) {
.logo { height: 140px; float: left; margin: 3em 0 0; width: 200px; text-align: left; }
}
@media screen and (min-width: 1024px) {
.logo { height: 140px; float: left; margin: 3em 0 0; width: 200px; text-align: left; }
}
.logo img { max-width: 100%; }
 @media screen and (max-width: 480px) {
.cart { display: none; }
}
#productSearch { float: right; margin: 50px 0 0 0; width: 250px; }
@media screen and (max-width: 767px) {
#productSearch { width: 100%; margin: 3% 0; }
}
#productSearch fieldset { border: none; }
#productSearch #v65-searchWidgetInput input { width: 150px; float: left; margin: 0 5px 0 0; }
@media screen and (max-width: 767px) {
#productSearch #v65-searchWidgetInput input { width: 65%; margin: 0 2%; }
}
@media screen and (max-width: 767px) {
#productSearch .defaultBtn { width: 25%; }
}
#user-tools { color: black; }
#user-tools a { color: black; }
#user-tools a:hover, #user-tools a:focus, #user-tools a:active { color: black; }
@media screen and (max-width: 580px) {
#user-tools { background: black; height: 4em; line-height: 4em; -ms-box-sizing: border-box; }
#user-tools a { color: white; }
#user-tools a:hover, #user-tools a:focus, #user-tools a:active { color: white; }
}
@media screen and (min-width: 768px) {
#user-tools { margin: 25px 0 0; }
}
/*   ===================================================================================================
     3. Navigation
======================================================================================================== */
/* ----- Link to footer navigation ----- */
.menuLink { display: none; }
@media screen and (max-width: 580px) {
.menuLink { display: block; float: left; font-size: 16px; height: 45px; line-height: 45px; padding-left: 15px; text-shadow: 0 1px 3px rgba(220, 220, 220, 0.5); }
}
.menuLink:hover, .menuLink:focus, .menuLink:active { text-decoration: none; }
/* ----- a. Main Menu ----- */
nav { border-bottom: 2px solid #666; border-top: 2px solid #666; font-family: Garamond, Georgia, serif; font-size: 18px; height: 100%; width: 100%; z-index: 101; }
@media screen and (max-width: 767px) {
nav { clear: both; text-align: center; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
nav { float: right; height: 40px; width: auto; padding: 2px 0; position: relative; margin: 30px 0; }
}
@media screen and (min-width: 1024px) {
nav { float: right; height: 40px; margin: 30px 0; padding: 2px 0; width: auto; position: relative; }
}
nav ul { margin: 0; padding: 0; display: inline; width: 100%; }
@media screen and (min-width: 768px) {
nav ul { border-bottom: 1px solid #666; border-top: 1px solid #666; float: right; height: 38px; margin: 0; text-align: left; }
}
nav ul ul { background-color: #fafafa; border: 1px solid #666; display: none; font-size: 16px; height: auto; left: -10px; position: absolute; top: 42px; width: 180px; }
nav li { margin: 0; padding: 0; height: 35px; line-height: 35px; display: inline-block; }
@media screen and (min-width: 768px) {
nav li { float: left; line-height: 42px; margin: 0 20px; position: relative; display: inline; }
}
@media screen and (min-width: 1024px) {
nav li { float: left; margin: 0 25px; position: relative; display: inline; }
}
nav li:hover ul { display: none; background-color: #fafafa; border: 1px solid #666666; font-size: 14px; }
@media screen and (min-width: 768px) {
nav li:hover ul { display: block; }
}
nav li li { background-color: #fafafa; display: block; float: none; margin: 0; text-align: left; width: 180px; }
nav li li a { background-color: #fafafa; color: #666666; display: block; float: none; height: 28px; line-height: 28px; margin: 0; padding: 0 0 0 10px; text-align: left; text-transform: none; width: 170px; }
nav li li a:hover { color: black; }
nav a { color: #666666; display: block; height: 35px; line-height: 35px; margin: 0 8px; padding: 0 6px; position: relative; text-decoration: none; }
@media screen and (min-width: 768px) {
nav a { height: 42px; line-height: 42px; display: inline-block; margin: 0; padding: 0; }
}
nav a:hover { color: black; text-decoration: none; }
/*home link is hidden for mobile*/
.v65-home { display: none; }
@media screen and (min-width: 1024px) {
.v65-home { display: inline-block; }
}
.v65-pageAParent { color: black; }
.v65-selected { color: black; }
/* ----- b. Sub Menu ----- */
.subMenu { height: 100%; width: 100%; clear: both; }
@media screen and (min-width: 768px) {
.subMenu { border-right: 1px solid #cccccc; float: left; margin: 6% 4% 0 0; padding-right: 2%; width: 17.8%; clear: left; }
}
.subMenu ul { margin: 0; padding: 0; list-style: none; width: 100%; }
@media screen and (max-width: 767px) {
.subMenu ul { border-top: 1px solid #cccccc; }
}
@media screen and (min-width: 768px) {
.subMenu ul { margin: 0 0 2% 1%; padding: 0; }
}
.subMenu ul li { margin: 0; padding: 0; min-height: 3em; line-height: 3em; }
@media screen and (max-width: 767px) {
.subMenu ul li { border-bottom: 1px solid #cccccc; text-align: center; min-height: 4em; line-height: 4em; }
}
@media screen and (max-width: 767px) {
.subMenu ul li a { display: block; }
}
.subMenu ul li ul { margin: 0; padding: 0; list-style: none; width: 100%; border-bottom: 3px solid #cccccc; }
@media screen and (min-width: 768px) {
.subMenu ul li ul { margin-left: 10px; width: 160px; border: none; }
}
.subMenu ul li .v65-pageAParent { font-weight: bold; }
.subMenu ul li .v65-leftSelected { font-weight: bold; }
@media screen and (max-width: 767px) {
.subMenu h3 { display: none; }
}
/*   ===================================================================================================
     4. Content
======================================================================================================== */
/* ----- a. Homepage Styles ----- */
.homepageContent { max-width: 950px; margin: 0 auto; background: none; }
@media screen and (min-width: 581px) and (max-width: 1025px) {
.homepageContent { width: 95%; }
}
@media screen and (max-width: 767px) {
.homepageContent { margin-top: 2em; box-shadow: none; border-top: 2px solid #cccccc; }
}
@media screen and (max-width: 580px) {
.homepageContent { width: 95%; }
}
.homepageText { float: left; margin: 4% 0; padding: 0; width: 60%; }
@media screen and (max-width: 600px) {
.homepageText { float: none; margin: 4% 0; padding: 0; width: 92%; }
}
.homepageProductGroup { float: right; margin: 0 0 20px; padding: 4% 3%; width: 33%; }
@media screen and (max-width: 600px) {
.homepageProductGroup { float: none; margin: 4em 0 0 0; padding: 0 4%; width: 92%; }
}
.homepageProductGroup .v65-product-photo { float: left; text-align: center; width: auto; text-align: left; margin: 0 auto 2em auto; }
.homepageProductGroup .v65-product-photo img { max-width: 60%; }
.homepageProductGroup .v65-productGroup-title { display: none; }
.homepageProductGroup .v65-product-reviewStats-stars { display: block; }
#slider { height: 100%; overflow: hidden; width: 100%; }
 @media screen and (min-width: 601px) and (max-width: 845px) {
.homepageProductGroup .v65-product-photo { width: 100%; margin: 0 auto; text-align: center; }
.homepageProductGroup .v65-title { clear: both; }
.homepageProductGroup .v65-productGroup-product { text-align: center; }
.homepageProductGroup .v65-product-addToCart-button { display: inline; }
}
.homepageProductGroup .v65-productGroup-products { text-align: left; width: 100%; }
@media screen and (min-width: 846px) {
.homepageProductGroup .v65-product-photo { padding: 0 18px; }
}
.homepageProductGroup .v65-product-photo img { max-width: 100%; }
.homepageProductGroup .v65-productGroup-teaser { float: none; margin: 0; width: 100%; }
.homepageProductGroup .v65-productGroup-product { margin: 0 0 1em; width: 100%; }
@media screen and (min-width: 601px) and (max-width: 845px) {
.homepageProductGroup .v65-product-addToCart-button { display: block; margin-top: 11px; }
}
/* ---- b. 5 Up Display ----- */
.v65-product5Up { width: 18%; }
@media screen and (max-width: 930px) {
.v65-product5Up { width: 23%; }
}
@media screen and (max-width: 600px) {
.v65-product5Up { width: 100%; margin-right: 0; }
}
 @media screen and (max-width: 600px) {
.v65-product3Up { width: 100%; margin-right: 0; }
}
.v65-formRight { width: 100%; }
.v65-formRight input { width: 95%; }
.v65-formRight textarea { width: 99%; }
/* ----- b. Page Styles ----- */
.content { background: none; padding: 3em; max-width: 950px; margin: 0 auto; }
@media screen and (max-width: 600px) {
.content { box-shadow: none; padding: 1em 1em 0 1em; }
}
.contentWide { background: #fcedc0; padding: 30px; max-width: 950px; margin: 0 auto; }
@media screen and (max-width: 767px) {
.contentWide { box-shadow: none; padding: 3%; }
}
@media screen and (min-width: 768px) {
.contentWide .subMenu { display: none; }
}
.contentCart { background: #fcedc0; padding: 30px; }
@media screen and (max-width: 767px) {
.contentCart { box-shadow: none; padding: 0.2em; border-top: 2px solid #cccccc; }
}
.pageContent { float: right; width: 75%; }
/* Contain floated .pageContent + .subMenu so footer is not drawn up into the main column */
section.content.v65-group { display: flow-root; }
@media screen and (max-width: 767px) {
.pageContent { width: 94%; padding: 3%; }
}
 @media screen and (max-width: 580px) {
.v65-pagingBottom { display: none; }
}
.colWrapper { margin-bottom: 2em; width: 100%; }
.colWrapper:before, .colWrapper:after { content: ""; display: table; }
.colWrapper:after { clear: both; }
.col2 { float: left; margin-left: 6%; width: 47%; }
.col2:first-child { float: left; margin-left: 0%; width: 47%; }
.col22 { float: left; margin-left: 6%; width: 29%; }
.col22:first-child { margin-left: 0; width: 65%; }
.col3 { float: left; margin-left: 5%; width: 30%; }
.col3:first-child { float: left; margin-left: 0%; width: 30%; }
.col4 { float: left; margin-left: 3%; width: 22.7%; }
.col4:first-child { margin-left: 0; }
 @media screen and (max-width: 850px) {
.col4 { margin: 0 2% 3em; width: 46%; }
.col4:first-child { margin-left: 2%; }
}
@media screen and (max-width: 580px) {
.col2 { float: none; margin-left: 0; margin-bottom: 1.5em; width: 100%; }
.col2:first-child { float: none; width: 100%; }
.col22,  .col22:first-child { float: none; margin: 0 0 2em; width: 100%; }
.col3 { float: none; margin-left: 0; margin-bottom: 1.5em; width: 100%; }
.col3:first-child { float: none; width: 100%; }
.col4,  .col4:first-child { float: none; margin: 0 0 2em; width: 100%; }
}
/* ----- c. Store Styles ----- */
.v65-product5Up { float: left; margin: 0 2% 1.5em 0; width: 23%; }
@media screen and (max-width: 720px) {
.v65-product5Up { width: 48%; }
}
@media screen and (max-width: 580px) {
.v65-product5Up { width: 100%; margin-bottom: 1.5em; }
}
.mainWrapper { max-width: 970px; margin: auto; }
 @media screen and (max-width: 720px) {
.print { margin: 0 10px; }
}
/*   ===================================================================================================
     5. Blog
======================================================================================================== */
.blogContent { float: left; padding: 20px 4% 0 0; width: 65%; }
@media screen and (max-width: 600px) {
.blogContent { padding: 20px 4% 0 0; width: 66%; }
}
@media screen and (max-width: 900px) {
.blogContent { float: none; margin: 0 0 2em 0; padding: 0; width: 96%; }
}
.blogRightWrapper { float: right; padding: 20px 0 0 0; width: 30%; }
.blogRightWrapper ul { list-style: none; margin: 0 0 1em; padding: 0; }
.blogRightWrapper li { font-size: 11px; margin: 0 0 0 10px; }
@media screen and (max-width: 600px) {
.blogRightWrapper { float: left; margin: 0 0 2em 0; padding: 0; width: 30%; }
}
@media screen and (max-width: 900px) {
.blogRightWrapper { float: none; margin: 0 0 2em 0; padding: 0; width: 100%; }
}
.blogFilterLeft { float: left; padding-right: 4%; width: 48%; }
@media screen and (max-width: 600px) {
.blogFilterLeft { float: none; margin: 0 0 2em 0; width: 100%; }
}
@media screen and (max-width: 580px) {
.blogFilterLeft { float: left; padding-right: 4%; width: 48%; }
}
.blogFilterRight { float: left; width: 48%; }
@media screen and (max-width: 600px) {
.blogFilterRight { float: none; margin: 0 0 2em 0; width: 100%; }
}
@media screen and (max-width: 580px) {
.blogFilterRight { float: left; width: 48%; }
}
/*   ===================================================================================================
     6. Buttons
======================================================================================================== */
button.defaultBtn, button.modalBtn, button.largeBtn { background: #a63737; border-radius: 0.385em; font-family: Helvetica, sans-serif; }
button.defaultBtn span, button.modalBtn span, button.largeBtn span { color: white; border-radius: 0.385em; }
button.defaultBtn:hover, button.modalBtn:hover, button.largeBtn:hover { background: #c44c4c; }
button.altBtn, button.altModalBtn, button.altLargeBtn { background: #aaaaaa; color: white; font-family: Helvetica, sans-serif; }
button.altBtn span, button.altModalBtn span, button.altLargeBtn span { background: #aaaaaa; color: white; border-radius: 0.385em; }
button.altBtn:hover, button.altModalBtn:hover, button.altLargeBtn:hover { background: #c3c3c3; }
button.altBtn:hover span, button.altModalBtn:hover span, button.altLargeBtn:hover span { background: #c3c3c3; }
a.linkBtn, a.modalLinkBtn, a.largeLinkBtn, a.fullWidthBtn { background: #a63737; border-radius: 0.385em; font-family: Helvetica, sans-serif; }
a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span, a.fullWidthBtn span { background: #a63737; color: white; border-radius: 0.385em; }
a.linkBtn:hover, a.modalLinkBtn:hover, a.largeLinkBtn:hover, a.fullWidthBtn:hover { background: #c44c4c; text-decoration: none; }
a.linkBtn:hover span, a.modalLinkBtn:hover span, a.largeLinkBtn:hover span, a.fullWidthBtn:hover span { background: #c44c4c; }
a.fullWidthBtn { display: block; font-size: 16px; max-width: 100%; text-align: center; width: 100%; }
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn { background: #aaaaaa; border-radius: 0.385em; font-family: Helvetica, sans-serif; }
a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span { background: #aaaaaa; border-radius: 0.385em; color: white; }
a.linkAltBtn:hover, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:hover { background: #c3c3c3; }
a.linkAltBtn:hover span, a.modalLinkAltBtn:hover span, a.modalLinkAltBtn:hover span { background: #c3c3c3; }
a.modalLinkBtn, a.modalLinkAltBtn, a.modalLinkAltBtn { min-width: auto; }
.v65-quickView-close a { border-radius: 0.385em; background: #c3c3c3; }
.v65-quickView-close a:hover { background: #c3c3c3; }
#v65-couponFormWrapper button span, #v65-giftCardFormWrapper button span, #v65-cartCheckOutCoupons button span, .v65-cartItemAmount button span { line-height: 2.1em !important; }
@media screen and (max-width: 580px) {
#v65-couponFormWrapper button span, #v65-giftCardFormWrapper button span, #v65-cartCheckOutCoupons button span, .v65-cartItemAmount button span { line-height: 4em !important; }
}
/*   ===================================================================================================
     7. Footer
======================================================================================================== */
ul.socialicons { list-style-type: none; margin: 0; padding: 0; }
ul.socialicons li { display: inline; font-size: 2em; padding: 0 4px !important; }
ul.socialicons li a:hover, ul.socialicons li a:focus, ul.socialicons li a:active { text-decoration: none; }
.footercontainer { background: #fcedc0; border-top: 3px solid #ccc; padding-top: 10px; }
.footerBorder { max-width: 950px; margin: 0 auto; }
@media screen and (min-width: 768px) {
.footerBorder { border-bottom: 1px solid #cccccc; padding: 2em 0; }
}
@media screen and (min-width: 581px) and (max-width: 1025px) {
.footerBorder { width: 95%; }
}
footer { color: black; padding: 0 0 1em 0; text-align: center; width: 100%; }
@media screen and (max-width: 580px) {
footer { padding-top: 0; }
}
footer a { color: black; }
footer a:hover { color: #333333; }
 @media screen and (min-width: 581px) and (max-width: 767px) {
.footerUpper { min-height: 18em; padding-top: 1em; }
}
 @media screen and (min-width: 768px) {
.contactInfo { width: 20%; margin-right: 3%; float: left; text-align: left; }
.contactInfo ul { margin: 0; padding: 0; }
.contactInfo ul li { list-style-type: none; padding: 0; margin: 0; }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
.contactInfo ul li { padding: 0.5em 0; }
}
@media screen and (min-width: 581px) and (max-width: 767px) {
.contactInfo { display: none; }
}
@media screen and (max-width: 580px) {
.contactInfo { margin: 1em auto; display: none; }
}
 @media screen and (min-width: 768px) {
.newsletterSignup { width: 50%; float: left; text-align: left; padding: 0 5%; border-right: 1px solid #CCCCCC; border-left: 1px solid #cccccc; }
}
@media screen and (min-width: 581px) and (max-width: 767px) {
.newsletterSignup { width: 100%; float: left; text-align: left; }
}
@media screen and (max-width: 580px) {
.newsletterSignup { width: 100%; margin: 1em auto; }
.newsletterSignup p { display: none; }
}

/* Footer Nav
-----------------------------------------------*/
@media screen and (min-width: 768px) {
.footerNav { width: 14%; float: right; text-align: left; }
}
@media screen and (max-width: 767px) {
.footerNav { clear: both; }
}
.footerNav ul { list-style: none; margin: 0; padding: 0; text-align: left; width: 100%; }
@media screen and (max-width: 580px) {
.footerNav ul { margin-bottom: 0; }
}
.footerNav ul li { display: block; margin: 0; padding: 0.5em 0; text-align: left; }
@media screen and (max-width: 767px) {
.footerNav ul li { border-bottom: 1px solid #999; line-height: 2em; margin: 0; width: 100%; text-align: center; }
}
/* Footer Tools
-----------------------------------------------*/
.footerTools { width: 100%; clear: both; }
.footerTools ul { list-style: none; padding: 0; width: 100%; }
.footerTools ul li { line-height: 3em; margin: 0; padding: 0; text-align: center; width: 100%; }
@media screen and (max-width: 767px) {
.footerTools ul li { border-bottom: 1px solid #999; line-height: 2em; margin: 0; width: 100%; padding: 0.2em 0; }
}
.footerTools ul li a { line-height: 2.5em; display: block; }
.footerTools ul .phone, .footerTools ul .email, .footerTools ul .map { display: none; }
@media screen and (max-width: 767px) {
.footerTools ul .phone, .footerTools ul .email, .footerTools ul .map { display: block; }
}
.footerTools .legal { font-size: 0.835em; }
 @media screen and (max-width: 767px) {
.desktopOnly { display: none !important; }
}
 @media screen and (min-width: 768px) {
.mobileOnly { display: none !important; }
}
@media screen and (max-width: 767px) {
.mobileOnly li { display: inline; border-bottom: none !important; }
.mobileOnly li a { display: inline !important; }
}
/*   ===================================================================================================
     8. Tweaks
======================================================================================================== */
#v65-cartCheckOutCoupons {display:none}
/*   ===================================================================================================
     9. ADA
======================================================================================================== */
.skipToContent {position: absolute;top: -1000px;left: -1000px;height: 1px;width: 1px;text-align: left;overflow: hidden;}
a.skipToContent:active, a.skipToContent:focus, a.skipToContent:hover {left: 0; top: 0;width: auto; height: auto; overflow: visible; }
/* Footer: stable 3-column row (contact | newsletter | legal links) */
@media screen and (min-width: 768px) {
.footercontainer .footerBorder .footerUpper { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; min-height: 18em; padding-top: 1em; width: 100%; box-sizing: border-box; }
.footercontainer .footerBorder .footerUpper .contactInfo,
.footercontainer .footerBorder .footerUpper .newsletterSignup,
.footercontainer .footerBorder .footerUpper .footerNav { float: none !important; display: block; box-sizing: border-box; }
.footercontainer .footerBorder .footerUpper .contactInfo { flex: 0 0 23%; width: 23%; max-width: 23%; margin-right: 0; }
.footercontainer .footerBorder .footerUpper .newsletterSignup { flex: 1 1 50%; width: auto; max-width: 63%; min-width: 0; padding: 0 5%; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.footercontainer .footerBorder .footerUpper .footerNav { flex: 0 0 14%; width: 14%; max-width: 14%; }
.footercontainer .footerBorder .footerUpper .contactInfo ul li { display: block; }
}
@media screen and (max-width: 767px) {
.footercontainer .footerBorder .footerUpper .footerNav { clear: both; width: 100%; max-width: none; }
}