*{margin: 0;padding: 0;}

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #fff;
	background:#806835 url(../images/bg_html.jpg) repeat-x 0 0px;
	}
	
body#home{background:transparent url(../images/bg_home.jpg) no-repeat center 0;height:900px;}
body#howitworks{background:transparent url(../images/bg_howitworks.jpg) no-repeat center 0;height:900px;}
body#findaforest{background:transparent url(../images/bg_findaforest.jpg) no-repeat center 0;height:900px;}
body#be-greener{background:transparent url(../images/bg_begreener.jpg) no-repeat center 0;height:900px;}
body#learn-explore{background:transparent url(../images/bg_learnexplore.jpg) no-repeat center 0;height:900px;}
body#sendtofriend{background:transparent url(../images/bg_sendtofriend.jpg) no-repeat center 0;height:900px;}
body#faq-page{background:transparent url(../images/bg_sendtofriend.jpg) no-repeat center 0;height:900px;}

#wrapper
{
	position:relative;
	margin:0 auto;
	width:715px;
}

body#home #wrapper{height:700px;}

img{border:none}

#logo{position:absolute;top:15px;left:0;}

#footsteps-wrapper
{
	/* z-index:-1; */
	width:429px;
	height:429px;
	position:absolute;
	top:0px;
	left:-20px;
	}
	
#footsteps-wrapper #html
{
	background:transparent url(../images/img-footsteps.png) no-repeat 0 0;	
	/* z-index:-1; */
	width:429px;
	height:429px;
	position:relative;
	top:70px;
	left:280px;
	}
	
	#viewourstore
	{
		width:256px;
		height:65px;
		background:transparent url(../images/visit-our-store.png) no-repeat 0 0;}

	#viewourstore span{position:absolute;left:-9999px}
	
	#getswiped
	{
		width:275px;
		height:40px;
		background:transparent url(../images/get-your-card-swiped.png) no-repeat 0 0;	
	}

		#getswiped span{position:absolute;left:-9999px}
	
	#makedonation
	{
		width:274px;
		height:44px;
		background:transparent url(../images/make-a-donation.png) no-repeat 0 0;	
	}
		
	#makedonation span{position:absolute;left:-9999px}
	
/* =======================================================
	Navigation
=======================================================*/

#main-nav {list-style-type:none;position:absolute;top:175px;width:130px;z-index:1;}
#main-nav span{position:absolute;left:-9999px}
#main-nav li{margin:0 0 15px 0}
#main-nav li.home a{background:transparent url(../images/nav_1.0.png) no-repeat 0 0;display:block;width:92px;height:29px;position:relative;left:20px}
#main-nav li.howitworks a{background:transparent url(../images/nav_2.0.png) no-repeat 0 0;display:block;width:101px;height:29px;position:relative;left:10px}
#main-nav li.findaforest a{background:transparent url(../images/nav_3.0.png) no-repeat 0 0;display:block;width:99px;height:29px;position:relative;left:10px}
#main-nav li.begreener a{background:transparent url(../images/nav_4.0.png) no-repeat 0 0;display:block;width:101px;height:29px;position:relative;left:10px}
#main-nav li.learn-explore a{background:transparent url(../images/nav_5.0.png) no-repeat 0 0;display:block;width:111px;height:29px;position:relative;left:0px}
#main-nav li a:hover{background-position:0 -29px;}

#faq-page #main-nav{z-index:999;}

#home #main-nav li.home a{background-position: 0 -29px;}
#howitworks #main-nav li.howitworks a{background-position: 0 -29px;}
#findaforest #main-nav li.findaforest a{background-position: 0 -29px;}
#be-greener #main-nav li.begreener a{background-position: 0 -29px;}
#learn-explore #main-nav li.learn-explore  a{background-position: 0 -29px;}

/* =======================================================
	Left Panel with Backround, type A  (howitworks.aspx)
=======================================================*/

#panel-bg-a
{
	position:relative;
	top:120px;
	left:65px;
	background:transparent url(../images/bg-panel-a.png) no-repeat 0 0;		
	height:356px;
	width:336px;
	margin:0px!important;
	padding:1px 0 0 0;
	}

#panel-bg-a h2
{
	width:230px;
	margin:40px 0 0 70px;
}
	
#panel-bg-a p
{
	width:230px;
	margin:10px 0 0 70px;
}


#howitworks a.btn-c-1
{
	width:14em;
	position:relative;
	left:200px;
	top:55px;

}

