﻿
#product-filter #product-side-bar::-webkit-scrollbar , .scroller-container .scroller::-webkit-scrollbar {
    width: 12px;
}
#product-filter #product-side-bar::-webkit-scrollbar-track , .scroller-container .scroller::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
#product-filter #product-side-bar::-webkit-scrollbar-thumb  ,.scroller-container .scroller::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}


/*Style scrollbar starts here*/
/*::-webkit-scrollbar {
      width: 15px;
} 
::-webkit-scrollbar-track {
      background-color: #FFF;
}
 
::-webkit-scrollbar-thumb {
      background-color:#ddd; 
}
 
::-webkit-scrollbar-button {
      background-color: #eee;
} 
 
::-webkit-scrollbar-track-piece {
    background: #eee;
}
::-webkit-scrollbar-button:vertical {
    background-color: #ddd;
    border: 1px solid #CECDCD;
}

::-webkit-scrollbar-button:end:increment {
    background-image: url(../images/sort_desc.png);
}
 

::-webkit-scrollbar-button:start:decrement {
    background-image: url(../images/sort_asc.png);
}

::-webkit-scrollbar {
    width: 10px;
    height: 2em
}*/
/*Style scrollbar starts here*/
.product-item-image {
    /*min-height: 300px;*/
}
.product-item-image div.row{
    /*border: 1px solid #eee;*/
}
#product-detail-container .product-item-image {
    /*height: 400px;*/
}
.download-time-msg{
  line-height: 12px !important;
  padding-left: 80px;
  color: #868383;
}
/*.product-item-image .row img{ height: 100px;}*/

.product-item-item{
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    width: 200px;
    word-wrap: break-word;
    padding-top:15px;
}
.productList-item-cart-quantity{
    margin-top: -20px;
    padding-left: 20px; 
}
.product-detail-container .productList-item-cart-quantity {
     padding-left: 0px; 
}
.product-item-item-detail{
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    width: 450px;
    word-wrap: break-word;
    margin:0px;
    margin-bottom:10px;
}
.product-item-item-detail-xs{
    width: 100%;
    word-wrap: break-word;
    font-size:23px;
    font-weight:600;
    text-transform:uppercase;
}
.product-item-item-detail-xxs{
    width: 100%;
    word-wrap: break-word;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
}
/*.product-description{
  min-height:285px;
}*/
.product-item-long-description{
   width: 620px;
   word-wrap: break-word;
}
.product-item-long-description-xs{
   width: 100%;
   word-wrap: break-word;
}
.product-item-long-description-xxs{
   width: 100%;
   word-wrap: break-word;
   font-size:9px;
}
@media all and (max-width: 600px) {
  .product-item-long-description {
    width: 430px;
    word-wrap: break-word;
  }
  #product-list-container .product-item-container.center-block {
    margin-right:10px;
    margin-bottom:10px;
    margin-top:10px;
    width:70%;
    height:50%;
  }
   #product-list-container .product-item-container.center-block:hover {
   -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow:none !important;
  }
 #product-detail-container .product-item-image {
    height: 100%;
}
  .product-item-image {
    min-height: 180px;
  }
    .product-item-item {
    width: 100%;
    word-wrap: break-word;
    font-size:12px;
    text-align:left;


  }
  .product-item-pnumber{
    width: 100%;
    word-wrap: break-word;
    font-size:12px;
    text-align:left;

  }
  .product-item-prices{
    word-wrap: break-word;
    font-size:13px;
    text-align:left;

  }

  .product-item-qty{
    font-size:12px;

  }


}
@media all and (max-width: 560px) {
  .product-item-long-description {
    width: 430px;
    word-wrap: break-word;
  }
  #product-list-container .product-item-container.center-block {
    margin-right:10px;
    margin-bottom:10px;
  }
  .product-item-image {
    /*height: 150px;
    min-height: 180px;*/
  }
    .product-item-item {
    width: 142px;
    word-wrap: break-word;
    font-size:12px;
  }
  .product-item-pnumber{
   font-size:12px;

  }
  .product-item-prices{
       font-size:12px;
  }

  .product-item-qty{
    font-size:12px;
  }
}
@media all and (min-width: 660px) {
  .product-item-long-description {
    width: 430px;
    word-wrap: break-word;
  }
  #product-list-container .product-item-container.center-block {
    margin-right:10px;
    margin-bottom:25px;
  }
  .product-item-image {
    /*height: 150px;
    min-height: 180px;*/
  }
    .product-item-item {
    width: 180px;
    word-wrap: break-word;
  }
}
@media all and (min-width: 760px) {
  .product-item-long-description {
    width: 430px;
    word-wrap: break-word;
  }
  #product-list-container .product-item-container.center-block {
 
  }
   .product-item-item {
    width: 180px;
    word-wrap: break-word;
  }
 
}
@media all and (min-width: 860px) {
  .product-item-long-description {
    width: 430px;
    word-wrap: break-word;
  }
   .product-item-item {
    width: 180px;
    word-wrap: break-word;
  }
  
}
@media all and (min-width: 960px) {
  .product-item-long-description {
    width: 430px;
    word-wrap: break-word;
  }
 
    .product-item-item {
    width: 180px;
    word-wrap: break-word;
  }
}
@media all and (min-width: 1200px) {
  .product-item-long-description {
    width: 380px;
   word-wrap: break-word;
  }
  .product-item-item {
    width: 180px;
    word-wrap: break-word;
  }
  
}


.product-item-image .center-block{
  /*height:165px;*/
}
@media all and (min-width: 1400px) {
  .product-item-long-description {
    width: 550px;
   word-wrap: break-word;
  }
   
  .product-item-item {
    width: 180px;
    word-wrap: break-word;
  }
  
}


.product-detail-container{
    height:400px
}


#product-filter, #product-results {
  /*margin-top: 5em;*/
  margin-top: 0em;
}

.product-detail-dropdown:hover, .product-detail-dropdown:active, .product-detail-dropdown:focus {
  background-color: white;
  color: black;
}

.product-other-products h3 {
  text-transform: none;
}



.product-item-container.center-block:hover {
 /*-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);*/
  background-color:#eee;
  /*-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);*/
  /*transform: scale(1.008);*/
}

/* Removed - Don't know why you had this here Mehrdad! */
/*
#product-results, #product-filter {
  background-color: rgb(245,245,245);
}
*/