/*====================================================================*/
/* Pizza cafe art */
/* Created on oct 2008 */
/* 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) Content
10) Side
11) Footer

12) Forms
13) Lists
14) Tables
15) Large banners
16) Small banners
17) Other banners
18) Buttons
19) Nutrition pages
20) 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: #666;
	}

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

a {
	font-weight: normal;
	text-decoration: none;
	color: #0055a4;
	}
	
a:hover,
a:focus {color: #0055a4;}

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

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

#content p.divide {
	border: 1px solid #ddd;
	padding: 10px;
	background: #f2f2f2;
	}

#content p.intro {font-size: 1.2em;}
#content div.column p.intro {font-size: 1.1em;}

/*.sIFR-active #content p.intro_alt {
  visibility: hidden;
  font-size: 1.5em;
  line-height: 1em;
	}*/

#content p.intro_alt {
	margin-bottom: 1em;
	font-size: 1.2em;
	}
	
#content div.general_image {
	margin: 0 0 2em 0; 
	padding: 7px;
	background: url(/graphics/image_frame.gif) no-repeat;
	width: 286px;
	}
	
#content p.general_image {
	float: left;
	margin: 0 20px 2em 0; 
	padding: 7px;
	background: url(/graphics/image_frame_large.gif) no-repeat;
	}
	


#content p.general_image_2 {
	float: right;
	margin: 0 0 2em 20px; 
	padding: 7px;
	background: url(/graphics/image_frame_large_2.gif) no-repeat;
	}

#content p.general_image_3 {
	float: right;
	margin: 0 0 2em 20px;
	}
	
#content p.general_image_4{ 
  padding: 12px 12px 12px 11px; 
  margin-left: -1px; 
  background: url(/graphics/image_frame_large_4.gif) no-repeat; 
} 

#content p.general_image_5 { 
	float: left; 
	margin: 0 10px 2em 0;  
} 

#content div.general_text {overflow: hidden;} /* To prevent wrapping around floated images */
		
#map {
	margin: 0 0 1em 0;
	border: 1px solid #ddd;
	height: 380px;
	}
	
#content #map p.no_js {
	margin: 20px;
	text-align: center;
	}	
	
/*.sIFR-active #content p.group {
  visibility: hidden;
  font-size: 2.1em;
  line-height: 1em;
	}*/
			
#content p.group {
  font-size: 1.1em;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  font-size: 1.8em;
  color: #888;
  }
  
div.notice {
	margin: 1.5em 0 2em 0;
	border: 3px solid #ddd;
	padding: 5px 15px;
	background: #f2f2f2;
	font-style: italic;
	}
  
#content div.notice p {margin: 1em 0;}
#content p.promo {margin-bottom: 0;}
#content p.spacer {margin-top: 5em;}
		
/* ------------------------------------------------------------------ */
/* =Clearfix */
/* ------------------------------------------------------------------ */

.clearfix:after,
#header ul#primary:after,
#content:after,
#function_bar:after,
div.form_block:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both;
  visibility: hidden;
	}

.clearfix, #header ul#primary, #content, #function_bar, div.form_block {display: inline-block;}
.clearfix, #header ul#primary, #content, #function_bar, div.form_block {display: block;}

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

#container {
	margin: 0 auto;
	width: 996px;
	text-align: left;
	}

#main {
	float: left;
	margin-left: 20px;
	width: 625px
	}

body#home #main {
	margin-left: 0;
	width: 660px;
	}

#side {
	float: right;
	margin-right: 15px;
	width: 320px;
	}

body.service #side {/* To accommodate the poorly positioned H2 */
	position: relative;
	margin-top: 45px;
	} 
					
/* ------------------------------------------------------------------ */
/* =Header */
/* ------------------------------------------------------------------ */

#header {
	position: relative;
	padding: 0 0 10px 0;
	text-align: center;
	z-index: 10002;
	}
		
/* Skip link */

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

#header h1 {
	position: absolute;
	top: 4px;
	left: 20px;
	width: 212px;
	height: 100px;
	background: url(/graphics/logo.gif) no-repeat;
	text-indent: -1000em;	
	}

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

#header p#tab {
	position: absolute;
	top: 20px;
	right: 0;
	padding: 1px 25px 0 0;
	width: 260px;
	background: url(/graphics/header_tab_line.gif) no-repeat 100% 0;
	font-size: 1.3em;
	}

#header p#tab a {
	float: right;
	width: 200px;
	height: 37px;
	background: url(/graphics/header_tab.gif) no-repeat;
	text-indent: -1000em;
	outline: none;
	}

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

ul#primary {
	padding: 100px 0 15px 0;
	background: url(/graphics/section_divider.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#primary li {
  visibility: hidden;
  font-size: 1.8em;
  line-height: 1em;
	}*/

ul#primary li {
	display: -moz-inline-stack; /* Because FF2 doesn't understand inline-block */
	display: inline-block;
	padding: 0 40px;
	background: url(/graphics/navigation_divider.gif) no-repeat 100% 50%;
	font-size: 1.7em;
	}

ul#primary li.last {background: none;}

ul#primary a {
	padding: 0 5px; /* Prevents word and letter wrapping when sIFR is activated - both IE and FF bug related to inline-block elements */
	color: #666;
	}
	
ul#primary li.selected a,
ul#primary a:hover,
ul#primary a:focus {color: #0055a4;}	
		
/* Secondary Navigation */

ul#secondary {
	display: -moz-inline-stack; /* Because FF2 doesn't understand inline-block */
	display: inline-block;
	position: relative;
	top: -7px; /* To align with the primary nav background image */
	padding: 12px 20px 5px 20px;
	background: #f5f5f5 url(/graphics/navigation_bg.gif) repeat-x;
	text-align: center;
	list-style: none;
	font-family: Georgia, Arial, Verdana, Sans-Serif;
	}

/*.sIFR-active ul#secondary li {
  visibility: hidden;
  font-size: 1.6em;
  line-height: 1em;
	}*/

ul#secondary li {
	display: -moz-inline-stack; /* Because FF2 doesn't understand inline-block */
	display: inline-block;
	margin: 0 7px;
	font-size: 1.3em;
	}

ul#secondary li.last {background: none;}

ul#secondary a {
	padding: 0 5px; /* Prevents word and letter wrapping when sIFR is activated - both IE and FF bug related to inline-block elements */
	color: #3d3d3d;
	}
	
ul#secondary li.selected a,
ul#secondary a:hover,
ul#secondary a:focus {color: #0055a4;}	
					
/* ------------------------------------------------------------------ */
/* =Content */
/* ------------------------------------------------------------------ */

#content {
	margin: 1em 0 0 0;
	padding: 0 0 2em 0;
	}

body#menu #content {padding: 0 10px;}
body#full #content {padding: 0 20px 2em 20px;}

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

#content blockquote.heading {
	position: relative;
	margin-bottom: 2em;
	}
	
#content blockquote.heading cite {
	display: block;
	position: absolute;
	bottom: -15px;
	right: 0;
	font-style: normal;
	}
	
#content blockquote.heading cite span {color: #17b9c6;}

#content h2,
#content h3,		
#content h4,
#content h5,
#content h6 {
	margin: 0 0 1.5em 0;
	font: normal 1em/1.1 Arial, Verdana, Sans-Serif;
	}

#content h2,
#content div.column h3 {font-family: Georgia, Arial, Verdana, Sans-Serif;}

