@charset "utf-8";
/* normalize.css v2.0.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active, a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

code, kbd, pre, samp {
  font-family: monospace,serif;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button, input {
  line-height: normal;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * 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: white url(../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: #fff;
  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(../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(../nivo/bullets.png) no-repeat;
  color: transparent;
  border: 0;
  margin: 0 2px;
  cursor: pointer;
}

.nivo-controlNav a.active {
  background-position: 0 -22px;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-4xo876");
  src: url("../fonts/icomoon.eot?#iefix-4xo876") format("embedded-opentype"), url("../fonts/icomoon.woff?-4xo876") format("woff"), url("../fonts/icomoon.ttf?-4xo876") format("truetype"), url("../fonts/icomoon.svg?-4xo876#icomoon") 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";
}

/* CSS Document */
/* ====================================================================================================
	Table of Content
	
	Theme Settings
	
	1. Typography
	2. User Tools
	3. Header
	4. Navigation
		a. Navigation
		b. Link to Footer Navigation
		c. Sub Navigation
	5. Content
		a. Homepage Styles
		b. Page Styles
	6. Blog Template
	7. Print Template
	8. Buttons
	9. Footer
	10. Vin65 Overrides
		a. User Tools
		b. Homepage Product Group
*/
/*   ===================================================================================================
     1. Typography - These get copied into the admin.css
======================================================================================================== */
html {
  font-size: 75%;
}

body {
  background-color: black;
  color: #111111;
  font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #976933;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-style: italic;
  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: #976933;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-style: italic;
  font-weight: normal;
}

.v65-subtitle {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
  color: #976933;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", 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: #a6783e;
  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: #111111;
}

hr {
  background-color: #111111;
  border: 0;
  color: #111111;
  height: 1px;
}

.wrapper {
  max-width: 970px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 970px) {
  .wrapper {
    padding: 0 2%;
    width: 96%;
  }
}

.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. User Tools
======================================================================================================== */
.userToolsWrapper {
  background: black;
  height: 3em;
  position: relative;
  width: 100%;
  z-index: 999;
}
@media screen and (max-width: 580px) {
  .userToolsWrapper {
    height: 4em;
    line-height: 4em;
  }
}

/*   ===================================================================================================
     3. Header
======================================================================================================== */
header {
  background: #303030;
  height: 465px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 580px) {
  header {
    height: 180px;
  }
}
header .homepageBanner {
  left: 0;
  height: 100%;
  top: 0;
  position: absolute;
  width: 100%;
}
header .logo {
  position: relative;
}
header .logo img {
  padding-top: 35px;
}
@media screen and (max-width: 580px) {
  header .logo img {
    padding-top: 10px;
    max-height: 90%;
  }
}

.pageHeader {
  background: #303030;
  height: 185px;
}
@media screen and (max-width: 580px) {
  .pageHeader {
    height: 100px;
  }
}
.pageHeader .pageBanner {
  left: 0;
  height: 100%;
  top: 0;
  position: absolute;
  width: 100%;
}
.pageHeader .logo {
  position: relative;
}
.pageHeader .logo img {
  padding-top: 15px;
}
@media screen and (max-width: 580px) {
  .pageHeader .logo img {
    padding-top: 10px;
    max-height: 90%;
  }
}

