.product {
	position: relative; /** Must be relative beacuse the product status is positioned absolute **/
}

/**
 * A series of classes for product statuses
 * 1. Move over the product borders
 * 2. Remove text
 */

.product-status-non {
	position: absolute;
	top: -1px; /** 1 **/
	left: -1px; /** 1 **/
	z-index: 1000;
	width: 55px;
	height: 56px;
	text-indent: 100%; /** 2 **/
	overflow: hidden; /** 2 **/
}


.product-status {
	background-image: url('../img/product-status-sprite.png');
	position: absolute;
	top: -1px; /** 1 **/
	left: -1px; /** 1 **/
	z-index: 1000;
	width: 55px;
	height: 56px;
	text-indent: 100%; /** 2 **/
	overflow: hidden; /** 2 **/
}

.product-status-campaign {
	background-position: 0 0;
}


.product-status-combo {
background-position: 0 -56px;
}

.product-status-offer {
background-position: 0 -112px;
}

.product-status-new {
background-position: 0 -168px;
}

.product-status-none {
background-position: 0 -268px;
}