/* 20190204120933 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #333333;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #ffffff;
  background-color: #76c61b;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #5e9e15;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
/* KevineenCSS Overlay CSS */





#image_kevineenCSS:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}

#image_kevineenCSS {
  padding: 0px !important;
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

#image_kevineenCSS li
{
  position:relative;
  text-align: center;
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  background-color: none;
  overflow: hidden;
  margin-right: 1px;
  margin-bottom: 1px;
}

#image_kevineenCSS li:hover
{
  overflow: hidden;
  z-index: 9992;
}

#image_kevineenCSS span a
{
  display: block;
  height: 100%; 
  width: 100%;
  transition:all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}


#image_kevineenCSS span img
{
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

#image_kevineenCSS span a
{
  position: absolute;
  display: block;
  text-decoration: none !important;
  height: 0%;
  width: 100%;
  background-color: #808080;
  color: #fff !important;
  font-family: "Segoe UI", helvetica, Arial;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
}

#image_kevineenCSS:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}
/*
#image_kevineenCSS li span:hover
{
  margin-top: -100%;
}
*/
#image_kevineenCSS > .fade> span a
{
  height: 100%;
  opacity: 0;
}
#image_kevineenCSS > .fade> span:hover a
{
  top: 0px;
  opacity: 1;
  width: 100%;
  height: 100%;
}

#image_kevineenCSS > .overlay100 > span:hover a
{
  top: 0;
  line-height: 242px;
  height: 100%;
  font-size: 15px;
}

#image_kevineenCSS > .overlay10> span:hover a
{
  opacity: 1;
  bottom: 0;
  height: 10%;
}



/* Brands Overlay CSS */
#image_slide:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}

#image_slide {
  padding: 0px !important;
  list-style: none;
  margin-top: 0px;
}

#image_slide li
{
  position:relative;
  text-align: center;
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  background-color: none;
  overflow: hidden;
  margin-right: 10px;
}



#image_slide li:hover
{
  overflow: hidden;
  z-index: 9992;
}

#image_slide span a
{
  display: block;
  height: 100%; 
  width: 100%;
  transition:all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}


