.onecolspotlight2 {
	/* 	spotlight class to allow 1 large spot */
	width: 567px;
	margin-bottom: 10px;
	position: relative;
	}
	
.onecolspotlight3 {
	/* 	spotlight class to allow 1 large spot */
	width: 567px;
	margin-bottom: 10px;
	position: relative;
	}
	
/* replaced by component_32_link_halfwidth_greyborder_shadowbox*/
.twocolspotlight {
	margin-right: 5px;
	margin-left: -1px;
	margin-bottom: 10px;
	float: left;
	position: relative;
	}
	
	
	



	
.boxSpotlightBground {
	/* allow selected spotlights to have a dark grey band at bottom */
	background: #eee url("../media/images/spotlight_bground.gif") bottom left repeat-x;
	}
	

.spotlightPromoImg {
	/* make the promo img in the spotlight float right */
	float: right;
	margin-top: 9px;
	width: 100px;
	}

	
.greyBoxSpotlight ul {
	/* ensure the bullets in the spotlights have the correct display properties */
	margin: 5px 0 6px 15px;
	padding: 0;
	list-style: square;
	}
	
.spotlightAddToBasket {
	/* this is for the button in the spotlights */
	clear: all;
	}
.spotlightAddToBasket img {
	float: right;
	}
	
	
	

	

/* styles for what suits you box - trying to keep it so background img is part of html */	
.whatsuitsyouOptions {
	position: absolute;
	top: 47px;
	left: 17px;
	}
.whatsuitsyouOptions a {
	display: block;
	margin-bottom: 6px;
	}
	
.virginredOptions {
	position: absolute;
	bottom: 17px;
	right: 17px;
	}