@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: '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-up-bold:before {
  content: '\e800';
}

/* '' */
.icon-down-bold:before {
  content: '\e801';
}

/* '' */
.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-arrows-ccw:before {
  content: '\e802';
}

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

/* '\1f50d' */
/* 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: 'Raleway', sans-serif;
  font-weight:400;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  color: #771635;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  margin: 0;
}

h1 {
  font-size: 3em;
  line-height: 1em;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 2.25em;
  line-height: 1em;
  margin-bottom:12px;
  font-weight:500;
}

h3 {
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 12px;
}

h4 {
  font-size: 1.3125em;
  line-height: 1.1428571428571428;
  margin-bottom: 1.1428571428571428em;
}

h5 {
  font-size: 1.125em;
  line-height: 1.3333333333333333;
  font-weight:500;
}

h6 {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 1.5em;
}

.v65-title {
  font-size: 1.6em;
  line-height: 1;
  margin-bottom: 0.5em;
  color: #771635;
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
}

.v65-subtitle {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
  color: #771635;
  font-family: 'Raleway', sans-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: #771635;
  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: #771635;
  border: 0;
  color: #771635;
  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: 6px;
    display: block;
    line-height: 5em;
    height: 5em;
    width: 5em;
    text-align: center;
    text-decoration: none;
  }
}

/*   ===================================================================================================
     2. User Tools
======================================================================================================== */
.userToolsWrapper {
  background: #771635;
  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: 200px;
  }
}
header .homepageBanner {
  left: 0;
  height: 100%;
  top: 0;
  position: absolute;
  width: 100%;
}
/*====== BDG 27032015 ======*/
.logo {
	padding-top:10px;
	padding-bottom:10px;
}
@media screen and (max-width: 580px) {
	.logo {
	width:200px;
}
}
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%;
  }
}
/* ===== DBG CSS ===== */
.homepageBannerText {
	letter-spacing:1px;
	width: auto;
	color:#000;
    padding: 25px 25px 0 25px;
    margin: 25px;
	text-align:center;
}
.homepageBannerText h2 {
	letter-spacing:2px;
	color:#000;
	margin-top:5px;
	margin-bottom:10px;
}
.homepageBannerText h5 {
	letter-spacing:1px;
	color:#000;
	font-weight:400;
	margin-bottom:10px;
}
@media screen and (max-width: 580px) {
.homepageBannerText {
	background-color:rgba(255, 255, 255, 0);
	width: auto;
    padding: 25px;
    margin: 5px;
	text-align:center;
}
}
@media screen and (max-width: 580px) {
.homepageBannerText h2 {
	font-size:1.8em;
	margin-bottom:10px;
}
}
@media screen and (max-width: 780px) {
.homepageBannerText h5 {
	display:none !important;
}
}
.tagline {
	width:390px !important;
	height:62px !important;
}
@media screen and (max-width: 780px) {
.tagline {
	width:300px !important;
	height:auto !important;
}
}
@media screen and (max-width: 580px) {
.tagline {
	width:200px !important;
	height:auto !important;
}
}

.homepageWinemakersHeadline {
	letter-spacing:1px;
	width: auto;
	color:#ccc;
	border:1px solid;
	border-color: #771635;
    margin: 25px 0;
    padding: 0 25px 0 25px;
	text-align:center;
}
.homepageWinemakersHeadline h2 {
	letter-spacing:2px;
	color:#ccc;
	padding: 0 25px 0 25px;
	margin-top:5px;
	margin-bottom:5px;
}
@media screen and (max-width: 580px) {
.homepageWinemakersHeadline {
	color:#ccc;
	width: auto;
    padding: 25px;
    margin: 25px 0;
	text-align:center;
}
}
@media screen and (max-width: 580px) {
.homepageWinemakersHeadline h2 {
	font-size:1.4em;
	margin-bottom:5px;
}
}

.homepageWinemakersText {
	letter-spacing:1px;
	width: 500px;
	color:#ccc;
    margin: 25px 0;
    padding: 0 25px 0 25px;
	text-align:center;
}
.homepageWinemakersText h5 {
	letter-spacing:2px;
	color:#ccc;
	padding: 0 25px 0 25px;
	margin-top:5px;
	margin-bottom:40px;
}
@media screen and (max-width: 580px) {
.homepageWinemakersText {
	color:#ccc;
	width: auto;
    padding: 25px;
    margin: 25px 0;
	text-align:center;
}
}
@media screen and (max-width: 580px) {
.homepageWinemakersText h5 {
	margin-bottom:5px;
}
}

.WinemakersHeadline {
	letter-spacing:1px;
	width: auto;
	color:#ccc;
	border:1px solid;
	border-color: #771635;
    margin: 65px 0;
    padding: 0 25px 0 25px;
	text-align:center;
}
.WinemakersHeadline h2 {
	letter-spacing:2px;
	color:#ccc;
	padding: 0 25px 0 25px;
	margin-top:5px;
	margin-bottom:5px;
}
@media screen and (max-width: 580px) {
.WinemakersHeadline {
	color:#ccc;
	width: auto;
    padding: 25px;
    margin: 25px 0;
	text-align:center;
}
}
@media screen and (max-width: 580px) {
.WinemakersHeadline h2 {
	font-size:1.4em;
	margin-bottom:5px;
}
}

