.badges {
	color: white;
	left: 0px;
	position: absolute;
	top: 20px;
	z-index: 1;
}
.badges > div,
.default-badge {
	color: white;
	background: #717171;
    display: inline-block;
    line-height: 21px;
	margin-bottom: 3px;
    padding: 0px 10px;  
}

/*
	we need the following classes because  at this point
	the badge_manager plugin works only with flexfields
*/
.badges .items-left-badge,
.badges .just-arrived-badge {
	background: #41b6e6;
	text-transform:uppercase;
	font-weight: 500;
	/*overrides the core styles for just arrived badge*/
	position: static !important;
}
.badges .unboxed-badge {
	background: #4f3400;
	/*overrides the core styles for just arrived badge*/
	position: static !important;
}
.badges .grade-badge{
	background: #f38e50;
	text-transform:uppercase;
	font-weight: 500;
}
.badges .onsale-item-badge, 
.badges .free-shipping-badge,
.badges .unboxed-badge{
	text-transform: uppercase;
	font-weight: bold;
}
@media (max-width: 767px){
	.product-page .badges {
		  top: 140px;
	}
}
@media (min-width:768px) and (max-width:1200px){
	.badges{ width:160px; }
}