/* -----------------------------------*/
/* ---- GLOBAL <<<-----------*/ 
/* -----------------------------------*/


body, dd, dl, dt, fieldset, legend, blockquote, form, h1, h2, h3, h4, h5, h6, li, ol, ul, p {
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
	}
p {
	margin-bottom:15px;
	line-height:2em;
	font-size: small;
	font-family: Tahoma, Geneva, sans-serif;
}
p.pagejump {clear:left;	padding-top:20px}

h1, h2, h3, h4, h5, h6 {	color:#003333;	font-weight:normal;	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}

h1 {
	font-size:2em;
	line-height:1.5em;
	margin-bottom:10px;
}
h2 {
	font-weight:bold;
	font-size:1.5em;
	line-height:2.75em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
h3 {	font-size:1.3em}
h3.clear {clear:left}

ul {	list-style:none}

html, body {height:100%}
	
body {
	line-height:1.5em;
	color:#555;
	background: #FFF url('../images/main-bg.jpg') top center repeat-y;
	padding:0;
	margin:0;
	height:100%;
	}

a {			color:#000;	text-decoration:none;	background-color:transparent}
a:hover {	text-decoration:none}
a:visited {
	color: #00000
}

#content a {
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #5B0E0D;
}
#content a:hover {background-color:#F0E9E8}
#content a.button {border:none}
#content a.image {border:none}
#content a.button:hover {background-color:transparent}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img.left {float:left;	padding-right:10px}
img.align-right { float:right; margin-left:10px; }

.pageClear {	clear: both;	height: 50px;	overflow: hidden;	margin-bottom: 20px;	font-size: 1px;	line-height: 1px}
.hidden {	position: absolute;	left: -9999px;	top: -9999px;	height: 1px;	width: 1px;	overflow: hidden}

/* -----------------------------------*/
/*  GLOBAL STYLING <<<-------*/ 
/* -----------------------------------*/

#container {
	position:relative;
	margin:10px auto;
	margin-top:0;
	padding-top:0;
	width:1000px;
	height:100%;
	text-align:left;	
	}
#contentarea {
	width:100%;
	margin-top:20px;
	}

/*  NAVIGATION <<<-------*/ 

#navigation {
	float:left;
	width:220px;
	background: #FFF url('../images/nav-bg.gif') top left repeat-y;
	margin-right: 20px;
	border-right-width: thin;
	border-right-style: solid;
	}
#restaurant {	background: transparent url('../images/restaurant-bg.gif') top left no-repeat;	}
#cuisine {
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}

#restaurant, #cuisine {
	margin-top:20px;
	margin-bottom:20px;
	background-image: none;
	padding: 0px;
}

#navigation li, #menu li {
	padding-bottom:5px;
	font-size: x-small;
}
#navigation li a, #navigation li.selected, #menu li a, #menu li.selected {
	padding-left:20px
}
#navigation li a:hover, #navigation li.selected, #menu li a:hover, #menu li.selected {
	background: transparent url('../images/nav-selected.gif') 5px 15px no-repeat;
	color:#003333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

	
/*  CONTENT <<<-------*/ 

#content {
	margin-left:245px;
	width:745px;
	clear:none
}
#fullwidth {padding:0}
#introduction {
	width:360px;
	padding-right:15px;
	float:left
}
#promotion, #filler {width:350px;	padding-right:0px;	float:right;	padding-left:10px;	clear:none;	background: transparent url('../images/promo-bg.gif') top left repeat-x;	border-left:1px solid #555}
#filler {
	background:none;
	padding-right:5px;
	width:345px;
	border-left: 1px solid #555;
}

img.pdf {padding:10px 5px 0 0}

/*  FOOTER <<<-------*/

#footer {
	clear:both;
	width:100%;
	padding-top:20px
}
#footer p {text-align:center;	padding:8px;	margin:0}
#footer p.address {background-color:#DBDBDB}
#footer p.information {background-color:#F2F2F2;	margin-top:1px}
#footer p.credits {margin:20px}
#footer p span {padding:0 10px}
#footer a:hover {text-decoration:underline}
	
/* > INDIVIDUAL PAGES <<<-----*/

#staff {
	float:left;
}
div.keystaff {clear:left;	margin-bottom:20px}
p.image {
	float: none;
	padding: 0 5px 15px 0;
	width: 215px
}
#content div.keystaff p.image a {border:none}
#content div.keystaff p.image a:hover {background-color:transparent}
div.imageinfo {
	clear: none;
	width: auto;
	float: left;
	padding-right: 10px
}
div.wineheader {width:200px;	clear:none}
div.thankyou {float:left;	width:90%}

/* > COMMENTS/SIGN-UP <<<-----*/
#commentform, #promotion div, #signupform, #menu {
	margin:0;
	position:relative;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 10px;
	background-image: none;
}
#commentform {background: transparent url('../images/comment-bg.gif') top left no-repeat}
#signupform {background: transparent url('../images/signup-bg.gif') top left no-repeat}
#promotion div.wine {background: transparent url('../images/winelist-bg.gif') top left no-repeat}
#promotion div.xmas1 {background: transparent url('../images/xmas1-bg.gif') top left no-repeat}
#promotion div.valentines {background: transparent url('../images/valentines-bg.gif') top left no-repeat}
#promotion div.events {background: transparent url('../images/events-bg.gif') top left no-repeat}
#promotion div.opening {background: transparent url('../images/opening-bg.gif') top left no-repeat}
#promotion div.mothersday {background: transparent url('../images/mothersday-bg.gif') top left no-repeat}
#promotion div.food {
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}
#promotion div.chris-award {background: transparent url('../images/chris-rawlinson-bg.gif') top left no-repeat}

