@import url(./products/products.grid.css);
@import url(./products/single.product.css);

/**
 * SELECT GROUP PRODUCT
 ************************/

.group_options
{
	position: absolute;
	display: none;
	bottom: 0px;
	right: 0px;
	white-space: nowrap;
	min-height: 50px;
	min-width: 50px;
	max-width: 300px;
	max-height: 350px;
	border-radius: 10px 10px 0px 10px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1000000000;
	text-align: left;
}

.group_options,
.group_options a
{
	text-decoration: none;
}
	
.group_products
{
	margin: 7px;
}


.group_products .thumb img
{
	max-width: 40px;
	max-height: 40px;
}

.group_products .text
{
	font-size: 11px !important;
	line-height: 12px;
	padding-right: 15px;
}

	.group_products .text a
	{
		display: block;
	}


/**
* SALE ICONS
*/

.sale_icons
{
	width: 100%;
}

.sale_icons .icon span
{
	display: inline-block;	
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

.sale_icons .icon i {
	display: inline-block;
	font-size: 10px;
	line-height: 28px;	
	vertical-align: middle;
	padding: 0px 7px 0px 5px;
	border-radius: 0px 3px 3px 0px;
}

.sale_icons .icon.first span {
	height: 28px;
	border-radius: 3px 3px 0 0;
}
.sale_icons .icon.last span {
	height: 28px;
	border-radius: 0 0 3px 3px;
}
.sale_icons .icon.first.last span { 
	border-radius: 3px; 
}


/*
* BUTTONS
*/
.product-box .action {
	position: relative;
	margin: 10px 0px;
}

.product-box .action .btn {	
	display: block; 
	min-height: 40px;
	line-height: 40px;
	padding: 0px 15px;
}
.product-box .action .btn-success:before {	
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 9px;
	margin-bottom: -1px;
}

/**
* PRICE
*/
.product-box .price { text-align: center; }
.product-box .price .old { font-size: 16px; text-decoration: line-through; white-space: nowrap; }
.product-box .price .current { font-size: 18px; white-space: nowrap; }


/**
* COMPARE
*/
 
.compare a:hover {	text-decoration: underline;	}

.compare_button.loading {
	padding-right: 20px;
	background: url(../../../../images/ajax-loader.gif) right center no-repeat;
	background-size: 16px 16px;
}


/**
* CAMPAIGN DISCOUNT STICKER
*/

/* discount sticker container */
.product-box .campaign-sticker {
	position: absolute;
	top: -4px;
	right: -7px;
	display: block;
	z-index: 999;
	width: 105px;
	height: 55px;
	text-align: right;
	padding: 6px 6px 0px 0px;
}

/* discount sticker main-background */
.product-box .campaign-sticker:before {	
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	content: '';
	z-index: 10;	
	width: 0;
	height: 0;
	border-top-width: 55px;
	border-top-style: solid;
	border-left: 105px solid transparent;
}

/* discount sticker background-shadow */
.product-box .campaign-sticker:after {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	content: '';
	z-index: 5;
	height: inherit;
	width: inherit;
	border-width: 4px 7px 0px 0px;
	border-style: solid;
}

.product-box .campaign-sticker i {
	position: relative;
	display: block;
	z-index: 15;
	font-size: 9px;
	line-height: 1.3em;
	font-style: normal;
}

.product-box .campaign-sticker strong {
	position: relative;
	z-index: 20;
	display: block;
	font-size: 14px;
	line-height: 1.3em;
}