/* Layout */
	body { background:#9A002C url("../images/bg.jpg") 0 0 repeat-x; padding:0; }
		#wrapper { background:url("../images/bg-wrapper.png") 0 0 repeat; padding:30px 0 0 0; }
			#wrapper-int { padding:20px; background:url("../images/bg-wrapper-int.png") 0 0 no-repeat; }
		#container { width:962px; margin:0 auto 10px auto; border:1px solid #fff; background:#99002c url("../images/bg-container.jpg") bottom left repeat-x; }
			#content { padding-top:20px; min-height:450px; }
				#header { border-bottom:1px solid #fff; }
					#logo { float:left; margin:0 20px -35px 0; width:400px; height:0; padding-top:165px; overflow:hidden; display:block; background:url("../images/logo.png") 0 0 no-repeat; position:relative; z-index:1000; }
				#gallery { margin-bottom:10px; }
				
					.fader { float:left; width:300px; height:290px; display:block; }
						#fader-02 { margin:0 10px; }
				
				#page01 { float:left; width:360px; padding-right:40px; margin-right:20px; }
				
					.decoration {  }
						 .decoration-large { margin-left:40px; }
				
					#widgets { margin:20px -20px 20px 0; }
						.widget { min-height:115px; border:1px solid #fff; width:148px; padding:10px; float:left; margin-right:20px; background:#9b002d url("../images/bg-widget.gif") 0 0 repeat-x; }
							.weather-rain { background:#3e75e7 url("../images/bg-widget-weather-rain.gif") top right no-repeat; }
							.weather-cloud { background:#6f6f6f url("../images/bg-widget-weather-cloud.gif") top right no-repeat; }
							.weather-sunny { background:#ed1c48 url("../images/bg-widget-weather-sunny.gif") top right no-repeat; }
							
						#widget-weather-load .widget { width:128px; margin-right:0; }
						#widget-news-load .widget { width:168px; }
						
					#banner img { margin-bottom:15px; }
				
					#events-list { background:#9A002C; border:1px solid #fff; padding:10px 20px 20px 20px; }
						#events-list ul { margin:0; }
							#events-list ul li { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #f48480; }
								#events-list .last-child { margin-bottom:0; padding-bottom:0; }
							#events-list ul li p { margin:0; }
							#events-list .item p { margin:0; }
											
				#page02 { float:left; width:500px; padding-bottom:20px; }
				
					.items {  }
						.item { margin-bottom:20px; padding-left:140px; }
							.item img.thumb { float:left; margin:-5px 0 0 -130px; }
							
						.items-stores {}
							.items-stores .item { margin-bottom:20px; padding-left:160px; }
								.items-stores img.thumb { float:left; margin:-5px 0 0 -160px; }
								
						.items-jobs {}
							.items-jobs .item { margin-bottom:20px; padding-left:160px; }
								.items-jobs img.thumb { float:left; margin:-5px 0 0 -160px; }

					#content #news-list ul, #content #offers-list ul { margin-top:20px; list-style-type:none; }
						#news-list .item, #offers-list .item { border-bottom:1px dashed #f48480; padding-bottom:20px; }
						#content #news-list ul li { margin-bottom:30px; }
							
						.news-image { float:right; margin:0 0 10px 20px; }
						.news-image-alt { float:left; margin:0 20px 10px 0; }
					
					#map { margin-bottom:5px; }
						#map-download { text-align:center; }
					
					#game-instructions { margin:0 0 20px 0; }
					#game-container { margin:0 50px; }
				
				#stores-lists { float:left; width:300px; }
					#content #stores-lists ul { list-style-type:none; margin:0 0 20px 0; float:left; width:48%; margin-right:2%; }
					#stores-lists ul li { padding:2px 3px; }
					/*#stores-lists ul li.selected { border:1px solid #fff; }*/
						#stores-lists a { color:#fff; }
				#stores-map { float:left; width:591px; height:444px; background:url("../images/stores-map.gif") 0 0 no-repeat; margin-bottom:10px; }
				#stores-details div { float:right; position:relative; width:200px; border:1px solid #fff; padding:10px 10px 10px 180px; margin-top:-150px; margin-bottom:10px; }	
					#content .store-info ul { list-style-type:none; }
					.store-info img { float:left; margin-left:-170px; }
					#stores-details div.store-current { display:block; }
				#stores-map div { width:591px; height:444px; background-repeat:no-repeat; background-position:0 0; }
				.store_description { display:block; margin:10px 10px 0 -160px; }
				
				
		#footer { }
			#store-names { background:url("../images/store-names.png") 0 0 no-repeat; width:920px; height:90px; display:block; border-top:1px solid #fff; }
			#footer-sub { width:920px; padding:0 20px 10px 20px; margin:0 auto; }
			#opening { padding:10px 0; border-top:1px solid #fff; }
			
		.rounded { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
		.rounded-small { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
		
		.load { width:170px; min-height:135px; float:left; margin-right:20px; background:#e24361 url("../images/ajax-loader.gif") center center no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
			#widget-weather-load { width:148px; }
			#widget-news-load { width:188px; }
			
		#batteryback-mascot,
		#logo-macmillan { float:right; margin:0 0 20px 30px; }
		
/* Typography */
body { font:67%/1.6 Arial, Verdana, sans-serif; color:#fff; }
	#content, #footer { font-size:1.1em; }
	#footer {  }
		#opening { color:#fff; line-height:1; }
	#footer-sub span { float:right; }

	p, address { margin:0 0 1em 0; }
	address { font-style:normal; }
	
		.intro { font-size:1.4em; }
		.items .item p { margin:0; }	
			.items-jobs .item p { margin-bottom:1em; }
		.offer-expiry { color:#f48480; }
		
		.widget p { margin:0; }
			.widget .date { font-size:0.9em; }
			.widget .temperature { font-size:1.9em; font-weight:bold; }
			.widget .source { margin-top:12px; font-size:0.9em; color:#f48480; line-height:1.1; }
				.weather-sunny .source { margin-top:5px; color:#f8aba1; }
			.widget h4 { text-transform:uppercase; border-bottom:1px solid #fff; margin-bottom:0.3em; }
			.widget h3 { line-height:1.3; margin-bottom:0.5em; }
	
		.opening-sainburys { padding-left:102px; }
		
		span.alt { color:#f48480; }
	
	ul, ol { margin:0 0 1em 1.5em; }
		.contact-list, #stores-details ul, #news-list ul { margin:0; }
		#content ul { list-style-type:disc; }
			#content .contact-list { list-style-type:none; }
		
	dl { margin-bottom:1em; }
		dt { margin-top:1em; font-weight:bold; }
		
	h1,
	h2 { color:#ed1849; font-size:2em; text-transform:lowercase; line-height:0.5; margin-bottom:10px; font-weight:normal; letter-spacing:0.1em; border-bottom:1px dashed #ed1849; }
	h3 { font-size:1.3em; margin:0.3em 0; line-height:1.3; }
		.widget h3 { font-size:1em; margin-top:0; }
	h4 {}
	

/* Navigation */		
#navigation { margin:100px 0 0 0; width:500px; float:left; }
	#navigation li { float:left; margin-right:19px; }
	
	#navigation li a { padding:20px 0 0 0; height:0; display:block; overflow:hidden; background:url("../images/navigation-sprites.gif") no-repeat; }
		
	#navigation #nav-store a { width:105px; background-position:0 0; }
	#navigation #nav-store.selected a, #navigation #nav-store a:hover, #navigation #nav-store.selected a:hover { background-position:0 -20px; }
	
	#navigation #nav-whats a { width:69px; background-position:-125px 0; }
	#navigation #nav-whats.selected a, #navigation #nav-whats a:hover, #navigation #nav-whats.selected a:hover { background-position:-125px -20px; }
	
	#navigation #nav-centre a { width:79px; background-position:-215px 0; }
	#navigation #nav-centre.selected a, #navigation #nav-centre a:hover, #navigation #nav-centre.selected a:hover { background-position:-215px -20px; }
	
	#navigation #nav-jobs a { width:30px; background-position:-315px 0; }
	#navigation #nav-jobs.selected a, #navigation #nav-jobs a:hover, #navigation #nav-jobs.selected a:hover { background-position:-315px -20px; }
	
	#navigation #nav-game a { width:44px; background-position:-364px 0; }
	#navigation #nav-game.selected a, #navigation #nav-game a:hover, #navigation #nav-game.selected a:hover { background-position:-364px -20px; }
	
	#navigation #nav-contact a { width:78px; background-position:-429px 0; }
	#navigation #nav-contact.selected a, #navigation #nav-contact a:hover, #navigation #nav-contact.selected a:hover { background-position:-429px -20px; }
	
	#navigation #nav-contact { margin-right:0; }

/* Forms */

		
	
/*  Links  */	
a				{ color:#f48480; font-weight:bold; text-decoration:none; }
a:active		{ color:#ed1849; text-decoration:none; }
a:hover			{ color:#f48480; text-decoration:underline; }
a:visited		{ color:#f48480; }
a:visited:hover	{ color:#f48480; }

h3 a				{ color:#fff; font-weight:bold; text-decoration:none; }
h3 a:active			{ color:#ed1849; text-decoration:none; }
h3 a:hover			{ color:#fff; text-decoration:underline; }
h3 a:visited		{ color:#fff; }
h3 a:visited:hover	{ color:#fff; }

h4 a				{ color:#fff; font-weight:bold; text-decoration:none; }
h4 a:active			{ color:#ed1849; text-decoration:none; }
h4 a:hover			{ color:#fff; text-decoration:underline; }
h4 a:visited		{ color:#fff; }
h4 a:visited:hover	{ color:#fff; }

a:focus { -moz-outline: none; }


	
/*  Clearing  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 


/* Safari HACKS */
::root #id { }
