/*====================================================================*/
/* PizzaExpress At Home */
/* Created on Jun 2009 */
/* Global Screen styles */
/*====================================================================*/

/* 
--- PLEASE NOTE ---

Please check the 'General' section of this stylesheet before creating any small custom styles.
The styles you want may already be in there.

Please put any Internet Explorer specific styles/hacks/fixes in 'ie.css'.

--- CONTENTS ---

1) All
2) sIFR
3) Body
4) Links
5) General
6) Clearfix
7) Structural

8) Header
9) Banner
10) Content
11) Side
12) Footer

13) Forms
14) Lists
15) Tables
16) Our Range
17) Small/Expandable panels
18) Buttons
19) Sign up panel

Styles that need putting in order

Please keep tidy :)

*/
	
/* ------------------------------------------------------------------ */
/* =All */
/* ------------------------------------------------------------------ */

* {margin: 0; padding: 0;}

/* ------------------------------------------------------------------ */
/* =sIFR */
/* ------------------------------------------------------------------ */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
	}

.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}

.sIFR-alternate {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
	}

.sIFR-replaced div.sIFR-fixfocus {
  overflow: auto; 
  float: none;
  margin: 0; 
  padding: 0; 
  letter-spacing: 0; 
	}
	
.sIFR-dummy { 
  width: 0;
  height: 0;
  margin-left: 42px !important;
  z-index: 0;
	}
	
/* ------------------------------------------------------------------ */
/* =Body */
/* ------------------------------------------------------------------ */

body {
	background: #FFF;
	text-align: center;
	font: normal 76%/1.2 Arial, Verdana, Sans-Serif;
	color: #013667;
	}
	
body#iframe {
	background: #FFCD23;
	text-align: left;
	}

/* ------------------------------------------------------------------ */
/* =Links */
/* ------------------------------------------------------------------ */

a {
	font-weight: normal;
	text-decoration: none;
	color: #013667;
	}

#content a.alt {color: #bb448b;}
		
a:hover,
a:focus {color: #013667;}

#content a {text-decoration: none; color: #013667}
#content a:hover,
#content a:focus {text-decoration: underline;}

/* ------------------------------------------------------------------ */
/* =General */
/* ------------------------------------------------------------------ */

img {border: 0;}
hr {display: none;}
.clear {clear: both;}
.small_text {font-size: 0.9em;}
.hide_1 {display: none;}
.hide_2 {position: absolute; left: -1000em;}
.hide_3 {text-indent: -1000em;}
acronym {border-bottom: 1px dotted; cursor: help;}

img.general_content_1 {float: right;}

#content p.intro {
	width: 430px;
	font-size: 1.1em;
	}

/* ------------------------------------------------------------------ */
/* =Clearfix */
/* ------------------------------------------------------------------ */

.clearfix:after,
#header ul#navigation:after,
#content div.wrapped:after,
div.form_block:after,
#content div.column li:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both;
  visibility: hidden;
	}

.clearfix, #header ul#navigation, #content div.wrapped, div.form_block, #content div.column li {display: inline-block;}
.clearfix, #header ul#navigation, #content div.wrapped, div.form_block, #content div.column li {display: block;}

/* ------------------------------------------------------------------ */
/* =Structural */
/* ------------------------------------------------------------------ */

div.wrapped {
	margin: 0 auto;
	width: 963px;
	position: relative;
	}
	
#main {
	float: left;
	width: 625px
	}

#side {
	float: right;
	width: 320px;
	}
		
/* ------------------------------------------------------------------ */
/* =Header */
/* ------------------------------------------------------------------ */

#header {
	padding: 35px 0 15px 0;
	background: #013667;
	}

/* Skip link */

#header p#skip {display: none;}
	
/* Logo */

#header h1 {
	float: left;
	margin: 0 0 10px 0;
	width: 412px;
	height: 98px;
	background: url(/graphics/structure/logo.gif) no-repeat;
	text-indent: -1000em;	
	}

#header h1 a {
	display: block;
	height: 100%;
	outline: none;
	}
		
/* Restaurants tab */

#header p#tab {float: right;}

#header p#tab a {
	display: block;
	width: 255px;
	height: 36px;
	background: url(/graphics/structure/tab.gif) no-repeat;
	text-indent: -1000em;
	outline: none;
	}

#header p#tab a:hover,
#header p#tab a:focus {background-position: 0 100%;}
		
/* Navigation */

ul#navigation {
	clear: both;
	margin: 0;
	padding: 0 0 5px 0;
	background: url(/graphics/structure/navigation_border.gif) no-repeat 50% 100%;
	text-align: center;
	list-style: none;
	letter-spacing: -0.05em;
	font-family: Georgia, Arial, Verdana, Sans-Serif;
	}

.sIFR-active ul#navigation li {
  visibility: hidden;
  font-size: 1.8em;
  line-height: 1em;
	}

ul#navigation li {
	display: -moz-inline-stack; /* Because FF2 doesn't understand inline-block */
	display: inline-block;
	padding: 0 15px;
	font-size: 1.8em;
	font-weight: bold;
	}

