/******************************************************
 * COUPONS - coupon size: 320x120px. A4 fits 8x2 of these with 40px EANs.
 */

.coupon
{	width:			320px;
	height:		140px;
	margin:		8px 8px;
	background:		#fdf864 url('/layout/img/coupon-background-v3_plain.png') top left no-repeat;
	color:			black;
	float:			left;
	position:		relative;
	zoom:			1;
	cursor:		pointer;
	display:		inline;
}

.couponcontent
{	overflow:		hidden;
	z-index:		499;
}

.couponcover /* selected coupons get this over them */
{	width:			320px;
	height:		140px;
	position:		absolute;
	left:			0;
	top:			0;
	background-image:	url('/layout/img/coupon-selected-plain.png');
	display:		none;
	z-index:		20;
	behavior:		url(/common/iepngfix.php);
}

.couponimage
{	width:			96px;
	height:		96px;
	position:		absolute;
	top:			30px;
	left:			12px;
}

.couponcompanydetails
{	width:			296px;
	height:		16px;
	position:		absolute;
	left:			12px;
	top:			4px;
	font-size:		12px;
	text-align:		center;
	overflow:		hidden;
	line-height:		105%;
}

.couponproductname
{	width:			188px;
	height:		54px;
	position:		absolute;
	right:			12px;
	top:			30px;
	font-size:		17px;
	text-align:		center;
	overflow:		hidden;
	line-height:		105%;
}

.couponproductname span
{	margin-top:		-8px;
}

.couponofferprice1
{	width:			188px;
	height:		16px;
	position:		absolute;
	right:			12px;
	bottom:		34px;
	font-size:		16px;
	font-weight:		bold;
	text-align:		center;
}

.couponofferprice2
{	width:			188px;
	height:		14px;
	position:		absolute;
	right:			12px;
	bottom:		18px;
	font-size:		12px;
	text-align:		center;
}





.couponhover /* hovered coupons get this over them */
{	width:			316px;
	border:		2px dotted #938f3a;
	border-top:		none;
	position:		absolute;
	background:		#fdf864;
	left:			0px;
	top:			148px;
	display:		none;
	z-index:		10000;
	text-align:		left;
}

.couponhovercompanydetails
{	width:			300px;
	padding:		1px 8px;
}

.couponhoveretc
{	width:			300px;
	padding:		1px 8px;
}

.chcdrow
{	width:			300px;
}

.chbreak
{	height:		0px;
	line-height:		0px;
	border-top:		2px dotted #eee85a;
}

.couponhoveroffertext
{	width:			300px;
	padding:		1px 8px;
	font-size:		11px;
}

.couponhoverofferlimitations
{	width:			300px;
	padding:		1px 8px;
	font-size:		11px;
}



.selectedcoupon { }