/*   ===================================================================================================
     4. Navigation
======================================================================================================== */
/* ----- a. Main Menu ----- */
nav {
  background: url(../images/nav-gradient.png) repeat-x bottom #2a2924;
  position: relative;
  z-index: 101;
}
@media screen and (max-width: 580px) {
  nav {
    height: auto;
  }
}
nav ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  max-width: 970px;
  text-align: center;
}
@media screen and (max-width: 580px) {
  nav ul {
    height: auto;
  }
}
nav li {
  display: inline-block;
  margin-left: -4px;
  padding: 0;
  position: relative;
}
nav li a {
  color: white;
  display: inline-block;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-size: 1.333333333333333333em;
  height: 3.75em;
  line-height: 3.75em;
  margin: 0;
  padding: 0 35px;
  position: relative;
  text-decoration: none;
}
nav li a:hover {
  color: white;
  text-decoration: none;
  background: url(../images/nav-gradient.png) repeat-x #c2984d;
}
@media screen and (max-width: 680px) {
  nav li a {
    padding: 0 25px;
  }
}
@media screen and (max-width: 580px) {
  nav li a {
    height: auto;
    line-height: 1.6em;
    padding: 12px;
  }
}
nav li .hover {
  color: white;
  text-decoration: none;
  background: url(../images/nav-gradient.png) repeat-x #c2984d;
}
nav li:hover ul {
  background: url(../images/nav-gradient.png) repeat-x #2a2924;
  display: block;
}
@media screen and (max-width: 580px) {
  nav li:hover ul {
    display: none;
  }
}
nav li ul {
  display: none;
  left: 0px;
  position: absolute;
  top: 5em;
  width: 180px;
}
nav li li {
  display: block;
  float: none;
  margin: 0;
  text-align: left;
  width: 230px;
}
nav li li a {
  background: #2a2924;
  color: white;
  display: block;
  float: none;
  font-size: 1.16666666667em;
  margin: 0;
  padding: 0 40px;
  text-align: left;
  text-transform: none;
  width: 150px;
}
nav li li a:hover {
  background: #45443c;
  color: white;
}
nav .v65-pageAParent {
  background: url(../images/nav-gradient.png) repeat-x #c2984d;
  color: white;
  text-decoration: none;
}
@media screen and (max-width: 835px) {
  nav .v65-home {
    display: none;
  }
}
nav .v65-selected {
  background: url(../images/nav-gradient.png) repeat-x #c2984d;
  color: white;
  text-decoration: none;
}

/* ----- b. Link to Footer Navigation ----- */
.footerMenuLink {
  display: none;
}
@media screen and (max-width: 580px) {
  .footerMenuLink {
    bottom: 0;
    color: white;
    display: block;
    font-size: 1em;
    height: 4em;
    line-height: 4em;
    padding: 0 15px;
    position: absolute;
    right: 0;
    z-index: 100;
  }
  .footerMenuLink i {
    font-size: 1.5em;
  }
}