/*.sIFR-active #content h2 {
  visibility: hidden;
  font-size: 2.6em;
  line-height: 1em;
	}

.sIFR-active #content h2.alt {font-size: 2em;}
.sIFR-active #content h2.alt2 {font-size: 2.3em;}
.sIFR-active body.nutrition #content h2 {font-size: 3.2em;}
.sIFR-active body.service #content #side h2.talk {font-size: 2.3em;}*/

#content h2 {
	margin-bottom: 0.5em;
  font-size: 2.3em;
  line-height: 1.1;
	color: #996408;
	}

#content h2.alt {font-size: 1.7em;}
#content h2.alt2 {font-size: 2em;}
#content body.nutrition #content h2 {font-size: 2.8em;}
				
body.service #content #side h2.talk {
	position: absolute;
	top: -45px;
	left: 0;
	font-size: 2em;
	color: #0055a4;
	}
					
#content h2.divide {
	padding: 1.3em 0 0 0;
	background: url(/graphics/heading_divide.gif) no-repeat;
	}
	
#content div.menu_price {
	margin: 0 0 2em 0;
	padding: 0 0 1em 0;
	background: url(/graphics/menu_price_underline.gif) no-repeat 0 100%;
	text-align: center;
	}
	
body.christmas #content div.menu_price {background-image: url(/graphics/menu_price_underline_christmas.gif);}

/*.sIFR-active #content div.menu_price h2 {
  visibility: hidden;
  font-size: 3.7em;
  line-height: 1em;
	}*/

body.christmas .sIFR-active #content div.menu_price h2 {font-size: 3.3em;}
		
#content div.menu_price h2 {
  font-size: 3.4em;
	text-align: center;
	}
		
body.christmas #content div.menu_price h2 {font-size: 3em;}
					
#content h3 {
	font-size: 1.1em;
	font-weight: bold;
	}	
				
#content h3.divide {
	margin-bottom: 1.5em;
	padding: 0 0 25px 0;
	background: url(/graphics/heading_divide.gif) no-repeat 0 100%;
	}	
	
/*.sIFR-active #content div.column h3 {
  visibility: hidden;
  font-size: 1.8em;
  line-height: 1em;
	}*/
				
#content div.column h3 {	
	margin-bottom: 0.2em;
	font-size: 1.6em;
	font-weight: normal;
	color: #a90f6a;
	}		

/* Homepage funnels */

div.home_funnel	{
	overflow: hidden;
	margin: 0 0 1.5em 0;
	}
	
div.home_funnel img	{
  display: block;
  float: left;
  margin: 0 20px 0 0;
	}
	
div.home_funnel.second img {
  float: right;
  margin: 0 0 0 20px;
	}

div.home_funnel div.container {overflow: hidden;} /* To prevent text wrapping round small images */
	
/*.sIFR-active #content div.home_funnel h2 {
  visibility: hidden;
  font-size: 2.4em;
  line-height: 1em;
	}*/

#content div.home_funnel h2 {
	margin-bottom: 0.2em;
  font-size: 2em;
	}
				
/* Restaurant search results */

#content p.search_results {
	padding: 15px;
	background: #dedede;
	}

#content p.search_results strong {
	font-weight: normal;
	color: #a90f6a;
	}
	
#content ol.search_results {
	margin-left: 0;
	list-style: none;
	}

#content ol.search_results li {overflow: hidden;}

#content ol.search_results li.listing {margin: 0;} /* Sorry, this class is a hack because of the .NET setup */

#content ol.search_results li.listing a {
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #E6E6E6;
	padding: 12px 15px;
	background: #F5F5F5;
	font-size: 1.2em;
	}

#content ol.search_results li.listing a:hover,
#content ol.search_results li.listing a:focus {background: #fff;}
	
#content ol.search_results p.distance {
	float: right;
	margin: 8px 0 0 0;
	color: #999;
	}

/*.sIFR-active #content ol.search_results h3 {
  visibility: hidden;
  font-size: 1.8em;
  line-height: 1em;
	}*/
				
#content ol.search_results h3 {
	margin-bottom: 0.4em;
	width: 80%;
	font: normal 1.7em Georgia, Arial, Verdana, Sans-Serif;
	color: #a90f6a;
	}		

#content p.result_image {
	float: left;
	margin: 0 20px 2em 0; 
	padding: 7px;
	background: url(/graphics/image_frame.gif) no-repeat;
	}
	
ol.search_results div.wrapper {
	overflow: hidden;
	margin: 0 0 2em 0;
	padding: 5px 0 0 0;
	}

#content ol.search_results ul {
	margin: 0;
	list-style: none;
	}

#content ol.search_results ul li {
	overflow: visible; /* Reset */
	margin: 8px 0;
	}
						
/* Menus */
	
div.column {
	float: left;
	margin-right: 30px;
	width: 295px;
	}
	
body#menu div.column {width: 305px;}
div.column.last {margin-right: 0;}
	
#content div.column h2 {margin-bottom: 0.6em;}
		
#content div.column ul {
	margin: 0 0 2em 0;
	list-style: none;
	}
		
#content div.column li {margin: 0 0 0.8em 0;}

#content div.column p {
	margin: 0 0 1em 0;
	text-align: justify;
	line-height: 1.2;
	font-size: 0.9em;
	} 	
	
#content div.column p.vegetarian {
  padding: 2px 0 2px 20px;
  background: url(/graphics/vegetarian_icon.gif) no-repeat;
  }				
	
#content div.column p.nuts {
  padding: 2px 0 2px  20px;
  background: url(/graphics/nuts_icon.gif) no-repeat;
  }			
  	
span.nuts{ 
  padding: 2px 0 2px 14px; 
  background: url(/graphics/nuts_icon.gif) left 1px no-repeat; 
} 

span.nuts strong{ 
  display: none; 
} 
 	
#content div.column p em {color: #c14e92;}

/* Item information */

div.item_info {
	overflow: hidden;
	background: url(/graphics/menu_price_line.gif) repeat-x 0 50%;
	}
	
body.leggera div.item_info {background-image: url(/graphics/menu_price_line_2.gif);}
	
#content div.column ul.dietary_info {margin: 0;}

#content ul.dietary_info li {
	float: left;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0 5px 0 0;
	background-color: #fff;
	background-repeat: no-repeat;
	text-indent: -1000em;
	}
	
#content ul.dietary_info.key li {
  display: block; 
  clear: both; 
  width: 90%; 
  text-indent: 0; 
  padding: 0 0 5px 20px ;
}

#content ul.dietary_info li.vegetarian {background-image: url(/graphics/vegetarian_icon.gif);}
#content ul.dietary_info li.nuts {background-image: url(/graphics/nuts_icon.gif);}
body.leggera #content ul.dietary_info li.vegetarian {background-image: url(/graphics/vegetarian_icon_2.gif);}
body.leggera #content ul.dietary_info li.nuts {background-image: url(/graphics/nuts_icon_2.gif);}

#content div.column p.takeaway_price,
#content div.column p.price {
	margin: 0 0 5px;
	text-align: right;
	font-size: 1.1em;
	line-height: 1.0;
	color: #c14e92;
	letter-spacing: 0.05em;
	}				
	
body.leggera #content div.column p.price {color: #39630e;}
	
#content div.column p.takeaway_price span,	
#content div.column p.price span {
	padding: 0 0 0 7px;
	background: #fff;
	font-family: Georgia, Arial, Verdana, Sans-Serif;
	}				
	
#content p.menu_banner {
	width: 305px;
	height: 305px;
	overflow: hidden;
	z-index: 100;
	}

/* Menu information */
	
#content div.menu_information {
	clear: both;
	padding: 25px 350px 20px 0;
	min-height: 160px;
	}
	