#image_slide span img
{
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

#image_slide span a
{
  position: absolute;
  display: block;
  text-decoration: none !important;
  height: 0%;
  width: 100%;
  background-color: #808080;
  color: #fff !important;
  font-family: helvetica, Arial;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
}

#image_slide:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}
/*
#image_slide li span:hover
{
  margin-top: -100%;
}
*/
#image_slide > .fade> span a
{
  height: 100%;
  opacity: 0;
}
#image_slide > .fade> span:hover a
{
  top: 0px;
  opacity: 1;
  width: 100%;
  height: 100%;
}

#image_slide > .overlay100 > span:hover a
{
  top: 0;
  line-height: 242px;
  height: 100%;
  font-size: 15px;
}

#image_slide > .overlay10> span:hover a
{
  opacity: 1;
  bottom: 0;
  height: 10%;
}



/* Kevineen Overlay CSS */

#image_kevineen:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}

#image_kevineen {
  padding: 0px !important;
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

#image_kevineen li
{
  position:relative;
  text-align: center;
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  background-color: none;
  overflow: hidden;
  margin-right: 1px;
  margin-bottom: 1px;
}

#image_kevineen li:hover
{
  overflow: hidden;
  z-index: 9992;
}

#image_kevineen span a
{
  display: block;
  height: 100%; 
  width: 100%;
  transition:all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}


#image_kevineen span img
{
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

#image_kevineen span a
{
  position: absolute;
  display: block;
  text-decoration: none !important;
  height: 0%;
  width: 100%;
  background-color: #808080;
  color: #fff !important;
  font-family: "Segoe UI", helvetica, Arial;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
}

#image_kevineen:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}
/*
#image_kevineen li span:hover
{
  margin-top: -100%;
}
*/
#image_kevineen > .fade> span a
{
  height: 100%;
  opacity: 0;
}
#image_kevineen > .fade> span:hover a
{
  top: 0px;
  opacity: 1;
  width: 100%;
  height: 100%;
}

#image_kevineen > .overlay100 > span:hover a
{
  top: 0;
  line-height: 242px;
  height: 100%;
  font-size: 15px;
}

#image_kevineen > .overlay10> span:hover a
{
  opacity: 1;
  bottom: 0;
  height: 10%;
}


/* Kevinvijf Overlay CSS */

#image_kevinvijf:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}

#image_kevinvijf {
  padding: 0px !important;
  list-style: none;
  margin-top: 0px;
}

#image_kevinvijf li
{
  position:relative;
  text-align: center;
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  background-color: none;
  overflow: hidden;
  margin-right: 5px;
  margin-bottom: 5px;
}

#image_kevinvijf li:hover
{
  overflow: hidden;
  z-index: 9992;
}

#image_kevinvijf span a
{
  display: block;
  height: 100%; 
  width: 100%;
  transition:all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}


#image_kevinvijf span img
{
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

#image_kevinvijf span a
{
  position: absolute;
  display: block;
  text-decoration: none !important;
  height: 0%;
  width: 100%;
  background-color: #808080;
  color: #fff !important;
  font-family: "Segoe UI", helvetica, Arial;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
}

#image_kevinvijf:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}
/*
#image_kevinvijf li span:hover
{
  margin-top: -100%;
}
*/
#image_kevinvijf > .fade> span a
{
  height: 100%;
  opacity: 0;
}
#image_kevinvijf > .fade> span:hover a
{
  top: 0px;
  opacity: 1;
  width: 100%;
  height: 100%;
}

#image_kevinvijf > .overlay100 > span:hover a
{
  top: 0;
  line-height: 242px;
  height: 100%;
  font-size: 15px;
}

#image_kevinvijf > .overlay10> span:hover a
{
  opacity: 1;
  bottom: 0;
  height: 10%;
}




/* Kevin Overlay CSS */
#image_kevin:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}

#image_kevin {
  padding: 0px !important;
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0px
}

#image_kevin li
{
  position:relative;
  text-align: center;
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  background-color: none;
  overflow: hidden;
  margin-right: 0px;
}

#image_kevin li:hover
{
  overflow: hidden;
  z-index: 9992;
}

#image_kevin span a
{
  display: block;
  height: 100%; 
  width: 100%;
  transition:all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}


#image_kevin span img
{
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

#image_kevin span a
{
  position: absolute;
  display: block;
  text-decoration: none !important;
  height: 0%;
  width: 100%;
  background-color: #808080;
  color: #fff !important;
  font-family: "Segoe UI", helvetica, Arial;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
}

#image_kevin:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}
/*
#image_slide li span:hover
{
  margin-top: -100%;
}
*/
#image_kevin > .fade> span a
{
  height: 100%;
  opacity: 0;
}
#image_kevin > .fade> span:hover a
{
  top: 0px;
  opacity: 1;
  width: 100%;
  height: 100%;
}

#image_kevin > .overlay100 > span:hover a
{
  top: 0;
  line-height: 242px;
  height: 100%;
  font-size: 15px;
}

#image_kevin > .overlay10> span:hover a
{
  opacity: 1;
  bottom: 0;
  height: 10%;
}


/* Index Overlay CSS */

#image_slide_index:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}

#image_slide_index {
  padding: 0px !important;
  list-style: none;
  margin-top: 0px;
}

#image_slide_index li
{
  position:relative;
  text-align: center;
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  background-color: none;
  overflow: hidden;
  margin-right: 10px;
}

#image_slide_index li:hover
{
  overflow: visible;
  z-index:9992;
}

#image_slide_index span a
{
  display: block;
  height: 100%; 
  width: 100%;
  transition:all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}


#image_slide_index span img
{
  position: relative;

  
  
  width: 100% !important;
  height: 100% !important;
}

#image_slide_index span a
{
  position: absolute;
  display: block;
  text-decoration: none !important;
  height: 0%;
  width: 100%;
  background-color: #808080;
  color: #fff !important;
  font-family: "Segoe UI", helvetica, Arial;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
}

#image_slide_index:after
{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ' ';
}
/*
#image_slide li span:hover
{
  margin-top: -100%;
}
*/
#image_slide_index > .fade> span a
{
  height: 100%;
  opacity: 0;
}
#image_slide_index > .fade> span:hover a
{
  top: 0px;
  opacity: 1;
  width: 100%;
  height: 100%;
}

#image_slide_index > .overlay100 > span:hover a
{
  top: 0;
  line-height: 242px;
  height: 100%;
  font-size: 15px;
}

#image_slide_index > .overlay10> span:hover a
{
  opacity: 1;
  bottom: 0;
  height: 10%;
}

.noMarginRight {
  margin-right: 0px;
  }

.noMarginLeft {
  margin-left: 0px;
  }

.categoriesGrid.plusInfo .category {
width: 130px;
}

.categoriesGrid .category {
background-color: white;
float: left;
margin-bottom: 20px;
margin-right: 26px;
}

.icategory {
font-weight: normal;
padding: 2px 0 4px 13px;
}

.categoriesGrid.plusInfo .category img {
margin: 0px, auto;
}

#filterContainer {
 margin-top: -12px; 
margin-right:163px;
}