.v65-productGroup-products {
	text-align: left; 
	width: 100%
}
.v65-productGroup-product {
	float: left;
	margin: 0 0 1em 2%;
	position: relative;
	width: 100%;
}
@media screen and (max-width: 750px) {
.v65-productGroup-product {
	width: 100%
}
}
@media screen and (max-width: 600px) {
.v65-productGroup-product {
	width: 100%
}
}
@media screen and (max-width: 580px) {
.v65-productGroup-product {
	width: 100%
}
}
.v65-product-photo {
  margin: 0 auto 1em;
}

img.v65-featureRight {
    border: none;
}

.newsContainer{
	background-image:url(http://iconicwinemakers.aus.vin65dev.com/assets/client/Image/winemaker1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	box-sizing:border-box;
    color: #fff;
    padding:20px 20px 0 20px;
    width: 100%;
	height:400px;
}
.newsBox {
	background-color: rgba(34, 34, 34, 0.8);
	color: #ccc;
	padding: 20px 20px 0 20px;
	margin: 20px;
	width: 240px;
	box-sizing:content-box;
}
.newsBox h2 {
	color: #ccc;
	font-size:16px;
}

@media screen and (max-width: 580px) {
.newsContainer {
	padding:20px 0 0 0;
}
}
@media screen and (max-width: 580px) {
.newsBox {
	margin-top:200px;
	width:100%;
	padding:400px 0 0 0;
	margin:0;
	background-color: rgba(255, 255, 255, 0);
	color:#222222;
}
}
@media only screen and (max-width: 580px) {
.newsBox h2 {
	color: #771635;
	font-size: 2.25em;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 12px;	
	}
}


/* ====== DBG 18/09/2015 =====*/

.v65-product-addToCart-priceWrapper {
    display: block;
    margin-bottom: 0.5em;
}

.v65-product-addToCart-price {
	color:#771635;
    display: inline;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2em;
	font-weight: 500;
}

.v65-product-addToCart-unitDescription {
    bottom: 1ex;
	color: #888888;
    display: inline;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    height: 0;
    line-height: 0;
	padding-left:5px;
    position: relative;
    vertical-align: baseline;
}

.v65-socialMediaBar-Email {
    padding-right: 7px;
}

/*   ===================================================================================================
     4. Navigation
======================================================================================================== */
/* ----- a. Main Menu ----- */
nav {
  /*background: url(../images/nav-gradient.png) repeat-x bottom #771635;*/
  height: 14em;
  position: relative;
  z-index: 101;banner
}
@media screen and (max-width: 580px) {
  nav {
    height: auto;
  }
}
nav ul {
  list-style: none;
  margin: 11px auto 0;  /*DBG*/
  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: #999;  /*DBG*/
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  margin: 0;
  padding: 0 25px;
  position: relative;
  text-decoration: none;
}
nav li a:hover {
  color: #fff; /*DBG*/
  text-decoration: none;
  /*background: url(../images/nav-gradient.png) repeat-x #b25252;*/
}
@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 #b25252;*/
}
nav li:hover ul {
  /*background: url(../images/nav-gradient.png) repeat-x #771635;*/
  display: block;
}
@media screen and (max-width: 580px) {
  nav li:hover ul {
    display: none;
  }
}
nav li ul {
  display: none;
  left: 0px;
  position: absolute; 
  top: 24px;  /*DBG*/
  width: 180px;
}
nav li li {
  display: block;
  float: none;
  margin: 0;
  text-align: left;
  width: 230px;
}
nav li li a {
  background: #000;
  border-bottom: 1px solid #282828;
  -webkit-box-shadow: 0px 2px 11px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 2px 11px -6px rgba(0,0,0,1);
  box-shadow: 0px 2px 11px -6px rgba(0,0,0,1);
  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: #771635;
  color: white;
}
nav .v65-pageAParent {
  /*background: url(../images/nav-gradient.png) repeat-x #b25252;*/
  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 #b25252;*/
  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 #000;
  border-right: 1px solid #771635;
  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: #000;
  text-decoration: none;
}
.subMenu li ul {
  border: 0;
  padding: 0;
  margin: 0 0 0 1em;
}
.subMenu .v65-pageAParent {
  color: #000;
}
.subMenu .v65-leftSelected {
  color: #000;
  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-image:url(../images/contentblock/bg-01.jpg);
	background-repeat:repeat;
  	padding: 40px 0;
    margin-top:-77px;
}
.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 #771635;
  border-bottom: 1px solid #771635;
  color: black;
  font-family: 'Raleway', sans-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 #771635;
  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: 'Raleway', sans-serif;
}
.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 {
}
.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-image:url(../images/contentblock/bg-01.jpg);
	background-repeat:repeat;
  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%;
}

.col3 {
  float: left;
  margin-left: 5%;
  width: 30%;
}