ul#navigation li.divider {
	margin-right: 15px;
	padding-right: 30px;
	background: url(/graphics/structure/navigation_divider.gif) no-repeat 100% 50%;
	}

ul#navigation a {
	/* padding: 0 5px; Prevents word and letter wrapping when sIFR is activated - both IE and FF bug related to inline-block elements */
	border-bottom: 1px solid #013667;
	color: #fff;
	font-weight: normal;
	display: block; /*added to prevent word wrapping when javascript turned off in ff2*/
	}
	
ul#navigation li.selected a,
ul#navigation a:hover,
ul#navigation a:focus {border-bottom: 1px solid white; text-decoration: none;}	
	
/* ------------------------------------------------------------------ */
/* =Banner */
/* ------------------------------------------------------------------ */

/* Banner */

#banner {background: #013667;}
#banner.products {background: url(/graphics/structure/banner_bg.gif) repeat-x;}

/* Wrapped */

#banner div.wrapped {
	position: relative;
	padding: 15px 15px 20px 15px; /* Positioning the content inside the frame graphic - DO NOT CHANGE */
	width: 933px;
	height: 369px;
	background: url(/graphics/structure/banner_frame_home.gif) no-repeat;
	text-align: left;
	}	

#banner div.intro_product {
	height: 617px;
	background: url(/graphics/structure/banner_frame_intro_product.gif) no-repeat;
	}	
		
#banner div.product {
	height: 492px;
	background: url(/graphics/structure/banner_frame_product.gif) no-repeat;
	}
	
/* Carousel styles */

#banner div.banner_wrap {
	overflow: hidden;
	position: relative;
	width: 933px;
	height: 354px;
	}	

#banner #banner_container {
	position: absolute;
	width: 6000px;
	height: 354px;
	}

#banner div.slide {
	position: relative;
	float: left;
	width: 933px;
	}

/* Banner slide buttons - Also used on the mini expandable panels that use the same javascript */

a.left_button,
a.right_button {
	position: absolute;
	left: 0;
	top: 33%;
	z-index: 100;
	width: 33px;
	height: 99px;
	background: url(/graphics/banners/arrow_left.gif) no-repeat;
	opacity: 0.5;
	filter: alpha(opacity=50);
	outline: none;
	}

a.right_button {
	left: auto;
	right: 0;
	background-image: url(/graphics/banners/arrow_right.gif);
	}

a.left_button:hover,
a.right_button:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	}

/* Buttons */

#banner ul.banner_nav {list-style: none;}
#banner ul.banner_nav li {float: left;}

#banner ul.banner_nav a {
	display: block;
	width: 311px;
	height: 66px;
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline: none;
	}

#banner ul.banner_nav.dressings a {width: 466px;} /* Longer tabs */

#banner ul.banner_nav a.on,
#banner ul.banner_nav a:hover,
#banner ul.banner_nav a:focus {background-position: 0 100%;}

/* Pizzas */

#banner ul.banner_nav a.american_hot {background-image: url(/graphics/banners/buttons/american_hot.gif);}
#banner ul.banner_nav a.american {background-image: url(/graphics/banners/buttons/american.gif);}
#banner ul.banner_nav a.funghi_piemontese {background-image: url(/graphics/banners/buttons/funghi_piemontese.gif);}
#banner ul.banner_nav a.la_reine {background-image: url(/graphics/banners/buttons/la_reine.gif);}
#banner ul.banner_nav a.margherita {background-image: url(/graphics/banners/buttons/margherita.gif);}
#banner ul.banner_nav a.pollo_pesto {background-image: url(/graphics/banners/buttons/pollo_pesto.gif);}
#banner ul.banner_nav a.salami_toscana {background-image: url(/graphics/banners/buttons/salami_toscana.gif);}
#banner ul.banner_nav a.sienese {background-image: url(/graphics/banners/buttons/sienese.gif);}
#banner ul.banner_nav a.sloppy_giuseppe {background-image: url(/graphics/banners/buttons/sloppy_giuseppe.gif);}

/* Breads */

#banner ul.banner_nav a.dough_balls {background-image: url(/graphics/banners/buttons/dough_balls.gif);}
#banner ul.banner_nav a.garlic_bread_with_mozzarella {background-image: url(/graphics/banners/buttons/garlic_bread_with_mozzarella.gif);}
#banner ul.banner_nav a.garlic_bread {background-image: url(/graphics/banners/buttons/garlic_bread.gif);}

/* Dressings */

#banner ul.banner_nav.dressings a.balsamic {background-image: url(/graphics/banners/buttons/balsamic.gif);}
#banner ul.banner_nav.dressings a.caesar {background-image: url(/graphics/banners/buttons/caesar.gif);}
#banner ul.banner_nav.dressings a.honey_and_mustard {background-image: url(/graphics/banners/buttons/honey_and_mustard.gif);}
#banner ul.banner_nav.dressings a.house_light {background-image: url(/graphics/banners/buttons/house_light.gif);}
#banner ul.banner_nav.dressings a.house {background-image: url(/graphics/banners/buttons/house.gif);} 

