/* 

colours

-------------------------------------------

dark grey: 		4E4F51

				6F6F6F

dark blue:		0055A5

				20569E

grey: 			8E8E8E

light grey:		C0C0C0

red: 			ED4832

				EC1B2D

				ff2207

				CB342C

-------------------------------------------

*/



body {

	font-family: helvetica, arial, sans-serif;

	margin: 0px;

	padding: 0px;

	border: none;

	color: #4E4F51;

	background:#FFF;

	font-size: 62.5%; 

	

	/* centre hack pt 1*/

	text-align: center;

  	min-width: 985px;	

}

#container {

	/* centre hack pt 2*/

	text-align: left;

	width: 985px;

	margin-left: auto;

	margin-right: auto;		

	position:relative;	

}



/* hidden */

.hidden{

	display:none;

}

/* skip*/

#skip-link {

   position: absolute;

   left: -999em;

   width: 990em;

   height:0;

}

/* clear-fix */

.clear-fix{

	clear:both;

}





/* MASTHEAD */

#section-masthead{

	float:left;

	width:985px;

	background: #FFF url('../img/bg-gradient-nav-primary.jpg') repeat-x right bottom;

}

#section-masthead #section-branding{

	float:left;

	width:204px;

}

#section-masthead #section-branding img{

	display:block;

}

#section-masthead #masthead-right{

	float:right;

	width: 781px;

	height:84px;

	position:relative;

}

	#section-masthead #masthead-right #branding-strapline{

		float:right;

		width:180px;

		margin-top:0px;

	}

	#section-masthead #masthead-right #nav-primary{

		position:absolute;

		bottom:0;

		right:0;

	}

		#section-masthead #masthead-right #nav-primary li{

			float:left;

		}

			#section-masthead #masthead-right #nav-primary li a{

				display:block;

				float:left;

				height:1.3em;

				line-height:1.3em;				

				font-size:1.3em;

				font-weight:bold;

				text-decoration:none;

				color:#0055A5;

				padding:10px 32px 8px 33px;

			}

			#section-masthead #masthead-right #nav-primary li a:hover,

			#section-masthead #masthead-right #nav-primary li a:focus,

			#section-masthead #masthead-right #nav-primary li a:active,

			#section-masthead #masthead-right #nav-primary li a.selected{

				color:#fff;

				background: transparent url('../img/bg-gradient-nav-primary-selected.jpg') repeat-x left bottom;

			}

			#section-masthead #masthead-right #nav-primary li.last a:hover,

			#section-masthead #masthead-right #nav-primary li.last a:focus,

			#section-masthead #masthead-right #nav-primary li.last a:active,

			#section-masthead #masthead-right #nav-primary li.last a.selected{

				color:#fff;

				background: transparent url('../img/bg-gradient-nav-primary-selected.jpg') repeat-x right bottom;

			}









#section-page{

	clear:both;

	float:left;	

	min-height:497px;

	background: transparent url('../img/bg-gradient-page2.jpg') repeat-x left 123px;

	padding-bottom:20px;

}



#page-banner{

	

}

	#page-banner img{

		display:block;

		

	}



/* HOME/GENERIC */	

