/* @override 
	http://jonnathanielwines.com.uswest.vin65dev.com/assets/stylesheets/app.css */

/* Fonts */
  @font-face {
    font-family: 'Zurich';
    src: url('../fonts/zurich-extended.eot');
    src: url('../fonts/zurich-extended.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zurich-extended.woff') format('woff'),
         url('../fonts/zurich-extended.ttf') format('truetype'),
         url('../fonts/zurich-extended.svg#Zurich') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Zurich';
    src: url('../fonts/zurich-light-italic.eot');
    src: url('../fonts/zurich-light-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zurich-light-italic.woff') format('woff'),
         url('../fonts/zurich-light-italic.ttf') format('truetype'),
         url('../fonts/zurich-light-italic.svg#Zurich') format('svg');
    font-weight: normal;
    font-style: italic;
  }
  @font-face {
    font-family: 'Zurich-Light';
    src: url('../fonts/zurich-light.eot');
    src: url('../fonts/zurich-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zurich-light.woff') format('woff'),
         url('../fonts/zurich-light.ttf') format('truetype'),
         url('../fonts/zurich-light.svg#Zurich-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Zurich-Light';
    src: url('../fonts/zurich-light-italic.eot');
    src: url('../fonts/zurich-light-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zurich-light-italic.woff') format('woff'),
         url('../fonts/zurich-light-italic.ttf') format('truetype'),
         url('../fonts/zurich-light-italic.svg#Zurich') format('svg');
    font-weight: normal;
    font-style: italic;
  }


/* Global */
  html             { font-size: 62.5%; }
  body             { background: white;
                     font-family: Zurich-Light;
                     font-size: 14px;
                     line-height: 1;
                     color: #000;
                     position: relative;
                     -webkit-text-size-adjust: none; }
  
  img              { max-width: 100%;
                     height: auto; }


/* Links ---------------------- */
  a                { color: #F78E1E;
                     text-decoration: none;
                     line-height: inherit; }
  a:hover          { color: #2795b6; }
  a:focus          { color: #2ba6cb; outline: none; }
  p a, p a:visited { line-height: inherit; }


/* Misc ---------------------- */
  .left            { float: left; }
  .right           { float: right; }
  .text-left       { text-align: left; }
  .text-right      { text-align: right; }
  .text-center     { text-align: center; }
  .hide            { display: none; }
  .highlight       { background: #ffff99; }


/* Type & Color ----------------------*/
   
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td
                   { margin: 0; padding: 0; }
  
  body,
  .bg-striped      { background: #282828 url('/assets/images/design/stripes.png');
                     color: #8b8b8b; }
              
  .bg-black        { background: #000; }
  
  .page-content,
  .bg-white        { background: #fff; }
  
  .text-white      { color: #fff; }
  .text-gray       { color: #747474; }
  .text-black      { color: #000; }
  
  
  .link-gray a     { color: #747474; }
  .link-gray a:hover
                   { color: #fff; }
  
  .link-white a    { color: #fff; }
  .link-white a:hover
                   { color: #747474; }
  
  p, .v65-product-attributeValue                { font-size: 13px;
                     line-height: 1.6;
                     margin-bottom: 17px; }
                     
  p img.left,
  p img            { margin: 17px;
                     margin-left: 0; }
  p img.right      { margin: 17px;
                     margin-right: 0; }
  
  aside p          { font-size: 13px;
                     line-height: 1.35;
                     font-style: italic; }
  
  h1, h2, h3, h4, h5, h6
                   { text-rendering: optimizeLegibility;
                     line-height: 1.1;
                     margin-bottom: 14px;
                     margin-top: 14px; }
  
  h1,.h1           { font-size: 24px;
                     font-family: Zurich;
                     font-weight: normal;
                     text-transform: uppercase;
                     color: #000;
                     text-align: center;
                     display: block;
                     background: url('/assets/images/design/h1.png') 0;
                     margin-bottom: 30px; }
  h1 span,
  .h1 span         { background: #fff; padding: 0 40px; }
  
  
  .home  h1,.home .h1           { font-size: 17px;}
           
  h2,.h2,
  .v65-podTitle  { font-size: 14px;
                     color: #000;
                     text-transform: uppercase;
                     font-family: Zurich;
                     font-weight: normal; }
  
  h3.,h3           { font-size: 12px; font-family: Zurich-Light; }
  h4.,h4           { font-size: 12px; font-family: Zurich-Light; }
  h5.,h5           { font-size: 12px; font-family: Zurich-Light; }
  h6,.h6           { font-size: 12px; font-family: Zurich-Light; }
  
  hr               { border: solid #ddd;
                     border-width: 1px 0 0;
                     clear: both;
                     margin: 22px 0 21px;
                     height: 0; }
  
  em, i            { font-style: italic;
                     line-height: inherit; }
  strong, b        { font-weight: bold;
                     line-height: inherit; }


/* Repeatables */

  .ir              { text-align: left;
                     text-indent: -999em; }
  
  .inline-list li  { display: inline;
                     margin-left: 10px; }
  
  .text-normal     { font-weight: normal; }
  
  .page-header,
  .page-footer,
  .page-content,
  .padded          { padding: 20px 0; }

  .limiter         { width: 940px;
                     margin: 0 auto;
                     position: relative; }


/* Page Header */

  .logo            { display: block;
                     width: 160px;
                     height: 125px;
                     background: url('/assets/images/design/logo.png') 0 0 no-repeat; }
  
  .banner          { background-color: #282828;
                     height: 300px;
                     overflow: hidden; }
                
  .page-header     { border-bottom: 10px solid #000000; }
  
  .v65-podImage    { text-align: center; }
  
  .banner .v65-podImage img
                   { margin: 0 !important;
                     max-width: 1200px;
                     width: 1200px;
                     height: auto; }
  
                     
/* Primary Links */
  
  .nav-primary     { text-transform: uppercase;
                     position: absolute;
                     right: 0;
                     bottom: 0; }
  .nav-primary li  { padding-left: 20px;
                     display: inline; }
  
  .nav-primary ul ul
                   { display: none; }
  
  .nav-primary li ul
                   { position: absolute;
                     background: #000;
                     padding-top: 7px;
                     padding-right: 20px;
                     margin-top: 6px;
                     font-size: 0.7em; }
  
  .nav-primary li ul li
                   { padding: 5px; }
  
  .nav-primary ul ul .v65-selected
                   { border-top: 2px solid #5f5f5f;
                     padding-top: 6px; }


/* Account Links */

  .nav-account     { position: absolute;
                     right: 0;
                     top: 0;
                     width: 450px; }
  
  #v65-modalCart   { border-right: 1px solid #747474;
                     margin-right: 270px;
                     padding-right: 10px; }
  
  .nav-account .allocation
                   { margin-left: 10px;
                     padding-left: 10px;
                     border-left: 1px solid #747474; }
  

/* Subnavigation */
  .nav-subnav li   { margin-right: 20px;
                     margin-left: 0;
                     text-transform: uppercase;
                     font: 0.8em Zurich; }
  
  .v65-leftSelected{ background: #282828;
                     padding: 22px 10px 25px; }
  

/* Page Content */
  
   table           { width: 50%; }
   td              { padding: 10px 0; }
   img             { margin-top: 5px !important; }
  
  .page-content,
  .page-footer     { float: left; width: 100%; }
  
  .page-content-bottom
                   { margin: 40px 0;
                     float: left;
                     clear: both;
                     width: 100%; }
  
  .page-footer     { padding-bottom: 40px; }
  
  .footer-1,
  .footer-2,
  .footer-3        { font-size: 0.8em; }
  
  .footer-1        { width: 30%; float: left; text-align: left; padding-top: 10px; }
  .footer-2        { width: 40%; float: left; text-align: center; }
  .footer-3        { width: 30%; float: left; text-align: right; }
  
  .footer-2 li     { display: inline;
                     margin-right: 10px;
                     padding-right: 10px;
                     border-right: 1px solid #686868; }
  .footer-2 li:last-child
                   { padding-right: 0;
                     margin-right: 0;
                     border: none; }
  .footer-2 li a   { color: #979797; }
  .footer-2 li a:hover
                   { color: #fff; }
  
  .footer-twitter,
  .footer-facebook {
    width: 18px;
    height: 18px;
    display: block;
    float: right;
  }
  .footer-twitter {
    background: url('/assets/images/design/footer-twitter.png') 0 0 no-repeat; }
  .footer-facebook {
    background: url('/assets/images/design/footer-facebook.png') 0 0 no-repeat;
    margin-right: 10px; }
  
  .bottom-pod-1,
  .bottom-pod-2,
  .bottom-pod-3    { width: 30%; float: left; }
  .bottom-pod-1,
  .bottom-pod-2    { margin-right: 5%; }
  .bottom-pod-3    { float: right; }
  
  .bottom-pod-1 img,
  .bottom-pod-2 img,
  .bottom-pod-3 img{ margin: 0 0 5px !important; }
  
  .v65-pod img     { margin: 0 0 -15px; }
  .v65-podTitle a  { color: #F78E1E; }
  .v65-podTitle a:hover  { color: #2795b6;}
  

/* Buttons */

  button.defaultBtn,
  button.largeBtn,
  button.largeBtn span,
  button.defaultBtn span,
  .modalLinkBtn,
  .modalLinkBtn span,
  .modalBtn,
  .modalBtn span,
  .largeLinkBtn,
  .largeLinkBtn span,
  .linkBtn,
  .linkBtn span    { background: #282828 !important; }
  
  .v65-cartRemoveButton,
  .v65-cartRemoveButton span,
  .modalLinkAltBtn,
  .modalLinkAltBtn span,
  .linkAltBtn,
  .linkAltBtn span { background: #a9a9a9 !important; }
  
   button.largeBtn span,
  .modalLinkBtn span,
  .linkBtn span    { padding: 8px 8px 2px !important; }
  
   button.defaultBtn span { padding: 4px 8px 2px !important; }
  
  button.defaultBtn,
  .modalLinkBtn,
  .linkBtn         { padding: 0 !important;
                      font-family: Zurich-Light;
                      text-transform: uppercase; }
  

/* Home Page Banners */

  .home-wine       { display: block;
                     width: 310px;
                     float: left;
                     height: 480px;
                     margin-right: 1px; }
  
  .home-wine.sorare{ background: url("/assets/images/design/home-feature-1.jpg") 0 0 no-repeat; }
  .home-wine.sorare:hover
                   { background-position: -310px 0; }
  
  .home-wine.bodacious
                   { background: url("/assets/images/design/home-feature-2.jpg") 0 0 no-repeat; }
  .home-wine.bodacious:hover
                   { background-position: -310px 0; }
  
  .home-wine.lavendar  {
   background: url("/assets/images/design/home-feature-3.jpg") 0 0 no-repeat; }
  .home-wine.lavendar:hover {
   background-position: -310px 0; }
 
  .home-big-banner { width: 940px;
                     height: 485px;
                     clear: both;
                     position: relative;
                     display: none;
                     position: absolute; }
  .banner-sorare   { background: url("/assets/images/design/home-banner-1-bg.jpg") right top no-repeat; }
  .banner-bodacious{ background: url("/assets/images/design/home-banner-2-bg.jpg") right top no-repeat; }
  .banner-lavendar { background: url("/assets/images/design/home-banner-3-bg.jpg") right top no-repeat; }

  .home-big-banner .title
                   { height: 460px;
                     width: 290px;
                     position: absolute;
                     top: 10px;
                     left: 10px;
                     z-index: 2; }
  .banner-sorare .title
                   { background: url("/assets/images/design/home-banner-1-title.png") 0 0 no-repeat; }
  .banner-bodacious .title
                   { background: url("/assets/images/design/home-banner-2-title.png") 0 0 no-repeat; }
  .banner-lavendar .title
                   { background: url("/assets/images/design/home-banner-3-title.png") 0 0 no-repeat; }
 
  .home-big-banner .box
                   { background: #000;
                     background: rgba(0, 0, 0, 0.5);
                     position: absolute;
                     bottom: 80px;
                     left: 10px;
                     right: 10px;
                     padding: 10px 10px 10px 180px; }
  
  .home-big-banner .learn-more
                   { position: absolute;
                     bottom: -10px;
                     right: -10px;
                     padding: 4px 20px;
                     color: #fff; }
  
  .banner-sorare .learn-more
                   { background: #f78e1e; }
  .banner-bodacious .learn-more
                   { background: #cfab7a; }
  .banner-lavendar .learn-more
                   { background: #9397cb; }
  
  .home-big-banner .close
                   { background: #7b7b7b;
                     color: #fff;
                     padding: 1px 6px 3px;
                     position: absolute;
                     top: 0;
                     right: 0; }
  .home-big-banner .close:hover
                   { background-color: #4c4c4c;  }


/* Home Page Tweets */
  
  .twitter-feed    { clear: both; }
  
  .twitter-title   { text-align: center;
                     display: block;
                     width: 200px;
                     height: 20px;
                     margin: 0 auto;
                     padding-top: 40px;
                     background: url('/assets/images/design/twitter-feed.png') left 40px no-repeat; }
  
  .twtr-hd,
  .twtr-ft         { display: none; }
  
  .twtr-doc        { margin: 0 auto;
                     text-align: center !important; }
  
  .twtr-tweet-text p em
                   { font-size: .8em; }


/* The Wines Page */

  .content-dark    { background: #282828;
                     padding-top: 0;
                     padding-bottom: 0; }
                     
  .content-dark .limiter
                   { width: 100%; }
                   
  .content-dark h1 { background: url('/assets/images/design/h1-2.png');
                     margin-top: 30px; }
  .content-dark h1 span
                   { background-color: #282828;
                     color: #fff; }
  .content-dark p  { width: 940px;
                     margin: 0 auto 40px;
                     color: #fff; }
  
  .the-wines-banners .sorare,
  .the-wines-banners .bodacious,
  .the-wines-banners .lavendar
                   { display: block;
                     height: 308px; }

  .the-wines-banners .sorare
                   { border-top: 1px solid #fff;
                     background: url("/assets/images/design/the-wines-sorare2.jpg") center 0 no-repeat; }
  .the-wines-banners .sorare:hover
                   { background: url("/assets/images/design/the-wines-sorare.jpg") center 0 no-repeat; }
                     
  .the-wines-banners .bodacious
                   { border-top: 1px solid #fff;
                     background: url("/assets/images/design/the-wines-bodacious2.jpg") center 0 no-repeat; }
  .the-wines-banners .bodacious:hover
                   { background: url("/assets/images/design/the-wines-bodacious.jpg") center 0 no-repeat; }

  .the-wines-banners .lavendar
                   { border-top: 1px solid #fff;
                     border-bottom: 1px solid #fff;
                     background: url("/assets/images/design/the-wines-lavendar2.jpg") center 0 no-repeat; }
  .the-wines-banners .lavendar:hover
                   { background: url("/assets/images/design/the-wines-lavendar.jpg") center 0 no-repeat; }
  
  .button.style1,
  .button.style2,
  .button.style3   { color: #fff;
                     padding: 5px 10px; }
   h1.sorare       { color: #f78e1e; }
  .button.style1   { background: #f78e1e; }
  
   h1.bodacious    { color: #cfab7a; }
  .button.style2   { background: #cfab7a; }
  
   h1.lavender     { color: #9397cb; }
  .button.style3   { background: #9397cb; }
  
  #v65-addProductReview
                   { width: 100%; }
                   
  .v65-product-socialBar
                   { background-color: #f9f9f9;
                     border: 1px solid #efefef;
                     padding: 15px; }
                   
  .v65-product-pagination
                   { display: none; }       
  .v65-paging      { display: none; }
  .v65-group       { border: none; }
  
  .v65-product-rightCol h1
                   { background: none;
                     text-align: left;
                     margin: 0 0 20px; }
  
  .v65-product-rightCol h1 span
                   { padding: 0 !important; }                                     
  
  #v65-modalCartDropdown
                   { z-index: 3; }

  #v65-modalCartBody
                   { border: none; }

  th, td           { background: none !important;
                     border: none !important; }
  
  .v65-SiteMap     { display: none; }

   .nav-primary li.v65-home     { display: none; }

/*Kicker Newsletter Signup*/

.newsletter-kicker .v65-form {
	width: 297px;
	margin-top: 20px;
}
.newsletter-kicker .v65-form fieldset{
	border: 0px;
	padding:0px;
}

.newsletter-kicker .v65-form fieldset div {
	overflow: visible;
	padding:0px;
}
.newsletter-kicker .v65-form input[type="text"] {
	width:215px;
	float:left;
}

.newsletter-kicker button.defaultBtn {
	float:left;
	height:18px;
	background:#000000;
}

.newsletter-kicker button.defaultBtn span {
	height:12px;
	background:#000000;
}

.newsletter-kicker .v65-form legend, .newsletter-kicker .v65-form label {
	display:none;
}

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
  */
    .print-only { display: none !important; }
    @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
      /* Black prints faster: h5bp.com/s */
      a, a:visited { text-decoration: underline; }
      a[href]:after { content: " (" attr(href) ")"; }
      abbr[title]:after { content: " (" attr(title) ")"; }
      .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
      /* Don't show links for images, or javascript/internal links */
      pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
      thead { display: table-header-group; }
      /* h5bp.com/t */
      tr, img { page-break-inside: avoid; }
      img { max-width: 100% !important; }
      @page { margin: 0.5cm; }
      p, h2, h3 { orphans: 3; widows: 3; }
      h2, h3 { page-break-after: avoid; }
      .hide-on-print { display: none !important; }
      .print-only { display: block !important; } }
	  
.v65-form input[type="text"], .v65-form input[type="password"], select {
    padding: 10px;
    width: 220px;
}