#content div.menu_information ul {
	margin: 0;
	list-style: none;
	}
	
#content div.menu_information li {
	margin: 0.8em 0;
	padding: 3px 0 3px 22px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	}
	
#content div.menu_information li.vegetarian {background-image: url(/graphics/vegetarian_icon.gif);}
#content div.menu_information li.nuts {background-image: url(/graphics/nuts_icon.gif);}

/* Contact details */

div.contact_details {
	overflow: hidden;
	margin: 0 0 1.5em 0;
	padding: 3px;
	background: #f0f0f0;
	}

div.contact_details img {
	display: block;
	float: left;
	margin: 0 30px 0 0;
	border: 3px solid #fff;
	}

div.contact_details div.wrapper {
	overflow: hidden;
	padding: 15px 10px 10px 0;
	}

#content div.contact_details div.wrapper address {margin-bottom: 1em;}

#content div.contact_details div.wrapper dl {margin-bottom: 0;}
#content div.contact_details div.wrapper dt {margin: 1em 0 0 0;}
#content div.contact_details div.wrapper dd {
	clear: left;
	margin-bottom: 0;
	}

#content div.contact_details div.wrapper dd strong {
	float: left;
	width: 3em;
	}
			
/* Restaurant infomation */

div.restaurant_info {
	overflow: hidden;
	margin: 0 0 1.5em 0;
	}
	
div.col_1 {
	float: left;
	width: 47.5%;
	}
	
div.col_2 {
	float: right;
	width: 47.5%;
	}

/* Menu bar */

#function_bar {
	position: relative;
	z-index: 10001; /* Just enough more than the side menu */
	margin: 0 0 1.5em 0;
	height: 6.3em;
	}
	
body#menu #function_bar {height: 10em;}

#function_bar fieldset {
	position: absolute;
	bottom: 0;
	padding: 15px 0 11px 0;
	z-index: 2;
	width: 100%;
	background: url(/graphics/function-bar/function_bar_bg.png) repeat-y;
	}

#function_bar fieldset.restaurant_search {padding: 20px 0;}	

/*.sIFR-active #function_bar fieldset.restaurant_search label.main {
  visibility: hidden;
  font-size: 1.7em;
  line-height: 1em;
	}*/

#function_bar fieldset.restaurant_search label.main {
	float: left;
	margin-left: 35px;
	font-size: 1.3em;
	}	

#function_bar fieldset.restaurant_search input.text {width: 300px;}	
	
#content a.menu_button {
	float: left;
	margin-left: 50px;
	width: 221px;
	height: 42px;
	background: url(/graphics/function-bar/menu_button.png) no-repeat;
	text-indent: -1000em;
	outline: none;
	}
	
#content a.menu_button:hover,
#content a.menu_button:focus {background-position: 0 100%;}
#content a.menu_button.full {background-position: 100% 0;}
#content a.menu_button.full:hover,
#content a.menu_button.full:focus {background-position: 100% 100%;}

div.control_wrap {
	float: right;
	margin: 8px 30px 8px 0;
	}

#function_bar span.aesthetics {
	position: absolute;
	left: -60px;
	bottom: 0;
	z-index: 1;
	width: 300px;
	height: 191px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	}

#function_bar span.aesthetics.artichokes {background-image: url(/graphics/aesthetic-food/artichokes_2.jpg);}
#function_bar span.aesthetics.tomatoes {background-image: url(/graphics/aesthetic-food/tomatoes.jpg);}
#function_bar span.aesthetics.mushrooms {background-image: url(/graphics/aesthetic-food/mushrooms_2.jpg);}
#function_bar span.aesthetics.garlic {background-image: url(/graphics/aesthetic-food/garlic.jpg);}
	
/* Restaurant Filters dropdown */

#filters {
	display: inline;
	position: relative;
	margin: 0 90px 0 10px;
	}

#filters span.toggle {
	-moz-border-radius: 2px;
	-webkit-border-radius: 3px;
	padding: 4px 50px 4px 5px;
	background: #A9A9A9 url(/graphics/function-bar/filters_toggle_down.gif) no-repeat 100% 48%;
	color: #fff;
	cursor: pointer;
	}

#filters span.toggle.open {background-image: url(/graphics/function-bar/filters_toggle_up.gif);}
#filters span.toggle:hover {background-color: #777;}
		
#facilities {
	display: none;
	position: absolute;
	top: 1.6em;
	left: 0;
	z-index: 50;
	padding: 22px 0 0 0;
	width: 211px;
	background: url(/graphics/function-bar/filters_bg_top.png) no-repeat;
	}
		
#facilities div.wrap_1 {
	padding: 0 0 15px 0;
	background: url(/graphics/function-bar/filters_bg_bottom.png) no-repeat 0 100%;
	}

#facilities div.wrap_2 {
	padding: 1px 7px 10px 1px;
	background: url(/graphics/function-bar/filters_bg.png) repeat-y;
	}
		
#content #facilities ul {
	margin: 0;
	border-top: 1px solid #666;
	list-style: none;
	}
		
#content #facilities li {margin: 0;}
			
#content #facilities ul label {
	display: block;
	margin-left: 0;
	border-bottom: 1px solid #666;
	padding: 10px 12px;
	color: #ddd;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
	}
			
#content #facilities ul label.selected {background: #444 url(/graphics/function-bar/tick.gif) no-repeat 95% 50%;}
		
#content #facilities ul label:hover {background-color: #444;}

#content #facilities div.action {
	overflow: hidden;
	padding: 15px 10px 5px 10px;
	}
	
#content #facilities div.action span {float: right;}

/* Promotions */

div.promo_intro {
	margin: 0 0 4em 0;
	padding: 40px 0 40px 220px;
	background: url(/graphics/theo_promo_intro.jpg) no-repeat 0 100%;
	}
	
/* Vegetable/herb image additions */

body#artichokes #content,
body#menu #content {background: url(/graphics/aesthetic-food/artichokes.jpg) no-repeat 95% 100%;}
body#mushrooms #content {background: url(/graphics/aesthetic-food/mushrooms.jpg) no-repeat 95% 100%;}
#mushrooms {background: #fff no-repeat 95% 100%;}


body#artichokes #side,
body#mushrooms #side {padding-bottom: 180px;}


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

#side {
	position: relative;
	z-index: 10000;
	background: url(/graphics/side_divider.gif) no-repeat;
	text-align: center;
	color: #999;
	}

#side div.wrap {
	position: relative;
	margin: 0 15px;
	padding: 10px 0 5px 0;
	background: #f5f5f5 url(/graphics/wrap_bg.gif) repeat-x;
	text-align: center;
	}
	
/* Side nav */

#side_nav {text-align: left;}

/*.sIFR-active #content #side_nav h2 {font-size: 2em;}*/

#content #side_nav h2 {
	margin: 0.8em 0 0.5em 20px;
	font-size: 1.7em;
	color: #666;
	}

#content #side_nav ul {
	margin-left: 0;
	border-top: 1px dashed #d5d5d5;
	list-style: none;
	font-size: 1.2em;
	}

#content #side_nav li {margin: 0;}

#content #side_nav ul a {
	display: block;
	border-bottom: 1px dashed #d5d5d5;
	padding: 20px;
	color: #777;
	text-decoration: none;
	}

#content #side_nav ul a.selected,
#content #side_nav ul a:hover,
#content #side_nav ul a:focus {
	background: #bc448b;
	color: #fff;
	}
	
/* ------------------------------------------------------------------ */
/* =Footer */
/* ------------------------------------------------------------------ */
	