#page-content{

	width:955px;

	float:left;

	padding:0 0 0 30px;

	margin:0;

}



	#page-content #content-primary{

		float:left;

		width:550px;

		font-size:1.2em;

		line-height:1.6em;

	}



	#page-content #content-primary h1{

		margin-bottom:1em;

	}

	#page-content #content-primary p{

		margin-bottom:1em;

	}

		#page-content #content-primary p.introduction{

			font-weight:bold;

			font-size:1.25em;

		}

	

	#page-content #content-primary table.product-range{

		margin-top:20px;

		background: #fff url('../img/bg-grad-table-home.png') no-repeat left 48px;

	}

		#page-content #content-primary table.product-range tr{

					

		}

		#page-content #content-primary table.product-range tr.spanned{

			

		}

			#page-content #content-primary table.product-range th{

				width:548px;

				height:48px;

				background: transparent url('../img/bg-grad-table-th-home.gif') no-repeat left top;		

			}

				#page-content #content-primary table.product-range th img{

					margin-left:20px;

					margin-top:10px;

				}

			#page-content #content-primary table.product-range td{

				vertical-align:top;/*fixes rowspan problem*/

			}

			#page-content #content-primary table.product-range td.product-picture{

				width:137px;

				padding-left:10px;

				vertical-align:middle;

			}

				#page-content #content-primary table.product-range td.product-picture li{

					display:none;

				}

				#page-content #content-primary table.product-range td.product-picture img{

					/*display:none;*/

				}

				#page-content #content-primary table.product-range td a{

					

				}

				#page-content #content-primary table.product-range td a{

					background: transparent url('../img/bullet-arrow.png') no-repeat left center;

					padding-left:20px;

					color:#4E4F51;

					font-weight:bold;

					text-decoration:none;

					font-size:0.9em;

				}

				#page-content #content-primary table.product-range td a.selected,

				#page-content #content-primary table.product-range td a:hover,

				#page-content #content-primary table.product-range td a:focus,

				#page-content #content-primary table.product-range td a:active{

					color:#0055A5;

				}

				#page-content #content-primary table.product-range td.logo{vertical-align:middle;}	

				#page-content #content-primary table.product-range td.logo a{					

					background: transparent url('../img/bullet-arrow.png') no-repeat left 5px;

					padding-left:15px;

					height:28px;					

					display:block;

				}

				#page-content #content-primary table.product-range td.logo a img{

					

				}

		#page-content #content-primary table.product-range tr.foot td{

			height:29px;

			background: #fff url('../img/bg-grad-table-footer-home.png') no-repeat left top;

		}

	

	

	#page-content #content-secondary{

		float:right;

		width:405px;

		margin-top:30px;

	}

		#page-content #content-secondary img{

			float:right;					

		}

		

.template-home #page-content #content-primary p.introduction{

	color:#0055A5;	

}

.template-home #page-content #content-secondary{

	position:relative;

	z-index:200;

}

		

/* ABOUT PAGE */

.template-about #page-content #content-primary{

	width:520px;

}	

	.template-about #page-content p.introduction{

		position:relative;

		padding-left:140px;

	}

	.template-about #page-content p.introduction img{		

		/*float:left;

		margin-left:-40px;

		margin-right:15px;*/

		position:absolute;

		z-index:200;

		margin-left:-180px;

		top:-15px;

	}



.template-about #page-content #content-secondary{

	width:336px;

	float:right;

	background: transparent url('../img/bg-sidebar-venues.png') no-repeat left 43px;

	padding-top:5px;	

	z-index:200px;

	position:relative;

	margin-top:-70px;

	margin-top:0px;

	margin-left:25px;

	margin-right:30px;

}

	.template-about #page-content #content-secondary h2{

		width:336px;

		float:none;			

	}

		.template-about #page-content #content-secondary h2 img{		

			margin-right: 80px;	

		}

	.template-about #page-content #content-secondary #timeline{

		float:left;

		width:311px;	

		padding-left:25px;

		padding-bottom:25px;

		background: transparent url('../img/bg-foot-sidebar-venues.png') no-repeat left bottom;

	}	

		.template-about #page-content #content-secondary #timeline dl{

			background: transparent url('../img/contact-divider-third.png') no-repeat left top;

			padding:10px 0;

			width:286px;

			clear:both;

		}

		.template-about #page-content #content-secondary #timeline dl.first{

			background:none;

			margin-top:10px;

		}

			.template-about #page-content #content-secondary #timeline dl dt{

				float:left;

				width:70px;

				color:#EC1B2D;

				font-size:2.7em;

			}

			.template-about #page-content #content-secondary #timeline dl dd{

				float:right;

				width:210px;

				font-size:1.2em;

				line-height:1.4em;

				padding-bottom:0.75em;

				min-height:45px;

				position:relative;

			}

				.template-about #page-content #content-secondary #timeline dl dd.left img,

				.template-about #page-content #content-secondary #timeline dl dd.right img{

					position:absolute;

					top:-23px;

					z-index:300;

				}

			.template-about #page-content #content-secondary #timeline dl dd.left{

				margin-left:90px;

				width:120px;

			}

				.template-about #page-content #content-secondary #timeline dl dd.left img{

					left:-90px;

					top:-25px;

				}

			.template-about #page-content #content-secondary #timeline dl dd.right{

				margin-right:90px;

				width:120px;

			}

				.template-about #page-content #content-secondary #timeline dl dd.right img{

					right:-90px;

				}	

	



/* PRIVACY PAGE */