/* ----- c. Sub Menu ----- */
.subMenu {
  margin: 0 3% 0 0;
  padding: 1em 3% 0 0;
  width: 19%;
}
@media screen and (max-width: 580px) {
  .subMenu {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.subMenu h4 {
  color: black;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media screen and (max-width: 580px) {
  .subMenu h4 {
    display: none;
  }
}
.subMenu ul {
  border-top: 1px solid #a6783e;
  border-right: 1px solid #a6783e;
  list-style: none;
  margin: 0 0 1em;
  padding: 1em 0 8em 0;
}
@media screen and (max-width: 580px) {
  .subMenu ul {
    border: 0;
    padding: 0;
  }
}
.subMenu li {
  line-height: 3em;
}
@media screen and (max-width: 580px) {
  .subMenu li {
    border-bottom: 1px solid black;
    height: 4em;
    line-height: 4em;
    text-align: center;
  }
}
.subMenu li a {
  color: black;
}
@media screen and (max-width: 580px) {
  .subMenu li a {
    display: block;
  }
}
.subMenu li a:hover {
  color: #a6783e;
  text-decoration: none;
}
.subMenu li ul {
  border: 0;
  padding: 0;
  margin: 0 0 0 1em;
}
.subMenu .v65-pageAParent {
  color: #a6783e;
}
.subMenu .v65-leftSelected {
  color: #a6783e;
  font-weight: bold;
}

/*   ===================================================================================================
     5. Content
======================================================================================================== */
/* ----- a. Homepage Styles ----- */
.homepageContent {
  padding: 40px 0;
}
@media screen and (max-width: 970px) {
  .homepageContent {
    padding: 20px 0;
  }
}

.homepageImage {
  float: left;
  margin-bottom: 2em;
  margin-right: 3%;
  max-width: 285px;
  width: 30%;
}
@media screen and (max-width: 580px) {
  .homepageImage {
    float: none;
    margin-right: 0;
    max-width: 480px;
    text-align: center;
    width: 100%;
  }
}

.homepageText {
  color: white;
  float: left;
  width: 67%;
}
@media screen and (max-width: 580px) {
  .homepageText {
    float: none;
    margin: 0;
    width: 100%;
  }
}

.homepageContentItems {
  background: white;
  padding: 40px 0;
}
.homepageContentItems article {
  float: left;
  margin: 0 1% 0 2%;
  width: 30%;
}
@media screen and (max-width: 680px) {
  .homepageContentItems article {
    float: none;
    margin: 0 0 2em 0;
    width: 100%;
  }
}
.homepageContentItems article .v65-productGroup-title, .homepageContentItems article .v65-event-upcoming-title, .homepageContentItems article .v65-podTitle {
  border-top: 1px solid #e5cdb1;
  border-bottom: 1px solid #e5cdb1;
  color: black;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-size: 1.166666666667em;
  font-style: normal;
  font-weight: normal;
  line-height: 2.4em;
  margin-bottom: 1em;
  text-align: center;
  text-transform: uppercase;
}
.homepageContentItems .v65-event-upcoming-event {
  border-bottom: 1px solid #e5cdb1;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  text-align: left;
}
.homepageContentItems .v65-event-upcoming-event-time {
  display: block;
  margin-bottom: 0.5em;
}
.homepageContentItems .v65-event-upcoming-event-title {
  display: block;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-style: italic;
}
.homepageContentItems .v65-productGroup-products {
  margin-bottom: 2em;
  text-align: left;
}
.homepageContentItems .productPhoto {
  float: left;
  margin: 0 2% 0 0;
  position: relative;
  text-align: center;
  width: 25%;
}
.homepageContentItems .productDescription {
  float: left;
  width: 73%;
}
.homepageContentItems .v65-product-title {
  font-style: italic;
}
.homepageContentItems .v65-productGroup-teaser {
  margin-bottom: 1em;
  width: 100%;
}
.homepageContentItems .v65-productGroup-product {
  clear: both;
  float: none;
  margin: 0 0 2em 0;
  width: 100%;
}
.homepageContentItems .v65-product-reviewStats {
  display: none;
}

/* ----- b. Page Styles ----- */
.pageContent {
  background: white;
  padding: 40px 0;
}
@media screen and (max-width: 970px) {
  .pageContent {
    padding: 20px 0;
  }
}

.pageText {
  float: right;
  width: 75%;
}
@media screen and (max-width: 580px) {
  .pageText {
    float: none;
    margin: 0 0 2em 0;
    width: 100%;
  }
}

.pageWideText {
  margin: 0 auto;
  width: 80%;
}
@media screen and (max-width: 835px) {
  .pageWideText {
    float: none;
    margin: 0 0 2em 0;
    width: 100%;
  }
}

.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%;
  }
}
/*   ===================================================================================================
     6. Blog Template
======================================================================================================== */
.blogContent {
  float: left;
  padding: 20px 4% 0 0;
  width: 56%;
}
@media screen and (max-width: 600px) {
  .blogContent {
    padding: 20px 4% 0 0;
    width: 66%;
  }
}
@media screen and (max-width: 580px) {
  .blogContent {
    float: none;
    margin: 0 0 2em 0;
    padding: 0;
    width: 96%;
  }
}

.blogRightWrapper {
  float: right;
  padding: 20px 0 0 0;
  width: 40%;
}
.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: 580px) {
  .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%;
  }
}

/*   ===================================================================================================
     7. Print Template
======================================================================================================== */
.printBody {
  background-color: #fff;
  background-image: none;
  margin: 0;
  padding: 0;
}

.printWrapper {
  margin: 0 auto;
  width: 700px;
}

