@charset "utf-8";
/* ======================================================================================================				
	Normalize @ Import File
==================================================================================================== */
/*! 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;
}

/* ======================================================================================================				
	Font Import File
==================================================================================================== */
@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?66280190");
  src: url("../fonts/fontello.eot?66280190#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?66280190") format("woff"), url("../fonts/fontello.ttf?66280190") format("truetype"), url("../fonts/fontello.svg?66280190#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?66280190#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - magrins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-youtube:before {
  content: '\55';
}

/* 'U' */
.icon-acrobat:before {
  content: '\e3';
}

/* 'ã' */
.icon-home:before {
  content: '\2302';
}

/* '⌂' */
.icon-star:before {
  content: '\2605';
}

/* '★' */
.icon-star-empty:before {
  content: '\2606';
}

/* '☆' */
.icon-menu:before {
  content: '\2630';
}

/* '☰' */
.icon-heart-empty:before {
  content: '\2661';
}

/* '♡' */
.icon-heart:before {
  content: '\2665';
}

/* '♥' */
.icon-layout:before {
  content: '\268f';
}

/* '⚏' */
.icon-mail:before {
  content: '\2709';
}

/* '✉' */
.icon-location:before {
  content: '\e724';
}

/* '' */
.icon-basket:before {
  content: '\e73d';
}

/* '' */
.icon-vimeo:before {
  content: '\f306';
}

/* '' */
.icon-twitter:before {
  content: '\f309';
}

/* '' */
.icon-facebook-squared:before {
  content: '\f30e';
}

/* '' */
.icon-gplus:before {
  content: '\f30f';
}

/* '' */
.icon-pinterest:before {
  content: '\f312';
}

/* '' */
.icon-video:before {
  content: '🎬';
}

/* '\1f3ac' */
.icon-user:before {
  content: '👤';
}

/* '\1f464' */
.icon-monitor:before {
  content: '💻';
}

/* '\1f4bb' */
.icon-phone-1:before {
  content: '📞';
}

/* '\1f4de' */
.icon-search-1:before {
  content: '🔍';
}