#footer {
	position: relative;
	z-index: 10000;
	padding: 0 0px 0px;
	background: url(/graphics/section_divider.gif) no-repeat;
	text-align: center;
	color: #999;
	}

#footer ul,
#footer ol {list-style: none;}

#footer a {color: #999;} 
#footer a:hover,
#footer a:focus {
	text-decoration: underline;
	color: #0055a4;
	}
	
#footer script {display: none}
/* Columns */

#footer ul.columns {
	margin: 0 0 1em 0;
	padding: 15px 20px;
	background: #f5f5f5 url(/graphics/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 10px;
	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;
	}
	
#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;
	}

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

/* Structural */

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

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 div.form_block div.form_right p {padding: 6px 0 0 0;}
	
/* Labels */

fieldset.standard label,
#container fieldset.standard p.label {
	float: left;
	margin: 0;
	padding: 6px 0 4px 0;
	width: 34%;
	text-align: right;
	line-height: 1.1;
	}
	
fieldset.mailing_list label {
	margin: 0 10px 0 0;
	font-size: 1em;
	}
			
/* 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/input_gradient.gif);
	background-repeat: repeat-x;
	}		

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

fieldset.standard input.text {width: 80%;}		
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%;
	}

fieldset.standard select.medium {width: 5em;} 
fieldset.standard select.small {width: 3.5em;} 
fieldset.standard select.spacer {margin-right: 20px;}
				
/* 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;
	}

/* Find a restaurant */

#content fieldset#search ul {
	overflow: hidden;
	margin: 0 0 2em 0;
	list-style: none;
	font-size: 0.9em;
	}

#content fieldset#search li {
	float: left;
	margin: 0 15px 0 0;
	width: 80px;
	}

#content fieldset#search li.last {margin-right: 0;}

fieldset#search label span {
	display: block;
	margin: 0 0 5px 0;
	padding: 4px 0 4px 0;
	background-repeat: no-repeat;
	background-position: 20px 30%;
	}

fieldset#search label.babychanging span {background-image: url(/graphics/facilities-icons/babychanging.gif);}
fieldset#search label.takeaway span {background-image: url(/graphics/facilities-icons/takeaway.gif);}
fieldset#search label.alfresco span {background-image: url(/graphics/facilities-icons/alfresco.gif);}
fieldset#search label.livemusic span {background-image: url(/graphics/facilities-icons/livemusic.gif);}
fieldset#search label.separatebar span {background-image: url(/graphics/facilities-icons/separatebar.gif);}
fieldset#search label.meetingroom span {background-image: url(/graphics/facilities-icons/meetingbar.gif);}

/* ------------------------------------------------------------------ */
/* =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 1em 0;
	border-spacing: 0;
	border-collapse: collapse;
	border: solid #ddd;
	border-width: 1px;
	width: 100%;
	text-align: left;
	font-size: 1em;
	}

table.adminlogin,	
table.adminlogin table,
table.adminlogin td {border: 0;} /* Hacking to fix .NET rubbish */

/* Captions */

caption {
	padding: 0 0 10px 0;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	}

/* Cells */

th {
	border: solid #d3d3d3;
	border-width: 1px 1px 0 0;
	padding: 8px 10px;
	background: #e4e4e4;
	vertical-align: bottom;
	font-weight: bold;
	}	
		
td {
	border: solid #ddd;
	border-width: 1px 1px 0 0;
	padding: 8px 10px;
	background: #f5f5f5;
	font-weight: normal;
	}	
		
table .left {text-align: left;}
table .centre {text-align: center;}
table .right {text-align: right;}
					
					
/* ------------------------------------------------------------------ */
/* =Large banners */
/* ------------------------------------------------------------------ */

#banner {
	position: relative;
	margin: 0 auto 1em auto;
	padding: 14px 14px 0 14px;
	width: 932px;
	height: 324px;
	background: url(/graphics/banners/banner_frame_large.gif) no-repeat;
	text-align: left;
	}

body#search #banner {
	height: 291px;
	background-image: url(/graphics/banners/banner_frame_medium.gif);
	
	}
	
#main #banner {
	width: 592px;
	height: 374px;
	background-image: url(/graphics/banners/banner_frame_small.gif);
	
	}

body.leggera #banner,
body.sam_stern #banner,
body.christmas #banner {
	height: 373px;
	background-image: url(/graphics/banners/banner_frame_x_large.gif);
	}

#banner div.banner_wrap {
	overflow: hidden;
	position: relative;
	height: 305px;
	}	

body.leggera #banner div.banner_wrap,
body.christmas #banner div.banner_wrap {height: 354px;}	

#banner_container {
	position: absolute;
	width: 6000px;
	height: 305px;
	}
	
body.leggera #banner_container,
body.christmas #banner_container {
	width: 10000px;
	height: 288px;
	}

	

body.christmas .christmas-content.divide{
  margin-bottom: 20px;
  border-bottom: 1px solid #E4E4E4;
}

#main #banner div.banner_wrap,
#main #banner #banner_container {height: 355px;}	
		
body#search #banner div.banner_wrap,
body#search #banner #banner_container {height: 272px;}	
	
#banner div.slide {
	position: relative;
	float: left;
	width: 932px;
	height: 100%;
	}
						
#main #banner div.slide {width: 592px;}

#banner div.text_container {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 7px 20px 12px 20px;
	width: 75%;
	background: #ffba00 url(/graphics/banners/banner_text_bg_2.gif) repeat-x;
	text-align: right;
	}

#banner div.antonio div.text_container {width: 65%;}
	
#banner div.text_container.alt {background: #8fd747 url(/graphics/banners/banner_text_bg_1.gif) repeat-x 0 100%;}
#banner div.text_container.alt_2 {background: #867a60 url(/graphics/banners/banner_text_bg_3.gif) repeat-x 0 100%;}
#banner div.text_container.alt_3 {background: none;}
#banner div.text_container.alt_4 {background: none; left: -5px; text-align: left; padding: 0 0 50px 0;}
	
#banner div.text_container.alt_5 {
  background: none;
  width: 60%;
  bottom: 29px;
  text-align: left;
  }
  
#banner div.text_container.alt_5 a{
  background: url(/graphics/banners/banner_facebook_button.jpg) no-repeat;
  display: block;
  width: 214px;
  height: 33px;
  margin-left: 172px;
  }

#banner div.text_container.alt_5 a span{visibility: hidden;}
	
/*.sIFR-active #banner h2 {
  visibility: hidden;
	font-size: 2.5em;
  line-height: 1em;
	}

.sIFR-active #banner h2.alt {
  visibility: hidden;
	font-size: 2.2em;
  line-height: 1em;
	}*/

#banner h2 {
	margin: 0;
	font: normal 2.3em Georgia, Arial, Verdana, Sans-Serif;
  color: #fff;
	}
	
#banner h2.alt {font-size: 1.9em;}

.sIFR-active #banner p {
 /* visibility: hidden;*/
	font-size: 1.1em;
  line-height: 1em;
	}

#banner p {
	display: inline;
	margin: 0;
  font-size: 1.2em;
	}

#banner p a {
	padding: 0 0 0 30px; /* Prevents word and letter wrapping when sIFR is activated - both IE and FF bug related to inline-block elements */
	text-decoration: underline;
	color: #fff;
	}

#banner p a:hover,
#banner p a:focus {text-decoration: none;}

/* Banner Tabs - Seen on the Leggera promo page */

ul.banner_tabs {
	position: absolute;
	bottom: 0;
	left: 0;
  list-style: none;
	}

ul.banner_tabs li {float: left;}

