#ChristmasShop { 
	background:url(http://asda.scene7.com/is/image/Asda/FestiveShop_background?wid=980&hei=805&fmt=jpg&qlt=100&resMode=sharp&sharpen=1);
	repeat:none;
	width:980px;
	height:805px;
}
.FestiveShop_catBanners {
	width:457px;
	height:209px;
	margin:11px 0 0 10px;
}
#carousel-holder {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	padding:240px 0 0 0;
}
#overlay-right {
	position: absolute;
	right: 0px;
	background:url(http://asda.scene7.com/is/image/Asda/overlay_right?wid=120&hei=267&fmt=png-alpha&qlt=100&resMode=sharp&sharpen=1);
	width:120px;
	height: 267px;
	z-index:1;
}
#overlay-left {
	position: absolute;
	left: 0px;
	background:url(http://asda.scene7.com/is/image/Asda/overlay_left?wid=120&hei=267&fmt=png-alpha&qlt=100&resMode=sharp&sharpen=1);
	width:120px;
	height: 267px;
	z-index:1;
}
#buttons { width: 100px;
margin: 0 auto;
}
#viewport{
	width: 1461px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	position: relative;
	left: -283px;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
}
#viewport li{
	width: 480px; /* Defines the size of inner element */
	height: 230px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	background:url(http://asda.scene7.com/is/image/Asda/FestiveShop_catBanner_BG?wid=480&hei=230&fmt=png-alpha&qlt=100&resMode=sharp&sharpen=1);
	/* Cosmetic */
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}