﻿body 
{
    background-color: #A01616;
    background-image: url(../../images/background.gif);
    background-repeat: repeat-x;
    font-family: "Trebuchet MS", verdana, arial;
    overflow-x: hidden;
}

*
{
	margin: 0;
	padding: 0;	
}

strong { font-weight: bold; }

.clear{clear: both;}

a img{border: 0;}

h1{display: none;}

#divContainer
{
	
	margin: 0 auto;

	width: 930px;	
}

#divLogo
{
    position: absolute;
    z-index: 999;
    margin: 0 0 0 373px;
}

#monoSlideshow
{
    position: absolute;
    margin: 134px 0 0 0;
}    

#divBodyText
{
    position: absolute;
    z-index: 1;
    width: 240px;
    margin: 230px 0 0 347px;
}

/* start - added by mw 22/09/2010 */
#divXmasHolder
{
    position: absolute;
    left: 50%;
    z-index: 999;
    width: 660px;
    margin: 230px 0 0 -330px;
}

#divXmasText{float: left; width: 660px;}

#divXmasText p
{
    color: #ffffff;
    font-size: 0.70em;
    line-height: 18px;
    margin: 0 10px 10px 0;
}

#divXmasText p a{color: #ffffff; text-decoration: none;}
#divXmasText p a:hover{text-decoration: underline;}
#divXmasText h3
{
    color: #ffffff;
    font-size: 0.80em;
    line-height: 18px;
    margin: 0;
}
/* end - added by mw 22/09/2010 */

/* start - added by mw 19/09/2011 */

#divXmasColOne{float: left; width: 403px;}
#divXmasColTwo{float: left; width: 257px;}

#divXmasColOne p
{
    color: #ffffff;
    font-size: 0.70em;
    line-height: 15px;
    margin: 0 13px 7px 0;
}

#divXmasColOne p a, #divXmasColTwo p a {color: #ffffff; text-decoration: none;}
#divXmasColOne p a:hover, #divXmasColTwo p a:hover{text-decoration: underline;}
#divXmasColOne h3, #divXmasColTwo h3
{
    color: #ffffff;
    font-size: 0.80em;
    line-height: 18px;
    margin: 0;
}


#divXmasColTwo p
{
    color: #ffffff;
    font-size: 0.70em;
    line-height: 15px;
    margin: 0 10px 7px 10px;
}

#divXmasColTwo p.xmasFirstP 
{
	font-size: 0.78em !important;
}

#divXmasColOne p.xmasFirstP 
{
	font-size: 0.78em !important;
}
.loseMarginBottom 
{
	margin-bottom:0px !important;
}

.menusList li 
{
	float:left;
	display:block;
	color: #ffffff;
    font-size: 0.70em;
    margin-right:10px;
    width:121px;
    margin-bottom:8px;
}

.menusList li.last 
{
	clear:both;
}

.pdfHolder 
{
	width:16px;
	margin-right:5px;
	padding-top:3px;
	float:left;
	display:block;
}
.pdfTitle 
{
	width:100px;
	float:left;
	display:block;
	line-height: 12px;
}

.pdfTitle a
{
	color: #ffffff;
	text-decoration:none;
}

.pdfTitle a:hover
{
	color: #A17945;
	text-decoration:none;
}

/* end - added by mw 19/09/2011 */



#divCorporateHolder
{
    position: absolute;
    left: 50%;
    z-index: 999;
    width: 660px;
    margin: 230px 0 0 -330px;
}

#divCorporateText{float: left; width: 360px;}
#divCorporateLayouts{float: right; width: 300px;}
#divCorporateLayouts a{float: left; margin: 0 10px 10px 0;}

#divCorporateText p
{
    color: #ffffff;
    font-size: 0.70em;
    line-height: 18px;
    margin: 0 10px 10px 0;
}

#divCorporateText p a{color: #ffffff; text-decoration: none;}
#divCorporateText p a:hover{text-decoration: underline;}
#divCorporateText h3
{
    color: #ffffff;
    font-size: 0.80em;
    line-height: 18px;
    margin: 0;
}

#divNoImageHolder
{
    position: absolute;
    margin: 134px 0 0 0;
    background-image: url(../../images/ReserveTable_bg.jpg);
    height: 410px;
    width: 930px;
}    

#divNoImageHolderGallery
{
    position: absolute;
    margin: 134px 0 0 0;
    background-image: url(../../images/Gallery_bg.jpg);
    height: 410px;
    width: 930px;
}   

#divNoImageBodyText
{
    position: absolute;
    z-index: 999;
    width: 870px;
    margin: 100px 0 0 30px;
}

#divNoImageBodyTextGallery
{
    position: absolute;
    z-index: 999;
    width: 870px;
    margin: 89px 0 0 182px;
}

#divNoImageBodyText p
{
    color: #ffffff;
    font-size: 0.70em;
    line-height: 18px;
    margin: 0 0 10px 0;
}

#galSlideshow{float: left; margin: 0 0 0 0;}