.template-privacy #page-content{

	font-size:1.3em;

	line-height:1.5em;

}

	.template-privacy #page-content h1{

		margin-bottom:0.5em;

	}

	.template-privacy #page-content dl{	

		margin-bottom:20px;

		background: transparent url('../img/bg-foot-fullwidth-box.gif') no-repeat left bottom;

		padding-bottom:29px;	

	}

		.template-privacy #page-content dl dt{

			height:49px;

			background: transparent url('../img/bg-head-fullwidth-box.png') no-repeat left top;	

			position:relative;

		}

			.template-privacy #page-content dl dt img{

				margin-left:15px;

				margin-top:15px;				

			}

				.template-privacy #page-content dl dt img.icon{

					position:absolute;

					z-index:200;

					right:0px;

					margin-right:30px;

				}

			/*

			.template-privacy #page-content dl dt.terms{

				height:88px;

				background: transparent url('../img/bg-head-fullwidth-box-terms.png') no-repeat left top;

			}

			.template-privacy #page-content dl dt.privacy{

				height:88px;

				background: transparent url('../img/bg-head-fullwidth-box-privacy.png') no-repeat left top;

			}

			*/

		.template-privacy #page-content dl dd{	

			

		}

			.template-privacy #page-content dl dd p.introduction{

				padding:0 30px 10px 15px;

				font-weight:bold;				

				background: transparent url('../img/bg-mid-fullwidth-box.gif') repeat-y left top;

			}

			.template-privacy #page-content dl dd ul{

				background: transparent url('../img/bg-mid-fullwidth-box.gif') repeat-y left top;

				width:939px;

				display:block;

			}

				.template-privacy #page-content dl dd ul li{	

					padding:0 30px 10px 20px;

					background: transparent url('../img/bullet-arrow.png') no-repeat left 5px;

					margin-left:15px;

				}





/* PRESS/MEDIA/NEWS PAGE */

.template-press #page-banner{

	

}

.template-press #page-content #content-primary{

	width:650px;

}

.template-press #page-content h1{

}

	.template-press #page-content h1 img{

	}

.template-press #page-content #content-primary #news-items{

	width:650px;

	float:left;

	margin-top:1em;

}

	.template-press #page-content #content-primary .news-item{

		font-size:1em;

		line-height:1.6em;

		clear:both;

		background: transparent url('../img/press-rule.png') no-repeat 180px top;

		padding-top:30px;

	}

	.template-press #page-content #content-primary #news-items .first{

		background:none;

		padding-top:0px;

	}

		.template-press #page-content #content-primary .news-item .photo{

			float:left;

			width:210px;

		}

		.template-press #page-content #content-primary .news-item .story{

			float:left;

			width:420px;	

		}

			.template-press #page-content #content-primary .news-item .story .meta{

				float:left;

				clear:both;

			}

				.template-press #page-content #content-primary .news-item .story .meta h2{

					float:left;

					width:330px;

					color:#20569E;

					font-weight:bold;

					font-size:1.2em;

				}

				.template-press #page-content #content-primary .news-item .story .meta .date{

					float:right;

					width:90px;

					color:#20569E;

					font-weight:bold;

					text-align:right;

				}

			.template-press #page-content #content-primary .news-item .story p{

				margin-bottom:1em;

			}



.template-press #page-content #content-secondary{

	font-size:1.4em;

	line-height:1.6em;

	float:left;

	width:225px;

	margin-left:38px;

	margin-top:50px;

	z-index:200;

	position:absolute;

	left:680px;

}

	.template-press #page-content #content-secondary dl{

		background: transparent url('../img/bg-foot-quarterwidth-box.png') no-repeat right bottom;

		padding-bottom:29px;

		width:230px;	

	}

		.template-press #page-content #content-secondary dt{

			background: transparent url('../img/bg-head-quarterwidth-box.png') no-repeat right bottom;

			height:45px;				

		}

			.template-press #page-content #content-secondary dt img{

				display:block;

				float:left;

				margin:15px 0 0 20px;

			}

		.template-press #page-content #content-secondary dd{

			width:210px;	

			padding-left:20px;	

			clear:both;

			background: transparent url('../img/bg-mid-quarterwidth-box.png') repeat-y right top;

		}

			.template-press #page-content #content-secondary dd ul{

				

			}

				.template-press #page-content #content-secondary dd ul li{

					background: transparent url('../img/bullet-arrow-circle.png') no-repeat left 5px;

					padding-left:20px;

					min-height:12px;

				}

					.template-press #page-content #content-secondary dd ul li a{

						text-decoration:none;

						color:#20569E;

					}