ul.banner_tabs a {
  display: block;
  width: 186px;
  height: 66px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
	outline: none;
	}

ul.banner_tabs.christmas a {
	width: 233px;
	background-image: url(/graphics/banners/tabs-christmas-banner.gif); /* Tried this one all in one graphical sprite */
	}

ul.banner_tabs a.leggera-range {background-image: url(/graphics/banners/tab-leggera-range.jpg);}
ul.banner_tabs a.leggera-pizzas {background-image: url(/graphics/banners/tab-leggera-pizzas.jpg);}
ul.banner_tabs a.leggera-starters {background-image: url(/graphics/banners/tab-leggera-starters.jpg);}
ul.banner_tabs a.leggera-dessert {background-image: url(/graphics/banners/tab-leggera-dessert.jpg);}

ul.banner_tabs a.lighter-drinks {
	background-image: url(/graphics/banners/tab-lighter-drinks.jpg);
  width: 188px;
	}

ul.banner_tabs a:hover,
ul.banner_tabs a:focus,
ul.banner_tabs a.selected {background-position: 0 100%;}

ul.banner_tabs a.christmas-home {background-position: 0 0;}
ul.banner_tabs a.christmas-menu {background-position: -233px 0;}
ul.banner_tabs a.christmas-early {background-position: -466px 0;}
ul.banner_tabs a.christmas-book {background-position: -699px 0;}

ul.banner_tabs a.christmas-home:hover, ul.banner_tabs a.christmas-home:focus, ul.banner_tabs a.christmas-home.selected {background-position: 0 100%;}
ul.banner_tabs a.christmas-menu:hover, ul.banner_tabs a.christmas-menu:focus, ul.banner_tabs a.christmas-menu.selected {background-position: -233px 100%;}
ul.banner_tabs a.christmas-early:hover, ul.banner_tabs a.christmas-early:focus, ul.banner_tabs a.christmas-early.selected {background-position: -466px 100%;}
ul.banner_tabs a.christmas-book:hover, ul.banner_tabs a.christmas-book:focus, ul.banner_tabs a.christmas-book.selected {background-position: -699px 100%;}


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

body.leggera a.left_button,
body.leggera a.right_button {
	top: 14px;
	left: -17px;
	width: 31px;
	height: 288px;
	background: url(/graphics/banners/arrow_left_2.gif) no-repeat;
	opacity: 1;
	filter: alpha(opacity=100);
	}

body.leggera a.right_button {
	left: auto;
	right: -17px;
	background-image: url(/graphics/banners/arrow_right_2.gif);
	}

/* Banner videos */

#banner_videos {
	margin: 0 auto 3em auto;
	width: 960px;
	background: url(/graphics/banners/banner_frame_top.gif) no-repeat;
	}

#banner_videos div.wrap {
	padding: 14px 14px 19px 14px;
	background: url(/graphics/banners/banner_frame_bottom.gif) no-repeat 0 100%;
	}

#banner_videos div.content_container {
	overflow: hidden;
	background: #8FD747 url(/graphics/banners/theo_intro_banner_bg.gif) repeat-x 0 100%;
	}

#banner_videos #video_container {float: right;}
#banner_videos #video_container img {display: block;}

#banner_videos div.text_container {
	overflow: hidden;
	padding: 25px;
	}

/*.sIFR-active #banner_videos h2 {
  visibility: hidden;
  font-size: 4em;
  line-height: 1em;
	}*/

#banner_videos h2 {
	margin-bottom: 0.6em;
	letter-spacing: -0.05em;
  font-size: 3.7em;
  line-height: 1.1;
	color: #a90f6a;
	}

#banner_videos ul {
	margin: 0 0 0.5em 0;
	border-top: 1px solid #a6d478;
	list-style: none;
	}		

#banner_videos ul a {
	display: block;
	border-bottom: 1px solid #a6d478;
	padding: 8px;
	background: url(/graphics/banners/banner_videos_arrow.gif) no-repeat 95% 50%;
	color: #fff;
	}					

#banner_videos ul a.selected,
#banner_videos ul a:hover,
#banner_videos ul a:focus {background-color: #6aa42e;}	
			
/* ------------------------------------------------------------------ */
/* =Small banners */
/* ------------------------------------------------------------------ */

div.banner_wrapper {
	position: relative;
	margin: 0 0 1.5em 0;
	min-height: 306px; /* 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/banner_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;
	padding: 20px;
	min-height: 247px;
	}
	
div.banner div.wrap:hover {border-color: #ddd;}
div.expanded div.banner div.wrap:hover {border-color: #fff;}

#content div.banner h2 {
	overflow: hidden;
	position: relative;
	z-index: 1; /* Required to make the text appear over the top of the absolutely positioned .element img */
	margin-bottom: 0.3em;
	width: 90%;
  font-size: 2.7em;
	text-indent: -1000em;
	}

div.banner h2 span,
div.banner h2 strong,
div.banner h2 em {
	float: left;
	margin: 0 0 3px 0;
	}

#content div.banner p {
	position: relative;
	z-index: 1; /* Required to make the text appear over the top of the absolutely positioned .element img */
	text-align: left;
	font-size: 1em;
	line-height: 1.3;
	}
	
div.banner blockquote {
	margin: 0 0 1.2em 0;
	text-indent: -1000em;
	}
	
#content div.banner blockquote p {margin-bottom: 0;}
#content div.banner blockquote cite {display: block;}

div.banner div.element {
	position: absolute;
	bottom: 0;
	right: 0;
	}

div.banner div.element img {display: block;}
		
/* Sliding banner images */
		
div.banner_images {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	width: 325px;
	height: 287px;
	}
	
div.banner_images div.images_container {
	position: absolute;
	width: 6000px;
	height: 100%;
	}
	
div.banner_images div.images_container div.slide {
	position: relative;
	float: left;
	width: 325px;
	}
	
div.banner_images div.images_container div.slide img {display: block;}
			
/* Expand button */
		
html #content div.banner_wrapper div.banner p.expand_button {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	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;
	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: 130px;
	left: 42%;
	width: 66px;
	height: 66px;
	}
					
/* Theo Randell banner */

div.theo_intro div.wrap {
	background: #8fd747 url(/graphics/banners/theo_intro_banner_bg.gif) repeat-x 0 100%;
	color: #fff;
	}

#content div.theo_intro h2 {
	margin-bottom: 1em;
	width: 203px;
	height: 37px;
	background: url(/graphics/banners/theo_intro_text_theo_randell.gif) no-repeat;
	}

#content div.expanded div.theo_intro h2 {margin-bottom: 0.5em;}

div.theo_intro div.element {
	left: 10px;
	right: auto;
	}

div.theo_intro div.video {
	float: left;
	margin: 0 20px 5px 0;
	}

#content div.theo_intro p {padding: 0 0 0 130px;}
#content div.expanded div.theo_intro p {padding: 0;}
#content div.theo_intro a {color: #a90f6a;}
			
#content div.theo_intro a.button {
	background-color: #698f43;
	line-height: 2em;
	color: #fff;
	}
			
#content div.theo_intro a.button:hover,
#content div.theo_intro a.button:focus {background-color: #476826;}

div.theo_intro div.loading {background: url(/graphics/banners/loading_green.gif);}

div.theo_intro p.expand_button span,
div.expanded div.theo_intro p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_green.gif);}

/* Dough Master banner */

div.dough_master div.wrap {
	overflow: visible;
	background: #f2f0ed url(/graphics/banners/beige_bg.gif) repeat-x 0 100%;
	color: #626262;
	}

