/*
PROMOTIONS: CUSTOMIZE ICONS
---------------------------

*******************************************/

.well.well-product {
    padding-top:0;
}

.promoWrapper {
    display: block;
    min-height: 38px;
    width: 100%;
}

.singlePromotion {
    font-family: museo_sans700;
    position: relative;
    color: #FFF;
}

	.singlePromotion .dropdownTrigger {
		border: 0;
		background: #ea8610;
		width: 100%;
    	height: 38px;
    	text-align: left;
	}

	.singlePromotion .dropdown-menu {
		background: rgba(234, 134, 16, 0.75);
		border:0;
		border-radius: 0;
		width: 100%;
		top: 36px;
		padding: 8px 6px;
		font-weight: normal;
		font-size: 13px;
		text-align: center;
		min-height: 80px;
    color: #ffffff;

	}

		.promoIcon {
	            display:block;
	            width: 38px;
	            height: 38px;
	            background-repeat: no-repeat;
	            background-size: 30px;
	            background-position: center center;
	            background-image: url('../images/promo_icons/promotag.png');
	        }

	            .promoIcon.discount {
	                background-image: url('../images/promo_icons/promotag.png');
	            }

	           	.promoIcon.bundle {
	                background-image: url('../images/promo_icons/complex_promos.png');
	            }

	            .promoIcon.gift {
	                background-size: 26px;
	                background-position: 10px 4px;
	                background-image: url('../images/promo_icons/promogift.png');
	            }

          .promoText {
          	padding: 10px 1px 1px 0px !important;
            text-align: left;
            font-size: 12px;
            font-weight: bold;
          }

	.singlePromotion:hover > .dropdown-menu  {  display: block !important; 	}

	.productDescription .promoShadow { text-shadow:none; font-weight: bold; }

/* Ribbon for new product */
#primary_image { position: relative;}

.ribbonHorizontal,
.ribbon {
  display: block;
  height: 85px;
  width: 85px;
  position: absolute;
  top: 7%;
  left: 3%;
  z-index:999;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;

}

.productImagePrimaryContainer .thumb {
	margin-top: 30px;
}

.thumb .ribbon.es.new-icon-sprite {
	top: 0;
	width: 60px;
	height: 60px;
}

.thumb .ribbon.es.new-icon-sprite:nth-child(2) {
	top: 65px;
}

.thumb .ribbon.es.new-icon-sprite:nth-child(3) {
	top: calc(65px*2);
}

.thumb .ribbon.es.new-icon-sprite:nth-child(4) {
	top: calc(65px*3);
}

span.ribbon.es.new-icon-sprite.cold {
    width: 70px;
    height: 70px;
}

.productImagePrimaryContainer .ribbonHorizontal,
.productImagePrimaryContainer .ribbon {
	/* top: 56%; */
}


.ribbonHorizontal {
  background-color: #CC2C2F;
  background-position: right;
  background-image: url('../images/newproduct/ribbonHorizontal.png');

}

.ribbon.es {  background-image: url('../images/newproduct/ribbon_es.png');  }
.ribbon.en {  background-image: url('../images/newproduct/ribbon_en.png');  }
.ribbon.de {  background-image: url('../images/newproduct/ribbon_de.png');  }

.ribbon.es.exclusive {  background-image: url('../images/newproduct/sellos-logista-web.png');  }
.ribbon.es.discount {  background-image: url('../images/newproduct/sellos-logista-web_2.png');  }
.ribbon.es.lowstock {  background-image: url('../images/newproduct/sellos-logista-web_3.png');  }
.ribbon.es.ldispromo {  background-image: url('../images/newproduct/sticker-Web.png');  }
.ribbon.es.promotion {  background-image: url('../images/newproduct/sellos-logista-web_4.png');  }
.ribbon.es.vip {  background-image: url('../images/newproduct/sellos-logista-web_2.png');  }
.ribbon.es.frozen {  background-image: url('../images/newproduct/sellos-logista-web_6.png');  }
.ribbon.es.cold {  background-image: url('../images/newproduct/sellos-logista-web_7.png');  }

.bundleTrigger {
		border: 0;
		background: #ea8610;
		width: 100%;
    height: 38px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.iconSet{
		display:block;
	  width: 38px;
	  height: 38px;
	  background-repeat: no-repeat;
	  background-size: 30px;
	  background-position: center center;
    background-image: url('../images/promo_icons/bundle.png');
}

ul.promoInfo.dropdown-menu a {
    color: white;
    text-decoration: underline;
    z-index: 9999;
}