/* ------------------------------------------------
   The Whisky Exchange
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Product CSS file 

   Content:
   Product Info
   Product Ident Bar
   Details
   Awards
   Competition
   Image Slider
   Action
   Noticiations
   Sizes
   Rating Overview
   Social
   Character
   Product Related
   Product Reviews
   Tasting Notes
   Customer Reviews
   ------------------------------------------------ */

/* ------------------------------------------------
   Product Info
   ------------------------------------------------ */
/* Layout */
.product-info .container {
   max-width: 1200px;
}
.product-info .action,
.product-info .details {
   padding: 10px;
}
.product-info .profile {
   padding: 5px;
}
@media (min-width: 600px) {
   .product-info .image {
      float: left;
      width: 60%;
      margin-top: -50px;
      padding: 0 15px 15px;
   }
   .product-info .action {
      float: left;
      width: 40%;
      margin-top: -20px;
      padding: 30px 15px 15px;
   }
   .product-info .details {
      padding: 15px;
   }
   .product-info .profile {
      padding: 10px;
   }
}
@media (min-width: 700px) {
   .product-info .details {
      float: left;
      width: 60%;
   }
   .product-info .details.no-profile {
      float: left;
      width: 100%;
   }
   .product-info .profile {
      float: left;
      width: 40%;
      padding: 20px 10px 10px;
   }
}
@media (min-width: 980px) {
   .product-info .subcontainer {
      float: right;
      width: 75%;
      padding-bottom: 30px;
   }
   .product-info .details,
   .product-info .details.no-profile {
      float: left;
      width: 25%;
      padding: 0 15px 30px;
   }
   .product-info .image {
      width: 66.6666%;
      padding: 0 15px 15px;
   }
   .product-info .action {
      width: 33.3333%;
      padding: 0 15px 15px;
   }
   .product-info .profile {
      float: none;
      width: 100%;
      padding: 40px 10px 10px;
      clear: both;
   }
}
@media (min-width: 1100px) {
   .product-info .details,
   .product-info .details.no-profile,
   .product-info .image {
      padding: 0 20px 20px;
   }
   .product-info .action {
      padding: 20px 20px 20px;  
   }
}
/* ------------------------------------------------
   Product Ident Bar
   ------------------------------------------------ */
/* Layout */
.product-info .ident-bar .print,
.product-info .ident-bar .brand {
   display: none;
}
@media (min-width: 600px) {
   .product-info .ident-bar {
      height: 200px;
   }
   .product-info .ident-bar .name {
      float: right;
      display: table;
      table-layout: fixed;
      width: 40%;
   }
   .product-info .ident-bar .brand {
      display: block;
      float: left;
      width: 60%;
      height: 200px;
      padding-top: 34px;
      -webkit-box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1);
         -moz-box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1);
              box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1);
   }
}
@media (min-width: 980px) {
   .product-info .ident-bar .name,
   .product-info .ident-bar .brand,
   .product-info .ident-bar .print {
      float: left;
      width: 25%;
   }
   .product-info .ident-bar .brand {
      width: 50%;
   }
   .product-info .ident-bar .brand {
      -webkit-box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1), -11px 0px 12px -12px rgba(239, 236, 227, 1);
         -moz-box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1), -11px 0px 12px -12px rgba(239, 236, 227, 1);
              box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1), -11px 0px 12px -12px rgba(239, 236, 227, 1);
   }
   .product-info .ident-bar .print {
      display: block;
   }
}
/* Product Name */
.product-info .ident-bar .name h1 {
   padding: 15px 10px 5px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 1.8em;
   text-transform: uppercase;
   text-align: center;
   color: #5f1d07;
   line-height: 0.9;
}
.product-info .ident-bar .name h1 span {
   font-size: 0.7em;
}
.product-info .ident-bar .name .strength {
   display: block;
   margin-top: 10px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-size: 1em;
   text-transform: uppercase;
   text-align: center;
   color: #666;
}
.product-info .ident-bar .name .properties {
   margin-top: 10px;
   font-style: italic;
   text-align: center;
}
@media (min-width: 600px) {
   .product-info .ident-bar .name-container {
      display: table-cell;
      height: 200px;
      width: 100%;
      vertical-align: middle;
   }
   .product-info .ident-bar .name .strength,
   .product-info .ident-bar .name .properties {
      text-align: left;
      padding-left: 30px;
   }
   .product-info .ident-bar .name h1 {
      padding: 15px 30px 5px;
      text-align: left;
   }
}
@media (min-width: 980px) {
   .product-info .ident-bar .name h1 {
      text-align: center;
      padding: 15px 20px 15px;
   }
   .product-info .ident-bar .name .strength {
      text-align: center;
      padding-left: 0;
      margin-top: 0;
   }
   .product-info .ident-bar .name .properties {
      text-align: center;
      padding-left: 0;
   }
}
/* Brand Image */
.product-info .ident-bar .brand img {
   display: block;
   width: 132px;
   height: 132px;
   margin: 0 auto;
}
/* Print Icon */
@media (min-width: 980px) {
   .product-info .ident-bar .print {
      padding: 0 20px;
   }  
   .product-info .ident-bar .print .print-link {
      display: block;
      padding: 10px 15px;
      border-bottom: 1px solid #bcac79;
      font-family: 'Fjalla One','Lato',arial,sans-serif;
      font-size: 0.9em;
      text-transform: uppercase;
      text-align: right;
      color: #bcac79;
   }
}
/* ------------------------------------------------
   Details
   ------------------------------------------------ */
