/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {
	margin: 0; padding: 0;
	border: none; outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
body {
	font: 0.75em "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #333;
	text-align: center;
}

h1 {
	position: absolute;
	top: -10px; left: 0;
	margin-top: 50px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	z-index: 50;
}

h1 img { margin: -42px 0 -26px 19px; }

h2 {
	color: #DF0A15;
	font-size: 2.4em;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0.3em;
	font-weight: bold;
	letter-spacing: 0.06em;
}

a { color: #09F; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

/* Overall container */
#container {
	text-align: left;
	width: 760px;
	margin: 10px auto 0 auto;
	position: relative;
}

/* Header area */
#header {
	height: 97px;
	position: relative;
}

/* sign up / login */
#header div {
	position: absolute;
	top: 0; right: 0;
	font-size: 0.9em;
	color: #999;
}
#header div img { vertical-align: -0.4em; margin-left: 0.4em; }

/* Site menu */
#menu {
	float: right;
	margin-top: 40px;
	padding: 7px 0 7px 40px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

#menu li {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	border-left: 1px solid #DEDEDE;
	padding: 0 8px 0 7px;
}

#menu li img { display: block; }
#menu li:first-child { border-left: none; padding-left: 0; }

/* Submenu */
#subMenu {
	position: absolute;
	right: 0; top: 74px;
}

#subMenu li {
	float: left;
	border-left: 1px solid #DBDBDB;
	padding: 0 13px;
}

#subMenu li:first-child { border-left: none; padding-left: 0; }
#subMenu li img { display: block; }

/* Footer */
#footer {
	color: #999;
	clear: both;
	font-size: 0.9em;
	border-top: dotted 1px #CCC;
	padding: 0.5em 0 2em 0;
	margin-top: 10px;
}

#footer span {
	float: right;
	display: block;
}

#footer span a {
	color: #999;
	text-decoration: underline;
}

/* Right sidebar */
#sidebarRight {
	width: 179px;
	float: right;
}

#sidebarRight .feature {
	border: 1px solid #DDD;
	padding: 4px;
	margin-bottom: 11px;
}

#sidebarRight .feature h3 {
	color: #666;
	text-transform: uppercase;
	padding-left: 4px;
	margin-bottom: 4px;
}
#sidebarRight .feature img { display: block; }

#sidebarRight .feature-seasonal {
	border: 1px solid #DDD;
	color: #FFF;
	padding: 4px;
	margin-bottom: 11px;
}
#sidebarRight .feature-seasonal div { background: #64A63A; text-align: center; }
#sidebarRight .feature-seasonal div h3 { font-size: 1.6em; padding: 25px 0 0 0; letter-spacing: 0.18em; margin: 0; text-transform: uppercase; }
#sidebarRight .feature-seasonal div ul li { line-height: 1.1em; margin: 0 7px; padding: 10px 0; border-bottom: 1px dotted #FFF; }
#sidebarRight .feature-seasonal div ul li.last { border: none; }
#sidebarRight .feature-seasonal div ul li a { color: #FFF; display: block; padding: 10px 0 5px 0; text-transform:uppercase; font-weight:bold; }
#sidebarRight .feature-seasonal div ul li strong { font-size: 1.1em; }

/* Content */
#content { margin-right: 190px; }
#content.noright { margin-right: 0; }
#sidebarRight { width: 185px; }
#content { margin-right: 197px; }

.ourMenu {
	border: 1px solid #DBDBDB;
	padding: 5px;
	margin-bottom: 11px;
}

