
.container
{
    margin: 0px;
	padding: 0px;
    width: 940px;
    height: 540px;
    position:relative;
    background-color: #eee;
	overflow: hidden;
	position:relative;
}


#loading {
	font-size: 14px;
	font-family: Arial;
	background-color: #fff;
	height: 480px;
	padding-top: 220px;
	text-align: center;
	width: 940px;
	position: absolute;
	z-index: 100000;
	left: 0;
	top: 0;
	color: #777;
}


.prev {
	position: absolute;
	top: 170px;
    left: 0;
    margin-left: 5px;
    z-index: 200;
}
.next {
	position: absolute;
	top: 170px;
    right: 0;
    margin-right: 5px;
    z-index: 200;
}

a.prev:hover, a.next:hover {
    text-decoration: none;
    background: #ccc;
    color: #333;
}

a.prev_img {
    background: url(http://football-shirts.appspot.com/static/img/leftArrow.gif) no-repeat;
    width: 80px;
    height: 190px;
    padding: 0px;
    margin: 0px;
}

a.prev_img:hover {
    background: url(http://football-shirts.appspot.com/static/img/leftArrowOver.gif) no-repeat;
}

a.next_img {
    background: url(http://football-shirts.appspot.com/static/img/rightArrow.gif) no-repeat;
    width: 80px;
    height: 190px;
    padding: 0px;
    margin: 0px;
}

a.next_img:hover {
    background: url(http://football-shirts.appspot.com/static/img/rightArrowOver.gif) no-repeat;
}

#scroller {
	
	overflow: hidden;
	width:940px;
	height:540px;
	z-index: 100;
}

	#scroller .handle {
		width: 5670px;
		height: 540px;
	}
	
	
	
		#scroller .handle .slide {
			position: absolute;
			width: 945px;
			height: 540px;
		}
		#scroller .handle .img1 {
			background: url('../images/slide1.jpg') no-repeat 0 0;
			left: 0;
		}
		#scroller .handle .img2 {
			background: url('../images/slide2.jpg') no-repeat 0 0;
			left: 945px;
		}
		#scroller .handle .img3 {
			background: url('../images/slide3.jpg') no-repeat 0 0;
			left: 1890px;
		}
		#scroller .handle .img4 {
			background: url('../images/slide4.jpg') no-repeat 0 0;
			left: 2835px;
		}
		#scroller .handle .img5 {
			background: url('../images/slide5.jpg') no-repeat 0 0;
			left: 3780px;
			
		}
		#scroller .handle .img6 {
			background: url('../images/slide6.jpg') no-repeat 0 0;
			left: 4725px;
		}
		
		
		
.hotSpot {
	position: absolute;
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}

.hotSpot:hover {
	opacity:1;
	filter:alpha(opacity=1); /* For IE8 and earlier */
}	
		
		
#nextBag_1 {
	top: 269px;
	left: 86px;
}

#majesticBag_2 {
	top: 349px;
	left: 243px;
}

#johnLewisBag_3 {
	top: 236px;
	left: 410px;
}

#waitroseBag_4 {
	top: 378px;
	left: 686px;
}

#morrisonsBag_5 {
	top: 320px;
	left: 976px;
}

#ocadoBag_6 {
	top: 120px;
	left: 1189px;
}

#debenhamsBag_7 {
	top: 297px;
	left: 1469px;
}

#marksBag_8 {
	top: 303px;
	left: 1668px;
}

#poundlandBag_9 {
	top: 351px;
	left: 1876px;
}

#gameBag_10 {
	top: 0px;
	left: 2258px;
}

#bootsBag_11 {
	top: 352px;
	left: 2411px;
}

#asdaBag_12 {
	top: 267px;
	left: 2620px;
}

#sainsburysBag_13 {
	top: 305px;
	left: 2901px;
}

#hmvBag_14 {
	top: 296px;
	left: 3137px;
}

#argosBag_15 {
	top: 291px;
	left: 3276px;
}

#primarkBag_16 {
	top: 277px;
	left: 3476px;
}

#tescoBag_17 {
	top: 308px;
	left: 3615px;
}

#clintonBag_18 {
	top: 260px;
	left: 3801px;
}

#superdryBag_19 {
	top: 310px;
	left: 3975px;
}

#mothercareBag_20 {
	top: 376px;
	left: 4196px;
}

#jdBag_21 {
	top: 303px;
	left: 4507px;
}

#whsmithBag_22 {
	top: 300px;
	left: 4693px;
}

#dixonsBag_23 {
	top: 297px;
	left: 4948px;
}

#asosBag_24 {
	top: 270px;
	left: 5078px;
}

#amazonBag_25 {
	top: 193px;
	left: 5367px;
}



#popup {
	position: absolute;
	width: 480px;
	height: 226px;
	background: url("../images/popup2.png") no-repeat;
	z-index: 99999999;
}

#retailer {
	position: absolute;
	width: 250px;
	height: 30px;
	top: 20px;
	left: 20px;
	font-family: Georgia;
	font-size: 25px;
	color: #233178;
}

#resultsIn {
	position: absolute;
	width: 250px;
	height: 30px;
	top: 57px;
	left: 20px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

#trail {
	position: absolute;
	width: 330px;
	height: 30px;
	top: 85px;
	left: 20px;
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
}

#articleLink {
	position: absolute;
	width: 70px;
	height: 15px;
	bottom: 20px;
	right: 20px;
	background: url("../images/chevron.png") no-repeat;
	background-position: 62px 3px; 
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #004e85;
	text-decoration: none;
	cursor: pointer;
}

#closeButton {
	position: absolute;
	width: 60px;
	height: 20px;
	top: 20px;
	right: 20px;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	cursor: pointer;
}