#productoptions {
 margin-bottom: 20px; 
}

.soldOut {
 visibility: hidden; 
}

.stockTrack span.green {
 color: green; 
   font-size: 17px!important;
}

.stockTrack span.red {
 color: red; 
   font-size: 17px!important; 
}

.product-configure-custom-option-item {
margin-top: 10px;
}

#socialMediaTop {
  width: 978px;
  height: 20px;
  margin-bottom: 7px;
}

#socialMediaTop span {
margin-top: 3px;  
  margin-right: 10px;
  font-size: 14px;
font-weight: bold;
text-transform: uppercase;
  font-style:normal;
  color:#D1D2D4;
  float: left;
}

#topFacebook {
  width: 20px;
  height: 19px;
  float: left;
  margin-right: 6px;
}

#topTwitter {
  width: 20px;
  height: 19px;
  float: left;
  margin-right: 9px;
}

#topPinterest {
  width: 20px;
  height: 19px;
  float: left;
  margin-right: 9px;
}

#topInstagram {
  width: 20px;
  height: 19px;
  float: left;
  margin-right: 9px;
}

#topFashiolista {
  width: 20px;
  height: 19px;
  float: left;
  margin-right: 9px;
}

#topFoursquare {
  width: 20px;
  height: 19px;
  float: left;
  margin-right: 9px;
}

#topGooglemaps {
  width: 20px;
  height: 19px;
  float: left;
  margin-right: 9px;
}

.freeshipment {
  position: absolute;
  margin-left: -25px;
  margin-top: 126px;
  z-index: 1000;
  width:25px;
  height:150px;
}

/* Product page color variants */
.productVariants {
  background: url("color-variants.png") repeat scroll 0 0 transparent;
  height: 35px;
  width: 25px;
  position: absolute;
  margin-top: 268px;
  margin-left: -25px;
  z-index: 1000;
}


.productVariants:hover{
  background: url("color-variants-hover.png") repeat scroll 0 0 transparent
}


.overlayContainer {
  position: absolute;
  margin-top: 0px;
  width: 1000px;
  height: 300px;
}


.collection-banner {
  position: relative;
  height: 530px;
  width: 756px;
  
}

.productsGrid {
  margin-top: 0px;
}

#paymentBanner {
  width: 744px; 
  height: 25px;  
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid rgb(218, 218, 218);  
}

#paymentBanner ul{
  list-style: none;
  display: inline;
}

#paymentBanner li{
  float: left;
  margin-left: 8px;
}


.custom-content-left {
  margin-bottom: 15px;
 }