/* '\1f50d' */
/* ====================================================================================================				
	Vin65 Screen .SCSS
==================================================================================================== */
/* CSS Document */
/* ====================================================================================================
	Table of Content
	1. Theme Settings
	2. Typography - Copy into admin.css
	3. Header
	4. Navigation
		a. Navigation
		b. 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
		c. Checkout Overrides
		d. Default SASS Product List
		e. Default SASS Product Drilldown
*/
/* Breakpoints */
/* Mobile 580px, resolutions 320 x 480 px, 320 x 580 px, 360 x 580 px */
/* 7" Tablet 640px, resolution 640 x 1024 px */
/* iPad 760px, resolution 760 x 1024 px */
/*   ===================================================================================================
     2. Typography - These get copied into the admin.css
======================================================================================================== */
html, body {
height: 100%;
background: url(/assets/images/contentblock/photos/split-creeek_site_background1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  background: url('../images/SCF_background-texture.png') repeat;
  min-height: 100%;
  height: auto;
  font-size: 15px;
  color: black;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.8em;
}

Wine {
    color: #000000;
}

a {
  color: #455d5f;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, table, ul, ol {
  margin-top: 0;
  padding-top: 0;
}

ul, ol, dl, p, table, pre {
  margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
}

h1 {
  font-size: 24px;
  line-height: .9;
  margin-bottom: 0.6em;
color: #7e7062;
  font-family: 'IM Fell English', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
text-align: left;
}
@media screen and (max-width: 580px) {
  h1 {
    font-size: 24px;
  }
}

h2 {
  font-size: 36px;
  line-height: 1.2;
  margin: 0.25em  0 0.5em;
  font-weight: bold;
}
h2.pageTitle {
  text-transform: lowercase;
}
@media screen and (max-width: 580px) {
  h2 {
    font-size: 22px;
  }
}

h3 {
 color: #455d5f;
font: 22px/1 "Roboto", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0.25em 0 0.5em;
text-align: right;
  line-height: 1.2;
  margin-bottom: 0.6em;
}
@media screen and (max-width: 580px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
  line-height: 1.2;
}

h5 {
font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

h6 {
  font-size: 14px;
  line-height: 1.5;
}

img {
  border: none;
}

form {
  margin-bottom: 1em;
}

legend {
  color: #333333;
}

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

.backToTop {
  display: none;
}
@media screen and (max-width: 680px) {
  .backToTop {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 900;
  }
  .backToTop a {
    background: #333333;
    border: 1px solid #cccccc;
    border-radius: 50%;
    color: white;
    display: block;
    height: 5em;
    line-height: 5em;
    text-align: center;
    text-decoration: none;
    width: 5em;
  }
}

.hideText {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.hideText a {
  display: block;
  height: 100%;
}

/*   ===================================================================================================
     3. Header
======================================================================================================== */
header.main {
    webkit-box-shadow: inset -2px -34px 65px 2px rgba(0,0,0,0.71);
moz-box-shadow: inset -2px -34px 65px 2px rgba(0,0,0,0.71);
box-shadow: inset -2px -34px 65px 2px rgba(0,0,0,0.71);
  background-color: #775226;
  color: #fff;
  width: 100%;
  z-index: 100;
background: url('../images/barnwood_tile.jpg') repeat;
}
@media screen and (min-width: 836px) {
  header.main {
height: 150px;
  }
}
header.main a {
  color: #efe2a0;
}
header.main .wrapper {
  margin: 0 auto;
  padding: 0;
  max-width: 950px;
}
@media screen and (min-width: 836px) {
  header.main .wrapper {
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  header.main .wrapper {
    width: 950px;
  }
}

#user-tools {
  color: #b3b3b3;
  border-bottom: 1px solid #666;
}
@media screen and (min-width: 581px) {
  #user-tools {
    border: none;
  }
}
@media screen and (min-width: 581px) and (max-width: 1023px) {
  #user-tools {
    border: none;
  }
}
#user-tools a {
  color: #ffffff;
}

#v65-modalCart {
  padding-right: 10px !important;
}
@media screen and (min-width: 1024px) {
  #v65-modalCart {
    padding: 0 !important;
  }
}

@media screen and (max-width: 580px) {
  .logoWrapper {
    margin: 0 auto;
    width: 120px;
  }
}
.logoWrapper .logo {
  background: url('../images/SCF_homepage_logotab_v2.png') no-repeat;
  background-size: contain;
  display: block;
  float: left;
  height: 131px;
  margin-left: 0px;
  width: 120px;
}
.logoWrapper .logo.smallLogo {
  background-color: transparent;
  border: none;
  height: 75px;
  width: 120px;
}
.logoWrapper .logo h1 {
  margin: 0;
  height: 100%;
}
@media screen and (min-width: 581px) {
  .logoWrapper .logo {
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    height: 262px;
    width: 240px;
    text-align: center;
  }
}
@media screen and (min-width: 581px) and (max-width: 650px) {
  .logoWrapper .logo {
    height: 131px;
    width: 120;
  }
}
@media screen and (max-width: 580px) {
  .logoWrapper .logo {
    margin: 0;
  }
}
.logoWrapper .logo img {
  height: 100%;
}

/*   ===================================================================================================
     4. Navigation
======================================================================================================== */
/* ----- Link to footer navigation ----- */
.menuLink {
  display: none;
}
@media screen and (max-width: 580px) {
  .menuLink {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
  }
}
.menuLink:hover, .menuLink:focus, .menuLink:active {
  text-decoration: none;
}

