/* Product list */

.product-col {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #e8e8e8;
  padding: 5px 10px;
  margin:0 10px 10px 0;
  position:relative;
  height:420px;
}

.product-col .img-responsive
{
    max-height:217px;
}

.product-col .disabled-overlay-cover
{
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    margin:0 -10px -10px 0;
    background:#fff;
    opacity:.6;
    z-index:10;
}

.product-col .image
{
    position:relative;
    text-align:center;
    max-height:190px;
    min-height:150px;
}

.product-col .image img
{
    margin:0 auto;
    width:150px;
    height:150px;
    display:none;
}

.product-col .image img:first-child
{
    display:block;
}

.product-col .image img.check
{
    width:50%;
    height:auto;
    position:absolute;
    left:25%;
    top:20%;
}

.product-col .caption {
  padding: 4px 0;
}

.product-col .caption h4
{
    text-align:center;
    font-size:15px;
    height:38px;
    overflow:hidden;
    margin:0;
}

.product-col .caption div.description
{
    height:46px;
    overflow:hidden;
}

@media (max-width: 768px)
{
    .product-col
    {
        height:auto;
    }
    
    .product-col .caption h4
    {
        text-align:left;
        height:auto;
    }

    .product-col .price
    {
        text-align:left;
    }

    .tab-content {
        border: 1px solid #ddd;
        padding: 10px;
    }
}

.product-col .description {
  color: #8b8b8b;
  font-size: 12px;
  line-height: 18px;
  padding: 5px 0 0 0;
  text-align: justify;
}

.product-col .price {
  padding: 5px 0;
}

.product-col .flavor
{
    display:table;
    width: 100%;
    margin:3px 0 6px;
    height:30px;
}

.product-col .flavor .flavor-option {
    width: 100%;
    display: table-cell;
    padding-right: 3px;
}

.product-col .flavor .flavor-qty {
    width: 1%;
    display: table-cell;
    min-width: 48px;
}

.product-col .flavor select.ItemOptionId
{
/*    float:left;
    width:161px;*/
    padding:2px 2px;
/*    margin-right:3px;*/
}

.product-col .flavor select.qty.partial
{
/*    float:left;
    width:38px;*/
    padding:2px 2px;
}

.product-col .price span.price-new {
  color: #2f353b;
  font-size: 20px;
  padding-right: 5px;
}

.product-col .price span.price-old {
  color: #808080;
  font-size: 18px;
  text-decoration: line-through;
}

.product-col .btn {
  font-size: 14px;
  text-transform: uppercase;
}

.header-top li, .header-top .btn-link, #main-menu.navbar, #search .input-group .form-control, #cart .btn, .dropdown-menu, .product-head, .product-col .caption h4, .product-col .price, .product-col .btn-cart, .breadcrumb, .side-heading, .list-group-item, .product-filter, .pagination, .product-info .product-details, .tabs-panel .nav-tabs, .bundle-price-flag em, .product-col .description
{
  font-family: "Roboto Condensed",sans-serif;
}

#ItemPreviewModal button.close
{
    position:absolute;
    top:10px;
    right:10px;
    z-index:100;
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("https://fonts.gstatic.com/s/robotocondensed/v12/b9QBgL0iMZfDSpmcXcE8nNeiznanRB67rGZDYkMvKPc.woff") format("woff");
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed Regular"), local("RobotoCondensed-Regular"), url("https://fonts.gstatic.com/s/robotocondensed/v12/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff") format("woff");
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("https://fonts.gstatic.com/s/robotocondensed/v12/b9QBgL0iMZfDSpmcXcE8nCSLrGe-fkSRw2DeVgOoWcQ.woff") format("woff");
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: italic;
    font-weight: 300;
    src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url("https://fonts.gstatic.com/s/robotocondensed/v12/mg0cGfGRUERshzBlvqxeAO6J62hFWZVScRuaNBOo_rA.woff") format("woff");
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url("https://fonts.gstatic.com/s/robotocondensed/v12/BP5K8ZAJv9qEbmuFp8RpJfHZ7IfZvqUgXLEMrfwTXOk.woff") format("woff");
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url("https://fonts.gstatic.com/s/robotocondensed/v12/mg0cGfGRUERshzBlvqxeAAm1Bdh5PCvFKhAPu2iWX-U.woff") format("woff");
}