/* Layout */
.product-info .details {
   text-align: center;
}
/* Details / Facts */
.product-info .details .details-content {
   /*margin-top: 20px;*/
}
.product-info .details .details-content .details-tabs .tab {
   display: block;
   float: left;
   width: 50%;
   margin-bottom: 20px;
   border-right: 1px solid #fff;
}
.product-info .details .details-content-button {
   display: block;
   position: relative;
   padding: 10px 0;
   background: #efece3;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-size: 1.1em;
   text-transform: uppercase;
   color: #949494;
}
.product-info .details .details-content-button:hover,
.product-info .details .details-content-button.active {
   background: #bcac79;
   color: #fff;
}
.product-info .details .details-content-button:hover:after,
.product-info .details .details-content-button.active:after {
   z-index: 3;
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -15px;
   content:'';
   width: 0;
   height: 0;
   border-top: solid 15px #bcac79;
   border-left: solid 15px transparent;
   border-right: solid 15px transparent;
}
.product-info .details .details-content-item {
   display: none;
}
.product-info .details .details-content-item.active {
   display: block;
}
/* Details Links */
.product-info .details .details-content-item a {
   color: #5c0951;
}
.product-info .details .details-content-item a:hover {
   text-decoration: underline;
}
/* Details Content*/
.product-info .details .details-content-item p {
   line-height: 1.7;
}
/* Meta Content */
.product-info .details .meta {
   text-align: left;
   line-height: 1.7;
}
.product-info .details .meta dt {
   padding-top: 5px;
   font-size: 0.9em;
}
.product-info .details .meta dd {
   padding-bottom: 5px;
   font-family: 'Droid Serif', 'Lato', serif;
   font-style: italic;
   font-size: 1.1em;
   color: #666;
   border-bottom: 1px dotted #e1e1e1;
}
.product-info .details .meta dd:last-of-type {
   border-bottom: none;
}
/* ------------------------------------------------
   Awards
   ------------------------------------------------ */
.product-awards {
   margin-top: 15px;
}
/* Icons */
.product-awards .awards-icons {
   text-align: center;
}
.product-awards .awards-icons .awards-item {
   display: inline-block;
   width: 50px;
   height: 50px;
   margin: 0 5px;
   position: relative;
}
.product-awards .awards-icons .awards-item.active:after {
   z-index: 3;
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -15px;
   content:'';
   width: 0;
   height: 0;
   border-bottom: solid 15px #efece3;
   border-left: solid 15px transparent;
   border-right: solid 15px transparent;
}
.product-awards .awards-icons .awards-image {
   display: block;
   width: 50px;
   height: 50px;
}
/* Content */
.product-awards .awards-content {
   position: relative;
   width: 100%;
   max-width: 400px;
   margin: 0 auto;
}
.product-awards .awards-content-item {
   display: none;
   position: absolute;
   top: 10px;
   z-index: 10;
   padding: 15px;
   width: 100%;
   margin: 0 auto;
   background: #efece3;
}
.product-awards .awards-content-item.active {
   display: block;
}
/* ------------------------------------------------
   Competition
   ------------------------------------------------ */