/* ----- a. Main Menu ----- */
nav {
  float: right;
  font-size: 16px;
  height: 100%;
  width: 100%;
  z-index: 101;
  font-family: 'Roboto', sans-serif;
letter-spacing: 2px;
  text-transform: uppercase;
  text-align: right;
margin-top: 80px;
}
@media screen and (max-width: 580px) {
  nav {
    float: left;
    text-align: center;
  }
}
nav ul {
  margin: 0;
  padding: 0;
  display: inline;
}
@media screen and (min-width: 836px) {
  nav ul {
    float: right;
    margin: 0;
    text-align: left;
  }
}
@media screen and (max-width: 1023px) {
  nav ul {
    padding-right: 10px;
  }
}
nav ul li {
  margin: 0;
  padding: 0;
  height: 45px;
  line-height: 45px;
  display: inline-block;
}
@media screen and (min-width: 836px) {
  nav ul li {
    height: 28px;
    line-height: 28px;
    margin: 0 25px;
    margin: 0 0 0 20px;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  nav ul li {
    margin: 0 0 0 20px;
    position: relative;
  }
}
nav ul li a {
  color: rgb(255, 255, 255);
  display: block;
  height: 44px;
  line-height: 44px;
  margin: 0 3px;
  padding: 0 3px;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 836px) {
  nav ul li a {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
}
nav ul li a:hover {
  color: #ccc;
  text-decoration: none;
}
nav ul li.v65-home {
  display: none;
}

/* ----- b. Sub Menu ----- */
.subMenu {
  clear: both;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 836px) {
  .subMenu {
    border-right: 1px solid #ccc;
    float: left;
    margin-right: 4%;
    padding-right: 2%;
    width: 17.8%;
    clear: left;
  }
}
.subMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
@media screen and (max-width: 835px) {
  .subMenu ul {
    border-top: 1px solid #999;
  }
}
@media screen and (min-width: 836px) {
  .subMenu ul {
    margin: 0 0 2% 1%;
    padding: 0;
  }
}
.subMenu ul li {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 835px) {
  .subMenu ul li {
    border-bottom: 1px solid #999;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .subMenu ul li {
      font-size: 16px;
font-family: 'IM Fell English', serif;
  letter-spacing: 1px;
    line-height: 2;
    display: list-item;
text-align: right;
  }
}
@media screen and (max-width: 835px) {
  .subMenu ul li a {
    display: block;
    font-size: 1em;
    line-height: 3em;
  }
}
.subMenu ul li ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  border-bottom: 3px solid #CCC;
}
@media screen and (min-width: 836px) {
  .subMenu ul li ul {
    margin-left: 10px;
    width: 160px;
    border: none;
  }
}
.subMenu ul li .v65-pageAParent {
  color: #000;
}
.subMenu ul li .v65-leftSelected {
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 835px) {
  .subMenu h3 {
    display: none;
  }
}

/*   ===================================================================================================
     5. Content
======================================================================================================== */
.wrapper {
  margin: 0 auto;
  padding: 3%;
  position: relative;
  max-width: 900px;
}
.wrapper.innerContent {
  padding-bottom: 0;
  padding-top: 185px;
}
@media screen and (min-width: 581px) {
  .wrapper.innerContent {
    padding-bottom: 30px;
    padding-top: 130px;
  }
}
@media screen and (max-width: 650px) {
  .wrapper.innerContent {
    padding-top: 100px;
  }
}
@media screen and (max-width: 580px) {
  .wrapper.innerContent {
    padding-top: 30px;
  }
}

.home .innerContent {
  padding: 3%;
}

.homepageContent {
  left: 0;
  position: absolute;
  right: 0;
  top: 300px;
}
@media screen and (max-width: 1000px) {
  .homepageContent {
    top: 250px;
  }
}
@media screen and (max-width: 580px) {
  .homepageContent {
    background: #8eb9e3;
    float: left;
    padding: 0;
    position: relative;
    top: 0;
  }
}
.homepageContent .wrapper {
  padding: 0 !important;
  max-width: 950px;
}
.homepageContent .homepageText {
webkit-box-shadow: 0px 0px 12px 6px rgba(0,0,0,0.1);
moz-box-shadow: 0px 0px 12px 6px rgba(0,0,0,0.1);
box-shadow: 0px 0px 12px 6px rgba(0,0,0,0.1);
background: url('../images/SCF_background-texture.png') repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 3em 3em 3em 3em;
  width: 63%;
}
@media screen and (max-width: 1000px) {
  .homepageContent .homepageText {
    margin: 0 1%;
    width: 48%;
  }
}
@media screen and (max-width: 580px) {
  .homepageContent .homepageText {
    margin: 0;
    width: 100%;
  }
}
.homepageContent .homepageProductGroup {
webkit-box-shadow: 0px 0px 12px 6px rgba(0,0,0,0.1);
moz-box-shadow: 0px 0px 12px 6px rgba(0,0,0,0.1);
box-shadow: 0px 0px 12px 6px rgba(0,0,0,0.1);
background: url('../images/SCF_background-texture.png') repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  padding: 3em .5em 1.5em 1.5em;
  width: 35%;
}
@media screen and (max-width: 1000px) {
  .homepageContent .homepageProductGroup {
    margin: 0 1%;
    width: 48%;
  }
}
@media screen and (max-width: 580px) {
  .homepageContent .homepageProductGroup {
    
    float: left;
    margin: 0;
    width: 100%;
  }
}
.homepageContent .homepageProductGroup .v65-productGroup-product {
  text-align: left;
  width: 90%;
}
.homepageContent .homepageProductGroup .v65-productGroup-product .v65-product-title a {
  color: #455d5f;
  font: 22px/1 "Roboto", sans-serif;
letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0.25em 0 0.5em;
}
.homepageContent .homepageProductGroup .v65-productGroup-product .productLeftCol {
  float: left;
  width: 25%;
  margin-right: 5%;
}
.homepageContent .homepageProductGroup .v65-productGroup-product .productRightCol {
  float: right;
  width: 70%;
}
.homepageContent .homepageProductGroup .v65-productGroup-title {
  display: none;
}
.homepageContent .v65-productGroup {
  margin-bottom: 0;
}

.solid {
  background: #40627c;
  color: #fffae4;
}
.solid h1, .solid h2, .solid h3, .solid h4, .solid h5, .solid h6 {
  color: white;
}

/* ----- Feature Image ----- */
.featureImage {
  background-color: #000;
  line-height: 0;
  margin: 0 auto;
  min-height: 875px;
  text-align: center;
  width: auto;
}
.featureImage div.homepageFeatureImage {
  height: 875px;
  background-size: 100% !important;
}
@media screen and (max-width: 1400px) {
  .featureImage div.homepageFeatureImage {
    width: 1400px;
    background-size: initial !important;
  }
}
@media screen and (max-width: 580px) {
  .featureImage div.homepageFeatureImage {
    background-size: cover !important;
    height: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .featureImage {
    min-height: 0;
    padding-top: 0;
  }
}
@media screen and (min-width: 836px) {
  .featureImage {
    padding-top: 0;
  }
}
.featureImage img {
  width: 100%;
  height: auto;
}

/* ----- Two Col Layout ----- */
@media screen and (min-width: 836px) {
  .leftCol.equalWidth, .rightCol.equalWidth {
    width: 45%;
  }
}

@media screen and (min-width: 836px) {
  .leftCol {
    float: left;
    width: 68%;
  }
}
@media screen and (min-width: 1024px) {
  .leftCol {
    float: left;
    width: 600px;
    padding: 0;
    margin: 0 0 20px;
  }
}

@media screen and (min-width: 836px) {
  .rightCol {
    float: right;
    width: 28%;
  }
}
@media screen and (min-width: 1024px) {
  .rightCol {
    width: 260px;
  }
}
.rightCol .v65-pod {
  margin-bottom: 50px;
  width: 100%;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .rightCol .v65-pod {
    width: 35%;
    float: left;
    padding: 0 7%;
  }
}

.equalWidth .v65-pod {
  margin-bottom: 50px;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .equalWidth .v65-pod {
    width: 100%;
    float: none;
    padding: 2% 0 0;
  }
}

/* ----- Four Col layout ----- */
.fourCol .v65-pod {
  float: left;
  margin: 0;
  padding: 2%;
}
@media screen and (min-width: 581px) {
  .fourCol .v65-pod {
    float: left;
    width: 46%;
  }
}
@media screen and (min-width: 836px) {
  .fourCol .v65-pod {
    width: 21%;
  }
}

/* ----- Clubs ----- */
.v65-clubTitle {
  font-family:  'IM Fell English', serif;
  font-size: 24px;
letter-spacing: 1px;
    text-transform:uppercase;
    color: #7e7062;
  font-weight: bold;
}

.v65-clubTeaser {
  padding: 0 0 12px 0;
  margin-bottom: 50px;
}

#slider {
  overflow: hidden;
  width: 100%;
}

/* ----- b. Page Styles ----- */
.page {
  float: right;
  width: 75%;
}
@media screen and (max-width: 835px) {
  .page {
    padding: 3%;
    width: 94%;
  }
}

.col2 {
  float: left;
  margin-left: 6%;
  width: 47%;
}
.col2 img {
  max-width: 100%;
}
.col2:first-child {
  float: left;
  margin-left: 0%;
  width: 47%;
}
@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%;
  }
}