/* Other */

#banner ul.banner_nav a.how_to_cook {background-image: url(/graphics/banners/buttons/how_to_cook.gif);}
#banner ul.banner_nav a.recipe_and_nutrition {background-image: url(/graphics/banners/buttons/recipe_and_nutrition.gif);}
#banner ul.banner_nav.dressings a.recipe_and_nutrition {width: 467px; background-image: url(/graphics/banners/buttons/recipe_and_nutrition_long.gif);}

/* Additional content --------------- */

#banner div.intro_content {
	overflow: hidden;
	position: absolute;
	top: 370px;
	left: 60px;
	width: 860px;
	}

#banner div.intro_content.pizzas {top: 370px;}
#banner div.intro_content.breads {top: 420px;}
#banner div.intro_content.dressings {top: 400px;}
		
#banner div.intro_content div.col_1 {
	float: left;
	width: 30%;
	}
		
#banner div.intro_content.pizzas div.col_1 {padding-top: 45px;}
#banner div.intro_content.dressings div.col_1 {width: 35%;}
		
#banner div.intro_content div.col_2 {
	float: right;
	width: 57%;
	}

#banner div.intro_content.dressings div.col_2 { width: 52%; }
#banner div.intro_content.dressings div.col_2 dl { margin-top: -15px; }

/* Headings */	

#banner div.intro_content h3 {
	margin-bottom: 25px;
	height: 28px;
	background-repeat: no-repeat;
	text-indent: -1000em;
	}
		
#banner div.intro_content h3.pizza_finder {background-image: url(/graphics/banners/headings/pizza_finder.gif);}
#banner div.intro_content h3.the_pizzas {background-image: url(/graphics/banners/headings/the_pizzas.gif);}	
#banner div.intro_content h3.the_breads {background-image: url(/graphics/banners/headings/the_breads.gif);}	
#banner div.intro_content h3.the_dressings {height: 36px; background-image: url(/graphics/banners/headings/the_dressings.gif);}	
#banner div.intro_content h3.inspired_by_italy {height: 36px; background-image: url(/graphics/banners/headings/inspired_by_italy.gif);}	
#banner div.intro_content h3.how_to_create {height: 92px; background-image: url(/graphics/banners/headings/how_to_create.gif);}	
	
/* Lists */	

#banner div.intro_content dl {
	float: left;
	margin-right: 25px;
	width: 125px;
	}

#banner div.intro_content dl.last {margin-right: 0;}

#banner div.intro_content.pizzas dl {width: 28%;}
#banner div.intro_content.breads dl {width: 37%;}
#banner div.intro_content.breads dl.last {width: 55%;}

.sIFR-active #banner div.intro_content dt {
  visibility: hidden;
  font-size: 1.3em;
  line-height: 1em;
	}	

#banner div.intro_content dt {font-size: 1em;}

#banner div.intro_content dd {
	margin: 0 0 1.3em 0;
	line-height: 1.2;
	color: #686868;
	}	

#banner div.intro_content dt.faded,
#banner div.intro_content dd.faded {opacity: 0.2;}	
		
#banner div.intro_content dt a {text-decoration: none; color: #013667}
#banner div.intro_content dt a:hover,
#banner div.intro_content dt a:focus {text-decoration: underline;}
		
#banner div.intro_content dt.veg  {
 	background: transparent url(../graphics/general/vegetarian-16x16.gif) 100% 10% no-repeat scroll ; 
	padding-right: 14px; 
	}

/* Forms */	

#banner div.intro_content select {
	margin-bottom: 15px;
	width: 97%;
	}

#banner div.intro_content p.banner_button {
	padding: 0 20px 0 0;
	background: url(/graphics/banners/forms/shadow_1.gif) no-repeat 100% 0;
	text-align: right;
	}	

#banner div.intro_content.breads p.banner_button {background: url(/graphics/banners/forms/shadow_2.gif) no-repeat 100% 0;}

/* Alternative text area for large banners containing graphical text*/

#banner .alt-text, div.inner_wrapper .alt-text{
  position: absolute;
  top: 0;
  left: -2000px;
  width: 200px;
  }

/* ------------------------------------------------------------------ */
/* =Content */
/* ------------------------------------------------------------------ */

#content div.wrapped {
	margin-bottom: 10px;
	padding: 25px 0 80px 0;
	background: url(/graphics/structure/content_bg.gif) no-repeat 0 100%;
	text-align: left;
	}
	
#content p,
#content ul,
#content ol,
#content dl,
#content address,
#content blockquote {
	margin: 0 0 1.5em 0;
	line-height: 1.4;
	}
	
#content ul ul {margin-bottom: 0.5em;}
	
#content address {
	font-style: normal;
	line-height: 1.2;
	}
	
#content ul {margin-left: 15px;}
#content ol {margin-left: 1.5em;}	
#content li {margin: 2px 0;}
#content li {line-height: 1.2;}
#content dt {font-weight: bold;}
#content dd {margin-bottom: 1em;}	

