/* All styles except tout images moved to hdp-global-1.0.0.css, so they are shared with ucl */

/* Navigation tout images - START */
/* Note: Use clipping and negative margins instead of background-position so that AlphaImageLoader filter works */
#hdp-primary-menu a .hdp-nav-tout-icon {
	background: none;
	width: 101px;
	height: 56px;
	position: absolute;
	left: 0px;
	top: 5px;
	overflow: hidden;
}
#hdp-primary-menu a .hdp-nav-tout-icon .icon-inner {
	background: url(/assets/global/images/navigation/links/dot-com-nav-touts.png) transparent no-repeat;
	width: 440px;
	height: 210px;
	position: absolute;
}

a#hdp-link-heineken .icon-inner {
	clip: rect(0px 110px 70px 0px);
	margin: 0px 0px 0px 0px;
}
a#hdp-link-products .icon-inner {
	clip: rect(0px 220px 70px 110px);
	margin: 0px 0px 0px -110px;
}
a#hdp-link-uefa .icon-inner {
	clip: rect(0px 330px 70px 220px);
	margin: 0px 0px 0px -220px;
}

a#hdp-link-enjoy-responsibly .icon-inner {
	clip: rect(70px 110px 140px 0px);
	margin: -70px 0px 0px 0px;
}
a#hdp-link-heineken-experience .icon-inner {
	clip: rect(70px 220px 140px 110px);
	margin: -70px 0px 0px -110px;
}

a#hdp-link-products-keg .icon-inner {
	clip: rect(140px 110px 210px 0px);
	margin: -140px 0px 0px 0px;
}
a#hdp-link-products-extra-cold .icon-inner {
	clip: rect(140px 220px 210px 110px);
	margin: -140px 0px 0px -110px;
}
a#hdp-link-products-beertender .icon-inner {
	clip: rect(140px 330px 210px 220px);
	margin: -140px 0px 0px -220px;
}
a#hdp-link-products-icon .icon-inner {
	clip: rect(140px 440px 210px 330px);
	margin: -140px 0px 0px -330px;
}
/* Navigation tout images - END */