.col3 {
  float: left;
  margin-right: 6%;
  width: 72%;
}
.col3 img {
  max-width: 100%;
}
@media screen and (max-width: 580px) {
  .col3 {
    float: none;
    margin-left: 0;
    margin-bottom: 1.5em;
    width: 100%;
  }
}

.col1 {
  float: left;
  width: 22%;
}
.col1 img {
  max-width: 100%;
}
@media screen and (max-width: 580px) {
  .col1 {
    float: none;
    width: 100%;
  }
}

/*   ===================================================================================================
     6. Products
======================================================================================================== */
@media screen and (min-width: 925px) {
  .threeUpClear {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
  }
}

.v65-product-addToCart-priceWrapper {
  display: block;
}
@media screen and (min-width: 581px) {
  .v65-product-addToCart-priceWrapper {
    margin-top: 20px;
  }
}

.v65-product-addToCart-price {
  font-size: 1.6em;
  font-weight: bold;
}

@media screen and (max-width: 580px) {
  .v65-addToCartCase {
    display: none;
  }
}

/* ----- List ----- */
.v65-product2Up {
  width: 100%;
  text-align: left;
  /*@media screen and (min-width:925px){
  	width:31%;
  }*/
}
@media screen and (min-width: 605px) {
  .v65-product2Up {
    margin: 0 2% 1em 0;
    width: 48%;
  }
}
.v65-product2Up .v65-product-photo {
  width: 12%;
  float: left;
  text-align: left;
  margin: 0 1em 2em 0;
}
@media screen and (min-width: 605px) {
  .v65-product2Up .v65-product-photo {
    width: 28%;
  }
}
@media screen and (min-width: 920px) {
  .v65-product2Up .v65-product-photo {
    text-align: center;
    width: 32%;
  }
}
.v65-product2Up .v65-product-photo img {
  max-width: 100%;
}
@media screen and (max-width: 580px) {
  .v65-product2Up .v65-product-drilldownLink {
    display: none;
  }
}
.v65-product2Up .v65-product-title {
  font-size: 2em;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
.v65-product3Up {
  float: left;
  width: 32%;
  margin: 0 1% 3em 0;
}
.v65-product3Up .v65-product-photo {
  float: left;
  width: 40%;
}
.v65-product3Up .v65-product-infoWrapper {
  float: right;
  text-align: left;
  width: 60%;
}
@media screen and (max-width: 893px) {
  .v65-product3Up {
    width: 48%;
  }
  .v65-product3Up + .v65-clear {
    clear: none;
  }
}

/*   ===================================================================================================
     8. Buttons
======================================================================================================== */
button {
  /* Button Sizing Overrides*/
  /* Button Styling*/
}
button.largeBtn, button.altLargeBtn {
  font-size: 1.3em;
  /* 16px; */
}
@media screen and (min-width: 836px) {
  button.largeBtn, button.altLargeBtn {
    height: 3em;
    line-height: 3em;
  }
}
button.defaultBtn, button.altBtn {
  font-size: 1em;
  /* 12px; */
}
@media screen and (min-width: 836px) {
  button.defaultBtn, button.altBtn {
    height: 3em;
    line-height: 3em;
  }
}
button.modalBtn, button.altModalBtn {
  font-size: 0.833em;
  /* 10px; */
}
@media screen and (min-width: 581px) {
  button.modalBtn, button.altModalBtn {
    height: 2.5em;
    line-height: 2.5em;
  }
}
button.defaultBtn, button.modalBtn, button.largeBtn {
  background: #9b2a15;
  border-radius: 0.5em;
  color: #ffffff;
  text-align: center;
  font-family:   'IM Fell English', serif;
  min-width: 7.0em;
  text-transform: uppercase;
    font-size: 11px;
  font-weight: bold;
}
button.defaultBtn span, button.modalBtn span, button.largeBtn span {
  color: ffffff;
  border-radius: 0.385em;
}
button.defaultBtn:hover, button.modalBtn:hover, button.largeBtn:hover {
  background: #efe2a0;
}
button.altBtn, button.altModalBtn, button.altLargeBtn {
  background: #cccccc;
  border: 1px solid #cccccc;
  border-radius: 0.385em;
  color: black;
  font: Arial, Helvetica, sans-serif;
  min-width: 8.0em;
  text-transform: uppercase;
  font-weight: bold;
}
button.altBtn span, button.altModalBtn span, button.altLargeBtn span {
  color: black;
  background: #cccccc;
  border-radius: 0.385em;
}
button.altBtn:hover, button.altModalBtn:hover, button.altLargeBtn:hover {
  background: #e6e6e6;
}
button.altBtn:hover span, button.altModalBtn:hover span, button.altLargeBtn:hover span {
  background: #e6e6e6;
}

a.linkBtn, a.modalLinkBtn, a.largeLinkBtn, a.fullWidthBtn {
  background: #9b2a15;
  border-radius: 0.5em;
  color: #ffffff;
  text-align: center;
  font-family:   'IM Fell English', serif;
  min-width: 8.0em;
  text-transform: uppercase;
  font-weight: bold;
}
a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span, a.fullWidthBtn span {
  color: #ffffff;
  background: #9b2a15;
  border-radius: 0.385em;
}
a.linkBtn:hover, a.modalLinkBtn:hover, a.largeLinkBtn:hover, a.fullWidthBtn:hover {
  background: #efe2a0;
  text-decoration: none;
}
a.linkBtn:hover span, a.modalLinkBtn:hover span, a.largeLinkBtn:hover span, a.fullWidthBtn:hover span {
  background: #efe2a0;
}
a.fullWidthBtn {
  display: block;
  font-size: 16px;
  max-width: 100%;
  text-align: center;
  width: 100%;
}
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
  background: #cccccc;
  border: 1px solid #cccccc;
  border-radius: 0.385em;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 8.0em;
  text-transform: uppercase;
  font-weight: bold;
}
a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span {
  background: #cccccc;
  border-radius: 0.385em;
  color: black;
}
a.linkAltBtn:hover, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:hover {
  background: #e6e6e6;
}
a.linkAltBtn:hover span, a.modalLinkAltBtn:hover span, a.modalLinkAltBtn:hover span {
  background: #e6e6e6;
}
a.modalLinkBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
  min-width: auto;
}