div.dough_master h2 {
	width: 114px;
	height: 39px;
	background: url(/graphics/banners/dough_master_text_dough.gif) no-repeat;
	}

#content div.dough_master p {
	margin-bottom: 1.5em;
	padding: 0 110px 0 0;
	}

#content div.expanded div.dough_master p {padding-right: 260px;}
#content div.dough_master a {color: #626262;}

div.dough_master blockquote {
	width: 324px;
	height: 107px;
	background: url(/graphics/banners/dough_master_quote.gif) no-repeat;
	}

div.dough_master div.loading {background: url(/graphics/banners/loading_beige.gif);}

div.dough_master p.expand_button span,
div.expanded div.dough_master p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_beige.gif);}

/* WeightWatchers banner */

div.weightwatchers_wrap {min-height: 200px;}

div.weightwatchers div.wrap {
	background: #f2f0ed url(/graphics/banners/beige_bg.gif) repeat-x 0 100%;
	min-height: 140px;
	color: #3f3f3f;
	}

div.expanded div.weightwatchers div.wrap {min-height: 310px;}

#content div.weightwatchers h2 {
	top: 15px;
	width: 240px;
	height: 112px;
	background: url(/graphics/banners/weightwatchers_text.gif) no-repeat;
	}

div.weightwatchers blockquote {
	margin-bottom: 2em;
	width: 289px;
	height: 174px;
	background: url(/graphics/banners/weightwatchers_quote.gif) no-repeat;
	}

#content div.weightwatchers p {
	margin-bottom: 1.2em;
	padding-right: 280px;
	}

#content div.weightwatchers div.spacer {
	position: absolute;
	bottom: 20px;
	}
		
div.weightwatchers div.loading {
	top: 50px;
	background: url(/graphics/banners/loading_beige.gif);
	}
	
div.expanded div.weightwatchers div.loading {top: 130px;}

div.weightwatchers p.expand_button span,
div.expanded div.weightwatchers p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_beige.gif);}
		
/* Passion for Service banner */

div.passion div.wrap {
	background: #f2f0ed url(/graphics/banners/beige_bg.gif) repeat-x 0 100%;
	color: #626262;
	}
	
#content div.passion h2 {margin-bottom: 0.5em;}

div.passion h2 span,
div.passion h2 em {height: 32px;}

div.passion h2 span {
	width: 178px;
	background: url(/graphics/banners/passion_text_passion_for.gif) no-repeat;
	}

div.passion h2 em {
	width: 113px;
	background: url(/graphics/banners/passion_text_service.gif) no-repeat;
	}

div.passion blockquote {
	margin-bottom: 1.8em;
	width: 282px;
	height: 91px;
	background: url(/graphics/banners/passion_quote.gif) no-repeat;
	}

#content div.passion p {
	margin-bottom: 1.8em;
	padding: 0 100px 0 0;
	}

#content div.expanded div.passion p {padding-right: 300px;}
#content div.passion a {color: #626262;}
div.passion div.loading {background: url(/graphics/banners/loading_beige.gif);}

div.passion p.expand_button span,
div.expanded div.passion p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_beige.gif);}
		
/* Meet the Founders banner */

div.founders div.wrap {
	background: #e6481a url(/graphics/banners/founders_bg.gif) repeat-x 0 0;
	color: #fff;
	}

div.expanded div.founders div.wrap {padding-bottom: 40px;}
	
#content div.founders h2 {
	width: 150px;
	height: 68px;
	background: url(/graphics/banners/founders_text_meet_the_founders.gif) no-repeat;
	}

#content div.founders p {padding: 0 90px 0 0;}
#content div.expanded div.founders p {padding-right: 260px;}
#content div.founders a {color: #fff;}

div.founders blockquote {
	width: 306px;
	height: 96px;
	background: url(/graphics/banners/founders_quote.gif) no-repeat;
	}

div.founders div.loading {background: url(/graphics/banners/loading_red.gif);}

div.founders p.expand_button span,
div.expanded div.founders p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_red.gif);}

/* Signor Greci banner */

div.greci div.wrap {
	padding-bottom: 14px;
	background: #f2f0ed url(/graphics/banners/beige_bg.gif) repeat-x 0 100%;
	color: #626262;
	}

#content div.greci h2 {
	margin-bottom: 1em;
	width: 153px;
	height: 67px;
	background: url(/graphics/banners/greci_text.gif) no-repeat;
	}
	
div.greci div.inner_wrapper {width: 260px;}

#content div.greci p {
	margin-bottom: 1.5em;
	padding-right: 110px;
	}

#content div.expanded div.greci p {
	margin-bottom: 0;
	padding-right: 0;
	}
	
#content div.greci a {color: #626262;}

div.greci blockquote {
	width: 232px;
	height: 97px;
	background: url(/graphics/banners/greci_quote.gif) no-repeat;
	}

div.greci div.loading {background: url(/graphics/banners/loading_beige.gif);}

div.greci p.expand_button span,
div.expanded div.greci p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_beige.gif);}
				

/* Sam Stern Food Banner*/

div.sam_stern_food div.wrap {
	background:  #000; 
	color: #fff;
	}

#content div.sam_stern_food h2 {
	margin-bottom: 0.3em;
	width: 252px;
	height: 90px;
	background: url(/graphics/banners/sam_stern_food_text.gif) no-repeat;
	}
	
#content div.sam_stern_food div.element.closed{
  padding: 0;
  top: 123px;
  height: 84px;
  left: 0px;
} 

#content div.sam_stern_food p.spacer {
	position: absolute;
	bottom: 5px;
	width: 200px;
	}
	
#content div.sam_stern_food p.spacer a{
  color: #16819b;
}

#content div.sam_stern_food p.spacer a:hover{
  text-decoration: none;
}

#content div.sam_stern_food blockquote {
	width: 302px;
	height: 122px;
	background: url(/graphics/banners/sam_stern_food_quote.gif) no-repeat;
}

#content div.sam_stern_food p.open{
  width: 300px;
}

#content div.sam_stern_food p.open a{
	-moz-border-radius: 2px;
	-webkit-border-radius: 3px;
  background: #003333;
  color: #FFF;
  text-decoration: none;
  padding: 5px 9px;
  margin-top: 40px;
  display: inline-block;
}

#content div.sam_stern_food p.open a:hover{
  text-decoration: underline;
}

#content div.sam_stern_food img.open {
  width: 264px;
  height: 332px;
}



div.sam_stern_food  div.loading {background: url(/graphics/banners/loading_black.gif);}

div.sam_stern_food p.expand_button span,
div.expanded div.sam_stern_food p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_black.gif);}



/* Introducing Leggera banner */

div.introducing_leggera div.wrap {
	background: #000;
	color: #fff;
	}

#content div.introducing_leggera h2 {
	margin-bottom: 0.3em;
	width: 180px;
	height: 68px;
	background: url(/graphics/banners/introducing_leggera_text.gif) no-repeat;
	}
	
div.introducing_leggera div.inner_wrapper {width: 260px;}

#content div.introducing_leggera p {
	margin-bottom: 1.5em;
	padding-right: 80px;
	}

#content div.expanded div.introducing_leggera p {
	margin-bottom: 1em;
	padding-right: 0;
	}

#content div.introducing_leggera p.spacer {
	position: absolute;
	bottom: -5px;
	padding-right: 150px;
	}
	
#content div.introducing_leggera a {color: #fff;}

div.introducing_leggera blockquote {
	width: 223px;
	height: 94px;
	background: url(/graphics/banners/introducing_leggera_quote.gif) no-repeat;
	}