.printHeader {
  height: 150px;
  width: 700px;
}

.printContent {
  text-align: left;
  width: 700px;
}

/*   ===================================================================================================
     8. Buttons
======================================================================================================== */
button.defaultBtn, button.modalBtn, button.largeBtn {
  background: #a6783e;
  border-radius: 0.385em;
  font-family: sans-serif;
}
button.defaultBtn span, button.modalBtn span, button.largeBtn span {
  background: #a6783e;
  color: white;
  border-radius: 0.385em;
}
button.defaultBtn:hover, button.modalBtn:hover, button.largeBtn:hover {
  background: #c09257;
}
button.altBtn, button.altModalBtn, button.altLargeBtn {
  background: #ceaa7c;
  color: white;
  font-family: sans-serif;
}
button.altBtn span, button.altModalBtn span, button.altLargeBtn span {
  background: #ceaa7c;
  color: white;
  border-radius: 0.385em;
}
button.altBtn:hover, button.altModalBtn:hover, button.altLargeBtn:hover {
  background: #dcc2a1;
}
button.altBtn:hover span, button.altModalBtn:hover span, button.altLargeBtn:hover span {
  background: #dcc2a1;
}

a.linkBtn, a.modalLinkBtn, a.largeLinkBtn, a.fullWidthBtn {
  background: #a6783e;
  border-radius: 0.385em;
  font-family: sans-serif;
}
a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span, a.fullWidthBtn span {
  background: #a6783e;
  color: white;
  border-radius: 0.385em;
}
a.linkBtn:hover, a.modalLinkBtn:hover, a.largeLinkBtn:hover, a.fullWidthBtn:hover {
  background: #c09257;
  text-decoration: none;
}
a.linkBtn:hover span, a.modalLinkBtn:hover span, a.largeLinkBtn:hover span, a.fullWidthBtn:hover span {
  background: #c09257;
}
a.fullWidthBtn {
  display: block;
  font-size: 16px;
  max-width: 100%;
  text-align: center;
  width: 100%;
}
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
  background: #ceaa7c;
  border-radius: 0.385em;
  font-family: sans-serif;
}
a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span {
  background: #ceaa7c;
  border-radius: 0.385em;
  color: white;
}
a.linkAltBtn:hover, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:hover {
  background: #dcc2a1;
}
a.linkAltBtn:hover span, a.modalLinkAltBtn:hover span, a.modalLinkAltBtn:hover span {
  background: #dcc2a1;
}
a.modalLinkBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
  min-width: auto;
}

.v65-quickView-close a {
  border-radius: 0.385em;
  background: #dcc2a1;
}
.v65-quickView-close a:hover {
  background: #dcc2a1;
}

/*   ===================================================================================================
     9. Footer
======================================================================================================== */
footer {
  background: black;
  color: #666666;
  padding: 20px 0;
  width: 100%;
}
@media screen and (max-width: 970px) {
  footer {
    padding: 40px 0;
  }
}