/*   ===================================================================================================
     9. Footer	
======================================================================================================== */
section .wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -205px;
}

footer, .push {
  height: 205px;
}

@media screen and (max-width: 580px) {
  .homepageContent + footer {
    float: left;
  }
}

footer {
webkit-box-shadow: inset -1px 52px 80px -33px rgba(0,0,0,0.75);
moz-box-shadow: inset -1px 52px 80px -33px rgba(0,0,0,0.75);
box-shadow: inset -1px 52px 80px -33px rgba(0,0,0,0.75);
width: 100%;
padding-bottom: 20px;

background: url('../images/corrugated_metal.jpg') repeat;
  color: #fffae4;
    background-position: left;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #fff;
}
@media screen and (min-width: 836px) {
  footer {
    color: #fffae4;
    text-align: center;
  }
}
footer a {
  color: #fffae4;
}
footer .wrapper {
  padding: 0;
}
@media screen and (min-width: 836px) {
  footer .wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
  }
}

.footerNav {
  width: 100%;
}
@media screen and (max-width: 835px) {
  .footerNav {
    background: none;
  }
}
.footerNav ul {
  border-top: 3px solid #000;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 836px) {
  .footerNav ul {
    border: none;
    text-align: center;
  }
}
.footerNav li {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 836px) {
  .footerNav li {
    display: inline;
    padding: 0 5px;
    border: none;
  }
}
.footerNav a {
  font-size: 1em;
  line-height: 3em;
  display: block;
}
@media screen and (min-width: 836px) {
  .footerNav a {
    color: #fffae4;
    display: inline-block;
    font-size: 0.917em;
    position: relative;
  }
  .footerNav a:hover {
    color: white;
  }
}