#panel-bg-a a
{
	color:#fff;
	text-decoration:none;
}

/* =======================================================
	Left Panel with Backround, type C (default.aspx)
=======================================================*/

#panel-bg-b
{
	background:transparent url(../images/bg-panel-b.png) no-repeat 0 0;		
	height:300px;
	width:364px;
	margin:0px!important;
	padding:70px 0 0 0;
	position:relative;
	top:120px;
	left:70px;
	z-index:0;	
	}

	
#panel-bg-b p
{
	width:260px;
	margin:10px 0 0 70px;
}

#home a.btn-c-1
{
	width:14em;
	position:relative;
	left:235px;
	top:-5px;
}

#panel-bg-b .first{font-size:1.3em;}

/* =======================================================
	Left Panel with Backround, type D (findaforest.aspx)
=======================================================*/

#panel-bg-d
{
	position:relative;
	top:120px;
	left:35px;
	background:transparent url(../images/bg-panel-d.png) no-repeat 0 0;		
	height:465px;
	width:449px;
	margin:0px!important;
	padding:70px 0 0 0;
	height:365px
		}

#panel-bg-d h2
{
	width:260px;
	margin:0px 0 0 100px;
}
	
#panel-bg-d p
{
	width:260px;
	margin:10px 0 0 100px;
}

#panel-bg-d .extra 
{
	width:260px;
	position:absolute;
	bottom:80px;
	left:84px;
}

#panel-bg-d .extra h2,#panel-bg-d .extra p,#panel-bg-d .extra a
{
	width:280px;	
	margin:0;
}

#panel-bg-d .extra h2
{
	margin:0 0 5px 0;
}

#panel-bg-d .extra a
{
	margin:15px 0 0 0;
	padding:5px 0 0 0;
	width:115px;
	position:relative;
	left:170px;
}

p.find-store
{
	font-weight:bold;
	position:absolute;
	top:195px;
	left:0px;
}

/* =======================================================
	Left Panel with Backround, type E (learn-explore.aspx)
=======================================================*/

#panel-bg-e
{
	position:relative;
	top:120px;
	left:55px;
	background:transparent url(../images/panel-bg-e.png) no-repeat 0 0;	
	height:473px;
	width:622px;
	/* z-index:01; */
	margin:0!important;
	padding:50px 0 0 0;
	}

#panel-bg-e h2
{
	width:260px;
	margin:0px 0 0 90px;
}
	
#panel-bg-e p
{
	width:260px;
	margin:10px 0 0 90px;
}

#panel-bg-e #box1
{

	width:140px;
	position:absolute;
	top:160px;
	left:90px;
}

#panel-bg-e #box1 h2,#panel-bg-e #box3 h2
{
	margin:0px 0 10px 0;
	width:140px;
}

#panel-bg-e #box2 h2
{
	margin:0px 0 25px 0;
	width:130px;
}

#panel-bg-e #box1 p,#panel-bg-e #box2 p,#panel-bg-e #box3 p
{
	margin:0px 0 0 0;
	width:130px;
}


#panel-bg-e #box2
{

	width:130px;
	position:absolute;
	top:160px;
	left:250px;
}

#panel-bg-e #box3
{

	width:130px;
	position:absolute;
	top:160px;
	left:410px;
}


.intro
{
	width:400px!important;	
}



/* =======================================================
	Right Panel with no Backround, type A (howitworks.aspx)
=======================================================*/

#panel-nobg-c
{
	position:absolute;
	top:100px;
	left:400px;
	height:356px;
	width:280px;
	/* z-index:01; */
	margin:0px 0 0 0;
	padding:20px 0 0 0;
}

#viewourstore{margin:10px 0 0 0}
#makedonation{margin:10px 0 0 0}

#panel-nobg-c a
{
	position:absolute;
	right:20px;
	top:290px;
	
}

/* =======================================================
	promo-a
=======================================================*/

#promo-a
{
	position:relative;	
	top:110px;
	background:transparent url(../images/promo-a.gif) no-repeat 0 0;		
	height:166px;
	width:310px;
	float:left;
}

#promo-a p
{
	margin:80px 10px 0 30px;
}

#promo-a a
{
	position:absolute;
	right:30px;
	bottom:0px;
}

/* =======================================================
	promo-b
=======================================================*/

#promo-b
{
	position:relative;	
	top:110px;
	float:left;
	background:transparent url(../images/promo-b.gif) no-repeat 0 0;		
	height:166px;
	width:388px;
	margin:5px 0 0 10px;
}

