html{margin: 0; padding: 0;}

body {
text-align: center;
margin: 0; padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333399;
font-size:62.5%;
background-color: #fbfaf4;
}

/* body2 is for enquiry form
 */
#body2 {
text-align: center;
margin: 0; padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333399;
font-size:62.5%;
background-color: #ffffcc;
}

.bodyenqwsminc{
text-align: center;
margin: 0; padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333399;
font-size:62.5%;
background-color: #ffffcc;
}


.vertcen {
min-height: 10em;
display: table-cell;
vertical-align: middle;}


/* If set body tag to 62.5%, then use EMs throughout. Result approximately as follows depending on different fonts 
1.0em = 10px
1.1em = 11px
1.2em = 12px 
 */

#outer{width: 100%; background: url(images/bgsand92.gif); background-repeat: repeat-x;}

#container
{ position: relative;
margin: 76px auto 10px auto;
width: 970px;
height: 800px;
text-align: left;
padding-bottom: 10px;
background: ffffcc;
border-top: 0px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}

#container-restaurant
{ position: relative;
margin: 76px auto 10px auto;
width: 970px;
height: 1070px;
text-align: left;
padding-bottom: 10px;
background-color: ffffcc;
border-top: 0px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}

#container-inner
{background-color: #ffffcc;
margin-top: 1px;
border-top: 1px solid  #cccccc;
border-right: 0px solid #999966;
border-bottom: 0px solid #999966;
border-left: 0px solid #999966;
position: static; 
}

#bannertop {height:84px; margin-top:0px; background: url(images/the-white-house-hotel.gif) no-repeat center center; background-color:#fbfaf4; center:-0px; top:0px; width:100%; padding: 0px;}
/* #bannertop {height:84px; margin-top:0px; background: url(images/white-house-hotel.gif) no-repeat center center; background-color:#fbfaf4; center:-0px; top:0px; width:100%; padding: 0px;} 
*/ 

#nav1 {height:30px; margin-top:120px;
  position:absolute; left:-0px; top:0px; width:100%;
  color: #000000;
  padding: 1px 0px 0px 0px;
  border-bottom: solid 0px #cccccc;}  
  
#nav2 {text-align:center; height:44px; margin-top:81px; background: url(images/jurassic-dorset.gif); background-repeat: no-repeat;
  position:absolute; left:-0px; top:0px; width:100%;
  color: #000000;
  padding: 6px 0px 0px 0px;
  border-top:solid 1px #cccccc;
  }  
#nav-outer2
{
text-align:center; width:100%; margin:0px; position:relative;
}  
#nav2 img {
margin: 0;
z-index: 2;
position: absolute;
top: 4px;
left: 60px;
padding-left:6px;
padding-right:10px;
}

#nav-outer /* N.B. Ensure that margin-left is exactly half the px of the width */
{
text-align:center; 
	width: 860px;
	height: 70px;
	margin-left: -430px;
	position: absolute;
	top: -25px;
	left: 50%;
	visibility: visible
  }
.nav-inner
/* vertically centered, positioned absolutely from the top of page. This div is only 1px high, but overflow: visible; so anything in it will be displayed. */
{
text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: block;
  }
  