.footerTools {
background: url('../images/corrugated_metal.jpg') repeat;
    background-position: left;
  color: #fffae4;
  width: 100%;
    margin-top: -50px;
        padding-top: 50px;
}
@media screen and (min-width: 836px) {
  .footerTools {
    background: none;
  }
}
.footerTools ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 836px) {
  .footerTools ul {
    border: none;
  }
}
.footerTools li {
  line-height: 2.5em;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 836px) {
  .footerTools li {
    border: none;
  }
}
.footerTools li img {
  vertical-align: text-top;
}
@media screen and (min-width: 836px) {
  .footerTools li {
    display: none;
  }
}
.footerTools li.legal, .footerTools li.accolade {
  border-bottom: 0;
  display: block;
  font-size: 0.875em;
  line-height: 3em;
}
@media screen and (max-width: 835px) {
  .footerTools li.legal, .footerTools li.accolade {
    color: #ffffff;
  }
}
.footerTools li.legal a, .footerTools li.accolade a {
  color: #ffffff;
}
@media screen and (min-width: 836px) {
  .footerTools li.legal a, .footerTools li.accolade a {
    color: #ffffff;
  }
}
.footerTools li.social {
  border-bottom: 0;
  display: block;
  font-size: 1em;
  line-height: 3.5em;
}
.footerTools li.social a {
  color: #efe2a0;
  display: inline !important;
}
.footerTools a {
  color: #ffffff;
  display: block;
  line-height: 2.5em;
}
@media screen and (min-width: 836px) {
  .footerTools a {
    display: inline-block;
  }
}
.footerTools .icon-large {
  font-size: 1.5em;
}