#promo-b p
{
	margin:65px 70px 0 150px;
}

#promo-b a
{
	position:absolute;
	right:80px;
	bottom:10px;
}

/* =======================================================
	promo-c
=======================================================*/

#promo-c
{
	position:relative;	
	top:140px;
	float:left;	
	background:transparent url(../images/promo-c.gif) no-repeat 0 0;		
	height:198px;
	width:301px;
	margin:5px 0 0 0;
}

#promo-c p
{
	margin:63px 40px 0 30px;
}

#promo-c a
{
	position:absolute;
	right:18px;
	bottom:42px;
}

/* =======================================================
	promo-d
=======================================================*/

#promo-d
{
	position:relative;	
	top:140px;
	float:left;
	background:transparent url(../images/promo-d.gif) no-repeat 0 0;		
	height:163px;
	width:303px;
	margin:5px 0 0 50px;
}

#promo-d p
{
	margin:75px 40px 0 25px;
}

#promo-d a
{
	position:absolute;
	right:20px;
	bottom:4px;
}

/* =======================================================
	promo-e
=======================================================*/

#promo-e
{
	position:relative;	
	top:40px;
	left:30px;
	float:left;
	background:transparent url(../images/promo-e.gif) no-repeat 0 0;		
	height:163px;
	width:303px;
	margin:0;
}

#promo-e p
{
	margin:43px 40px 0 22px;
	color:#392c16;	
}

#promo-e a
{
	position:absolute;
	right:20px;
	bottom:4px;
}
	
/* =======================================================
	promo-f
=======================================================*/

#promo-f
{
	position:relative;	
	top:40px;
	left:80px;
	float:left;
	background:transparent url(../images/promo-f.gif) no-repeat 0 0;		
	height:163px;
	width:303px;
	margin:0;
}

#promo-f p
{
	margin:40px 30px 0 22px;
	color:#392c16;
}

#promo-f a
{
	position:absolute;
	right:22px;
	bottom:10px;
}

/* =======================================================
	promo-g
=======================================================*/

#promo-g
{
	position:relative;	
	top:90px;
	left:80px;
	float:left;
	background:transparent url(../images/promo-g.gif) no-repeat 0 0;		
	height:159px;
	width:297px;
	margin:8px 0 0 0;
}

#promo-g p
{
	margin:43px 30px 0 22px;	
}

#promo-g a
{
	position:absolute;
	right:20px;
	bottom:4px;
}
	
/* =======================================================
	promo-h
=======================================================*/

#promo-h
{
	position:relative;	
	top:90px;
	left:80px;
	float:left;
	background:transparent url(../images/promo-h.gif) no-repeat 0 0;		
	height:196px;
	width:343px;
	margin:-4px 0 0 0px;
}

#promo-h p
{
	margin:55px 30px 0 70px;
}

#promo-h a
{
	position:absolute;
	right:20px;
	bottom:20px;
}
		
/* =======================================================
	send-to-friend
=======================================================*/

#sendtofriend fieldset
{
    border-style: none;
    float: left;
    width: 200px;
 }
 
 #sendtofriend legend 
 {
    font-size: 1.2em;
    margin-bottom: 10px;
 }

#sendtofriend input,
#sendtofriend textarea 
{
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background-color: #fff;
    border: 1px solid #9c6e1d;
    width: 180px;
    color: #4f3d21;
    padding: 2px;
}

#sendtofriend #message 
{
    width: 230px;
}