dl{clear: both; height: 180px;}
dt{font-size: 0.7em; color: #ffffff; float: left; margin: 0 30px 10px 0; clear: left;}
dd{float: left; margin: 0 0 10px 0; clear: left;}

#divNoImageBodyText a{color: #ffffff; font-size: 0.75em;text-decoration: underline;}
#divNoImageBodyText a:hover{text-decoration: none;}

select
{
    font-family: "Trebuchet MS", verdana, arial;
    font-size: 0.7em;   
    width: 60px;  
}

#divBodyText p
{
    color: #ffffff;
    font-size: 0.70em;
    line-height: 18px;
    margin: 0 0 10px 0;
}

#divBodyText.center p
{
    text-align: center;
}

#divBodyText p a{color: #ffffff; text-decoration: none;}
#divBodyText p a:hover{text-decoration: underline;}

#divBodyText h3
{
    color: #ffffff;
    font-size: 0.80em;
    line-height: 18px;
    margin: 0;
}

.clsMenuItem{clear: both; border-bottom: solid 1px #5A8482; margin: 0 0 5px 0;}
.clsMenuItem h3{float: left; padding: 0 5px 0 0;}
.clsMenuItem p a{color: #ffffff; text-decoration: none;}
.clsMenuItem p a:hover{text-decoration: underline;}

#divMenu
{
    position: absolute;
    z-index: 999;
    background-color: #78110C;
    width: 850px;
    height: 35px;
    margin-left: 40px;
    margin-top: 525px;
    color: #A01616;
}    


#divMenuItems{padding: 5px 0 0px 26px;}

/*
#divMenuItems{padding: 5px 0 0 103px;}
body:first-of-type #divMenuItems{padding: 8px 0 0 103px;}
*/
#divMenu ul{display:inline;}
#divMenu ul li{display:inline; list-style: none;}
#divMenu ul li a{text-decoration: none; color: #ffffff; font-size: 0.8em;}
#divMenu ul li a:hover{color: #A17945;}

#divFooter
{
    position: absolute;
    z-index: 999;
    text-align: center;
    width: 930px;
    margin: 570px 0 0 0;
}    
#divFooter h3{color: #EFD1D1; font-size: 0.7em; margin: 0 0 3px 0;}
#divFooter h4{color: #EFD1D1; font-size: 0.7em; margin: 0 0 3px 0;}
#divFooter h5{color: #EFD1D1; font-size: 0.7em; margin: 0 0 13px 0;}
#divFooter p {color: #490A07; font-size: 0.7em;}
#divFooter p a{color: #490A07; text-decoration: none;}
#divFooter p a:hover{color: #A17945;}

#divChefsTablePush{height: 100px;}
#divMenuPush{height: 10px;}
#divFindUsPush{height: 30px;}
#divBookTablePush{height: 88px;}

.clsGoButton
{
    font-family: "Trebuchet MS", verdana, arial;
    font-size: 1.0em;   
    width: 30px;  
}

input{margin: 0; padding: 0;}

/* GOOGLE MAPS */
#saddr
{
    width: 70px;
    font-family: "Trebuchet MS", verdana, arial;
    text-transform: uppercase;
    font-size: 1.0em;
}    

.clsBookOnline{padding: 0 0 0 47px;}

#divPromoBanner{padding: 0 0 10px 0;}

/* Aug 09 Update - AG */

#pVoucher
{
    position: absolute;
    z-index: 999;
    text-align: center;
    width: 435px;
    margin: 635px 0 0 -217px;
    left: 50%;
} 

#divBodyText p.callTo a{text-decoration: underline;}
#divBodyText p.callTo a:hover{text-decoration: none;}
#divBodyText p.large {font-size: .8em;}

#divSlugs { position: absolute; top: 630px; left: 0; width:100%;}
	#divSlugs ul { position: relative; width: 910px; margin: 0 auto; overflow: hidden; }
		#divSlugs ul li { float: left; display: inline; margin: 0 2px; list-style: none; }
			#divSlugs ul li a { display: block; }
				#divSlugs ul li a img { display: block; }
.links { position: absolute; left: 50%; width: 390px; margin-left: -205px; line-height: 24px; }
#facebook { position: absolute;
left: 50%;
width: 20px;
height: 24px;
margin-left: 335px;
top: 0px;}
    #facebook a { display: block; width: 39px; height: 39px; margin: 2px 0; }
        #facebook a img { display: block; }
    #facebook .tooltip { display: none; position: absolute; left: 50%; margin-left: -44px; }
    
#OT_form { margin-left:30px !important;}
.OT_ExtLink { display:none !important;}

#StrawberryLink { position: absolute; top: 760px; width:930px; height:50px; text-align:center; }

#StrawberryLink a { font-size: 0.7em; color: #490A07; text-decoration: none; }

#StrawberryLink a:hover { color: #A17945;}

#ui-datepicker-div { z-index:9999; }

.OT_searchTimeField, .OT_searchDateField, .OT_searchPartyField { z-index:9999; }


#footerBanner 
{
	margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 910px;
	
}

#offerAdvert {
position: absolute;
top: 710px;
width: 930px;
height: 50px;
text-align: center;
}