/* FOOTBALL PAGE */

.template-football #page-banner{

	

}

.template-football #page-content h1{

	margin-bottom:1em;

}

.template-football #page-content p{

	width:590px;

}

.template-football #page-content p.conclusion{

	color:#CB342C;

	font-weight:bold;

}

.template-football #page-content #content-primary dl.module{

	background: transparent url('../img/bg-foot-halfwidth-box.png') no-repeat right bottom;

	padding-bottom:21px;

	width:489px;

	margin-left:-4px;

	margin-top:55px;

}

		.template-football #page-content #content-primary dt{

			background: transparent url('../img/bg-head-halfwidth-box-pink.gif') no-repeat right top;

			height:36px;

			width:490px;	

			position:relative;		

		}

			.template-football #page-content #content-primary dt img{

				position:absolute;

				left:0;

				top:-50px;

				/*display:block;

				float:left;

				margin:15px 0 0 20px;*/

			}

		.template-football #page-content #content-primary dd{

			width:469px;	

			padding-left:20px;	

			clear:both;

			background: transparent url('../img/bg-mid-halfwidth-box.png') repeat-y right top;

			padding-top:10px;	

		}

			.template-football #page-content #content-primary dd table{

				margin-top:20px;

			}

				.template-football #page-content #content-primary dd table td{

					padding:0 15px 10px;

					vertical-align:top;

					line-height:1.4em;

				}

					.template-football #page-content #content-primary dd table td img{

						

					}

					.template-football #page-content #content-primary dd table td h2{

						font-size:1.3em;

						line-height:1.6em;

						color:#20569E;

					}

						.template-football #page-content #content-primary dd table td h2 span.pie{

							color:#EC1C24;

						}

			





.template-football #page-content #content-secondary{

	width:336px;


}


	.template-football #page-content #content-secondary ul#venues{

		float:left;

		width:316px;	

		padding-left:25px;	

		padding-bottom:25px;

		background: transparent url('../img/bg-foot-sidebar-venues.png') no-repeat left bottom;

	}

	.template-football #page-content #content-secondary ul#venues li{

		color:#CB342C;

		font-size:1.2em;

		font-weight:bold;

		margin-top:0.5em;

		display:block;

		clear:both;

		padding-top:0.5em;

	}

		.template-football #page-content #content-secondary ul#venues li ul{

			margin-top:1em;

		}

			.template-football #page-content #content-secondary ul#venues li ul li{

				display:inline;

				padding-top:0;		

			}

			.template-football #page-content #content-secondary ul#venues li ul li.first{

				display:block;

			}

				.template-football #page-content #content-secondary ul#venues li ul li img{

					float:left;

					margin-right:2px;

				}



	.tip {

		display:block;					

		width: 120px;

		height:80px;

		position:relative;

		top:-130px;

		left:-90px;					

		z-index: 13000;

		background: transparent url('../img/speech-bubble.png') top left;

		padding:30px 20px 0;	

		color: #000;			

	}				

	.tip-title {

		font-weight: bold;

		font-size: 1.2em;

		line-height:1.4em;

		color: #000;				

	}				

	.tip-text {

		font-size: 1.2em;

		line-height:1.4em;

		padding: 4px 8px 8px;

	}

	

/* CONTACT PAGE */

.template-contact #page-banner{

	

}