.custom-content-left h3{
  display: block;
  font-size: 13px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

/* Left Content Filters */

.custom-content-left .colorfilter {
  border: 1px solid rgb(218, 218, 218);
  padding: 5px;
  font-size: 12px;
  color: #808080;
  overflow: hidden;
}

.custom-content-left .colorfilter ul{
  margin:0px;
  padding:0px;
}
.custom-content-left .colorfilter ul li{
  height: 15px;
  width: 15px;
  padding: 3px;
  border: 1px solid rgb(218, 218, 218);
  margin-right: 3.85px;
  margin-bottom: 3.85px;
  float: left;
  display: inline-block;    
}

.custom-content-left .text {
  border: 1px solid rgb(218, 218, 218);
  padding: 10px;
  font-size: 12px;
  color: #808080;
}

.custom-content-left .text h3{
  display: block;
  font-size: 13px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

.custom-content-left .text h4{
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
.custom-content-left .text strong{
  color: #000000;
}


.instagram-widget {
  margin-bottom: 15px;
}

/* Footertext css */
.footer-container {
  width: 1000px;
  margin: 0 auto;
  display: block;
}

.footer-text-wrapper{
  width: 1000px;
  margin-top: 20px;
  
}

.footer-text{
  width: 1000px;  

}

.footer-text h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

.footer-text h3 a:hover {
  text-decoration: none;
}

/* Footer newsletter */

.newsletter-footer-wrapper {
  width: 1000px;
  overflow: hidden;
  margin-top: 20px;
}
.newsletter-footer {
  width: 320px;
  float: left;
}

.newsletter-footer.left {
  margin-right: 0px;
}

.newsletter-footer.middle {
  margin-left: 20px;
  margin-right: 20px;
}
.newsletter-footer.right {
  margin-left: 0px;
}

.newsletter-footer-wrapper h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

.newsletter-footer-wrapper h3 a:hover {
  text-decoration: none;
}

/* Footer payment */

.payment-footer-wrapper {
  width: 1000px;
  overflow: hidden; 
  margin-top: 20px;
}

.payment-footer {
  width: 320px;
  float: left;
}

.payment-footer.left {
  margin-right: 0px;
}
.payment-footer.left img{
  margin-right: 3px;
}

.payment-footer.middle {
  margin-left: 20px;
  margin-right: 20px;
}

.payment-footer.right {
  margin-left: 0px;
}

.payment-footer.right img{
  margin-right: 4px;
}

.payment-footer-wrapper h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

.payment-footer-wrapper h3 a:hover {
  text-decoration: none;
}

/* information footer */

.information-footer-wrapper{
  width: 1000px;
  margin-top: 20px;
  overflow: hidden;
}

.information-footer {
  width: 320px;
  float: left;
}

.information-footer ul{
  list-style: none;
  margin-left: 0px;
}

.information-footer.left {
    margin-right: 0px;
}

.information-footer.middle {
  margin-left: 20px;
  margin-right: 20px;
}

.information-footer.right {
  margin-left: 0px;
}

.information-footer-wrapper h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

.information-footer-wrapper h3 a:hover {
  text-decoration: none;
}

/* Brands Footer */

.brands-footer-wrapper{
  width: 1000px;
  margin-top: 20px;
  overflow: hidden;
}

.brands-footer {
  float: left;
}

.brands-footer ul {
  float: left;
  list-style: none;
  width: 165px;
  margin-left: 0px;
  margin-top: 0px;
}

.brands-footer-wrapper h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

.brands-footer-wrapper h3 a:hover {
  text-decoration: none;
}

.brands-footer.left {
  width: 660px;
  margin-right: 20px;
}

.brands-footer.right {
  width: 320px;
}

.brands-footer.right img{
    margin-right: 3px;
}
  

/* Category Footer */

.category-footer-wrapper{
  width: 1000px;
  min-height: 300px;
  margin-top: 20px;
  position: relative;
}

.category-footer {
  float: left;
}

.category-footer ul {
  float: left;
  list-style: none;
  width: 165px;
  margin-left: 0px;
  margin-top: 0px;
}

.category-footer-wrapper h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

.category-footer-wrapper h3 a:hover {
  text-decoration: none;
}

.category-footer.left {
  width: 660px;
  position: absolute;
}

.category-footer.right {
  width: 320px;
  height: 245px;
  position: absolute;
  top: -76px;
  left: 680px;
}

/* Hottest products Small */

.hottest-products-small {
  width: 734px;
  border: 1px solid rgb(218, 218, 218);
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px !important;
  margin: 0 auto;
}

.hottest-products-small li {
  width: 96px;
  float: left;
  list-style: none;
  margin-right: 8.8px;
}

.hottest-products-small span {
  font-weight: bold;
  display: block;
  text-align: center;
}

.hottest-products-small h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  line-height: 21px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

/* Popular Brands Small */

.popular-brands-small {
  width: 734px;
  border: 1px solid rgb(218, 218, 218);
  padding: 10px;
  overflow: hidden;
  margin-bottom: 10px !important;
  margin: 0 auto;
}

.popular-brands-small li {
  width: 96px;
  float: left;
  list-style: none;
  margin-right: 8.8px;
}

.popular-brands-small span {
  font-weight: bold;
  display: block;
  text-align: center;
}

.popular-brands-small h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  line-height: 21px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 20px;
  font-weight: bold;
  color: #808080;
}

/* Hottest products Large*/

.hottest-products-large {
  width: 978px;
  border: 1px solid rgb(218, 218, 218);
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px !important;
  margin: 0 auto;
}

.hottest-products-large li {
  width: 96px;
  float: left;
  list-style: none;
  margin-right: 12.6px;
}

.hottest-products-large span {
  font-weight: bold;
  display: block;
  text-align: center;
}

.hottest-products-large h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  line-height: 21px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

/* Popular Brands Large*/

.popular-brands-large {
  width: 978px;
  border: 1px solid rgb(218, 218, 218);
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px !important ;
  margin: 0 auto;
}

.popular-brands-large li {
  width: 96px;
  float: left;
  list-style: none;
  margin-right: 12.6px;
}

.popular-brands-large span {
  font-weight: bold;
  display: block;
  text-align: center;
}

.popular-brands-large h3 {
  color: {{ theme.dropdown_category_font_color }}
  display: block;
  font-size: 13px;
  line-height: 21px;
  border-bottom: 1px solid rgb(218, 218, 218);
  margin-bottom: 10px;
  font-weight: bold;
  color: #808080;
}

/* video preview test */

.videopreview {
  position: absolute;
  margin-top: 40px;
  z-index: 9990;
  margin-left: 5px;
  overflow: visible;
  background: url(play-button.png);
  height: 32px;
  width: 32px;
}

.videoframe {
  height: 405px;  
  width: 320px; 
  background-color: #ffffff;
  top: -40px;
  left: -5px;
  position: absolute;
  opacity: 0;
  
  visibility: hidden;
  -webkit-transition: opacity 200ms ease-in-out 200ms;
  -moz-transition: opacity 200ms ease-in-out 200ms;
  -o-transition: opacity 200ms ease-in-out 200ms;
  -ms-transition: opacity 200ms ease-in-out 200ms;
  transition: opacity 200ms ease-in-out 200ms;
}

.videopreview:hover > .videoframe {
  opacity: 1;
  visibility: visible;
  z-index: 9991;
  
}

.videopreviewLarge {
  position: absolute;
  top: 6px;
  z-index: 9990;
  left: 5px;
  overflow: visible;
  background: url(play-button.png);
  height: 32px;
  width: 32px;
}

.smallButton {
  background: url(play-button-small.png) !important;
  height: 16px !important;
  width: 16px !important;
}

.mediumButton {
  background: url(play-button-medium.png) !important;
  height: 22px !important;
  width: 22px !important;
}

.videoframeLarge {
  height: 100%;  
  width: 100%; 
  background-color: #ffffff;
  top: -6px;
  left: -5px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 200ms ease-in-out 200ms;
  -moz-transition: opacity 200ms ease-in-out 200ms;
  -o-transition: opacity 200ms ease-in-out 200ms;
  -ms-transition: opacity 200ms ease-in-out 200ms;
  transition: opacity 200ms ease-in-out 200ms;
}

.videopreviewLarge:hover > .videoframeLarge {
  opacity: 1;
  visibility: visible;
  z-index: 9991;
  
}