#sendtofriend .field
{
    width: 230px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

#sendtofriend .field label 
{
    position: absolute;
    left: -9999px;
    color: #4f3d21;
}

#sendtofriend #panel 
{
	position:relative;
	top:120px;
	left:45px;
	background: transparent url(../images/bg_sendtofriend.png) no-repeat 0 0;		
	height: 415px;
	width: 625px;
	padding: 40px 0 0 0;
	margin: 0!important;
}

#sendtofriend #panel p
{
	width:400px;
	margin:10px 0;
}

#sendtofriend form 
{
    margin-left: 100px;
}

#sendtofriend p.smallprint 
{
	margin:5px 0 0 0!important;
    width: 180px!important;
    padding:0 0 0 1px;
}

#sendtofriend .smallprint a 
{
    color: #fff;
    padding:0 0 0 1px;
}

#sendtofriend .buttons
{
	position:absolute;
	top:320px;
	right:80px;
}

#thankyou .buttons
{
	position:absolute;
	top:40px;
	right:120px;
}

.btnBack
{
	display:block;
	background:transparent url(../images/btn-back.gif) no-repeat right 2px;		
	height:30px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.15em;
	width:50px;
	padding:5px 0 0 0;
	float:left;
	margin:0 5px 0 0;
}


#sendtofriend button
{
	cursor:pointer;
	border:none;
	display:block;
	background:transparent url(../images/btn-a.gif) no-repeat right 0;		
	height:30px;
	padding:0 25px 8px 0;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	width:60px;	
}

h2.thankyou,p.thankyou{margin: 10px 0 0 100px !important;width:500px}

#ctl00_ContentPlaceHolder1_validation
{
	position:absolute;
	left:300px;
	top:225px;
	width:220px;
	background:#eeeeee;
	padding:5px;
    border: 1px solid #9c6e1d;	
}

#ctl00_ContentPlaceHolder1_validation h2{margin:0 0 5px 0;color:#da0000}
#ctl00_ContentPlaceHolder1_validation ul{padding:0 0 0 15px;}
#ctl00_ContentPlaceHolder1_validation li{margin:0 0 3px 0;color:#da0000}

/* =======================================================
	ikea family - promo
=======================================================*/

body#home #ikea-family{position:relative;top:40px;left:140px}
#ikea-family.sendtofriend{position:relative;top:-30px;left:180px}
#ikea-family{width:370px;height:130px;}
#ikea-family img{float:left;margin:0 15px 0 0;} 
#ikea-family h2 span{font-style:italic; margin:3px 0;letter-spacing:0.1em;position:absolute;left:-9999px}
#ikea-family h2 {width:98px;height:15px;margin:3px 0;background: transparent url(../images/ikea-family-title.gif) no-repeat 0 0;		}
#ikea-family p, #ikea-family h2{float:left;width:240px;}
#ikea-family a.btn-a{position:absolute;bottom:0px;right:0px;} 
 

/* =======================================================
	FAQs
=======================================================*/

#faq-bg
{
	position:absolute;
	top:130px;
	left:60px;	
	height:1750px;
	width:700px!important;
	background:transparent url(../images/bg_faqs.png) no-repeat 0 0;	
}

#qn_wrapper
{
	position:relative;
	top:0px;
	left:0px;	
	z-index:1;
}


#faq
{	
	height:1320px;
	width:500px!important;
	padding:200px 0 120px 0;
	margin:0px 0 100px 65px!important;		
	}

#faq h2, #qn_wrapper h2
{
	width:460px;
	margin:0px 0 5px 70px;
}
	
#faq p, #qn_wrapper p
{
	width:460px;
	margin:0px 0 7px 70px;
}

#faq p{margin-bottom:20px}

#qn_wrapper ul
{
	
	list-style-type:disc;
	margin:10px 0 30px 100px;
}

#faq ul li, #qn_wrapper ul li
{
	width:400px;		
	font-size:1.1em;
	margin:0 0 2px 0;
}

#qn_wrapper a,#faq a{text-decoration:none;font-size:1.3em;color:#FFF}

#faq a.link{font-size:1.0em}

#faq a.back
{ width:70px;
	margin:0px 0 3px 115px;
	text-decoration:none;
	font-size:1.1em;
	color:#FFF;
	position:relative;
	left:350px;
	font-weight:bold;
	z-index:999;
}

/* =======================================================
	footer-nav
=======================================================*/

ul#footer-nav
{
	list-style-type:none;
	color:#3f3019;
	font-size:1.2em;
	margin:20px 0 0 0;
	height:13px;
	font-size:1.1em;
}

ul#footer-nav li
{
	display:inline;
	padding:0 7px 0px 4px;
	border-right:1px solid #3f3019;
}

ul#footer-nav li.first
{
	padding:0 7px 0px 0px;
}

ul#footer-nav li.last
{
	border:none;
}

ul#footer-nav li a
{
	color:#3f3019;
	text-decoration:none;
}

p.footer-hp
{
	display:none;
}

#home p.footer-hp
{
	display:block;
	color:#3f3019;
	position:absolute;
	top:610px;
	left:0;
}

#home ul#footer-nav li.hideme
{
	display:none;
}

#home ul#footer-nav li.lastone
{
	border:none;
}

#home ul#footer-nav
{
	position:absolute;
	top:593px;
	left:0;
	list-style-type:none;
	color:#3f3019;
	font-size:1.1em;
	margin:0px 0 0 0;
	height:13px;

}

#howitworks ul#footer-nav{position:absolute;top:680px;left:0;}
#findaforest ul#footer-nav{position:absolute;top:760px;left:0;padding:10px 0 0 0}
#be-greener ul#footer-nav{position:absolute;top:930px;left:0;padding:0 0 020px 0;}
#learn-explore ul#footer-nav{position:absolute;top:790px;left:0;padding:20px 0;}
#faq-page ul#footer-nav{position:absolute;top:1850px;left:0;padding:20px 0;}


/* =======================================================
	six steps
=======================================================*/

h2.being-greener
{
	background:transparent url(../images/six-steps-too-being-greener.png) no-repeat 0 0;		
	height:36px;
	width:192px;
	position:relative;
	top:105px;
	left:120px;
}

h2.being-greener span
{
	position:absolute;
	left:-9999px;
}

p.being-greener
{
	position:relative;
	top:110px;
	left:130px;
	color:#392C16;
	width:430px;
}

#steps-container
{
	position:relative;
	top:90px;
	left:10px;
	height:650px;

}

#steps-container h2{color:#F8C772;}
#steps-container p{font-size:1.1em;}

#step-one
{
	background:transparent url(../images/step-one.png) no-repeat 0 0;			
	position:absolute;
	top:40px;
	left:90px;
	width:211px;
	height:254px;
}

#step-one h2{margin:20px 30px 0 40px;}	
#step-one p{margin:5px 30px 0 40px;}	
	
#step-two
{
	background:transparent url(../images/step-two.png) no-repeat 0 0;			
	position:absolute;
	top:60px;
	left:290px;
	width:200px;
	height:242px;
}

#step-two h2{margin:20px 20px 0 30px;}	
#step-two p{margin:5px 25px 0 30px;}	

#step-three
{
	background:transparent url(../images/step-three.png) no-repeat 0 0;			
	position:absolute;
	top:40px;
	left:490px;
	width:202px;
	height:241px;
}

#step-three h2{margin:40px 10px 0 22px;}	
#step-three p{margin:5px 25px 0 22px;}	

#step-four
{
	background:transparent url(../images/step-four.png) no-repeat 0 0;			
	position:absolute;
	top:300px;
	left:60px;
	width:199px;
	height:202px;
	z-index:10; 
}

#step-four h2{margin:25px 30px 0 30px;}	
#step-four p{margin:5px 30px 0 30px;}	

#step-five
{
	background:transparent url(../images/step-five.png) no-repeat 0 0;			
	position:absolute;
	top:305px;
	left:270px;
	width:195px;
	height:182px;
	z-index:10; 
}

#step-five h2{margin:25px 20px 0 30px;}	
#step-five p{margin:5px 20px 0 30px;}	

#step-six
{
	background:transparent url(../images/step-six.png) no-repeat 0 0;			
	position:absolute;
	top:320px;
	left:470px;
	width:233px;
	height:189px;
	z-index:10; 
}

#step-six h2{margin:20px 30px 0 30px;}	
#step-six p{margin:5px 60px 0 30px;}	

#step-friend
{
	background:transparent url(../images/step-friend.png) no-repeat 0 0;
	position:absolute;
	top:450px;
	left:230px;
	width:443px;
	height:200px;
	z-index:1;

}

#step-friend-2
{	
	background:none;
	position:relative;
	top:260px;
	left:100px;
	width:443px;
	height:154px;
	z-index:999; 
	height:100px;
}

#step-friend-2 h2{margin:6px 0 0 70px}
#step-friend-2 p{width:350px;margin:6px 0 0 70px}
#step-friend-2 a{position:relative;left:310px;top:0px;padding:5px 28px 5px 0px;}

#step-friend h2{margin:50px 30px 0 40px;color:#FFF;}	
#step-friend p{margin:5px 30px 0 40px;}	
#step-friend a{width:90px;position:relative;left:290px;top:0;padding:5px 28px 5px 0px;}	

/* =======================================================
	headers
=======================================================*/

h3.howitworks
{
	background:transparent url(../images/how-it-works.png) no-repeat 0 0;		
	height:45px;
	width:196px;
	position:relative;
	top:25px;
	left:5px;
}

h3.howitworks span
{
	position:absolute;
	left:-9999px;
}

h2{font-size:1.3em;}
p{font-size:1.1em;}

/* =======================================================
	buttons
=======================================================*/

a.btn-a
{

	background:transparent url(../images/btn-a.gif) no-repeat right 0;		
	height:30px;
	padding:5px 28px 0 0px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;

}

a.btn-b
{
	display:block;
	background:transparent url(../images/btn-b.gif) no-repeat right 0;		
	height:30px;
	padding:5px 28px 0 0px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;	
}

a.btn-c-1
{
	display:block;
	background:transparent url(../images/btn-c-1.gif) no-repeat right 0;		
	height:30px;
	padding:5px 28px 0 0px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;

}

a.btn-c-2
{
	display:block;
	background:transparent url(../images/btn-c-2.gif) no-repeat right 0;		
	height:30px;
	padding:5px 28px 0 0px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
}

a.btn-a:hover, a.btn-b:hover, a.btn-c:hover ,a.btn-c-1:hover ,a.btn-c-2:hover 
{
    text-decoration: underline;
}

#howitworks a.btn-a{position:absolute;left:20px;}
#findaforest a.btn-c-2{position:absolute;left:300px;top:490px}
#be-greener a.btn-a{position:absolute;left:535px;top:705px;	z-index:999; }
#learn-explore a.btn-a{position:absolute;left:470px;top:550px;	z-index:999; }

/* =======================================================
	Images - Animals
=======================================================*/

img#squirrel.home
{
	position:absolute;
	top:470px;
	left:0px;
}

#squirrel2
{
	position:absolute;
	top:500px;
	left:0px;
}

body#sendtofriend #squirrel
{
	position:relative;
	top:100px;
	left:5px;
}

/* =======================================================
	map
=======================================================*/


#map {
    position: absolute;
    top: 125px;
    right: 40px; 
    width: 261px;
    height: 371px;
    background-image: url(../images/map.gif);
	z-index:999;
}