.ourMenu h3 {
	color: #333;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}
.ourMenu a { color: #333; }

.ourMenu div {
	padding: 14px 7px 18px;
	min-height: 212px;
	background-color: #D3EFFC;
}

.ourMenu div ul { margin-top: 15px; }
.ourMenu div ul li { padding: 0 0 0 8px; margin: 0 0 7px 0.2em; }
.ourMenu div ul li.on {
	font-weight: bold;
	background: url(../images/menu/arrow-black-mini.png) no-repeat 0 6px;
}

.onTheSide {
	background: #FEE7DC;
	color: #333;
	font-size: 0.9em;
	padding: 10px 10px 10px 13px;
	margin-bottom: 11px;
}

.onTheSide h3 {
	color: #E10915;
	font-size: 1.7em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0.3em;
}

.onTheSide ul { line-height: 1.2; }
.onTheSide ul li { margin-bottom: 0.85em; }
.onTheSide ul li span { float: right; }
.onTheSide p { margin: 0 10px 10px 0; }

#sidebarRight .goodEgg {
	background: #E4DBC2;
	padding: 8px 15px 15px;
}

/* Landing page */
#content.landing { margin-right: 0; }

#content.landing .intro {
	background: url(../images/menu/img-landing-feature.jpg) no-repeat top left;
	height: 262px;
	padding: 16px 440px 0 0;
	text-align: center;
	font-size: 0.9em;
}

#content.landing .intro h2 {
	margin: 20px 0 15px 25px;
	text-transform: uppercase;
	font-size: 3.6em;
	font-weight: lighter;
	line-height: 1.15;
	color: #FFF;
	letter-spacing: 0.1em;
	width: 350px;
}

#content.landing .intro p {
	color: #CCC;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: -3px 0 10px 22px;
	width: 350px;
}

#content.landing .intro p.goodEgg { font-size: 0.98em; }

#features { overflow: hidden; margin-left: -13px; height: 240px; width: 780px; }
#features li { float: left; margin: 0 0 5px 13px; }

#downloads { height: 96px; clear: left; }
#downloads li { float: left; }

/* Menu generic */
.menu {
	border: 1px solid #DBDBDB;
	padding: 5px;
}

.menu div {
	border: 1px solid #EBEBEB;
	padding: 14px;
}

.menu h3 {
	font-size: 1.7em;
	text-transform: uppercase;
	color: #E10915;
	border-bottom: 1px dotted #ED1C24;
	padding-bottom: 0.3em;
	margin-bottom: 0.8em;
}

.menu h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.05em;
	letter-spacing: 0.1em;
}