#content ol.emphasized,
#content ul.emphasized {font-weight: bold;}

h2, h3,	h4, h5, h6 {
	margin: 0 0 0.8em 0;
	font: normal 1em/1.2 Georgia, Arial, Verdana, Sans-Serif;
	color: #013667;
	}
	
#content h2 {
	margin: 15px 0 0.6em 0; /* This top margin is important */
	font-size: 2.7em;
	}
		
#content h2.our_range {
	margin-top: 0;
	height: 103px;
	background: url(/graphics/headings/our_range.gif) no-repeat;
	text-indent: -1000em;
	}
	
#content h2.where_to_buy {
	height: 40px;
	background: url(/graphics/headings/where_to_buy.gif) no-repeat;
	text-indent: -1000em;
	}
	
#content h2.talk_to_us {
	height: 31px;
	background: url(/graphics/headings/talk_to_us.gif) no-repeat;
	text-indent: -1000em;
	}
		
.sIFR-active #content h3 {
  visibility: hidden;
  font-size: 2.5em;
  line-height: 1em;
	}

#content h3 {
	margin-bottom: 0.5em;
  font-size: 2.6em;
	}

.sIFR-active #content h4 {
  visibility: hidden;
  font-size: 1.5em;
	}

#content h4 {
	margin-bottom: 0.5em;
  font-size: 1.7em;
	}
	

/* ------------------------------------------------------------------ */
/* =Side */
/* ------------------------------------------------------------------ */

#side {
	position: relative;
	z-index: 100;
	background: url(/graphics/structure/side_divider.gif) no-repeat;
	}

#side div.wrap {
	/*position: relative;*/
	margin: 0 15px;
	padding: 10px 0 5px 0;
	background: #f5f5f5 url(/graphics/structure/side_bg.gif) repeat-x;
	text-align: center;
	color: #999;
	}
	
/* ------------------------------------------------------------------ */
/* =Footer */
/* ------------------------------------------------------------------ */
	
#footer {
	position: relative;
	z-index: 100;
	color: #999;
	}
	
#footer div.wrapped {
	padding: 0 180px 40px;
	width: 602px;
	background: url(/graphics/structure/section_divider.gif) no-repeat;
	}

#footer li {list-style: none;}

#footer a {
	padding: 0 5px; /* Prevents word and letter wrapping when sIFR is activated - both IE and FF bug related to inline-block elements */
	color: #999;
	}

#footer a:hover,
#footer a:focus {
	text-decoration: underline;
	color: #013667;
	}

/* Columns */

#footer ul.columns {
	margin: 0 0 1em 0;
	padding: 15px 20px;
	background: #f5f5f5 url(/graphics/structure/wrap_bg.gif) repeat-x;
	}

#footer ul.columns li {
	display: -moz-inline-stack; /* Because Firefox 2 doesn't understand 'inline-block' */
	display: inline-block; /* For standards compliant browsers */
	border-right: 1px solid #ddd;
	padding: 0 25px;
	min-height: 160px;
	text-align: left;
	vertical-align: top;
	}

#footer ul.columns ol {text-align: left;}
			
.sIFR-active #footer ul.columns h2 {
  visibility: hidden;
  font-size: 1.7em;
  line-height: 1.0;
	}

#footer ul.columns h2 {
	margin-bottom: 0.5em;
	font-size: 1.5em;
	color: #777;
	}
	
#footer ul.columns ol li {
	display: block;
	margin-bottom: 0.7em;
	border-right: 0;
	padding: 0;
	min-height: 0;
	}
	
#footer ul.columns li.last {border-right: 0;}

/* Info list */

#footer ul.info {font-size: 0.9em;}

#footer ul.info li {
	display: inline;
	margin: 0 10px;
	}
	
/* ------------------------------------------------------------------ */
/* =Forms */
/* ------------------------------------------------------------------ */

/* Fieldsets */

fieldset {border: 0;}		

fieldset.standard {
	margin: 0 0 1em 0;
	padding: 5px;
	background: #f5f5f5;
	}

body#admin fieldset.standard {background: #fff;}
		
fieldset#search {
	margin: 0 0 1.5em 0;
	padding: 25px 30px;
	background: #f5f5f5;
	}
	
fieldset#mini_search {
	margin-top: 1em;
	border-bottom: 1px dashed #e6e6e6;
	padding: 0 30px 5px 30px;
	}		

fieldset.mailing_list {
	margin: 1em 0 0 0;
	border-top: 1px dashed #ddd;
	padding: 1em 0 0 0;
	}

/* Legends */

legend {display: none;}

body#admin legend {
	display: block;
	margin: 0 0 0 10px;
	padding: 10px;
	background: #fff;
	font-weight: bold;
	font-size: 1.1em;
	}
	
/* Structural */

div.form_block {
	position: relative;
	margin: 1.5em 0;
	padding: 5px 25px;
	font-size: 1.1em;
	}

