/* 

colours

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

dark grey: 		4E4F51

dark blue:		0055A5

grey: 			8E8E8E

red: 			ED4832

				ff2207

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

*/



/* TEMPLATE TESTING */







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;

	padding-top:20px;

}



/* hidden */

.hidden{

	display:none;

}

/* skip*/

#skip-link {

   position: absolute;

   left: -999em;

   width: 990em;

   height:0;

}

/* clear-fix */

.clear-fix{

	clear:both;

}

/*

html body * span.clear,

html body * div.clear,

html body * li.clear,

html body * dd.clear

{

	background: none;

	border: 0;

	clear: both;

	display: block;

	float: none;

	font-size: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}*/



/*

	#branding-strapline{

		display:block;

		margin-top:35px;		

		float:right;

		margin-right:3px;

	}

	

#section-masthead{

	position:relative;

	float:left;

	width:985px;

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

}

*/

/* BRANDING */

/* #section-branding{

	width:985px;	

	position:absolute;	

	left:0;

	bottom:0;

	z-index:100;

}

	#section-branding #branding-logo{		

		float:left;

	}

		#section-branding #branding-logo img{

			display:block;

		}





MAIN MENU 	

ul#nav-primary{	

	position:relative;

	margin-left:200px;

	z-index:150;

	float:right;	

		

}



		ul#nav-primary li{

			float:left;

			margin:0;

			z-index:25;

		}

		ul#nav-primary li.first{

		}

		ul#nav-primary li.last{

		}

			ul#nav-primary li a{

				display:block;

				height:1.3em;

				line-height:1.3em;				

				font-size:1.3em;

				font-weight:bold;

				text-decoration:none;

				color:#0055A5;

				padding:10px 9px 8px;

			}

			ul#nav-primary li a:hover,

			ul#nav-primary li a:focus,

			ul#nav-primary li a:active,

			ul#nav-primary li a.selected{

				color:#fff;

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

			}

			ul#nav-primary li.last a:hover,

			ul#nav-primary li.last a:focus,

			ul#nav-primary li.last a:active,

			ul#nav-primary li.last a.selected{

				color:#fff;

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

			}

*/



#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:104px;

	position:relative;

}

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

		float:right;

		width:369px;

		margin-top:40px;

	}

	#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 8px 8px;

			}

			#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 133px;

	padding-bottom:20px;

}



#page-banner{

	

}

	#page-banner img{

		display:block;

		

	}

	

#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;

	}

		#page-content #content-secondary img{

			float:right;

					

		}



.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 #content-secondary{

	width:415px;

}	



/* 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;

				}



/* PRODUCTS PAGE */

.template-product-range #page-content h1{

	margin-bottom:1em;

}

.template-product-range #page-content p{

	width:700px;

	font-size:1.2em;

	line-height:1.4em;

	margin-bottom:1em;

}

.template-product-range #page-content p.introduction{

	font-weight:bold;

	font-size:1.4em;

}

	.template-product-range #page-content p img{		

		margin-bottom:-1.2em;

	}

.template-product-range #page-content dl{

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

	padding-bottom:29px;

	width:230px;

	margin-left:-7px;

	float:left;

	margin-right:13px;

}

	.template-product-range #page-content dt{

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

		height:45px;

		padding:10px 0 0;

	}

		.template-product-range #page-content dt span{

			padding-top:15px;

			padding-left:15px;

			color:#20569E;

			font-weight:bold;

			font-size:1.5em;

			display:block;

		}

		.template-product-range #page-content dt span.pizza-pod{

			padding-top:0;

		}

	.template-product-range #page-content dd{

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

		font-size:1.1em;

		line-height:1.5em;

		padding:0 10px;

		height:100px;	

	}

		.template-product-range #page-content dd p{

			width:135px;

			float:right;

			font-size:1em;

			line-height:1.4em;

			margin-bottom:0;

		}

		.template-product-range #page-content dd img{

			float:left;	

			margin-left:-20px;

			margin-right:7px;

		}



/* INGREDIENTS PAGE */

.template-ingredients #page-banner{

	

}

.template-ingredients #page-content h1{

	margin-bottom:1em;

}

.template-ingredients #page-content table{

	margin-top:2em;

}

	.template-ingredients #page-content table td{

		vertical-align:top;

		background: transparent url('../img/bg-grad-ingredients.gif') no-repeat right top;

		height:82px;

		padding-top:15px;

		padding-left:30px;

	}

	.template-ingredients #page-content table td strong,

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

		color:#20569E;

	}

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

	margin-left:110px;

	font-weight:bold;

	margin-top:-2em;

}



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

	background: transparent url('../img/bg-grad-head-sidebar-ingredients.png') no-repeat right top;

	width:278px;

	height:181px;

	margin-right:34px;

	margin-top:-63px;

	position:relative;

	z-index:200;

}

	.template-ingredients #page-content #content-secondary #accreditations{

		float:left;

	}

	.template-ingredients #page-content #content-secondary img{

		display:block;

		float:left;

		clear:both;

		margin-top:20px;

		margin-left:25px;

	}

	.template-ingredients #page-content #content-secondary img.qsbb{

		margin-left:60px;	

	}

	.template-ingredients #page-content #content-secondary #accreditations-info{

		float:left;

		background: transparent url('../img/bg-grad-mid-sidebar-ingredients.png') repeat-y left top;

	}

		.template-ingredients #page-content #content-secondary #accreditations-info p{

			float:left;

			margin-left:25px;

			margin-right:25px;

			font-size:1.1em;

			line-height:1.6em;

			color:#20569E;

		}

			.template-ingredients #page-content #content-secondary #accreditations-info h2 img{

				float:left;

				margin-left:15px;

			}

		.template-ingredients #page-content #content-secondary #accreditations-other{

			margin-left:40px;

		}

			.template-ingredients #page-content #content-secondary img#logo-rospa,

			.template-ingredients #page-content #content-secondary img#logo-fta,

			.template-ingredients #page-content #content-secondary img#logo-brc,

			.template-ingredients #page-content #content-secondary img#logo-veg,

			.template-ingredients #page-content #content-secondary img#logo-cc{

				display:inline;

				clear:none;

				margin:0 10px 15px 15px;

			}

			.template-ingredients #page-content #content-secondary img#logo-veg{

				margin-left:25px;

			}

	.template-ingredients #page-content #content-secondary #accreditations-foot{

		float:left;

		background: transparent url('../img/bg-grad-foot-sidebar-ingredients.png') no-repeat right bottom;

		width:278px;

		height:43px;	

	}



/* PRESS/MEDIA 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:-45px;

	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;

						font-weight:bold;

					}



/* 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;

}

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

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

			height:43px;

			width:489px;			

		}

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

				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;

			position:relative;

		}

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

				/*float:right;

				margin-right:5px;

				margin-top:-35px;*/

				position:absolute;

				z-index:600;

				right:10px;

				top:-30px;

			}

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

				position:relative;

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

				padding-left:25px;

				margin-top:0.75em;

				color:#20569E;

				font-weight:bold;

			}

			.template-football #page-content dl dd ul li.first{

				margin-top:0px;

			}



.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 textarea{

			height:60px;

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

		}

		#contact-form form input.error,

		#contact-form form textarea.error{

			background-color:#FFC;

		}

		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;

	}





/* 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;

}