/* Reset some common tags */
html, body, div, ul, ol, dl, dd, dt li, h1, h2, h3, h4, h5, p, a, form, blockquote, img, a img, fieldset {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	text-decoration: none;
}


html {
	font-size: 62.5%;
	background: #e3e4e5;
}


/* --- Body ---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
body {
	position: absolute;
	width: 960px;
	float: left;
	dissplay: inline;
	left: 50%;
	margin: 0 0 0 -490px;
	padding: 0 10px 10px 10px;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #110975;
	background: #fff;
}

/*h1 { display:block; height:68px; width:auto; margin:0px; padding:2px 0px 0px 18px; background:url(../images/backContentTop.gif) no-repeat; font:bold 50px Arial, Helvetica, sans-serif; color:#FFFFFF; letter-spacing:-3px; }
*/
p { margin:0px 0px 5px 0px; }
a { color:#110975; }

dl { display:block; width:155px; margin:0px; padding:0px; }
dt { float:left; width:60px; margin:0px 0px 8px 0px; padding:0px; border-right:1px solid #FF0000; }
dd { float:left; width:85px; margin:0px 0px 8px 0px; padding:0px 0px 0px 5px; }


/* --- Top Section --------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
#header {
	width: 960px;
	float: left;
	display: inline;
	height:146px; 
	background:url(../images/bg_header.png) right no-repeat;
}
	#logo {
		font-size: 1em;
	}
	#logo a {
		width: 128px;
		height: 103px;
		float: left;
		margin: 8px 0px 0px 15px;
		display: inline;
		text-indent: -9999em;
		background: url(../images/logo_manchester_fort_shopping_park.gif) 0 0 no-repeat;
	}
	#ctlNav_lblBanner {
		float: left;
		display: inline;
		margin: 8px 0px 0px 30px;
	}
	#toptext {
		float: left;
		width: 775px;
		height: 14px;
		padding: 1px 0px 2px 175px;
		margin: 7px 0px 0px 0px;
		color: #fff;
		font-size: 1.1em;
		line-height: 15px;
	}
	#telNo {
		float: right;
		display: inline;
		margin: 0 0 0 0;
	}
	#telNo strong {
		color: #FF0000;
	}
	
	
/* --- Page title ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
#page_title {
	width: 960px;
	height:68px;
	float: left;
	display: inline;
	margin: 10px 0 0 0;
	background: url(../images/bg_main_title.png) 0 0 no-repeat;
}
	#page_title h2 {
		margin: 0px;
		padding: 2px 0px 0px 18px;
		font: bold 5em Arial, Helvetica, sans-serif;
		color: #fff;
		float: left;
		display: inline;
		letter-spacing: -3px;
	}
	#page_title p.btn_left {
		width: 135px;
		float: right;
		margin: 25px 10px 0 0;
	}
	
	
/* --- Main content -------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
#main {
	width: 958px;
	float: left;
	display: inline;
	margin: 0;
	padding: 10px 0;
	border: 1px #100875 solid; border-top: none;
}


/* --- White button -------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
.btn_left {
	float: left;
	display: inline;
	height: 20px;
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 1.2em;
	background: url(../images/btn_bg_left.gif) left 0 no-repeat;
}
.btn_right {
	display: block;
	height: 18px;
	margin: 0;
	padding: 2px 25px 0 0;
	background: url(../images/btn_bg_right.gif) right 0 no-repeat;
}
	a:hover.btn_right {
		color: #ff0000;
	}


/* --- Sidebar ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
#sidebar {
	width: 180px;
	float: left;
	display: inline;
	margin: 0;
}
	
	
/* --- Navigation ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
#nav { 
	width: 180px;
	float: left; 
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 20px;
	background: #FFFFFF;
	font-size: 1.1em;
	text-align: center;
}
#nav li {
	float: left;
	clear: left;
	margin-bottom: 15px;
}
#nav li.last {
	margin-bottom: 0;
}
#nav a { 
	float: left;
	width: 158px;
	height: 16px;
	padding: 2px 0px 0px 0px;
	background: url(../images/backNav.gif) no-repeat;
	color: #fff;
	text-decoration:none;
}
#nav a:hover {
	background: url(../images/backNavRed.gif) no-repeat;
}


/* --- Sidebar News -------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
#sidebar_news {
	width: 158px;
	float: left;
	display: inline;
	margin: 15px 0 0 20px;
	clear: both;
	background: #282283 url(../images/bg_whatson.jpg) 0 10px repeat-x;
}
	#sidebar_news h3 {
		color: #fff;
		font-size: 1.3em;
		font-weight: normal;
		text-align: center;
		height: 18px;
		background: url(../images/bg_whatson_h3.png) 0 0 no-repeat;
	}
	#sidebar_news ul {
		font-size: 0.9em;
		list-style: none;
	}
		#sidebar_news ul li {
			margin: 5px;
			padding: 0 0 5px 0;
			border-bottom: 1px #fff dotted;
		}
		#sidebar_news ul li h4 {
			font-size: 1.4em;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: -1px;
			color: #fff;
		}
		#sidebar_news ul li a {
			color: #fff;
		}
			#sidebar_news ul li a span {
				color: #FF0000;
			}
		#sidebar_news ul li a:hover {
			color: #aaa;
		}
			#sidebar_news ul li a:hover span {
				color: #e93a3a;
			}


/* --- Content ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
#content {
	width: 745px;
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	padding: 0;
}
#content h2 {
	/*text-transform: lowercase;*/
}
	/* -- Whats on --------------------------------------------------------------- */
	#content div.whatson {
		width: 158px;
		float: left;
		display: inline;
		margin: 10px 37px 10px 0;
		background: #282283 url(../images/bg_whatson.jpg) 0 10px repeat-x;
	}
		#content div.whatson h3 {
			color: #fff;
			font-size: 1.3em;
			font-weight: normal;
			text-align: center;
			text-transform: lowercase;
			background: url(../images/bg_whatson_h3.png) 0 0 no-repeat;
		}
		#content div.whatson a.link {
			height: 16px;
			display: block;
			color: #fff;
			text-align: center;
			padding: 2px 0 0 ;
			text-transform: lowercase;  
			background: url(../images/bg_whatson_element.png) 0 0 no-repeat;
		}
			#content div.whatson a:hover.link {
				background-position: 0 -18px;
			}
		#content div.whatson a img {
			border: 1px #fff solid;
		}	
		#content div.whatson img {
			margin: 5px;
		}
		#content div.whatson.clear {
			margin-right: 0;
			clear: right;
		}
		
	/* -- Kids club --------------------------------------------------------------- */
	#kidsclub {
		position: relative;
		width: 745px;
		height: 699px;
		list-style: none;
		background: url(../images/kidsclub/KC_illustration.jpg) 0 0 no-repeat;
	}
		#kidsclub li {
			position: absolute;
		}
			#kidsclub li a {
				text-indent: -999999px;
				display: block;
			}
		
		/* -- Whats on -- */
		#kidsclub #kc_whatson {
			width: 170px;
			height: 50px;
			top: 60px;
			right: 20px;
		}
			#kidsclub #kc_whatson a {
				height: 50px;
			}
		#whatson {
			width: 131px;
			height: 40px;
			margin: 15px 0 5px 0;
			text-indent: -999999px;
			background: url(../images/kidsclub/whatson.gif) 0 0 no-repeat;
		}
			
		/* -- Competitions -- */
		#kidsclub #kc_competitions {
			width: 170px;
			height: 40px;
			top: 110px;
			right: 20px;
		}
			#kidsclub #kc_competitions a {
				height: 40px;
			}
		#competitions {
			width: 135px;
			height: 39px;
			margin: 20px 0 5px 0;
			text-indent: -999999px;
			background: url(../images/kidsclub/competitions.gif) 0 0 no-repeat;
		}
		
		/* -- Craft workshops -- */
		#kidsclub #kc_cw {
			width: 170px;
			height: 40px;
			top: 160px;
			right: 20px;
		}
			#kidsclub #kc_cw a {
				height: 40px;
			}
		#cw {	
			width: 139px;
			height: 40px;
			margin: 20px 0 5px 0;
			text-indent: -999999px;
			background: url(../images/kidsclub/joinin.gif) 0 0 no-repeat;
		}

		/* -- Storytelling -- */
		#kidsclub #kc_storytelling {
			width: 170px;
			height: 45px;
			top: 200px;
			right: 20px;
		}
			#kidsclub #kc_storytelling a {
				height: 45px;
			}
		#storytelling {	
			width: 135px;
			height: 46px;
			margin: 20px 0 5px 0;
			text-indent: -999999px;
			background: url(../images/kidsclub/storytelling.gif) 0 0 no-repeat;
		}
		
		/* -- list -- */
		dl.kidsclub { 
			display: block;
			width: 740px;
			margin: 0px 0 5px 0;
			padding: 0px;
			clear: both;
			border-bottom: 1px dotted #110975;
		}
		dl.kidsclub dt {
			font-weight: bold;
			float: left; 
			width: 100px;
			margin: 0px 10px 8px 0px;
			padding: 0px;
			border-right: 1px solid #656565;
			color: #555;
		}
		dl.kidsclub dt.next {
			border-right: 1px solid #ff0000;	
		}
		dl.kidsclub dd { width: auto; float: none; margin:0px 0px 8px 0px; padding:0px 0px 0px 5px; color: #656565;}
		dl.kidsclub dd.next { font-weight: bold; }
		dl.kidsclub .expired {
				
		}
		dl.kidsclub .next {
			color: #ff0000;
		}
		
		ul.kidsclub {
			margin: 0 0 10px 30px;
		}

#buttonGoToStores { position:absolute; left:842px; top:190px; width:125px; height:20px; }
.topButton { position:absolute; left:870px; top:80px; width:75px; height:15px; padding:1px 0px 0px 0px; background:url(../images/buttonReadMore.gif) no-repeat; font:bold 11px Verdana, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; }
a.topButton:hover { background:url(../images/buttonReadMore2.gif) no-repeat; }

/* Home */
#home1 { float:left; width:556px; height:200px; border:2px solid #110975; }
#home1 img { float:left; margin-right:30px; }
#home1 h2 { float:left; width:340px; margin:10px 0px 10px 0px; font:bold 20px Arial, Helvetica, sans-serif; color:#110975; }
.homeWhatsonText { float:left; width:340px; height:95px; margin:0px; padding:0px 10px 0px 0px; }

#home2 { float:left; width:163px; height:200px; margin:0px 0px 20px 20px; border:2px solid #110975; }
#home3 { float:left; width:266px; height:168px; margin:0px 0px 0px 0px; border:2px solid #110975; }
#home4 { float:left; width:266px; height:168px; margin:0px 0px 0px 20px; border:2px solid #110975; }
#home5 { float:left; width:163px; height:168px; margin:0px 0px 0px 20px; border:2px solid #110975; }
#home1Left { position:absolute; left:230px; top:247px; width:16px; height:204px; z-index:5; }
#home1Right { position:absolute; left:774px; top:247px; width:52px; height:204px; z-index:5; }
#home2Right { position:absolute; left:961px; top:247px; width:16px; height:204px; z-index:5; }
#home3Left { position:absolute; left:230px; top:471px; width:16px; height:172px; z-index:5; }
#home3Right { position:absolute; left:484px; top:471px; width:52px; height:172px; z-index:5; }
#home4Right { position:absolute; left:774px; top:471px; width:52px; height:172px; z-index:5; }
#home5Right { position:absolute; left:961px; top:471px; width:16px; height:172px; z-index:5; }

#home1Link { position:absolute; left:708px; top:430px; width:75px; height:15px; padding:1px 0px 0px 0px; background:url(../images/buttonReadMore.gif) no-repeat; font:bold 11px Verdana, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; }
#home1Link:hover { background:url(../images/buttonReadMore2.gif) no-repeat; }
#home2Link { position:absolute; left:895px; top:430px; width:75px; height:15px; padding:1px 0px 0px 0px; font:bold 11px Verdana, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; }
a#home2Link:hover {  }
#home3Link { position:absolute; left:416px; top:620px; width:75px; height:15px; padding:1px 0px 0px 0px; font:bold 11px Verdana, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; }
a#home3Link:hover {  }
#home4Link { position:absolute; left:708px; top:620px; width:75px; height:15px; padding:1px 0px 0px 0px; font:bold 11px Verdana, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; }
a#home4Link:hover {  }
#home5Link { position:absolute; left:895px; top:620px; width:75px; height:15px; padding:1px 0px 0px 0px; font:bold 11px Verdana, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; }
a#home5Link:hover {  }

/* Stores */
div.storesSide {
	float:left; width:195px;
	padding: 0;
	margin-right: 45px;
}
#storesSide { float:left; width:195px; padding:15px 0px 0px 0px; margin: 0; background:url(../images/backStoresSideTop.gif) no-repeat #110975; }
#storesSide img.bottom { float: left; }
#parkmark {
	float: left;
	width: 195px;
	display: inline;
	margin: 10px 0 0 0;
}
#storesSide h2 { margin:20px 15px 25px 15px; font:bold 17px Arial, Helvetica, sans-serif; color:#FFFFFF; }
#storesSide h3 { padding:0px 0px 2px 0px; margin:20px 15px 15px 15px; font:bold 14px Arial, Helvetica, sans-serif; color:#394291; line-height:15px; text-align:center; background:url(../images/backStoresSideH3.gif) no-repeat; clear: both; }
#storesSide p { margin:0px 15px; color:#FFFFFF; }
#storesSide dl { width:175px; margin:0px 0px 0px 15px; color:#FFFFFF; }
#storesSide dt { width:80px; margin:0px 0px 3px 0px; }
#storesSide dd { width:85px; margin:0px 0px 3px 0px; padding:0px 0px 0px 5px; }

