/* RIGHT TO LEFT */
/******************************************************
 * @package Ves Theme Framework for Magento
 * @version 1.0
 * @author http://www.venustheme.com
 * @copyright Copyright (C) Augus 2013 Venustheme.com <@emai:venustheme@gmail.com>.All rights reserved.
 * @license   GNU General Public License version 2
*******************************************************/
/*******************************************************
Product list Styles
********************************************************/
.product_list .availability span {
  display: inline-block;
  color: white;
  font-weight: bold;
  padding: 3px 8px 4px 8px;
  margin-top: 5px;
}
.product_list .availability span.available-now {
  background: #7F6B64;
  border: 1px solid #7F6B64;
}
.product_list .availability span.out-of-stock {
  background: black;
  border: 1px solid black;
}
.product_list .color-list-container {
  position: absolute;
  bottom: 0;
  left: 7px;
}
.rtl .product_list .color-list-container {
  right: 7px;
  left: auto;
}
.product_list .color-list-container ul li {
  display: inline-block;
  border: 1px solid #e9e9e9;
}
.product_list .color-list-container ul li a {
  display: block;
  width: 15px;
  height: 15px;
  margin: 1px;
}
.product_list .product-container .product-image-container {
  text-align: center;
  border: 1px solid #e9e9e9;
  margin-bottom: 15px;
}
.product_list .product-container .product-image-container img {
  margin: 0 auto;
}
.product_list .product-container .product-image-container .price-percent-reduction {
  position: absolute;
  top: 10px;
  right: 10px;
}
.product_list .product-container .product-image-container .price-percent-reduction.small {
  font: 700 14px/17px "GothamLight", Arial, Helvetica, sans-serif;
  padding: 1px 6px;
}
.product_list .product-container .product-meta {
  text-align: center;
}
.product_list h5, .product_list .name {
  margin-top: 0px;
  position: relative;
  display: inline-block;
}
.product_list .comments_note {
  margin-bottom: 5px;
  display: none;
}
.product_list .button-container {
  margin-bottom: 10px;
}
.product_list .functional-buttons > a {
  font-size: 13px;
  color: #dbdbdb;
  float: left;
  border-width: 1px;
  border-color: #e9e9e9;
  border-right: none;
  height: 43px;
  line-height: 32px;
}
.product_list .functional-buttons > a:last-child {
  border-right: 1px solid #e9e9e9;
}
.product_list .functional-buttons > a:hover {
  color: white;
  border-color: #DDBF8C;
}
.product_list .functional-buttons > a.addToWishlist, .product_list .functional-buttons > a.add_to_compare {
  width: 33.5%;
}
.product_list .functional-buttons > a.quick-view {
  width: 33%;
  float: right;
}
.product_list .functional-buttons .tooltip {
  float: inherit;
  width: auto;
}
.product_list .functional-buttons div.button-container {
  margin-bottom: 20px;
}
.product_list .functional-buttons div.button-container .ajax_add_to_cart_button {
  width: 100%;
  overflow: hidden;
}
.product_list .functional-buttons div.button-container .ajax_add_to_cart_button span {
  position: relative;
}
.product_list .functional-buttons div.button-container .ajax_add_to_cart_button span:before {
  content: "\f105";
  font-family: "FontAwesome";
  line-height: 21px;
  color: #7F6B64;
  position: absolute;
  right: -5px;
  width: 0;
  font-size: 13px;
}
.product_list .functional-buttons div.button-container .ajax_add_to_cart_button:hover span:before, .product_list .functional-buttons div.button-container .ajax_add_to_cart_button:active span:before, .product_list .functional-buttons div.button-container .ajax_add_to_cart_button:focus span:before {
  color: white;
}

/*******************************************************
Product list(Grid) Styles 
********************************************************/
.product_list {
  margin-bottom: 0 !important;
}