.product-info .competition .competition-link {
   position: relative;
   display: block;
   width: 100%;
   max-width: 400px;
   margin: 30px auto 0;
   padding: 15px;
   background: #5a0000;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   text-transform: uppercase;   
   text-align: center;
}
.product-info .competition .competition-link:hover {
   background: #700000;
}
.product-info .competition .competition-link:after {
   z-index: 3;
   position: absolute;
   top: -15px;
   left: 50%;
   margin-left: -15px;
   content:'';
   width: 0;
   height: 0;
   border-bottom: solid 15px #5a0000;
   border-left: solid 15px transparent;
   border-right: solid 15px transparent;
}
.product-info .competition .competition-link:hover:after {
   border-bottom: solid 15px #700000;
}
.product-info .competition .win {
   display: block;
   color: #fff;
   font-size: 1.6em;
   line-height: 1.2;
}
.product-info .competition .enter {
   display: block;   
   color: #eb9700;
   font-size: 1.2em;
}
/* ------------------------------------------------
   Image Slider
   ------------------------------------------------ */
/* Shadow */
@media (min-width: 600px) {
   .product-info .image {
      -webkit-box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1);
         -moz-box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1);
              box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1);
   }
}
@media (min-width: 980px) {
   .product-info .image {
      -webkit-box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1), -11px 0px 12px -12px rgba(239, 236, 227, 1);
         -moz-box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1), -11px 0px 12px -12px rgba(239, 236, 227, 1);
              box-shadow: 11px 0px 12px -12px rgba(239, 236, 227, 1), -11px 0px 12px -12px rgba(239, 236, 227, 1);
   }
}
.product-info .slider-content img,
.product-info .no-slider img {
   display: block;
   width: 100%;
}
/* Controls */
.product-info .slider-controls {
   text-align: center;
}
.product-info .slider-controls a {
   display: inline-block;
   width: 50px;
   height: 50px;
   margin: 5px;
   border: 1px solid #eee;
}
.product-info .slider-controls a:hover,
.product-info .slider-controls a.active {
   border: 1px solid #ff7010;
}
.product-info .slider-controls img {
   width: auto;
   max-height: 50px;
}
/* ------------------------------------------------
   Action
   ------------------------------------------------ */
.product-info .action {
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
}
/* Offer Text */
.product-info .action .offer-container {
   background: #f6f5f1;
   padding: 15px;
   margin-bottom: 1px;
}
.product-info .action .offer-container .offer {
   display: block;
   font-size: 1.7em;
   color: #ff7010;
   line-height: 1.2;
}
/* Price / Buy Box */
.product-info .action .addbasket,
.product-info .action .price-container {
   padding: 15px;
   background: #efece3;
   margin-bottom: 1px;
}
.product-info .action .wishlist-container {
   padding: 15px;
   background: #f6f5f1;  
}
/* Price Box */
.product-info .action .price-content .webonly {
   display: block;
   font-size: 0.8em;
}
.product-info .action .price-content .price {
   display: block;
   color: #960000;
   font-size: 1.8em;
}
.product-info .action .price-content .saving {
   display: block;
   width: 100%;
   margin-top: -2px;
   font-size: 0.8em;
}
/* Mutlibuy */
.product-info .action .price-container .multibuy {
   margin-top: 15px;
}
/* Notify Email */
.product-info .action .notify {
   padding: 15px 15px 0;
   background: #efece3;
   font-family: 'Lato', arial, sans-serif;
   text-transform: none;
}
.product-info .action .notify .notify-input {
   padding-top: 15px;
   display: none;
}
.product-info .action .notify .notify-input input {
   width: 100%;
   margin-top: 15px;
   padding: 8px 5px;
   border: 1px solid #E5E5E5;
}
/* Buy Box */
.product-info .action .addbasket {
   display: table;
   width: 100%;
   table-layout: fixed;
}
.product-info .action .addbasket .quantity-container {
   display: table-cell;
   width: 48px;
}
.product-info .action .addbasket .buybutton-container {
   display: table-cell;
   width: 100%;
   padding-left: 4px;
}
.product-info .action .addbasket .quantity {
   width: 40px;
   padding: 8px 0;
   text-align: center;
   border: 1px solid #E5E5E5;
}
.product-info .action .addbasket .buybutton,
.product-info .action .addbasket .notify-button {
   width: 100%;
   padding: 10px 8px;
}
/* Notify Button */
.product-info .action .addbasket .notify-button {
   margin-bottom: 15px;
}
.product-info .action .addbasket .notify-text {
   font-family: 'Lato',arial,sans-serif;
   text-transform: none;
}
/* Wishlist */
.product-info .action .wishlist-container .wishlist {
   display: block;
   color: #8b8b8b;
}
.product-info .action .wishlist-container .wishlist:hover {
   color: #ff7010;
}
/* ------------------------------------------------
   Notifications
   ------------------------------------------------ */
