/* CSS for http://tescorealfood.london.reactive.com/templates/ice-cream-week.htm */

.iceCreamContainer {
	margin-top: 30px;
	position: relative;
}


.iceCreamContainer .wideCol {
	width:796px;
	height: 955px;
	padding-right:9px;
	background:#fff url(../Images/ice-cream-week/ice-cream-background.png) no-repeat left top;
}


p.ice-cream-intro{
	color: #472911;
	font-weight: bold;
	font-size: 1.2em;
	position: absolute;
	top: 62px;
	left: 78px;
	width: 320px;
	line-height: 145%;
}

.iceCreamContainer #iceCreamButton {
	display: block;
	width:259px;
	height:49px;
	background: transparent url(../Images/ice-cream-week/ice-cream-button.png) no-repeat scroll top right;
	position: absolute;
	top: 110px;
	left: 300px;
	padding: 14px 0 0 0;
}


.iceCreamContainer #iceCreamButton span{
	color: #fff;
	font-size:1.333em;
	font-weight: bold;
	padding: 0 0 0 15px;
}

.iceCreamContainer #iceCreamButton span:hover{
	color: #fed2d4;
}



.iceCreamContainer #iceCreams ul li {
	float: left;
	width:332px;
	height:275px;
	margin: 0;
	padding:0;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
}


.iceCreamContainer #iceCreams ul li.vanilla{
	position: absolute;
	top: 324px;
	left: 36px;
}


.iceCreamContainer #iceCreams ul li.bananas{
	position: absolute;
	top: 324px;
	left: 426px;
}


.iceCreamContainer #iceCreams ul li.croissant{
	position: absolute;
	top: 626px;
	left: 426px;
}


.iceCreamContainer #iceCreams ul li.rum{
	position: absolute;
	top: 626px;
	left: 36px;
}


.iceCreamContainer #iceCreams ul li img {
	display: block;
	padding: 0 0 8px 0;
	float: left;
} 


.iceCreamContainer #iceCreams ul li a{
	z-index: 80;
	display:block;
	padding:0;
	width: 300px;
	float: left;
}


.iceCreamContainer #iceCreams li.vanilla a, .iceCreamContainer #iceCreams li.rum a{
	color: #d2aa5e;
}

.iceCreamContainer #iceCreams ul li.vanilla a:hover, .iceCreamContainer #iceCreams ul li.vanilla a.hover, .iceCreamContainer #iceCreams ul li.rum a:hover, .iceCreamContainer #iceCreams ul li.rum a.hover{
	color: #a25d1b;
}


.iceCreamContainer #iceCreams li.bananas a, .iceCreamContainer #iceCreams li.croissant a{
	color: #fff;
}

.iceCreamContainer #iceCreams ul li.bananas a:hover, .iceCreamContainer #iceCreams ul li.bananas a.hover, .iceCreamContainer #iceCreams ul li.croissant a:hover, .iceCreamContainer #iceCreams ul li.croissant a.hover{
	color: #490006;
}


.iceCreamContainer #iceCreams ul li.hover {
	cursor: pointer;
}