fieldset.sign_up div.form_block {
	position: static;
	margin: 0.5em 0;
	padding-right: 0;
	}

fieldset.sign_up div.form_block.spacer {margin: 1.5em 0;}

div.form_block.emphasize {
	background: #F5F5F5;
	font-style: italic;
	}
	
div.multi_form_block {overflow: hidden;}

div.multi_form_block div.form_block {
	float: left;
	padding: 0;
	width: 45%;
	}

div.multi_form_block div.right {float: right;}
	
div.form_right {
	float: right;
	padding: 0;
	width: 57%;
	}

#content div.form_block p {
	margin: 0;
	line-height: 1.2;
	}
#content p.note {
  margin: 10px;
  padding: 10px;
  background: #fff;
	color: #666;
	font-size: 1.2em;
	}

#content div.form_block div.form_right p {padding: 6px 0 0 0;}

#content div.form_block .hidden-field  {
	display: none;
	}
#content div.form_block .hidden-field label {
	width: 100%;
	text-align: left;
	font-size: 0.8em;
	}

/* Labels */

fieldset.standard label,
#content fieldset.standard p.label {
	float: left;
	margin: 0;
	padding: 6px 0 4px 0;
	width: 34%;
	text-align: right;
	line-height: 1.1;
	color: #666;
	}
	
fieldset.mailing_list label {
	margin: 0 10px 0 0;
	font-size: 1em;
	}
#content div.form_block label .help {
	display: block;
	font-size: 0.65em;
	}
fieldset.sign_up label,
body#iframe fieldset.sign_up p.label {
	display: block;
	margin: 0 0 6px 0;
	}

fieldset.sign_up label.hide_1 {display: none;}


/* Form elements */
			
input,
textarea,
select {font: 1em Arial, Verdana, Sans-Serif;}

input.text,
table.adminlogin input,
textarea,
select {
	border: 1px solid;
	border-color: #bdbdbd #dedede #f5f5f5 #dedede;
	padding: 4px 0 3px 3px;
	background-color: #fff;
	color: #666;
	}		

input.text,
table.adminlogin input,
textarea {
	background-image: url(/graphics/forms/input_gradient.gif);
	background-repeat: repeat-x;
	}		

select {padding: 2px;}
option {padding: 0 0 0 2px;}

body#admin input.text,
table.adminlogin input,
body#admin textarea,
body#admin select {background-color: #F4F4F4;}		
		
fieldset.standard input.text {width: 80%;}		
fieldset.standard input.medium,
fieldset.sign_up input.medium {width: 50%;}
fieldset.standard input.small {width: 30%;}

fieldset#search input.text {
	margin: 1em 0 2em 0;
	width: 60%;
	}

fieldset#mini_search input {margin: 0 0 1em 0;}

fieldset#mini_search input.text {
	width: 80%;
	text-align: center;
	color: #999;
	}

#function_bar fieldset input.text {
	margin: 0 6px 0 10px;
	width: 175px;
	}

#function_bar fieldset input.button {margin: 0 20px 0 0;}
		
fieldset.mailing_list input {width: 200px;}
fieldset.standard textarea {width: 80%;}
	
fieldset.standard select {
	margin-right: 3px;
	width: 82%;
	background: #fff;
	}

fieldset.sign_up input.text,
fieldset.sign_up select {width: 100%;}
		
fieldset.sign_up input.medium {width: 8em;}
fieldset.standard select.medium,
fieldset.sign_up select.medium {width: 5em;}
fieldset.standard select.small,
fieldset.sign_up select.small {width: 3.5em;}
fieldset.standard select.spacer {margin-right: 20px;}
fieldset.standard select.format-dd {width: 5.5em;} 
fieldset.standard select.format-mm {width: 9em;} 
fieldset.standard select.format-yyyy {width: 5.5em;} 

				
/* Other */

.sIFR-active #content fieldset#mini_search h2 {font-size: 2em;}

#content fieldset#mini_search h2 {
	margin-bottom: 1em;
	font-size: 1.7em;
	color: #333;
	}
	
/* Talk To Us - Confirnation Message*/
#content .feedback_success{
  -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
  padding: 40px;
  margin-bottom: 20px;
  background: #E0E0E0;
  font-weight: bold;
  text-align: center;
  }

/* ------------------------------------------------------------------ */
/* =Lists */
/* ------------------------------------------------------------------ */

/* Unstyled */

#content ul.unstyled {
	margin-left: 0;
	list-style: none;
	}

/* Promos */

#content ul.promos {
	margin: 0;
	list-style: none;
	text-align: center;
	}

#content ul.promos li {margin: 8px 0 0 0;}
#content ul.promos li.spacer {margin-top: 35px;}
#content ul.promos a {text-decoration: none;}
#content ul.promos img {margin: 0 auto;}

/* Restaurant search results */

#content ul#mini_search_results {
	margin: 0 0 1em 0;
	list-style: none;
	text-align: left;
	}

#content ul#mini_search_results li {
	overflow: hidden;
	margin: 0;
	border-bottom: 1px solid #d5d5d5;
	padding: 8px 30px;
	line-height: 1.8;
	}
	