.product-info .action .notifications {
   margin-top: 18px;
   padding-bottom: 10px;
   font-family: 'Fjalla One', 'Lato',arial,sans-serif;
   font-size: 0.9em;
   border-bottom: 1px solid #e1e1e1;
}
.product-info .action .notifications li {
   float: left;
   margin: 0 10px 10px 0;
}
.product-info .action .notifications li.green {
   color: #56d64e;
}
.product-info .action .notifications li.blue {
   color: #3a5ba2;
   /*text-transform: none;*/
}
.product-info .action .notifications li.red {
   color: #960000;
   /*text-transform: none;*/
}
/* ------------------------------------------------
   Sizes
   ------------------------------------------------ */
.product-info .action .size {
   padding: 20px 0;
   border-bottom: 1px solid #e1e1e1;
}
.product-info .action .size dt {
   display: block;
   margin-bottom: 10px;
   line-height: 1;
}
.product-info .action .size dd {
   float: left;
   margin-right: 10px;
}
.product-info .action .size dd a {
   float: left;
   font-size: 0.8em;
   color: #8b8b8b;
}
.product-info .action .size dd a:hover,
.product-info .action .size dd a.active {
   color: #bcac79;
}
.product-info .action .size .icon {
   width: 15px;
   height: 36px;
   margin: 0 auto 3px;
   background: url(../images/product/size-sprite.jpg);
}
/* Off states */
.product-info .action .size .icon.size-1 {
   background-position: 0 -36px;
}
.product-info .action .size .icon.size-2 {
   background-position: 0 -108px;
}
.product-info .action .size .icon.size-3 {
   background-position: 0 -180px;
}
.product-info .action .size .icon.size-4 {
   background-position: 0 -252px;
}
.product-info .action .size .icon.size-5 {
   background-position: 0 -324px;
}
.product-info .action .size .icon.size-6 {
   background-position: 0 -396px;
}
/* Hover / Active States*/
.product-info .action .size a:hover .icon.size-1,
.product-info .action .size a.active .icon.size-1 {
   background-position: 0 0;
}
.product-info .action .size a:hover .icon.size-2,
.product-info .action .size a.active .icon.size-2 {
   background-position: 0 -72px;
}
.product-info .action .size a:hover .icon.size-3,
.product-info .action .size a.active .icon.size-3 {
   background-position: 0 -144px;
}
.product-info .action .size a:hover .icon.size-4,
.product-info .action .size a.active .icon.size-4 {
   background-position: 0 -216px;
}
.product-info .action .size a:hover .icon.size-5,
.product-info .action .size a.active .icon.size-5 {
   background-position: 0 -288px;
}
.product-info .action .size a:hover .icon.size-6,
.product-info .action .size a.active .icon.size-6 {
   background-position: 0 -360px;
}
/* ------------------------------------------------
   Rating Overview
   ------------------------------------------------ */
.product-info .action .rating-overview {
   padding: 20px 0;
   border-bottom: 1px solid #e1e1e1;
}   
.product-info .action .rating-overview .rating-container {
   padding-top: 10px;
}
/* ------------------------------------------------
   Social 
   ------------------------------------------------ */
.product-info .action .social-container {
   padding: 20px 0;
}
.product-info .action .social {
   padding: 10px 0;
}
/* ------------------------------------------------
   Character
   ------------------------------------------------ */