div.introducing_leggera div.loading {background: url(/graphics/banners/loading_black.gif);}

div.introducing_leggera p.expand_button span,
div.expanded div.introducing_leggera p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_black.gif);}
		
div.introducing_leggera div.banner_images {height: 347px;}
					
/* Fluent in pizza banner */

div.fluent_pizza div.wrap {
	background: #1968b2 url(/graphics/banners/fluent_pizza_bg.gif) repeat-x 0 100%;
	color: #fff;
	}

#content div.fluent_pizza h2 {
	margin-bottom: 0.8em;
	width: 154px;
	height: 67px;
	background: url(/graphics/banners/fluent_pizza_text.gif) no-repeat;
	}
	
div.fluent_pizza div.inner_wrapper {width: 250px;}
#content div.fluent_pizza p {padding-right: 100px;}
#content div.expanded div.fluent_pizza p {padding-right: 0;}
#content div.fluent_pizza a {color: #fff;}

div.fluent_pizza blockquote {
	margin-bottom: 0;
	width: 256px;
	height: 68px;
	background: url(/graphics/banners/fluent_pizza_quote.gif) no-repeat;
	}

div.fluent_pizza div.loading {background: url(/graphics/banners/loading_blue.gif);}

div.fluent_pizza p.expand_button span,
div.expanded div.fluent_pizza p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_blue.gif);}
					
/* Spring Desserts banner */

div.spring_desserts div.wrap {
	background: #adee99 url(/graphics/banners/green_bg.gif) repeat-y 0 100%;
	color: #252525;
	}

#content div.spring_desserts h2 {
	margin-bottom: 0.5em;
	width: 206px;
	height: 64px;
	background: url(/graphics/banners/spring_desserts_text.gif) no-repeat;
	}
	
div.spring_desserts div.inner_wrapper {width: 250px;}
#content div.spring_desserts p {padding-right: 80px;}
#content div.expanded div.spring_desserts p {padding-right: 0;}
#content div.spring_desserts a {color: #fff;}

div.spring_desserts blockquote {
	margin-bottom: 0;
	width: 247px;
	height: 91px;
	background: url(/graphics/banners/spring_desserts_quote.gif) no-repeat;
	}

div.spring_desserts div.loading {background: url(/graphics/banners/loading_green_2.gif);}

div.spring_desserts p.expand_button span,
div.expanded div.spring_desserts p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_green.gif);}
		
div.spring_desserts div.banner_images {height: 404px;}
		
/* Piccolo menu banner */

div.piccolo div.wrap {
	background: #4fc9af url(/graphics/banners/piccolo_bg.gif) repeat-x 0 100%;
	color: #626262;
	}

div.expanded div.piccolo div.wrap {min-height: 292px}

#content div.piccolo h2 {
	margin-bottom: 1em;
	width: 182px;
	height: 77px;
	background: url(/graphics/banners/piccolo_text.gif) no-repeat;
	}

#content div.piccolo p {
	margin-bottom: 1.5em;
	padding-right: 110px;
	}

#content div.expanded div.piccolo p {
	margin-bottom: 3em;
	padding-right: 280px;
	}
	
#content div.piccolo a {color: #626262;}

#content div.piccolo a.button {
	background-color: #5eb09d;
	color: #fff;
	}

#content div.piccolo a.button:hover,
#content div.piccolo a.button:focus {background-color: #2c7564;}
div.piccolo div.loading {background: url(/graphics/banners/loading_turquoise.gif);}

div.piccolo p.expand_button span,
div.expanded div.piccolo p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_turquoise.gif);}

/* Kids Parties banner */

div.kids_parties div.wrap {
	background: #a965a9 url(/graphics/banners/kids_parties_bg.gif) repeat-x 0 100%;
	color: #fff;
	}

div.expanded div.kids_parties div.wrap {min-height: 292px}

#content div.kids_parties h2 {
	margin-bottom: 1em;
	width: 190px;
	height: 30px;
	background: url(/graphics/banners/kids_parties_text_kids_parties.gif) no-repeat;
	}

#content div.kids_parties p {
	margin-bottom: 1.5em;
	padding-right: 110px;
	}

#content div.expanded div.kids_parties p {padding-right: 280px;}

div.kids_parties blockquote {
	width: 309px;
	height: 62px;
	background: url(/graphics/banners/kids_parties_quote.gif) no-repeat;
	}
	
#content div.kids_parties a {color: #fff;}
div.kids_parties div.loading {background: url(/graphics/banners/loading_purple.gif);}

div.kids_parties p.expand_button span,
div.expanded div.kids_parties p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_purple.gif);}
			
/* School's programme banner */

div.schools_programme div.wrap {
	background: #b9c5eb url(/graphics/banners/schools_programme_bg.gif) repeat-x 0 100%;
	color: #626262;
	}

#content div.schools_programme h2 {
	width: 185px;
	height: 76px;
	background: url(/graphics/banners/schools_programme_text_schools_programme.gif) no-repeat;
	}

div.schools_programme blockquote {
	margin-bottom: 1.2em;
	width: 288px;
	height: 147px;
	background: url(//graphics/banners/schools_programme_quote.gif) no-repeat;
	}

#content div.schools_programme p {
	margin-bottom: 1.5em;
	padding-right: 100px;
	}

#content div.expanded div.schools_programme p {padding-right: 280px;}

#content div.schools_programme p.spacer {
	position: absolute;
	bottom: -5px;
	}

#content div.schools_programme a {color: #626262;}
div.schools_programme div.loading {background: url(/graphics/banners/loading_light_blue.gif);}

div.schools_programme p.expand_button span,
div.expanded div.schools_programme p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_light_blue.gif);}
	
/* Venice in Peril banner */

div.venice div.wrap {
	background: #745627 url(/graphics/banners/venice_bg.gif) repeat-x 0 100%;
	color: #fff;
	}

#content div.venice h2 {
	margin-bottom: 0.6em;
	width: 227px;
	height: 31px;
	background: url(/graphics/banners/venice_text_all.gif) no-repeat;
	}

#content div.venice p {
	margin-bottom: 2em;
	padding-right: 90px;
	}

#content div.expanded div.venice p,
#content div.expanded div.venice address {
	margin-bottom: 1.2em;
	padding-right: 280px;
	}
	
#content div.venice a {color: #fff;}

#content div.venice a.button {
	background-color: #443012;
	color: #fff;
	line-height: 1.8em;
	}

#content div.venice a.button:hover,
#content div.venice a.button:focus {background-color: #231807;}
div.venice div.loading {background: url(/graphics/banners/loading_brown.gif);}

div.venice p.expand_button span,
div.expanded div.venice p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_brown.gif);}
	
/* Romana vs Classic banner */

div.romana_classic div.wrap {
	background: #1968B2 url(/graphics/banners/romana_classic_bg.gif) repeat-x 0 100%;
	color: #fff;
	}

div.expanded div.romana_classic div.wrap {min-height: 384px}
	
#content div.romana_classic h2 {
	margin-bottom: 0.7em;
	width: 199px;
	height: 99px;
	background: url(/graphics/banners/romana_classic_text_all.gif) no-repeat;
	}

div.romana_classic blockquote {
	width: 305px;
	height: 140px;
	background: url(/graphics/banners/romana_classic_quote.gif) no-repeat;
	}

#content div.romana_classic p {padding-right: 90px;}
#content div.expanded div.romana_classic p {padding-right: 280px;}
#content div.romana_classic a {color: #fff;}
div.romana_classic div.loading {background: url(/graphics/banners/loading_blue.gif);}