.template-contact #page-content h1{

	margin-bottom:2em;

}

	#contact-form{

		width:305px;

		float:left;

		background: transparent url('../img/contact-divider-third.png') no-repeat left top;

		padding-top:18px;	

		margin-right:25px;	

		font-size:1.2em;

		line-height:1.6em;

		padding-left:3px;

		/*contact-divider-third.png 294 18*/

	}

	#contact-form p{

		margin-bottom:1em;

	}

		#contact-form form label{

			width:285px;

			color:#20569E;

			font-weight:bold;

			display:block;

			clear:both;

		}

		#contact-form form label span{

			float:left;

		}

		#contact-form form label span.error{

			font-weight:normal;

			color:#f00;

			width:175px;

			float:right;

		}

		#contact-form form input.form-field,

		#contact-form form textarea{

			width:175px;

			float:right;

			margin-bottom:1em;

			border:1px solid #C0C0C0;

		}

		#contact-form form input.error,

		#contact-form form textarea.error{

			background-color:#FFC;

		}

		#contact-form form textarea{

			height:60px;

			font-family: helvetica, arial, sans-serif;

		}

		div.form-submit{

			clear:both;

			/*background: transparent url('../img/button-send.png') no-repeat left top;

			width:75px;

			height:37px;*/

		}

		div.form-submit .form-button{

			float:right;

			margin-top:10px;

			margin-right:15px;

		}

	#contact-details{

		width:195px;

		float:left;

		margin-right:25px;

	}

		#contact-details h2{

			background: transparent url('../img/contact-divider-quarter.png') no-repeat left top;

			padding-top:15px;

			font-size:1.8em;

			color:#20569E;

			font-weight:normal;

			padding-left:5px;

			margin-bottom:3px;

			/*contact-divider-quarter.png 181 15*/

		}

		#contact-details p{

			margin-bottom:1em;

			font-size:1.2em;

			line-height:1.4em;

			padding-left:5px;

		}

			#contact-details p a{

				text-decoration:none;

				color:#4E4F51;

			}

			#contact-details p.tel{

				font-size:1.8em;

				line-height:0.8em;

			}

			#contact-details p.email a{

				background: transparent url('../img/bullet-arrow-circle.png') no-repeat left 2px;

				padding-left:20px;

				min-height:12px;	

			}

			#contact-details p a:hover,

			#contact-details p a:focus,

			#contact-details p a:active{

				text-decoration:underline;

			}

	#contact-map{

		width:378px;

		height:258px;

		float:left;

		border:1px solid #C0C0C0;

	}



/* SUGGEST A RECIPE */

#page-template .template-suggest{

	width:985px;

	height:774px;

	background: transparent url('../img/bg-recipe-2.jpg') no-repeat left top;

}

	.template-suggest h1{

		margin-left:54px;

		margin-top:136px;

		margin-bottom:25px;

	}

	.template-suggest p,

	.template-suggest form{

		margin-left:80px;

		font-size:1.4em;

		line-height:1.6em;

		color:#0055A5;

		font-weight:bold;

		margin-bottom:12px;

	}

	.template-suggest form{

	}

		.template-suggest form label{

			display:block;

			margin-bottom:15px;

			clear:both;	

			width:350px;

		}

		.template-suggest form label.last{

			margin-bottom:0px;

		}

			.template-suggest form label span{

				display:block;

				float:left;

				width:90px;

				padding-right:8px;

				text-align:right;

			}

			.template-suggest form label span.error{

				font-weight:normal;

				color:#f00;

				display:block;

				float:left;

				width:235px;

				padding-left:5px;

				text-align:left;				

			}

		.template-suggest form input.form-field,

		.template-suggest form textarea{

			width:245px;

			border:1px solid #C0C0C0;

			float:right;

			margin-bottom:1em;

		}

		.template-suggest form input.form-field{

			height:20px;

		}

		.template-suggest form textarea{

			height:100px;

			font-family: helvetica, arial, sans-serif;

		}

		.template-suggest form input.error,

		.template-suggest form textarea.error{

			background-color:#FFC;

		}

		.template-suggest form div.fmore{

			margin-left:98px;

			font-size:0.5em;

			color:#0055A5;

			font-weight:bold;

			margin-bottom:5px;

			margin-top:5px;

		}

			.template-suggest form div.fmore input.fcheckbox{

				float:left;

				margin-right:10px;

				border:1px solid #C0C0C0;

			}

			.template-suggest form div.fmore p.finstruct{

				width:230px;

				margin-bottom:0;

				margin-left:0;

				margin-top:0;

				float:left;

			}

		.template-suggest form div.form-submit{

			padding:0;

		}

		.template-suggest form input.form-button{

			float:none;

			margin-left:290px;

			margin-top:0;

		}



/* FOOTER */	

#section-footer{

	clear:both;

	display:block;

	float:left;

	width:985px;

	background: transparent url('../img/bg-grad-footer.jpg') no-repeat left bottom;

	margin-bottom:40px;

}

	#section-footer p{

		text-align:right;

		font-size:1.3em;

		color:#0055A5;

		font-weight:normal;

		margin-bottom:40px;

		padding-bottom:5px;

	}

		#section-footer p a{

			color:#6F6F6F;

			text-decoration:none;

		}

		#section-footer p a:hover,

		#section-footer p a:focus,

		#section-footer p a:active{

			text-decoration:underline;

		}

#page-privacy #section-footer p a.link-privacy{

	color:#000;

}