.col3:first-child {
  float: left;
  margin-left: 0%;
  width: 30%;
}

@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: none;
    margin-left: 0;
    margin-bottom: 1.5em;
    width: 100%;
  }

  .col3:first-child {
    float: none;
    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: #771635;
  border-radius: 0;
  font-family: sans-serif;
}
button.defaultBtn span, button.modalBtn span, button.largeBtn span {
  background: #771635;
  color: white;
  border-radius: 0;
}
button.defaultBtn:hover, button.modalBtn:hover, button.largeBtn:hover {
  background: #ba0f46;
}
button.altBtn, button.altModalBtn, button.altLargeBtn {
  background: #771635;
  color: white;
  font-family: sans-serif;
}
button.altBtn span, button.altModalBtn span, button.altLargeBtn span {
  background: #771635;
  color: white;
  border-radius: 0.385em;
}
button.altBtn:hover, button.altModalBtn:hover, button.altLargeBtn:hover {
  background: #ba0f46;
}
button.altBtn:hover span, button.altModalBtn:hover span, button.altLargeBtn:hover span {
  background: #ba0f46;
}

a.linkBtn, a.modalLinkBtn, a.largeLinkBtn, a.fullWidthBtn {
  background: #771635;
  border-radius: 0;
  font-family: 'raleway' sans-serif;
  padding: 0 30px;
}
a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span, a.fullWidthBtn span {
  background: #771635;
  color: white;
  border-radius: 0;
}
a.linkBtn:hover, a.modalLinkBtn:hover, a.largeLinkBtn:hover, a.fullWidthBtn:hover {
  background: #ba0f46;
  text-decoration: none;
}
a.linkBtn:hover span, a.modalLinkBtn:hover span, a.largeLinkBtn:hover span, a.fullWidthBtn:hover span {
  background: #ba0f46;
}
a.fullWidthBtn {
  display: block;
  font-size: 16px;
  max-width: 100%;
  text-align: center;
  width: 100%;
}
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
  background: #771635;
  border-radius: 0;
  font-family: sans-serif;
}
a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span {
  background: #222222;
  border-radius: 0;
  color: white;
}
a.linkAltBtn:hover, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:hover {
  background: #666666;
}
a.linkAltBtn:hover span, a.modalLinkAltBtn:hover span, a.modalLinkAltBtn:hover span {
  background: #666666;
}
a.modalLinkBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
  min-width: auto;
}

.v65-quickView-close a {
  border-radius: 0;
  background: #d98c8c;
}
.v65-quickView-close a:hover {
  background: #d98c8c;
}

/*   ===================================================================================================
     8.5 Pop Up Subscription
======================================================================================================== */
.popsubscribe {
  color: #000;
  font-family: 'Raleway', sans-serif;
  float: left;
}
@media screen and (max-width: 970px) {
.popsubscribe {
    float: none;
    width: 100%;
  }
}
.popsubscribe #v65-subscribeWidget {
  display: inline-block;
  position: relative;
}
.popsubscribe #v65-subscribeWidget span.error {
  display: block;
  left: 10px;
  position: absolute;
  top: -30px;
}
@media screen and (max-width: 970px) {
.popsubscribe #v65-subscribeWidget span.error {
    top: -20px;
  }
}
@media screen and (max-width: 680px) {
.popsubscribe #v65-subscribeWidget span.error {
    position: relative;
    left: 0;
    margin-bottom: 1em;
    top: 0;
  }
}
.popsubscribe input {
  width: 400px !important;
  background: #CCC;
  border: 0;
  color: #666666;
  font-family: sans-serif;
  letter-spacing: 1px;
  margin-left: 1em;
  padding: 0 10px;
}
.popsubscribe .intro {
  font-size: 16px;
  font-weight:300;
 padding-bottom:10px;
}
@media screen and (max-width: 520px) {
.popsubscribe .intro {
    display: block;
    margin-bottom: 0.6em;
  }
}



/*   ===================================================================================================
     9. Footer
======================================================================================================== */
footer {
  background: #222222;
  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 .icon-facebook-squared, .footerSocial .icon-twitter, .footerSocial .icon-pinterest,
.footerSocial .icon-gplus, .footerSocial .icon-vimeo, .footerSocial .icon-youtube {
  font-size: 1.3em;
  line-height: 1.3em;
  height: 1.3em;
}
@media screen and (max-width: 580px) {
  .footerSocial .icon-facebook-squared, .footerSocial .icon-twitter, .footerSocial .icon-pinterest,
  .footerSocial .icon-gplus, .footerSocial .icon-vimeo, .footerSocial .icon-youtube {
    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: 'Raleway', sans-serif;
  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: sans-serif;
  font-size: 1.5em;
  font-weight:lighter;
  font-size:12px;
  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: 'Raleway', sans-serif;
  font-size: 1.3em;
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-right: 3%;
  width: 22%;
}
.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;
    height: 4em;
    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 {
  display: block;
  text-align: left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}
.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: left;
}

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

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

.homepageProductGroup .v65-productGroup-title {
  color: #771635;
  font-family: 'Raleway', sans-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;
}