.footerSocial {
  border-bottom: 1px solid #666666;
  height: 5em;
  line-height: 5em;
  margin-bottom: 2em;
}
.footerSocial a {
  color: #cccccc;
}
.footerSocial a:hover, .footerSocial a:focus, .footerSocial a:active {
  text-decoration: none;
}
.footerSocial .icon-facebook, .footerSocial .icon-twitter, .footerSocial .icon-pinterest,
.footerSocial .icon-gplus, .footerSocial .icon-vimeo, .footerSocial .icon-youtube, .footerSocial .icon-yelp, .footerSocial .icon-instagram {
  font-size: 2em;
  line-height: 1.3em;
  padding: 0 3px;
  height: 1.3em;
}
@media screen and (max-width: 580px) {
  .footerSocial .icon-facebook, .footerSocial .icon-twitter, .footerSocial .icon-pinterest,
  .footerSocial .icon-gplus, .footerSocial .icon-vimeo, .footerSocial .icon-youtube, .footerSocial .icon-yelp, .footerSocial .icon-instagram {
    font-size: 2em;
    line-height: 2em;
    height: 2em;
  }
}
.footerSocial .callUs {
  display: none;
}
@media screen and (max-width: 580px) {
  .footerSocial .callUs {
    display: block;
    line-height: 5em;
    height: 5em;
  }
}
@media screen and (max-width: 970px) {
  .footerSocial {
    float: none;
    height: auto;
    line-height: normal;
    margin-bottom: 0;
    padding-bottom: 2em;
    text-align: center;
  }
}
.footerSocial .subscribe {
  color: #cccccc;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-style: italic;
  float: right;
}
@media screen and (max-width: 970px) {
  .footerSocial .subscribe {
    float: none;
    width: 100%;
  }
}
.footerSocial .subscribe #v65-subscribeWidget {
  display: inline-block;
  position: relative;
}
.footerSocial .subscribe #v65-subscribeWidget span.error {
  display: block;
  left: 10px;
  position: absolute;
  top: -30px;
}
@media screen and (max-width: 970px) {
  .footerSocial .subscribe #v65-subscribeWidget span.error {
    top: -20px;
  }
}
@media screen and (max-width: 680px) {
  .footerSocial .subscribe #v65-subscribeWidget span.error {
    position: relative;
    left: 0;
    margin-bottom: 1em;
    top: 0;
  }
}
.footerSocial .subscribe input {
  width: 150px !important;
  background: #666666;
  border: 0;
  color: #cccccc;
  font-family: sans-serif;
  letter-spacing: 1px;
  margin-left: 1em;
  padding: 0 10px;
}
.footerSocial .subscribe .intro {
  font-size: 1.3125em;
}
@media screen and (max-width: 520px) {
  .footerSocial .subscribe .intro {
    display: block;
    margin-bottom: 0.6em;
  }
}
.footerSocial .copyright {
  display: inline-block;
  font-size: 0.83333333333em;
  margin-left: 1em;
}
@media screen and (max-width: 580px) {
  .footerSocial .copyright {
    display: block;
    line-height: 4em;
    height: 4em;
    margin: 0;
  }
}