.menu h4 em { color: #F00; font-style: normal; }

.menu .price {
	float: right;
	margin: -1.4em -110px 0 0;
	font-size: 0.95em;
}

.menu li {
	margin-bottom: 2em;
	padding-right: 110px;
	font-size: 1.1em;
	color: #4B4B4B;
}

.menu li h4, .menu li .price { color: #000; }

.menu li.signature .price, .menu li.fish .price, .menu li.british .price,
	.menu li.freeRange .price { margin-right: -145px; }

.menu li.signature, .menu li.fish, .menu li.british, .menu li.freeRange,
	.menu li.signatureBritish, .menu li.signatureFish, .menu li.britishFreeRange, .menu li.signatureFreeRange {
	min-height: 46px;
	margin-bottom: 1.8em;
	padding-right: 145px;
}

.menu li.signatureBritish, .menu li.signatureFreeRange, .menu li.britishFreeRange,
	.menu li.signatureFish { padding-right: 190px; }
.menu li.signatureBritish .price, .menu li.signatureFreeRange .price, .menu li.britishFreeRange .price,
	.menu li.signatureFish .price { margin-right: -190px; }

.menu li.signature { background: url(../images/menu/bg-menuvariations.png) no-repeat 395px 0; }
.menu li.fish { background: url(../images/menu/bg-menuvariations.png) no-repeat 395px -200px; }
.menu li.british { background: url(../images/menu/bg-menuvariations.png) no-repeat 395px -400px; }
.menu li.freeRange { background: url(../images/menu/bg-menuvariations.png) no-repeat 395px -600px;  }

.menu li.signatureBritish { background: url(../images/menu/bg-menuvariations.png) no-repeat 342px -1000px; }
.menu li.signatureFreeRange { background: url(../images/menu/bg-menuvariations.png) no-repeat 342px -800px; }
.menu li.britishFreeRange { background: url(../images/menu/bg-menuvariations.png) no-repeat 342px -1200px; }
.menu li.signatureFish { background: url(../images/menu/bg-menuvariations.png) no-repeat 342px -2200px; }

.menu li.vegOption h4, .menu .options li.vegOption { background: url(../images/menu/bg-menuvariations.png) no-repeat 0 -1398px; padding-left: 28px; }
.menu li.veg h4, .menu .options li.veg { background: url(../images/menu/bg-menuvariations.png) no-repeat 0 -1598px; padding-left: 20px; }
.menu li.glutenFree h4, .menu .options li.glutenFree { background: url(../images/menu/bg-menuvariations.png) no-repeat 0 -1798px; padding-left: 20px; }
.menu li.vegGlutenFree h4 { background: url(../images/menu/bg-menuvariations.png) no-repeat 0 -1998px; padding-left: 40px; }

.menu .options {
	float: right;
	margin-top: -4.3em;
	color: #666;
	font-size: 0.85em;
}
.menu .options li {
	margin: 0;
	padding: 1px 0 0 28px;
	min-height: 18px;
	margin-left: 1.2em;
	float: left;
}

/* Menu specific pages */
.menuIntro {
	border: 1px solid #DBDBDB;
	padding: 5px;
	margin-bottom: 11px;
	color: #FFF;
}

.menuIntro div {
	background: #E10915 url(../images/menu/bg-intro-breakfast.png) repeat-x left top;
	padding: 18px 296px 0 16px;
	min-height: 226px;
	position: relative;
	text-align: center;
}

.menuIntro div .right { position: absolute; right: 0; top: 0; }
.menuIntro div h2 {
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 0.15em;
	text-transform: none;
	line-height: 1;
	margin-bottom: 0.8em;
	color: #FFF;
	text-align: center;
	width: 250px;
}
.menuIntro div h2 span { font-size: 2.4em; display: block; }

.menuIntro div h3 {
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
}

/* Breakfasts */
#content.breakfast .menuIntro div h3 { margin-top: 2.6em; }

/* A lighter start */
#content.lighter .menuIntro div h3 { margin-top: 2.6em; }

/* Starters */
#content.starters .menuIntro div h3 { margin-top: 3.7em; }

/* Main courses */
#content.mains .menuIntro div h3 { margin-top: 3.7em; }

/* Famous burgers */
#content.burgers .menuIntro div h3 { margin-top: 2.6em; }

/* Lighter bites */
#content.lighterBites .menuIntro div h3 { margin-top: 3.7em; }

/* Sharing platters */
#content.sharing .menuIntro div h3 { margin-top: 2.6em; }
#content.sharing .menu h4 { text-transform: none; }

/* Pies and peas */
#content.pies h2 { margin-left: -7px; letter-spacing: 0.025em; width: 260px; }
#content.pies .menuIntro div h3 { margin-top: 3.6em; }

/* Takeaway */
.takeawayDrinks {
	background: #ED1C24;
	color: #FFF;
	font-size: 0.9em;
	padding: 10px 10px 10px 13px;
	margin-bottom: 11px;
}

.takeawayDrinks h3 {
	font-size: 2.2em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0.3em;
}

.takeawayDrinks h4 { font-size: 1.3em; margin: 1em 0 0.5em; }

.takeawayDrinks ul { line-height: 1.2; font-weight: bold; }
.takeawayDrinks ul li { margin-bottom: 0.75em; }
.takeawayDrinks ul li span { font-weight: normal; float: right; }
.takeawayDrinks ul.beerwine li span { float: none; }

#sidebarRight .download img { display: block; margin-bottom: 11px; }

#content.takeaway .menuIntro > div h3 { margin-top: 5em; }

/* Desserts */
.afternoonTea {
	border: 1px solid #DBDBDB;
	padding: 5px;
	margin-bottom: 11px;
}

.afternoonTea h3 {
	text-transform: uppercase;
	color: #E10915;
	line-height: 1.2;
	padding: 10px;
	background: #E7EFEB;
}
.afternoonTea h3 span { font-size: 1.4em; color: #000; }

.afternoonTea img { display: block; }

.afternoonTea ul {
	background: #E7EFEB;
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.15;
}

.afternoonTea ul li { margin-bottom: 1em; }
.afternoonTea ul li h4 { margin-bottom: 0.5em; }
.afternoonTea ul li span { font-weight: bold; float: right; margin-top: -1.7em; }

#content.desserts .menuIntro div h3 { margin-top: 2.6em; }

/* Kids */
#sidebarRight .ourMenu.kids {
	background: url(../images/menu/bg-kidsmenu.png) no-repeat -185px bottom;
	border: none;
	padding: 0;
	min-height: 249px;
}

#sidebarRight .ourMenu.kids div {
	background: url(../images/menu/bg-kidsmenu.png) no-repeat 0 0;
	padding: 12px 16px 20px;
}

#sidebarRight .ourMenu.kids h3 {
	color: white;
	font-size: 1.5em;
}
#sidebarRight .ourMenu.kids ul li.on { background: url(../images/menu/arrow-black-mini.png) no-repeat 0 6px; }
#sidebarRight .ourMenu.kids ul li a { color: #000; }