/* Layout */
.product-info .profile .gauges,
.product-info .profile .flavour {
   float: left;
   width: 100%;
}
.product-info .profile li {
   float: left;
   width: 25%;
   padding: 5px;
}
.product-info .profile .flavour li {
   width: 33.333%;
}
@media (min-width: 500px) {
   .product-info .profile .flavour li {
      width: 25%;
   }   
}
@media (min-width: 600px) {
   .product-info .profile .gauges,
   .product-info .profile .flavour {
      width: 50%;
   }
   .product-info .profile .flavour li {
      width: 33.333%;
   }
}
@media (min-width: 700px) {
   .product-info .profile .gauges,
   .product-info .profile .flavour {
      width: 100%;
   }
   .product-info .profile .gauges li {
      width: 25%;
   }
   .product-info .profile .flavour li {
      width: 33.333%;
   }   
}
@media (min-width: 980px) {
   .product-info .profile .profile-content {
      display: table;
      width: auto;
      margin: 0 auto;
   }
   .product-info .profile .gauges,
   .product-info .profile .flavour {
      width: auto;
   }
   .product-info .profile .gauges li,
   .product-info .profile .flavour li {
      width: 95px;
   }   
}
@media (min-width: 980px) {
   .product-info .profile {
      -webkit-box-shadow: 0px -18px 18px -26px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: 0px -18px 18px -26px rgba(0, 0, 0, 0.3);
              box-shadow: 0px -18px 18px -26px rgba(0, 0, 0, 0.3);
   }
}
/* Titles */
.product-info .profile h2 {
   margin-bottom: 20px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 1.5em;
   text-transform: uppercase;
   text-align: center;
   color: #591b04;
}
/* Gauges */
.product-info .profile .gauges .name {
   display: block;
   margin-bottom: 5px;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-size: 0.9em;
   text-transform: uppercase;
   text-align: center;
}
.product-info .profile .gauges .gauge {
   width: 60px;
   height: 60px;
   margin: 0 auto;
}
.circliful {
   position: relative; 
}
.circle-text {
   width: 100%;
   position: absolute;
   text-align: center;
   display: inline-block;
}
.circle-text-content {
   display: block;
   background: #ff7010;
   width: 30px;
   height: 30px;
   margin: 15px auto 0;
   border-radius: 50%;
   line-height: 30px;
   color: #fff;
}
/* Flavours */
.product-info .profile .flavour .name {
   display: block;
   margin-bottom: 5px;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-size: 0.9em;
   text-transform: uppercase;
   text-align: center;
   white-space: nowrap;
}
.product-info .profile .flavour img {
   display: block;
   width: 100%;
}
/* ------------------------------------------------
   Product Reviews
   ------------------------------------------------ */
.product-reviews {
   padding-top: 15px;
}
.product-reviews .notes,
.product-reviews .reviews {
   padding: 10px;
}
@media (min-width: 750px) {
   .product-reviews .notes,
   .product-reviews .reviews {
      float: left;
      width: 50%;
   }
   .product-reviews .notes {
      -webkit-box-shadow: 11px 0px 12px -16px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: 11px 0px 12px -16px rgba(0, 0, 0, 0.3);
              box-shadow: 11px 0px 12px -16px rgba(0, 0, 0, 0.3);
   }
}
@media (min-width: 980px) {
   .product-reviews .notes,
   .product-reviews .reviews {
      padding: 10px 15px;
   }
}
.product-reviews h1,
.product-reviews h2 {
   padding: 10px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 2em;
   text-transform: uppercase;
   text-align: center;
   color: #591b04;
}
.product-reviews h2 {
   font-size: 1.5em;
   margin-bottom: 20px;
}
.product-reviews .see-more {
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 1.2em;
   text-transform: uppercase;
   color: #ff7010;
}
.product-reviews .see-more:hover {
   text-decoration: underline;
}
/* ------------------------------------------------
   Tasting Notes
   ------------------------------------------------ */
.product-reviews .notes li {
   padding: 20px 0;
   border-top: 1px solid #e1e1e1;
}
.product-reviews .notes h3 {
   margin-bottom: 15px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 1.2em;
   text-transform: uppercase;  
}
.product-reviews .notes h4 {
   margin: 5px 0 10px;
   font-family: 'Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 1em;
   font-style: italic;
   color: #454545;
}
.product-reviews .notes p {
   margin-bottom: 10px;
   font-style: italic;
   line-height: 2;
}
/* ------------------------------------------------
   Customer Reviews
   ------------------------------------------------ */
/* Add Review */
.product-reviews .reviews .reviews-add {
   border-top: 1px solid #e1e1e1;
   padding: 20px 0;
}
.product-reviews .reviews .reviews-add h3 {
   margin-bottom: 10px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 1.1em;
   color: #591b04;
   text-align: center;
}
.product-reviews .reviews .reviews-add .add-button {
   display: block;
   margin: 0 auto;
   width: 170px;
}
.product-reviews .reviews .reviews-add-form {
   /*display: none;*/
}
/* Reviews list */
.product-reviews .reviews .reviews-list li {
   padding: 20px 0;
   border-top: 1px solid #e1e1e1;
}
.product-reviews .reviews .reviews-list h3 {
   margin-bottom: 10px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 1.2em;
   text-transform: uppercase;
   color: #591b04;
}
.product-reviews .reviews .reviews-list .rating-stars {
   margin-bottom: 10px;
}
.product-reviews .reviews .reviews-list .meta {
   margin-bottom: 10px;
}
.product-reviews .reviews .reviews-list .date {
   color: #cccccc;   
}
.product-reviews .reviews .reviews-list p {
   font-style: italic;
   line-height: 1.5;
}