.footerNavWrapper {
  margin-bottom: 2em;
}
.footerNavWrapper .v65-podDescription {
  border-right: 1px solid #666666;
  float: left;
  margin-right: 2%;
  padding-right: 2%;
  width: 15%;
}
@media screen and (max-width: 970px) {
  .footerNavWrapper .v65-podDescription {
    border: 0;
    width: 23%;
  }
}
.footerNavWrapper .v65-podDescription p {
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-size: 1.5em;
  font-style: italic;
  line-height: 1.4em;
  margin-bottom: 1em;
}
@media screen and (max-width: 520px) {
  .footerNavWrapper .v65-podDescription {
    border-right: 0;
    float: none;
    margin-right: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
  }
}
.footerNavWrapper .megaNav {
  float: left;
  width: 62%;
}
@media screen and (max-width: 970px) {
  .footerNavWrapper .megaNav {
    width: 72%;
  }
}
.footerNavWrapper .megaNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footerNavWrapper .megaNav li {
  float: left;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-size: 1.3em;
  font-style: italic;
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-right: 2%;
  width: 18%;
}
.footerNavWrapper .megaNav li a {
  color: #cccccc;
  display: block;
  margin-bottom: 0.6em;
}
.footerNavWrapper .megaNav li li {
  display: block;
  float: none;
  font-family: sans-serif;
  font-size: 0.6111111111em;
  font-style: normal;
  line-height: 1.3em;
  margin-bottom: 1em;
  width: 100%;
}
.footerNavWrapper .megaNav li li a {
  color: #666666;
}
.footerNavWrapper .megaNav .v65-home {
  display: none;
}
@media screen and (max-width: 520px) {
  .footerNavWrapper .megaNav {
    display: none;
  }
}
.footerNavWrapper .footerNav {
  border-left: 1px solid #666666;
  float: right;
  margin-left: 2%;
  padding-left: 2%;
  width: 14%;
}
.footerNavWrapper .footerNav ul {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 970px) {
  .footerNavWrapper .footerNav ul {
    text-align: center;
    border-bottom: 1px solid #666666;
    line-height: 4em;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 520px) {
  .footerNavWrapper .footerNav ul {
    height: auto;
    line-height: auto;
  }
}
.footerNavWrapper .footerNav li {
  display: block;
  font-size: 0.9166666666667em;
  margin-bottom: 1em;
}
@media screen and (max-width: 970px) {
  .footerNavWrapper .footerNav li {
    display: inline-block;
    margin: 0 2em;
  }
}
@media screen and (max-width: 520px) {
  .footerNavWrapper .footerNav li {
    display: block;
    text-align: center;
    font-size: 1em;
    height: 3em;
    line-height: 3em;
    margin: 0;
    width: 100%;
  }
}
.footerNavWrapper .footerNav a {
  color: #666666;
}
@media screen and (max-width: 520px) {
  .footerNavWrapper .footerNav a {
    display: block;
    height: 3em;
    line-height: 3em;
  }
}
@media screen and (max-width: 970px) {
  .footerNavWrapper .footerNav {
    border-left: 0;
    float: none;
    margin-bottom: 2em;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
  }
}

.accolade {
  text-align: center;
}
.accolade a {
  color: #666666;
}

/* ----- Checkout footer items ----- */
.footerSocialCheckout {
  border-bottom: 0 solid #666666;
  margin: 0;
}
.footerSocialCheckout .copyright {
  margin: 0;
}

.footerNavWrapperCheckout {
  margin: 0;
}
.footerNavWrapperCheckout .v65-podDescription {
  border-right: 0 solid #666666;
}

.accoladeCheckout {
  text-align: center;
}

/*   ===================================================================================================
     10. Vin65 Overrides
======================================================================================================== */
/* ----- a. User Tools ----- */
#user-tools {
  color: white;
  position: relative;
  width: auto;
}
#user-tools a {
  color: #cccccc;
}
#user-tools a:hover {
  color: white;
  text-decoration: none;
}

.v65-pointsBalance {
  display: inline-block;
  padding-right: 1em;
}
@media screen and (max-width: 580px) {
  .v65-pointsBalance {
    display: none;
  }
}

@media screen and (min-width: 581px) {
  .v65-yourAccount, .v65-editProfile, .v65-login, .v65-logout {
    width: auto;
  }
}

#v65-modalCart {
  position: static;
}
@media screen and (min-width: 581px) {
  #v65-modalCart {
    display: inline-block;
    padding-left: 1em;
  }
}

/* -------- Checkout -------- */
#v65-pointsGainedOnOrder {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 1em;
  margin: 0.5em 0 1em;
  padding: 0.5em 0;
}
#v65-pointsGainedOnOrder p {
  margin: 0;
}

#v65-loyaltyPointsFormWrapper div.v65-loyaltyPointsInputBox {
  padding: 0;
}

#v65-checkoutCartSummaryMini,
#v65-checkCartSummaryMoreOptions {
  float: none;
  width: 100%;
}

/* ----- b. Homepage Product Group ----- */
.homepageProductGroup .v65-productGroup-products {
  text-align: left;
  width: 100%;
}

.homepageProductGroup .v65-productGroup-title {
  color: #976933;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-size: 2em;
  line-height: 1.2;
  margin: 0.25em  0 0.5em;
}

.homepageProductGroup .v65-productGroup-teaser {
  float: none;
  margin: 0;
  width: 100%;
}

.homepageProductGroup .v65-productGroup-product {
  margin: 0 0 1em;
  width: 100%;
}

.homepageProductGroup .v65-product-photo {
  float: left;
  width: auto;
}

.homepageProductGroup .v65-productGroup-product .v65-product-addToCart-priceWrapper {
  display: inline;
}