p.eventPhoto {float:right;	padding:15px}



dt, dd, textarea {margin:0;	padding:0}
textarea {padding-bottom:10px; 	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size:0.95em;	width:160px}
dt {float:left;	width:160px;	clear:left;	padding-bottom:7px}
dd {clear:none;	padding-bottom:3px}

#comments, #winebanners {margin:10px 0;	padding-top:20px;	clear:both}
#quotes, div.winestyle, #wine {float:left}

div.quote {margin-bottom:25px;	clear:both}

blockquote {	margin:10px;	background: transparent url('../images/openquote.gif') top left no-repeat}
blockquote h2 {  padding: 15px 55px;  background: transparent url('../images/closequote.gif') bottom right no-repeat }

.row {clear:left;	padding-top:20px}
.benefit {
	float:left;
	text-align:center;	
	width:40%;	
	margin-right:15px;
	margin-top:15px;	
	background-color:#F0E9E8;	
	border-top:1px dotted #5B0E0D;
	border-bottom:1px dotted #5B0E0D;
	padding:7px;
	}
	
#summary {clear:both;	padding:20px 0}
#summary ul {margin:15px}


/* > CONTACT PAGE <<<-----*/

#bookingform h2, #bookingform h3, #bookingform h4 {text-align:center}
#bookingform h3 {color:#444;	font-size:2.2em}
#bookingform h4 {font-size:1.6em;	padding:20px}


/* > CUISINE PAGES <<<-----*/

h1.menu {margin-bottom:0}
table {
	margin-bottom:30px;
}

td {
	padding:5px 0;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}
th {padding-top:15px}
th h2, td h2 {font-size:1.6em}
td.dish {width:640px}
table.threeColumn th, table.threeColumn td {width:530px}
th.interim {font-size:1.3em;	font-style:italic;	padding:10px 0;	margin:10px}
table.xmasmenus span {border-top:1px solid #666;	border-bottom:1px solid #666;	padding:5px;	margin:10px}
table.xmasmenus, table.xmasmenus th, table.xmasmenus td {text-align:center}
table.xmasmenus {padding-top:25px}
table.xmasmenus th.break span {width:150px;	height:30px;	border-bottom:none}

 
td.double, th.double {padding-left:10px;	width:85px;	text-align:right;	padding-right:10px}

#content p.menus a, #content #winemenu a, #content #winebanners a {	border:none;	padding-right:15px}
#content p.menus a:hover, #content #winemenu a:hover, #content #winebanners a:hover {background-color:transparent}

#winemenu {
	width:250px;
	padding-right:0px;
	float:right;
	padding-left:10px;
	clear:none;
	border-left:1px solid #555
}
#wineintro {
	width:450px;
	padding-right:10px;
	float:left
}
#menu {
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}

p.menus {clear:left;	padding-top:20px}

#winebanners h2 {margin:10px 0}
#winebanners table h3 {padding-top:15px}

div.sitemap ul {padding-bottom:20px}

td.doublecolumn {width:480px}

table.openingtimes th {
	width:120px;
	vertical-align:text-top;
	padding-bottom:0
}
table.openingtimes td {
	width:130px;
	padding-left:20px;
	vertical-align:text-top;
	padding-bottom:0
}




/**
	Rotating Banner Control Prototype Style
	Written by Sam Clark, Polaris Digital
	(c) Polaris Digital Limited
	http://polaris-digital.com
	Released under the GNU Public Licence version 2	
**/

#imageContainer {
	position:relative;
	margin:0 auto;
	width:1000px;
	padding:0;
}

#imageContainer #redCatLogo {
	position:absolute;
	top:40px;
	left:40px;
}

#imageContainer #redCatLogo a {
	display:block;
	width:320px;
	height:188px;
	background:url('../images/RoyalOakLogo.png') top left no-repeat;
	text-indent:-9999px;
}

#imageContainer #controls {
	position:absolute;
	bottom:25px;
	right:22px;
}

#imageContainer #controls a {
	display:block;
	float:left;
	margin:5px;
	width:17px;
	height:17px;
	text-indent:-9999px;
	cursor:pointer;
}

#imageContainer #controls a#backButton {
	background:url('../images/last.png') top left no-repeat;
}

#imageContainer #controls a#playButton.play {
	background:url('../images/play.png') top left no-repeat;
}

#imageContainer #controls a#playButton.pause {
	background:url('../images/pause.png') top left no-repeat;
}

#imageContainer #controls a#forwardButton {
	background:url('../images/next.png') top left no-repeat;
}
div.external {margin:10px;	vertical-align:middle}
div.external img {float:left;	padding-right:20px}


.thumb {
	width:140px;
	height:120px;
	margin-top:29px;
	margin-left:43px;
	margin-right:42px;
}

.holder {
	width:225px;
	height:250px;
	background-image:url(../images/polaroid.png);
	float:left;
}

.holder img {
	border:none;
}

.title {
	width:140px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

.clearFloat {
	clear:both;	
}

#homepage {
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:45px;
	width:321px;
	height:219px;
}

#header {
	width:500px;
	height:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
}