.product_list.grid > li {
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .product_list.grid > li {
    padding-left: 9px;
    padding-right: 9px;
  }
}
.product_list.grid > li .product-container {
  width: 100%;
  position: relative;
  margin-top: 0;
  background: white;
}
.product_list.grid > li .product-container .product-image-container {
  position: relative;
  background: white;
}
.product_list.grid > li .product-container .right-block {
  padding: 0 10px 20px 10px;
  position: relative;
}
.product_list.grid > li .product-container .right-block:before {
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 0;
  content: "";
  border-top: 3px solid #e5e5e5;
  left: 50%;
  margin-left: -10px;
}
.rtl .product_list.grid > li .product-container .right-block:before {
  right: 50%;
  left: auto;
}
.rtl .product_list.grid > li .product-container .right-block:before {
  margin-right: -10px;
  margin-left: inherit;
}
.product_list.grid > li .product-container h5 {
  margin: 0;
}
.product_list.grid > li .product-container .product-name {
  max-height: 34px;
}
.product_list.grid > li .product-container .product-desc {
  display: none;
}
.product_list.grid > li .product-container .content_price {
  margin-bottom: 5px;
  line-height: 21px;
  font-size: 15px;
  position: relative;
}
.product_list.grid > li .product-container .product-flags {
  margin-bottom: 5px;
  color: black;
  text-decoration: underline;
  display: none;
}
.product_list.grid > li .product-container .functional-buttons .button-container {
  padding-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 992px) {
  .product_list.grid > li .product-container {
    background: transparent;
    border: 6px solid transparent;
  }
  .product_list.grid > li .product-container .functional-buttons {
    position: absolute;
    z-index: 9;
    width: 100%;
    visibility: hidden;
    background: white;
  }
  .product_list.grid > li .product-container:hover {
    z-index: 10;
    border-color: #DDBF8C;
    background: white;
  }
  .product_list.grid > li .product-container:hover .product-image-container .quick-view {
    bottom: 15%;
  }
  .product_list.grid > li .product-container:hover .functional-buttons {
    -webkit-box-shadow: 3px 3px 0 3px #DDBF8C, -3px 3px 0 3px #DDBF8C;
    box-shadow: 3px 3px 0 3px #DDBF8C, -3px 3px 0 3px #DDBF8C;
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .product_list.grid > li .product-container:hover .functional-buttons {
    -webkit-box-shadow: 3.5px 3px 0 3px #DDBF8C, -3px 3px 0 3px #DDBF8C;
    box-shadow: 3.5px 3px 0 3px #DDBF8C, -3px 3px 0 3px #DDBF8C;
  }
}
@media (min-width: 992px) {
  .product_list.grid > li.first-in-line {
    clear: both;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .product_list.grid > li.first-item-of-mobile-line {
    clear: both;
  }
}

@media (min-width: 1200px) {
  #blockpack ul > li.last-line {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  #blockpack ul > li.first-item-of-tablet-line {
    clear: none;
  }
  #blockpack ul > li.first-item-of-mobile-line {
    clear: left;
  }
}

/*******************************************************
Product list(List) Styles 
********************************************************/
ul.product_list.list {
  margin-bottom: 0;
  margin-top: 0;
}
ul.product_list.list > li .product-container {
  border-top: 1px solid #e9e9e9;
  padding: 29px 0;
}
ul.product_list.list > li:first-child .product-container {
  border-top: none;
  padding-top: 0;
}
ul.product_list.list > li .product-image-container {
  position: relative;
  background: white;
}
@media (max-width: 479px) {
  ul.product_list.list > li .product-image-container {
    max-width: 290px;
    margin: 0 auto;
  }
}
ul.product_list.list > li .product-flags {
  color: black;
  margin: 0px 0 10px 0;
  text-decoration: underline;
}
ul.product_list.list > li h5, ul.product_list.list > li .name {
  font-size: 14px;
  font-weight: bold;
}
ul.product_list.list > li .product-desc {
  margin-bottom: 15px;
}
@media (max-width: 479px) {
  ul.product_list.list > li .center-block {
    width: 100%;
  }
}
ul.product_list.list > li .center-block .comments_note {
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  ul.product_list.list > li .right-block .right-block-content {
    margin: 0;
    border-left: 1px solid #e9e9e9;
    padding-left: 15px;
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  ul.product_list.list > li .right-block .right-block-content {
    padding-top: 20px;
  }
}
@media (max-width: 479px) {
  ul.product_list.list > li .right-block .right-block-content {
    padding-top: 5px;
  }
}
ul.product_list.list > li .right-block .right-block-content .content_price {
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  ul.product_list.list > li .right-block .right-block-content .content_price {
    padding-top: 13px;
    padding-bottom: 0;
  }
}
@media (max-width: 479px) {
  ul.product_list.list > li .right-block .right-block-content .content_price {
    padding-top: 0;
    width: 100%;
  }
}
ul.product_list.list > li .right-block .right-block-content .content_price span {
  display: inline-block;
  margin-bottom: 10px;
}
ul.product_list.list > li .right-block .right-block-content .button-container {
  overflow: hidden;
}
@media (max-width: 479px) {
  ul.product_list.list > li .right-block .right-block-content .button-container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  ul.product_list.list > li .right-block .right-block-content .functional-buttons {
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  ul.product_list.list > li .right-block .right-block-content .functional-buttons {
    clear: both;
  }
  ul.product_list.list > li .right-block .right-block-content .functional-buttons > div {
    float: left;
    padding-top: 0 !important;
    padding-right: 20px;
  }
}
@media (max-width: 479px) {
  ul.product_list.list > li .right-block .right-block-content .functional-buttons {
    float: none;
    display: inline-block;
  }
  ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  ul.product_list.list > li:hover .product-image-container .quick-view {
    display: block;
  }
}
@media (max-width: 479px) {
  ul.product_list.list > li {
    text-align: center;
  }
}

/*******************************************************
Product list(Index page) Styles 
********************************************************/
#index ul.product_list.tab-pane > li {
  margin-bottom: 20px;
}
#index ul.product_list.tab-pane > li .availability {
  display: none;
}

/***** IE code *****/
.ie8 .quick-view {
  background: #fff;
  border: 1px solid #e9e9e9;
}