a.squarebutton{
background: transparent url(images/button-grey-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* font: bold 12px Arial; copied this to span and keep fixed size as buttons not em */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; 
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{color: #494949; /*button text color*/}
a.squarebutton span{
font: bold 12px Arial; /* font: bold 12px Arial; copied this from a.squarebutton and keep fixed size for buttons not em */
background: transparent url(images/button-grey-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 0; /* match value of padding-left */
}
a.squarebutton:hover{background-position: bottom left;}
a.squarebutton:hover span{
background-position: bottom right; color: #000077;}
.buttonwrapper{ /* surround button to clear float */ overflow: hidden; width: 100%;}

.show{
text-align:center; height:26px; margin-top:0px; 
background-color: transparent;
padding: 4px;
}

#bodyshow { /* Transparent iframe for IE also requires... <iframe src="whatever.htm" allowtransparency="true"> */
background-color: transparent; margin: 0; padding:0;}

/* Do NOT use em font sizes for Ticker */
a.tickl{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:16px; line-height:16px; text-decoration:none; color:#0000bb; font-weight:bold; background-color:transparent; border:0px;}
a.tickl:hover{color:#0066ff; text-decoration:underline;}

a.tickl:visited{color:#0000bb;}
a.ticki:visited{color:#0000bb;}
a.tickl:link{color:#0000bb;}
a.ticki:link{color:#0000bb;}

.ticki{width:629px; height:18px; overflow:hidden; font-size:16px; color:#0000bb;}
.ticko{width:629px; border-top:1px solid #0000bb; border-bottom:1px solid #0000bb; padding:1px 0 4px 0; margin:4px 0 0px 0; display:block;}
.tickls{color:#ff0000;}
.tickh{display:none;}

ul.alphahead{
font-size:1.45em; font-style: italic; font-weight:bold; list-style: none;margin-left:-1px; margin-top:0px; background:#efefef; border-bottom:solid 0px #cccccc;background:url(images/head-title.gif); padding-left:4px;padding-top:1px;padding-bottom:1px;}
.alhahead li a {
width: 100%;
display: block;
color: #ffffff;
text-decoration: none;
text-align: left;
padding-top: 4px;
}  
.alphahead li a:hover {color:#ffffff;}

ul.gammahead3{
text-align:center;
font-size:1.45em;
list-style: none; 
margin-left:1px; 
margin-top:-7px; 
background:#efefef; 
border-bottom:solid 0px #cccccc; 
background: url(images/head-title.gif); 
color:#0000bb; 
padding-left:4px; 
width:218px; 
padding-top:2px; 
padding-bottom:0px;}

.gammahead3 li a {
width: 100%;
display: block;
color: #ffffff;
text-decoration: none;
text-align: left;
padding: 0 0 0 0
}  
.gammahead3 li a:hover {color:#ffffff;}
/* for widths etc see  .three-column #alpha */

#beta-inner ul {list-style-image: url(images/list.gif); font-size:1.3em;}
#beta-inner li {font-size:1.3em; padding-left: 6px;}

a:link {font-weight:bold; color: #cc0033; font-size:0.9em;}
a:visited {font-weight:bold; color: #cc0033; font-size:0.9em;}
a:hover {font-weight:bold; color: #340606; font-size:0.9em;}
a:active {font-weight:bold; color: #ff0000; font-size:0.9em;}

.navlinks a:link {font-weight:normal; color: #340606; font-size:0.9em;}
.navlinks a:visited {font-weight:normal; color: #340606; font-size:0.9em;}
.navlinks a:hover {font-weight:normal; color: #0000bb; font-size:0.9em;}
.navlinks a:active {font-weight:normal; color: #ff0000; font-size:0.9em;}

#contact {font-size:1.3em;}
#contact:hover {font-size:1.3em; color: #003399; background-color: #0099ff;}

.imagesbor {border: 1px solid #a7a774;}

img.imgcent {
display: block;
margin-left: auto;
margin-right: auto;
}

.cpm:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

p, li {font-size:1.3em;}

/* Enquiry Form */
/* h1 is only called by the Contact Page */
/* h2 is only called by the Thank you after the Enquiry Form */
h1{font-size:1.75em; color: #999966;}
h2{font-size:1.6em; color: #008081;}
h3{font-family: Arial, Helvetica, sans-serif; font-size:1.65em; color: #999933; font-style: italic; font-weight:bold;}
h4{font-size:1.25em; color: #e0ec45; font-style: italic; padding-left:15px; text-decoration: none;}

.returnlink {color: #333399;}

textarea { padding-left: 5px; background: #e5e5e5; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; border: 2px outset #ffffff; height: 80px; width: 219px;}
input.Briv { background: #0066cc; font-family: Arial; color: #ffffff; border: 2px outset #ffffff; height: 24px; width: 145px;}

#inf_Email { background-color: #ffffcc; font-size: 0.9em; font-weight: bold; color: #cc0000; white-space: nowrap; margin-right:20px;}
#inf_Name { background-color: #ffffcc; font-size: 0.9em; font-weight: bold; color: #cc0000; white-space: nowrap;}
#inf_Message { background-color: #ffffcc; font-size: 0.9em; font-weight: bold; color: #cc0000; white-space: nowrap;}

.box1 { border: 0px dashed #999999; background-color: #ffffcc; font-size: 1.2em;}
.box3 { background-color: #ffffcc; }

input { padding-left: 5px; background: #e5e5e5; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; border: 2px outset #ffffff; height: 22px; width: 219px;}
input.dates { padding-left: 5px; background: #e5e5e5; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; border: 2px outset #ffffff; height: 22px; width: 104px;}
select { background: #e5e5e5; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; border-width: 0px 0px; height: 22px; width: 260px;}
select.enqriviera { background: #e5e5e5; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; border-width: 0px 0px; height: 22px; width: 47px;}

.disclaimer {font-size: 0.9em; margin-top:-4px;}

/* end Enquiry Form */

#alpha-inner, #beta-inner {position: static;}

#banner-bottom
{
text-align: center;
width: 100%;
}

#banner-bottom-awards
{
text-align: center;
width: 100%;
position:absolute;
bottom:80px;
}
	
#banner-bottom-inner{
background-color: #f1edcc;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
position: static;
}

#pagewrap {position: relative; width: 100%; height:500px;}
#pagewrap-inner {position: static; width: 100%;}

.tasting  {margin: 0px 0px 5px 0px; font-size:1.0em; }
.gold {color: #8e7505;}
.goldbold {color: #8e7505; font-weight:bold; }
.taste {color: #cc0033;}
.tasteawards {color: #8e7505; font-style: italic; font-size:1.2em;}
.awards {color: #8e7505; font-weight:bold; font-size:1.5em; padding: 0px 0px 0px 5px;}
.goldyear {color: #8e7505; font-size:0.9em; }
.quotel {padding: 0px 1px 7px 0px;}
.quoter {padding: 0px 2px 7px 0px;}

.address {font-weight:bold; font-size:1.4em;}

.three-column-special #alpha
{
font-size: 1.3em;
margin: 0px 0px 0px 16px;
width:240px;
background: #ffffcc;
float:left;
height:620px;
color:#333399;
}

.three-column-special #beta
{
font-size: 1.3em;
float:left;
margin: 0px 0px 0px 0px;
width:360px;
background: #ffffcc;
height:620px;
color: #333399;
padding: 0px;
position:absolute; 
left:304px; 
}

.three-column-special #gamma
{
font-size: 1.3em;
float:right;
margin: 0px 0px 0px 0px;
width:274px;
background: #ffffcc;
position:absolute; 
left:690px; 
height:620px;
color: #333399;
padding: 0px;
}

p.blocktext {
font-size: 1.1em;
    margin-left: auto;
    margin-right: auto;
    width: 18em;
}


.three-column #alpha
{
margin-top:0px; 
width:220;
background: #ffffcc;
float:left;
height:620px;
color:#333399;
padding:4px;
}


.three-column #beta
{
font-size: 1.3em;
float:left;
margin: 0px 0px 0px 0px;
width:482px;
background: #ffffcc;
height:620px;
color: #333399;
padding: 4px 12px 12px 12px;
position:absolute; 
left:242px; 
}


.two-column #alpha
{
font-size: 1.3em;
margin-top:0px; 
width:220;
background: #ffffcc;
float:left;
height:620px;
color:#333399;
padding:4px;
}

.two-column #beta
{
font-size: 1.3em;
float:left;
margin: 0px 0px 0px 0px;
width:482px;
background: #ffffcc;
height:620px;
color: #333399;
padding: 4px 12px 12px 12px;
position:absolute; 
left:420px; 
}

#beta p
{
font-size: 1.0em;
}


#tariffnews{
width:360px;
}

.tariffnews {
font-size: 1.1em;
}

.tariffnews p {
font-size: 1.0em;
}

.specials{
font-size: 1.3em;
}

.three-column #gamma
{
float:right;
margin: 0px 0px 0px 0px;
width:222px;
background: #ffffcc;
margin-top:0px;
position:absolute; 
left:740px; 
height:620px;
color: #333399;
padding: 0px 2px 2px 2px;
}

.table1  {border-width:1px; border-style: dashed; border-color: #a7a774;padding:1px;}
table.table1 td {padding:2px;}

.table2  {border-width:1px; border-style: dashed; border-color: #a7a774;padding:1px;}
table.table2 td {padding:2px;}
.row1 {background-color: #f1edcc; vertical-align:top;}
.row2 {background-color: #ffffcc; vertical-align:top;}
.col1 {background-color: #f1edcc; vertical-align:middle;}
.col2 {background-color: #ffffcc; vertical-align:middle;}
.col3 {background-color: #ffffff; vertical-align:middle; height:40px;}

#inet {font-family: arial black; font-size: 0.9em; font-style: italic; color: #8e7505;}
#inet2 {font-size: 0.9em; font-style: italic; color: #8e7505; }

/* ends */