#map ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#map li {
    position: absolute;
    width: 25px;
    height: 25px;

}

#map li.belfast { top: 163px; left: 47px }
#map li.bristol { top: 287px; left: 129px }
#map li.cardiff { top: 260px; left: 105px; height: 40px }
#map li.coventry { top: 249px; left: 153px }
#map li.croydon { top: 302px; left: 198px; width: 20px; }
#map li.edinburgh { top: 80px; left: 114px; height: 40px; }
#map li.edmonton { top: 277px; left: 193px; width: 15px; }
#map li.gateshead { top: 122px; left: 142px; }
#map li.glasgow { top: 97px; left: 85px; }
#map li.lakeside { top: 265px; left: 210px; height: 35px; width: 20px; }
#map li.leeds { top: 158px; left: 153px; height: 37px; }
#map li.manchester { top: 199px; left: 148px; }
#map li.milton-keynes { top: 262px; left: 177px; width: 15px;}
#map li.nottingham { top: 219px; left: 173px; width: 17px;}
#map li.warrington { top: 198px; left: 128px; width: 18px; height: 35px;}
#map li.wednesbury { top: 235px; left: 135px; width: 17px;}
#map li.wembley { top: 289px; left: 177px; width: 17px;}

#map li a {
    display: block;
    text-indent: -1999px;
    width: 100%;
    height: 100%;
    outline: none;  
}

#map-detail {
    position: absolute;
    top: -9999px;
    left: -9999px;
    background-image: url(../images/map-detail.png);
    width: 149px;
    height: 103px;
    z-index:999;
}

#map-detail a
{
    z-index:999;
}

#map-detail span,
#map-detail a {
    color: #fff;
    font-size: 1.1em;
    position: absolute;
}

#map-detail span.store {
    font-weight: bold;
    color: #4f3d21;
    font-size: 1.2em;    
    top: 12px;
    left: 30px;
}

#map-detail span.blurb {
    left: 17px;
    top: 38px;
}

#map-detail a.wood {
    font-weight: bold;
    text-decoration: underline;
    left: 17px;
    top: 52px;
    line-height: 14px;
}

#map-detail a.search {
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    right: 8px;
    bottom: 5px;
    background: url(../images/map-detail-cta.gif) 100% 50% no-repeat;
    padding: 2px 20px 2px 0;
    display: block;
}

/* =======================================================
	classes
=======================================================*/
.hide{position:absolute;left:-9999px;}
.spacer{position:relative;margin:0;padding:0;clear:both;width:auto;font-size:1px;line-height:1px;height:1px;}