div.romana_classic p.expand_button span,
div.expanded div.romana_classic p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_blue.gif);}

/* Sommelier banner */

div.sommelier div.wrap {
	background: #F3D100 url(/graphics/banners/sommelier_bg.gif) repeat-x 0 100%;
	color: #fff;
	}

div.expanded div.sommelier div.wrap {min-height: 280px;}
#content div.sommelier h2 {margin-bottom: 0.8em;}
div.sommelier h2 span,
div.sommelier h2 strong {height: 32px;}

div.sommelier h2 span {
	width: 131px;
	background: url(/graphics/banners/sommelier_text_ask_our.gif) no-repeat;
	}

div.sommelier h2 strong {
	width: 190px;
	background: url(/graphics/banners/sommelier_text_sommelier.gif) no-repeat;
	}

/*.sIFR-active #content div.sommelier h3 {font-size: 1.9em;}*/

#content div.sommelier h3 {
	margin-bottom: 0.5em;
	width: 360px;
	font-size: 1.7em;
	color: #fff;
	height: 1%;
	}
	
#content div.sommelier p {
	margin-bottom: 2em;
	padding-right: 100px;
	}
	
#content div.expanded div.sommelier p,
#content div.expanded div.sommelier label {padding-right: 220px;}
#content div.sommelier a {color: #fff;}
#content div.sommelier fieldset {padding: 0 0 2.5em 0;}
	
#content div.sommelier label {
	display: block;
	margin-bottom: 1em;
	color: #85280c;
	}	
	
#content div.sommelier select {
	margin-right: 5px;
	width: 360px;
	}

div.sommelier option {padding: 0 0 0 6px;}	
div.sommelier div.loading {background: url(/graphics/banners/loading_yellow.gif);}

div.sommelier p.expand_button span,
div.expanded div.sommelier p.expand_button a {background-image: url(/graphics/banners/banner_expand_button_yellow.gif);}

/* ------------------------------------------------------------------ */
/* =Other banners */
/* ------------------------------------------------------------------ */

div.service_banner {
	position: relative;
	margin: 0 0 2em 0;
	height: 284px;
	background: url(/graphics/general-content/service_listening_banner.jpg) no-repeat;
	font-size: 0.9em;
	line-height: 1.2;
	color: #1c1c1c;
	}

#content div.service_banner p {
	position: absolute;
	top: 90px;
	width: 150px;
	}
	
#content div.service_banner p.statment_1 {left: 35px;}
#content div.service_banner p.statment_2 {right: 25px;}

#content div.service_banner a {color: #1c1c1c;}
	
/* ------------------------------------------------------------------ */
/* =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;
	width: auto;
	margin-right: 2px;
	}

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

#content a.alt {
	display: block;
	padding: 6px 25px;
	text-align: center;
	}

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


/* Nutrition buttons */

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

#content ul.buttons li {
	display: inline;
	margin-right: 10px;
	}
		
#content ul.buttons	a {position: relative;}

body.nutrition #content a.selected,		
body.nutrition #content a.button:hover,
body.nutrition #content a.button:focus {background: #bc448b;}
	
ul.buttons a.selected span {
	display: block;
	position: absolute;
	bottom: -36px;
	left: 0;
	width: 100%;
	height: 20px;
	background: url(/graphics/nutrition/top_tips_selected.gif) no-repeat 50% 100%;
	}

/* ------------------------------------------------------------------ */
/* =Nutrition pages */
/* ------------------------------------------------------------------ */

/* Top tips */
	
#top_tips {margin-top: 3em;}	
	
div.tips_box {
	position: relative;
	margin: 35px 0 1.5em 0;
	padding: 25px;
	background: #f5f5f5;
	}	

/* Food images */

div.tips_box span.aesthetics {
	display: block;
	position: absolute;
	top: -20px;
	left: 0;
	background-repeat: no-repeat;
	}

#cut_salt span.aesthetics,
#good_ingredients span.aesthetics {
	width: 151px;
	height: 142px;
	background: url(/graphics/nutrition/herbs.gif); 
	}
	
#boost_fibre span.aesthetics {
	width: 177px;
	height: 129px;
	background: url(/graphics/nutrition/mushrooms.gif); 
	}

/* Headings */
		
/*.sIFR-active #content div.tips_box h3 {
  visibility: hidden;
  font-size: 2em;
  line-height: 1em;
	}
		
.sIFR-active #content #good_ingredients h3 {font-size: 1.7em;}*/
		
#content div.tips_box h3 {
	margin-bottom: 1em;
  font-size: 1.7em;
	color: #666;
	}	
	
#content #good_ingredients h3 {font-size: 1.4em;}	
	
#content #cut_salt h3,
#content #boost_fibre h3,
#content #good_ingredients h3 {margin-left: 160px;}	


/* Ingredients columns */

div.ingredients {
	overflow: hidden;
	margin: 0 0 1.5em 0;
	}
	
div.ingredients dl {width: 45%;}

div.ingredients dl.column_1 {float: left;}
div.ingredients dl.column_2 {float: right;}

#content div.ingredients dt {
	margin: 1.5em 0 1em 0;
	text-transform: uppercase;
	}
	
/* Other */

#content #good_ingredients blockquote.heading {margin-bottom: 3em;}
							
/* ------------------------------------------------------------------ */
/* =Sign up panel */
/* ------------------------------------------------------------------ */

#footer div.sign_up_wrap {position: relative;}

/* Popup panel DIVs */ 
div.signup_panel {
	display: none;
	position: absolute;
	left: -165px;
	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; 
} 

div.signup_panel.large { 
  z-index: 999999; 
  width: 620px; 
  color: #333; 
} 

body#faq-standalone div.signup_panel {
  top: 0;
  left: 0;
  bottom: auto; 
}        

/* FAQ container */ 

#content div.signup_panel.large div.text_container { 
  overflow: auto;
  padding-right: 20px;
  margin-bottom: 15px;
  height: 800px;
} 

#content div.signup_panel.large ul li {padding-bottom: 10px;} 
#content div.signup_panel.large ol li {margin-left: 9px;} 

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

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

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

#container div.signup_panel a:hover, 
#container 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; 
} 

/* ------------------------------------------------------------------ */ 
/* =Quick details form - Sam Stern promotion*/ 
/* ------------------------------------------------------------------ */ 

div.quick_details {
	float: right;
	margin: 0 0 20px 30px;
	padding: 15px;
	width: 200px;
	background: #f5f5f5;
	}
		
/*.sIFR-active #content div.quick_details p.intro {
  visibility: hidden;
  font-size: 1.5em;
  line-height: 1em;
	}*/
		
#content div.quick_details p.intro {
	margin-bottom: 0.5em;
	font-size: 1.2em;
	}

#content div.quick_details p { 
  margin: 0 0 1em 0; 
  line-height: 1.2; 
} 

div.quick_details div.form_block { 
  margin: 0.3em 0; 
  padding-right: 0; 
} 

div.quick_details div.form_block label { 
  display: block; 
  margin: 0 0 4px 0; 
} 

div.quick_details input.text {width: 98%;} 
div.quick_details select {width: 100%;} 

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

#content div.quick_details #errors ul {margin: 0 0 0 15px;} 

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

/* ------------------------------------------------------------------ */
/* =Styles that need putting in order */
/* ------------------------------------------------------------------ */
	
.success { border:solid 1px green; background-color: lightgreen; padding: 1em; margin: 1em auto; text-align: center; font-weight: bold; }
.error { border: solid 1px red; background-color: #ffaaaa; padding: 1em; margin: 1em auto; text-align: center; font-weight: bold; color: #000; }