#sidebarRight .kidsDrinks {
	background: url(../images/menu/bg-kidsdrinks.png) no-repeat -185px bottom;
	color: #FFF;
}

#sidebarRight .kidsDrinks h3 {
	background: url(../images/menu/bg-kidsdrinks.png) no-repeat 0 0;
	min-height: 42px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.5em;
	padding: 25px 0 0 80px;
}

#sidebarRight .kidsDrinks ul { padding: 0 16px 12px; font-weight: bold; }
#sidebarRight .kidsDrinks ul li { margin-bottom: 1.2em; }
#sidebarRight .kidsDrinks ul span { float: right; font-weight: normal; }

#content.kids h2 {
	height: 200px;
	padding: 49px 0 0 18px;
	background: url(../images/menu/bg-intro-kids.png) no-repeat 0 0;
	text-align: center;
	font-size: 3em;
	letter-spacing: 0.15em;
	margin-bottom: 0;
}

#content.kids .menu {
	border-top: none;
	-moz-border-radius-bottomleft: 18px;
	-moz-border-radius-bottomright: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
}

#content.kids .menu h3 { padding-left: 49px; position: relative; margin: 0.6em 0 1.2em; }
#content.kids .menu h3 em { position: absolute; left: -8px; top: -10px; height: 57px; width: 57px; }
#content.kids .menu h3.breakfasts em { background: url(../images/menu/bg-kidsmenuicons.png) no-repeat 0 0; }
#content.kids .menu h3.mainMeals em { background: url(../images/menu/bg-kidsmenuicons.png) no-repeat 0 -200px; }
#content.kids .menu h3.lighter em { background: url(../images/menu/bg-kidsmenuicons.png) no-repeat 0 -400px; }
#content.kids .menu h3.desserts em { background: url(../images/menu/bg-kidsmenuicons.png) no-repeat 0 -600px; }

#content.kids .menu div { border: none; }

/* Menu test */
.menu ul li.rating {
	padding: 0.4em 0;
	margin-top: -1em;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

.menu ul li .currentRating, .menu ul li form {
	font-size: 0.8em;
}

.menu ul li form {
	float: right;
	margin: 0;
}

.menu ul li.rating img { vertical-align: -0.3em; }
.menu ul li form img { cursor: pointer; }

.menu ul li.rating span {
	display: block;
	border: 1px solid #BF0000;
	background: #FFDFDF;
	padding: 0.1em 0.4em;
	margin-top: -0.2em;
}
.menu ul li.rating span.success {
	border-color: #00AF07;
	background-color: #DFFFE0;
}

/* Menu download popup */
#download_box,
#zoom {
	width: 400px;
}
#zoom_content { background: #F1F1F1; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; height: 140px; }
#download_box h2,
#zoom h2 {
	font-size: 1.4em;
	margin: 10px 0 15px 0;
}
#download_box ul,
#zoom ul { margin-left: 20px; overflow: hidden; width: 360px; }
#download_box ul li,
#zoom ul li {
	float: left; text-align: left; margin-bottom: 15px; width: 50%;	
}
#download_box ul li a,
#zoom ul li a { display: block; padding: 4px 10px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
#download_box ul li a:hover,
#zoom ul li a:hover { background: red; color: white; text-decoration: none; }
#download_box ul li a span,
#zoom ul li a span { color: #666; }
#download_box ul li a:hover span,
#zoom ul li a:hover span { color: white; }