#content ul#mini_search_results a.button {
	float: right;
	margin: 0 0 0 10px;
	line-height: 1.2;
	}

#content #side p.more {
	padding: 0 30px 0 0;
	text-align: right;
	}

/* Mini funnels */

#content ul.mini_funnels {
	overflow: hidden;
	margin: 2em 0 0 0;
	list-style: none;
	}

#content ul.mini_funnels li {
	float: left;
	margin: 0 30px 2em 0;
	width: 47%;
	}

#content ul.mini_funnels li.last {margin-right: 0;}
#content ul.mini_funnels h3 {margin-bottom: 0;}
	
/* Restaurant facilities */

#content ul.facilities {
	overflow: hidden;
	margin: 0 0 2em 0;
	padding: 10px 15px;
	background: #e3e3e3;
	list-style: none;
	}

#content ul.facilities li {
	float: left;
	margin: 4px 15px 4px 0;
	padding: 4px 0 4px 30px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	white-space: nowrap;
	}

#content ul.facilities li.babychanging {background-image: url(/graphics/facilities-icons/babychanging.gif);}
#content ul.facilities li.takeaway {background-image: url(/graphics/facilities-icons/takeaway.gif);}
#content ul.facilities li.alfresco {background-image: url(/graphics/facilities-icons/alfresco.gif);}
#content ul.facilities li.livemusic {background-image: url(/graphics/facilities-icons/livemusic.gif);}
#content ul.facilities li.seperatebar {background-image: url(/graphics/facilities-icons/separatebar.gif);}
#content ul.facilities li.meetingroom {background-image: url(/graphics/facilities-icons/meetingroom.gif);}

/* ------------------------------------------------------------------ */
/* =Tables */
/* ------------------------------------------------------------------ */

table {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	background: #f7f6f2;
	text-align: left;
	font-size: 1em;
	color: #717171;
	}

table.where_to_buy {
	margin: 2em 0 80px 0;
	width: 100%;
	}

/* Cells */

th, td {
	padding: 15px;
	border-right: 3px solid #fff;
	vertical-align: middle;
	font-weight: normal;
	}
	
tr.even th, tr.even td {background-color: #edece7;}	

thead th {
	font-size: 0.9em;
	background: #d3d1cc;
	text-align: center;
	}	

tbody th {font-size: 1.2em;}
		
th.our_products {font-size: 1.4em;}	
	
.sIFR-active tr.type th {
  visibility: hidden;
  font-size: 2.8em;
  line-height: 1em;
	}

tr.type th {
	background: #fff;
	font-size: 2.5em;
	color: #013667;
	}	

tbody td {width: 50px;}

table .left {text-align: left;}
table .centre {text-align: center;}
table .right {text-align: right;}

/* Spans/Ticks */
			
td.yes {background: url(/graphics/general/table_tick.gif) no-repeat 50%;}		

td span {
	position: absolute;
	left: -1000em;
	}	

/* ------------------------------------------------------------------ */
/* =Our Range */
/* ------------------------------------------------------------------ */

div.column {
	float: left;
	margin-right: 20px;
	width: 300px;
	color: #666;
	}

div.column.last {margin-right: 0;}

#content div.column h3 {
	margin: 0 0 0.8em 9px;
	width: 80%; /* To get the Dough Balls heading to wrap nicely */
	}
	
#content div.column ul {
	margin: 0 0 2em 0;
	list-style: none;
	}
		
#content div.column li {
	margin: 0 0 1em 0; 
	min-height: 12.5em ;
}

div.column div.thumb {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	width: 117px;
	height: 106px;
	text-align: center;
	}

div.column div.thumb.pizza {background: url(/graphics/our_range/thumb_shadow_pizza.gif) no-repeat 50% 100%;}

div.column div.thumb.dressing {width: 66px;}
				
#content div.column div.thumb strong {
	position: absolute;
	top: -7px;
	left: 2px;
	width: 45px;
	height: 21px;
	background: url(/graphics/our_range/tag_new.gif) no-repeat;
	text-indent: -1000em;
	}
		
div.column div.description {
	overflow: hidden; 
	margin: 0 5px 0 0;
	}
			
#content div.column div.description h4 {
	margin-bottom: 0.2em;
}

#content div.column div.vegetarian  {
	background: transparent url(../graphics/general/vegetarian-16x16.gif) 96.5% 0% no-repeat scroll ; 
	}
#content div.column div.vegetarian h4 {
	padding-right: 24px; 
	}
#content div.column div.vegetarian p.vegetarian {
	display: none;
	}
#content div.column div.description dl {
	line-height: 1.2;
}
			
#content div.column div.description dt {
	margin-bottom: 1em;
	font-weight: normal;
	}
			
#content div.column div.description dd,
#content div.column div.description p {
	margin-bottom: 0;
	font-size: 0.9em;
	color: #999;
	}
	
/* ------------------------------------------------------------------ */
/* =Small/Expandable banners */
/* ------------------------------------------------------------------ */