#lblLogo { margin:0px 15px; }
#storesImage { float:left; }

/* How to find us */
div.htfu h3 { display:block; padding:0px 0px 0px 20px; margin:1.5em 0 0 0px; font:bold 17px Arial, Helvetica, sans-serif; /* text-transform: lowercase; */}
.htfuBus { background:url(../images/howToFindUs_bus_icon.gif) no-repeat; }
.htfuTrain { background:url(../images/howToFindUs_train_icon.gif) no-repeat; }
.htfuCar { background:url(../images/howToFindUs_car_icon.gif) no-repeat; }
.htfuSatnav { background:url(../images/howToFindUs_satnav_icon.gif) no-repeat; }

/* News */
.newsBox { float:left; clear:both; width:720px; height:139px; padding:0px 10px 10px 0px; margin:0px 0px 15px 0px; overflow:hidden; border-bottom:1px solid #110975; }
.newsImageSmall { float:left; margin-right:30px; }
.newsBox h2 { float:left; width:405px; height:50px; overflow:hidden; margin:0px 0px 10px 0px; font:bold 20px Arial, Helvetica, sans-serif; letter-spacing:-1px; /* text-transform: lowercase; */ }
.newsBox p { float:left; width:405px; height:65px; overflow:hidden; margin:0px 0px 0px 0px; }
.comLogo { float:right; width:75px; height:71px; margin:0px 0px 20px 0px; }
.news { float:right; width:75px; height:15px; padding:1px 0px 0px 0px; background:url(../images/buttonReadMore.gif) no-repeat; font:bold 11px Verdana, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; }
a.news:hover { background:url(../images/buttonReadMore2.gif) no-repeat; }
.newsDetail { float:right; clear:both; width:75px; height:15px; padding:1px 0px 0px 0px; background:url(../images/buttonReadMore.gif) no-repeat; font:bold 11px Verdana, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; }
a.newsDetail:hover { background:url(../images/buttonReadMore2.gif) no-repeat; }

.newsBoxArchive { float:left; clear:both; width:720px; min-height:30px; padding:0px 10px 10px 0px; margin-bottom:15px; border-bottom:1px solid #110975; }
.newsBoxArchive h2 { float:left; width:600px; height:20px; margin:0px 0px 5px 0px; font:bold 15px Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.newsBoxArchive p { float:left; width:405px; height:15px; margin:0px 0px 0px 0px; }

.newsImage { float:left; margin:0px 30px 30px 0px; }

#newsDocs { clear:both; margin:10px 0px 30px 0px; list-style:none; padding:0px 0px 0px 200px; }
#newsDocs li { float:left; }
#newsDocs a { float:left; }

.viewArchiveText { float:left; clear:both; margin:0px 0px 0px 302px; white-space:nowrap; }

#newsCorners1 { clear:both; position:absolute; left:211px; top:234px; width:180px; height:125px; }
#newsCorners2 { clear:both; position:absolute; left:211px; top:399px; width:180px; height:125px; }
#newsCorners3 { clear:both; position:absolute; left:211px; top:564px; width:180px; height:125px; }
#newsCorners4 { clear:both; position:absolute; left:211px; top:729px; width:180px; height:125px; }
#newsCornersBig { position:absolute; left:211px; top:234px; width:185px; height:245px; }

/* Scheme */
.schemeHead { margin:0px 0px 10px 170px; }
.schemeBox { float:left; clear:both; width:720px; height:110px; padding:0px 10px 0px 0px; margin-bottom:5px; border-bottom:1px solid #110975; }
.schemeBox img { float:left; }
.schemeBox p { float:left; width:550px; }

/* Contact */
.contactBox { float:left; clear:both; width:608px; height:116px; padding:0px 0px 0px 130px; margin:0px 0px 10px 0px; }
#contactPhone { background:url(../images/contactPhone.gif) no-repeat; }
#contactWeb { background:url(../images/contactWeb.gif) no-repeat; }
#contactOpening { background:url(../images/contactOpeningTimes.gif) no-repeat; }

#contactPhone h2, #contactWeb h2, #contactOpening h2 { margin:0px 0px 6px 0px; font:20px Arial, Helvetica, sans-serif; }
#contactPhone p, #contactWeb p, #contactOpening p { font:12px Verdana, sans-serif; }

#contactOpening dl { width:195px; font:12px Verdana, sans-serif; }
#contactOpening dt { width:75px; margin:0px 0px 3px 0px; }
#contactOpening dd { width:110px; margin:0px 0px 3px 0px; padding:0px 0px 0px 5px; }

/* Forms */
#innerContent label { float:left; clear:left; width:100px; margin:5px 0px 0px 0px; }
#innerContent .textBox { float:left; width:200px; margin:5px 0px 0px 0px; border:1px solid #110975; font:11px Verdana, sans-serif; color:#110975; }
#btnSubmit { float:left; clear:both; }
.validator { float:left; margin:5px 0px 0px 0px; }

/* Side Section */
#sideForm { visibility:hidden; position:absolute; left:20px; top:347px; width:160px; background:url(../images/backLeftBox.gif) no-repeat; }
#sideForm h2 { margin:6px 0px 2px 0px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; }
#sideForm p { display:block; margin:0px 10px 0px 10px; font-weight:bold; font-size:9px; }
#sideForm .label { float:left; height:13px; margin:0px 0px 0px 10px; font:bold 9px Verdana, sans-serif; color:#110975; }
#sideForm .textBox { width:140px; margin:0px 10px; border:1px solid #394291; font:bold 9px Verdana, sans-serif; color:#110975; }
#sideForm .labelCheck { float:left; height:10px; margin:0px; padding:3px 0px 0px 0px; font:bold 9px Verdana, sans-serif; color:#110975; }
.checkBox { float:left; margin:0px 0px 0px 10px; }
#ctlNav_btnSide { float:right; clear:both; width:50px; height:12px; margin:2px 10px 0px 0px; padding:0px; border:0px; background:url(../images/backLeftSubmit.gif) no-repeat; font:bold 9px Verdana, sans-serif; color:#FFFFFF; line-height:9px; }

.sideValidator { float:left; }

#sideBanner { position:absolute; left:20px; top:520px; width:160px; height:140px; }

.highlight { color: #FF0000; }