/*   ===================================================================================================
     10. Vin65 Overrides
======================================================================================================== */
.v65-socialMediaBar-Twitter {
  width: 59px;
}

.v65-product-addToCart-price {
  font-size: 1.5em;
font-family: 'Roboto', sans-serif;
color: #455d5f;
}

#v65-signUpClubSummaryWrapper {
  margin-bottom: 20px;
}

.v65-form, .v65-customForm {
  max-width: 100%;
}

#v65-modalCart a span {
  text-align: center;
}

/* ----- Fix for overflow on FB sharing widget on mobile  ----- */
@media screen and (max-width: 835px) {
  .v65-socialMediaBar-FacebookLike {
    width: 100%;
    overflow: hidden;
  }
}

.v65-productBadge {
  position: absolute;
  top: 0;
  left: 0;
}

iframe {
  max-width: 100% !important;
}
@media screen and (max-width: 1023px) {
  iframe {
    width: 100% !important;
    height: 300px !important;
  }
}
@media screen and (max-width: 835px) {
  iframe {
    width: 100% !important;
    height: 200px !important;
  }
}

@media screen and (max-width: 1023px) {
  .v65-form fieldset .formatBeside label {
    float: none;
    width: auto;
    text-align: left;
    padding: 0;
  }
}

.v65-border {
  background-color: #fff;
}

@media screen and (max-width: 580px) {
  img.v65-right {
    width: auto !important;
  }
}

/* ====================================================================================================				
	Nivo Slider .SCSS
==================================================================================================== */
/*
 * 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 {
  font-size: 0;
  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;
}

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