div.banner_wrapper {
	position: relative;
	margin: 0 0 1.5em 0;
	min-height: 240px; /* To keep the layout of surrounding content when the panel expands */
	}

div.banner {
	position: relative;
	z-index: 10;
	}
	
div.expanded div.banner {position: absolute;} /* For smooth vertical expansion */
div.last div.expanded div.banner {right: 0;}

div.transition,
div.expanded div.banner {z-index: 20;}

div.banner .open {display: none;}

div.banner div.outer {
	padding: 0 7px 7px 0;
	background: url(/graphics/banners/panels/drop_shadow.png) no-repeat 100% 100%;
	}

div.banner div.inner {border: 1px solid #ECECEC;}

div.banner div.wrap {
	overflow: hidden;
	position: relative;
	border: 4px solid #fff;
	min-height: 203px;
	}
	
div.banner div.wrap:hover {border-color: #ddd;}
div.expanded div.banner div.wrap:hover {border-color: #fff;}

#content div.banner p {margin: 0;}

/* Expand button */
		
html #content div.banner_wrapper div.banner p.expand_button {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	}
	
html #content div.expanded div.banner p.expand_button {height: 50px;} /* To allow the button to be visible but not cover the entire panel */ 
							
div.banner p.expand_button a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
	cursor: pointer;
	outline: none;
	}

div.banner p.expand_button span,
div.expanded div.banner p.expand_button a {
	display: block;
	position: absolute;
	top: 20px;
	left: auto;
	right: 20px;
	z-index: 2;
	width: 22px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(/graphics/banners/panels/expand_button/plain.png);
	outline: none;
	cursor: pointer;
	}

div.expanded div.banner p.expand_button span {display: none;}

div.banner div.wrap:hover p.expand_button span {background-position: 0 100%;}
div.banner div.wrap p.expand_button.opened a {background-position: 100% 0;}
div.banner div.wrap p.expand_button.opened a:hover {background-position: 100% 100%;}
div.column.last div.banner p.expand_button span {background-position: 100% 0;}
div.column.last div.banner div.wrap:hover p.expand_button span {background-position: 100% 100%;}
div.column.last div.banner div.wrap p.expand_button.opened a {background-position: 0 0;}
div.column.last div.banner div.wrap p.expand_button.opened a:hover {background-position: 0 100%;}

/* Loading graphic */

div.loading {
	position: absolute;
	top: 70px;
	left: 42%;
	width: 66px;
	height: 66px;
	}
	
/* Banner content */

div.dough_sauce div.wrap {background: #0d4f8c; color: #fff;}
div.dough_sauce div.loading {background: url(/graphics/banners/panels/loading/blue.gif);}

div.people_pizza div.wrap {background: #ebe3d0;	color: #626262;}
div.people_pizza div.loading {background: url(/graphics/banners/panels/loading/beige.gif);}

div.home_meal div.wrap {background: #6c116a; color: #fff;}
div.home_meal div.loading {background: url(/graphics/banners/panels/loading/purple.gif);}

div.famous_mozzarella div.wrap {background: #e7e9ec; color: #434958;}
div.famous_mozzarella div.loading {background: url(/graphics/banners/panels/loading/grey.gif);}

div.inspired_italy div.wrap {background: #84c159; color: #626262;}
div.inspired_italy div.loading {background: url(/graphics/banners/panels/loading/green.gif);}

div.individually_handmade div.wrap {background: #ebe3d0; color: #626262;}
div.individually_handmade div.loading {background: url(/graphics/banners/panels/loading/beige.gif);}

div.original_dough div.wrap {background: #ebe3d0; color: #626262;}
div.original_dough div.loading {background: url(/graphics/banners/panels/loading/beige.gif);}

div.attention_detail div.wrap {background: #dfdfd8;	color: #626262;}
div.attention_detail div.loading {background: url(/graphics/banners/panels/loading/beige.gif);}

div.cooking_pizza div.wrap {background: #bfd1f5; color: #626262;}
div.cooking_pizza div.loading {background: url(/graphics/banners/panels/loading/light_blue.gif);}

/* Pizza Finder - A bit more complicated */

div.pizza_finder div.wrap {background: #80bfea;	color: #626262;}
div.expanded div.pizza_finder div.wrap {background-image: none;}
div.pizza_finder div.loading {background: url(/graphics/banners/panels/loading/light_blue2.gif);}

div.pizza_finder select {
	position: absolute;
	left: 20px;
	top: 90px;
	}

div.pizza_finder select {width: 240px;}
		
div.pizza_finder p.expand_button {display: none;} /* Hides the button because it's not needed to open the panel */
div.banner div.wrap:hover {border-color: #fff;}	

/* ------------------------------------------------------------------ */
/* =Buttons */
/* ------------------------------------------------------------------ */

div.buttons {
	margin: 0 0 1.5em 0;
	text-align: right;
	}

/*table.adminlogin input[type="submit"],*//* Can't put this in because IE6 chokes on square brackets */
#content a.button,
input.button {
	border: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 3px;
	padding: 4px 9px;
	background: #b5b5b5;
	color: #fff;
	cursor: pointer;
	line-height: 1.1;
	font-weight: bold;
	text-decoration: none;
	}

input.button {padding: 3px 9px;}

/*table.adminlogin input[type="submit"]:hover,
table.adminlogin input[type="submit"]:focus,*//* Can't put this in because IE6 chokes on square brackets */
#content a.button:hover,
#content a.button:focus,
input.button:hover,
input.button:focus {background: #777;}
	
#content h3 a.button {
	float: right;
	font-size: 0.9em;
	}

fieldset.sign_up input.button {background: #BB9223;}
fieldset.sign_up input.button:hover,
fieldset.sign_up input.button:focus {background: #876508;}

/* ------------------------------------------------------------------ */
/* =Sign up panel */
/* ------------------------------------------------------------------ 

#footer div.sign_up_wrap {position: relative;}*/

div.signup_panel {
	display: none;
	position: absolute;
	left: 280px;
	top: -800px;
	z-index: 100;
  padding: 10px 20px 20px 20px;
	width: 350px;
	background: #FFCD23 url(/graphics/signup_panel/signup_bg.gif) repeat-x bottom left;
	text-align: left;
	color: #444;
	}

#side div.signup_panel {
  top: 10px; 
  right: 100%; 
  bottom: auto; 
  left: auto; 
	background-image: none;
	}
/* Headings */ 

.sIFR-active div.signup_panel h3,
.sIFR-active #content div.signup_panel h3,
.sIFR-active #content div.signup_panel_2 h3 {
  visibility: hidden;
  font-size: 2.1em;
  line-height: 1em;
  }
       
div.signup_panel h3,
#content div.signup_panel h3,
#content div.signup_panel_2 h3 {
  margin: 0 0 0.7em 0;
  width: 90%;
  font: 1.8em Georgia, Arial, Verdana, Sans-Serif;
  color: #a90f6a;
  }

div.signup_panel h4 { 
  margin: 0 0 0.5em 0; 
  border-top: 1px solid #ffdd69; 
  padding: 1em 0 0 0; 
  font-size: 1.2em; 
	} 

#content div.signup_panel.large h4 { 
  margin-bottom: 0; 
  padding-bottom: 0; 
  font-weight: bold; 
	} 

/* Paragraphs */ 

div.signup_panel p {margin: 0 0 1em 0;} 

#container #side div.signup_panel p {line-height: 1.2;} 

/* Hide/Close buttons */         
	
div.signup_panel p.hide {
	display: block;
	position: absolute;
	top: 18px;
	right: 20px;
	width: 21px;
	text-indent: -10000px;
	}

div.signup_panel p.hide a {
	display: block;
	height: 20px;
	background: url(/graphics/signup_panel/close_arrow.gif) no-repeat;
	text-decoration: none;
	outline: none;
	}
	
#side div.signup_panel p.hide a {background-image: url(/graphics/signup_panel/close_cross.gif);}
div.signup_panel p.hide a:hover,
div.signup_panel p.hide a:focus {background-position: 0 100%;}

/* Form elements */ 

div.signup_panel div.form_block { 
	position: static;
	margin: 0.3em 0;
	padding-right: 0;
	padding-left: 0;
	}

div.signup_panel div.form_block.spacer {margin: 1.5em 0;} 

div.signup_panel label, 
#container div.signup_panel p.label { 
  display: block; 
  margin: 0 0 4px 0; 
	} 

div.signup_panel label.hide_1 {display: none;} 

div.signup_panel input.text, 
div.signup_panel select {width: 98%;} 
div.signup_panel input.medium, 
div.signup_panel select.medium {width: 40%;} 
div.signup_panel select.small {width: 5em;} 

div.signup_panel div.buttons {
	margin: 20px 0 0 0;
	text-align: center;
	}	

div.signup_panel input.button {background: #BB9223;} 
div.signup_panel input.button:hover, 
div.signup_panel input.button:focus {background: #876508;} 

/* Links */ 

div.signup_panel a,
#footer div.signup_panel a { 
  padding: 0; 
  text-decoration: underline; 
  color: #0055A4; 
	} 

div.signup_panel a:hover, 
div.signup_panel a:focus,
#footer div.signup_panel a:hover, 
#footer div.signup_panel a:focus {text-decoration: none;} 

/* Errors */ 

div.signup_panel #errors { 
	margin: 0 0 1em 0;
	border: 1px solid #eab394;
	padding: 10px;
	background: #ffe899;
	color: #a00101;
	}

#container div.signup_panel #errors p {margin-bottom: 0.7em;} 
 
#container div.signup_panel #errors ul { 
  margin: 0 0 0 15px; 
  list-style: disc; 
	} 

#container div.signup_panel #errors li {margin: 1px 0;}          

div.signup_panel ul#errorList {padding-left: 15px;} 

/* ------------------------------------------------------------------ */
/* =Styles that need putting in order */
/* ------------------------------------------------------------------ */