/* CSS Document */

body
{
  	margin-top: 0px;
  	margin-left: 0px;
  	margin-bottom: 0px;
  	margin-right:0px;
  	background-color:#FFFFFF;
  	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background:#221e1f;
	
}


.pageHome {background: url(images/bg_home.jpg) top center no-repeat;}
.pageGetHere {background: url(images/bg_get_here.jpg) top center no-repeat;}
.pageStores {background: url(images/bg_store.jpg) top left no-repeat;}
.pageNewsAndEvents {background: url(images/bg_news.jpg) top left no-repeat;}
.pageOpeningTimes {background: url(images/bg_opening_times.jpg) top left no-repeat;}
.pageCharity {background: url(images/bg_charity.jpg) top left no-repeat;}
.pageContactUs{background: url(images/bg_contacts.jpg) top left no-repeat;}

#outter_wrapper {
 margin: 0 auto;
 width: 980px;
 height:575px;
 text-align:left;
 border:1px solid #333333;
}
.top_area{
margin:0px 0 0 795px;
/*border:1px solid red;*/
}
	.top_area p{
	margin-top:0px;
	margin-bottom:0px;
	font:bold 120% arial;
	color:#000099;
	}
.title_area{
margin:8px 0 0 350px;
/*border:1px solid red;*/
}
.contacts_top_wrapper{
float:right;
/*border:1px solid red;*/
}
.contacts_top_area{
float:right;
width:220px;
/*border:1px solid red;*/

}
	.contacts_top_area p{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	font:bold 120% arial;
	color:#000099;
	height:30px;
	}
.contacts_top_title_area{
float:right;
/*border:1px solid red;*/
padding-top:28px;
}
.navi_area{
float:right;
margin:13px 0px 0 0; 
width:720px;
height:18px;
/*border:1px solid red;*/
}
	.navi_area ul{
	/*border:1px solid black;*/ 
	margin-top:0px;
	margin-bottom:0px;
	height:18px;
	}
	.navi_area li {display: inline; float: left; margin: 0 6px 0 6px;/*border:1px solid red;*/}
	.navi_area li a {display: inline; float: left;}
	.navi_area li a{font:80% arial;color:#FFFFFF;text-decoration:none;}
	.navi_area li span {display: none;}
 
#nav01 a {background: url(images/home-on.gif) top left no-repeat; width: 40px; height: 18px;}
#nav01 a:hover {background: url(images/home-off.gif) top left no-repeat;}
 
#nav02 a {background: url(images/get-on.gif) top left no-repeat; width: 105px; height: 18px;}
#nav02 a:hover {background: url(images/get-off.gif) top left no-repeat;}

#nav03 a {background: url(images/stores-on.gif) top left no-repeat; width: 43px; height: 18px;}
#nav03 a:hover {background: url(images/stores-off.gif) top left no-repeat;}

#nav04 a {background: url(images/news-on.gif) top left no-repeat; width: 100px; height: 18px;}
#nav04 a:hover {background: url(images/news-off.gif) top left no-repeat;}

#nav05 a {background: url(images/times-on.gif) top left no-repeat; width: 99px; height: 18px;}
#nav05 a:hover {background: url(images/times-off.gif) top left no-repeat;}

#nav06 a {background: url(images/charity-on.gif) top left no-repeat; width: 47px; height: 18px;}
#nav06 a:hover {background: url(images/charity-off.gif) top left no-repeat;}

#nav07 a {background: url(images/contacts-on.gif) top left no-repeat; width: 73px; height: 18px;}
#nav07 a:hover {background: url(images/contacts-off.gif) top left no-repeat;}

.main_area{
margin-top:15px;
float:right;
width:800px; 
min-height:280px;
/*border:1px solid red;*/
text-align:right;
}
.contacts_area{
margin-top:10px;
float:right;
width:800px; 
min-height:280px; 
/*border:1px solid red;*/
text-align:right;
}
.contacts_area table{
float:right;
margin-top:0px;
margin-bottom:0px;
}
	.contacts_area_wrapper{
	float:right;
	width:800px;
	margin-bottom:12px;
	height:68px;
	text-align:right;
	/*border:1px solid red;*/
	}
	.contacts_area_number{
	float:right;
	width:420px; 
	margin:20px 0px 0 0;
/*border:1px solid red;*/
	}
		.contacts_area_number p{
		margin-top:0px;
		margin-bottom:0px; 
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
		}
	.contacts_area_name{
	float:right;
	width:150px;
	margin:20px 5px 0 0;
	}
		.contacts_area_name p{
		margin-top:0px; 
		margin-bottom:0px; 
		font-size:13px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		text-align:right;
		}
	
.news_area{
margin-top:25px;
float:right;
width:510px;
/*border:1px solid red;  */
}
	.news_area img{
	float:left;
	margin:8px 0 0px 0px;
	}
	.news_area p{
	float:left;
	margin:0px 0 0px 5px;
	width:360px;
	text-align:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00aeef;
	}
.icon_area{
margin-top:25px;
float:right;
width:510px;
/*border:1px solid red;*/  
}
	.icon_area p{
	margin-top:0px;
	margin-bottom:0px;
	}
	.icon_area p a{ 
	float:right;
	margin:25px 5px 0px 0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#bad531;
	text-decoration:none; 
	}
	.icon_area a img{
	float:left;
	margin:0px 5px 0px 0px;
	}
.icon_area2{
margin-top:1px;
float:right;
width:510px;
/*border:1px solid red;*/  
}
	.icon_area2 p{
	margin-top:0px; 
	margin-bottom:0px;
	}
	.icon_area2 p a{ 
	float:right;
	margin:25px 5px 0px 0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#bad531;
	text-decoration:none; 
	}
	.icon_area2 a img{
	float:left;
	margin:0px 0px 0px 40px;
	}

.icon_area3{
margin-top:1px;
float:right;
width:980px;

} 
	.icon_area3 p{
	margin-top:0px; 
	margin-bottom:0px;
	}
	.icon_area3 p a{ 
	float:right;
	margin:25px 5px 0px 0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#bad531;
	text-decoration:none; 
	}
	.icon_area3 a img{
	float:left;
	margin:0px 0px 0px 40px;
	}
.contact_address{
float:left;
}
	.contact_address p{
	margin:0px 0 0px 30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
.download_area{ 
margin-top:10px;
float:right;
width:800px;
}
.download_area p{
float:right;
width:430px;
margin:0px 40px 0px 0;
font-size:12px;
font-weight:bolder;
font-family:Arial, Helvetica, sans-serif;
padding:2px;
}
.download_area img{
float:right;
margin:0px 5px 0px 0;
width:30px;
}
.store_sep{
background:url(images/store-seperator.gif) repeat-y;
width:20px
}
/*====================main content area of all the pages=============*/
.wrapper{
float:left;
width:1000px;
/*border:1px solid #666666;*/
}