@charset "utf-8";
/* CSS Document */

body {
	background: #769335 url(images/bkgrd_rpt.jpg) repeat-x top center;
	margin: 0px;
	padding: 0px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.clear {
	clear: both;	
}
.orange {
	color: #fcad1d;
	font-weight: bold;
}
a:active {
outline: none;
-moz-outline-style: none;
}
a:focus {
-moz-outline-style: none;
outline: none;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}
/*////////////////////////////////////////////header////////////////////////////////////////////////*/
#header {
	background: url(images/pageheader/header_bkgrd_new.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 119px;
}
#logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 119px;
	width: 324px;
}
#djcateringlink {
	margin: 0px;
	padding: 0px 0px 0px 282px;
	height: 42px;
	float: right;
	width: 354px;
}

#nav {
	margin: 0px;
	padding: 0px 0px 0px 27px;
	float: right;
	width: 609px;
	height: 72px;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 72px;
}
#nav ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline-block;
}
/*/////////////////////////////////////////////////////////////////////////*/
#guidelinktext {
	margin: 0px;
	padding: 8px 0px 0px 8px;
	height: 78px;
	color: #2c0505;
}
#content_bottom {
	background: url(images/content_bott.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 960px;
}
/*///////////////////////////////////////////////////////////////////home page////////////////////////////////////////////////*/
#banner {
	background: url(images/pageheader/home_bkgrd.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 453px;
	width: 960px;
}
#contentbkgrd {
	margin: 0px;
	padding: 0px;
	background: url(images/cont_bkgrd_rpt.gif) repeat-y;
}
#homecontentbkgrd {
	margin: 0px;
	padding: 0px;
	background: url(images/pageheader/home_cont.jpg) no-repeat top left;
	height: 583px;
}
#homecontent {
	margin: 0px;
	padding: 0px 34px 0px 40px;
/*	background: url(images/home_content.jpg) no-repeat left top;*/
	width: 886px;
		position: relative;
}
#hometext {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 435px;

}
#hometext .toptitle {
	font-size: 20px;
}
h2 {
	font-size: 26px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 20px;
	line-height: 28px;
}
#hometext p {
	margin: 0px;
	padding: 0px 0px 15px;
	line-height: 18px;
}
h3 {
	font-size: 22px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 15px;
}
#guidelink_home {
	margin: 251px 0px 0px;
	padding: 0px 20px 0px 0px;
	float: right;
	width: 180px;
}
.guidelink {
	margin: 1px 0px 0px 0px;	
}
#eventorganiser {
	margin: 0px;
	padding: 95px 30px 0px 95px;
	float: left;
	width: 327px;
}
#eventorganiser p {
	padding: 0px;
	margin: 0px;
	width: 317px;
}
#eventbut {
	width: 174px;
	height: 33px;
	position: absolute;
	top: 464px;
	left: 287px;
	
}
#homeslideshow {
	float: right;
	width: 429px;
	margin: 18px 0px 0px 0px;
	padding: 0px;
	position:relative;
	height:210px
}
#homeslideshow a {
		float:left;
		position:absolute;
	}
#homeslideshow a img {
		border:none;
	}
	
#homeslideshow a.show {
		z-index:500
	}


/*///////////////////////////PAGE HEADERS///////////////////////////////////////////////*/
.legacypage {
	background: url(images/legacy_header.jpg) no-repeat left top;
}
.caterguidehomepage {
	background: url(images/pageheader/caterguidehome_hdr.jpg) no-repeat top left;
	height: 603px;
}
.caterguidepage {
	background: url(images/pageheader/caterguide_bkgrd.jpg) no-repeat left top;
	height: 603px;
}
.gallerypage {
	background: url(images/pageheader/gallery_bkgrd.jpg) no-repeat left top;
	height: 603px;
}
.faqspage {
	background: url(images/pageheader/faqs_header.jpg) no-repeat left top;
}
.enquirepage {
	background: url(images/pageheader/enquiry_bkgrd.jpg) no-repeat left top;	
}
.thankyoupage {
	background: url(images/pageheader/thankyou_hdr.jpg) no-repeat left top;	
}
.linkspage {
	background: url(images/pageheader/links_hdr.jpg) no-repeat left top;
}
.sitemappage {
	background: url(images/pageheader/sitemap_hdr.jpg) no-repeat left top;
}
/*//////////////////////////////////////////////////Innerpage//////////////////////////////////////////////// */
#content {
	margin: 0px;
	padding: 92px 0px 0px 13px;
}
#enquirebut {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 370px;
}
#contenttext {
	float: left;
	width: 560px;
	margin: 0px;
	padding: 15px 0px 0px;
}

.diverse_bkgrd {
	background: url(images/pageheader/diverse_bkgrd.jpg) no-repeat left top;
}
.sustainability_bkgrd {
	background: url(images/pageheader/sustainability_bkgrd.jpg) no-repeat left top;	

}
.health_bkgrd {
	background: url(images/pageheader/healthsafety_bkgrd.jpg) no-repeat left top;
}
/*TABS*/
#tabs ul {
	height:89px;
	list-style-type: none;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}
#tabs ul li {
	height: 89px;
	display: inline;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.texttab {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	float: left;
	width: 490px;
	text-align: justify;
}
.texttab h2 {
	font-size: 22px;
	margin: 0px;
	padding: 5px 0px 18px;
}
.texttab h3 {
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 15px 0px 18px;
}
.texttab p {
	padding: 0px 0px 23px;
	margin: 0px;
}
.texttab a{
	color: #fcad1d;
	text-decoration: none;
}
.texttab a:hover {
	text-decoration: underline;	
}
.texttab img {
	margin: 0px 0px 0px 10px;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
	outline: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { outline: none; }
.ui-state-hover a, .ui-state-hover a:hover {outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { outline: none; }

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; }
.ui-tabs .ui-tabs-nav li a #divtab { float: left; text-decoration: none; padding: 0; background: url(images/diverse.png) no-repeat top left;}
.ui-tabs .ui-tabs-nav li a #divtab:hover { background: url(images/diverse_click.png) no-repeat top left;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected #divtab { background:url(images/diverse_click.png) no-repeat top left;  }
.ui-tabs .ui-tabs-nav li a #susttab { float: left; text-decoration: none; padding: 0;background: url(images/sustainability.png) no-repeat top left; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected #susttab { background:url(images/sustainability_click.png) no-repeat top left;  }
.ui-tabs .ui-tabs-nav li a #susttab:hover { background: url(images/sustainability_click.png) no-repeat top left;  }
.ui-tabs .ui-tabs-nav li a #hstab { float: left; text-decoration: none; padding: 0; background: url(images/health_Safety.png) no-repeat top left;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected #hstab { background:url(images/health_Safety_click.png) no-repeat top left;  }
.ui-tabs .ui-tabs-nav li a #hstab:hover { background: url(images/health_Safety_click.png) no-repeat top left;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*/////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////CATERGUIDE PAGES///////////////////////////////////////*/
#map {
	margin: 0px;
	padding: 0px;
	height: 429px;
	width: 682px;
	float: right;
	position: relative;
}
.tTip {
	height: 50px;
	width: 70px;
	position: absolute;
}
.tTip a { 
	height: 50px;
	width: 70px;
	display: block;
	position: absolute;
}
#breakfast {
	left: 170px;
	top: 15px;
}
#hotdog {
	left: 245px;
	top: 80px;
}
#beer {
	left: 330px;
	top: 95px;
}
#donut {
	top: 70px;
	left: 405px;
}
#crumpets {
	top: 10px;
	left: 440px;
}
#coffee {
	left: 510px;
	top: 10px;
	width: 40px;
}
#bus {
	left: 535px;
	top: 60px;
}
#cheese {
	left: 550px;
	top: 195px;
}
#bottlebeer {
	top: 125px;
	left: 545px;
	width: 60px;
	height: 70px;
}
#rice {
	left: 425px;
	top: 160px;
}
#vegetarian {
	left: 365px;
	top: 185px;
	width: 60px;
}
#tea {
	left: 300px;
	top: 220px;
	width: 60px;
}
#icecream {
	left: 205px;
	top: 260px;
	height: 70px;
	width: 50px;
}
#steak {
	left: 120px;
	top: 262px;
}
#whitebluevan {
	left: 20px;
	top: 250px;
}
#greybluevan {
	left: 267px;
	top: 300px;
}
#mexican {
	left: 355px;
	top: 265px;
	width: 40px;
}
#fishnchips {
	left: 415px;
	top: 240px;
}
#milk {
	left: 470px;
	top: 205px;
}
#english {
	left: 520px;
	top: 260px;
}

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {
	background: transparent url(images/tipMid.png) repeat-y;
	padding: 0 25px 20px;
	margin: 0px;
	font-weight: bold;
	font-size: 18px;
	color:#fcad1d;
	text-align: center;
}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}

#catertext {
	background: url(images/catertext-bkgrd.gif) no-repeat top left #000000;
	position: absolute;
	text-align: justify;
	width: 252px;
	padding: 25px 25px 25px 30px;
	top: 358px;
}
#sidebar {
	width:188px;
	float:right;
	margin: 0px;
	padding: 0px 54px 0px 0px;
	position: relative;
}
#guidelink_legacy {
	margin: 334px 0px 20px;
	padding: 0px;
	width: 188px;
}
#guidelink_faqs {
	margin: 218px 0px 20px;
	padding: 0px;
	width: 188px;
}
#caterguidearea {
	margin: 0px;
	padding: 18px 13px 0px 0px;
	width: 934px;
}
#leftcol {
	float: left;
	width: 304px;
	margin: 0px;
	padding: 21px 0px 0px 0px;
}
#caterguidetext {
	margin: 0px;
	padding: 10px 27px 0px 29px;
	width: 247px;
	text-align: justify;
	height: 280px;
	word-spacing: normal;
}
#caterguidetext p {
	padding: 0px 0px 10px;
	margin: 0px;
}
#backbutton {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	height: 66px;
	width: 208px;
}
#caterguideimage {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 493px;
	height: 345px;
}
#rightcol {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 137px;
	height: 317px;
}
#caterguidethumbs {
	margin: 0px;
	padding: 0px;
	height: 268px;
}
#rightcol img {
	margin: 0px 0px 10px 27px;
	padding: 0px;
	float: left;
}
#rightcol a img{
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
}
#rightcol a img:hover {
	padding: 0px;
	border: 3px solid #fcad1d;	
}
#rightcol img.thumb3 {
	margin-bottom: 0px;	
}
#enlarge {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 83px;
	float: left;
}
#enlarge a img {
	margin: 0px;
	padding: 0px;
}
#enlarge a img:hover {
	border: none;
}

/*//////////////////////////////FAQS PAGE/////////////////////////////////////*/
#faqsarea {
	margin: 0px;
	padding: 0px 0px 0px 27px;
	float: left;
	width: 550px;
}
#faqsarea ul {
	margin: 0px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 486px;
}
#faqsarea ul li {
	margin: 0px 0px 15px;
	padding: 0px;
	width: 486px;
	background: url(images/question.gif) no-repeat left top;
	display: block;
}
#faqsarea ul li ul li p {
	margin: 0px;
	padding: 0px 0px 15px;
}
#faqsarea ul li a,  #linksarea ul li a {
	font-size: 18px;
	font-weight: bold;
	color: #fcad1d;
	text-decoration: none;
	background: url(images/answer_b4.gif) no-repeat top right;
	display: block;
	width: 466px;
	padding-right: 20px;
}
#faqsarea ul li a {
	padding-left: 31px;	
	width: 435px;
}
#linksarea ul li a {
	background: none;
	margin: 0px 0px 10px;
	padding: 0px;
}
#faqsarea ul li a:hover {
	background: url(images/answer.gif) no-repeat top right;
}
#faqsarea ul ul {
	margin: 10px 0px 0px;
	padding: 15px 15px 0px;
	list-style: none;
	width: 456px;
	background: #440606;
	border: #380404 1px solid;
}
#faqsarea ul ul li {
	width: 456px;
	background: none;
	padding: 0px;
}
/*//////////////////////////////////////////ENQUIRY PAGE////////////////////////////////////////////////*/
#enquiryarea {
	float:left;
	width: 488px;
	padding:50px 0px 0px 30px;
}
#enquireform {
	float: right;
	width: 379px;
	height: 452px;
	margin: 0px;
	padding: 94px 0px 0px 21px;
	font-size: 18px;
	color: #580909;
	font-weight: bold;
}
#enquireform form {
	margin: 0px;
	padding: 10px 0px 0px;
	width: 320px;
}
#enquireform form input {
	margin: 0px 0px 8px;
	padding: 0px 0px 0px 5px;
	height: 20px;
	width: 195px;
	font-family: Arial, Helvetica, sans-serif;
	color: #580909;
}
#enquireform form textarea {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 5px;
	height: 90px;
	width: 313px;
	color: #580909;
	font: 13px Arial, Helvetica, sans-serif;
}
#radio {
	margin: 15px 0px 0px;
	padding: 0px;
}

label {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	height: 20px;
}
.radiotext {
	float: left;	
}
#enquirydeatils {
	background: url(images/enquirydetails.gif) no-repeat left top;
	margin: 40px 0px 0px;
	padding: 0px;
	height: 168px;
	width: 486px;
}
#enquirydeatils a {
	text-decoration: none;
}
#enquirydeatils a:hover {
	text-decoration: underline;
}
#enquirydeatils .orange {
	font-size: 16px;	
}
.enquire_address {
	margin: 0px;
	padding: 14px 0px 0px 16px;
	float: left;
	width: 227px;
	height: 154px;
}

/*////////////////////////////////////footer///////////////////////////////////////////////////////////*/
#footer {
	background: url(images/footer.gif) no-repeat left top;
	margin: 0px;
	padding: 210px 0px 0px;
	width: 960px;
	text-transform: uppercase;
	font-size: 12px;
	color: #324711;
	text-align: center;
}
#footer a {
	color: #324711;	
	text-decoration: none;
}
#footer a:hover {
	color: #580909;
}
#footercomments {
	font-size: 10px;
	margin: 0px 0px 20px;
	padding: 5px 0px 0px;
}
/*//////////////////////////////GALLERY////////////////////////////////////////////*/
/*GALLERY SLIDESHOW*/
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
#galleryarea {
	width: 934px;
	height: 345px;
	padding: 18px 0px 0px;
	margin: 0px;
	position: relative;
}
.content {
	display: none;
	float: right;
	width: 496px;
	margin:0px;
	padding: 1px;
}
.content a, .navigation a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.content a:focus, .content a:hover, .content a:active {
	color: #000000;
}
.slideshow-container {
	position: relative;
	clear: both;
	height: 345px; /* This should be set to be at least the height of the largest image in the slideshow */
	margin: 0px;
	padding: 0px;
}
.loader {
	position: absolute;
	top: 0;
	left: 0px;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 496px;
	height: 345px;/* This should be set to be at least the height of the largest image in the slideshow */
	margin: 0px;
	padding: 0px;
}
.slideshow .image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px;
	padding: 0px;
}
.slideshow a.advance-link {
	display: block;
	width: 496px;
	height: 345px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.slideshow a.advance-link:hover, .slideshow a.advance-link:active, .slideshow a.advance-link:visited {
	text-decoration: none;
}
.slideshow img {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
/*	border: 1px solid #ccc;*/
}
#thumbs {
	width: 274px;
	margin: 0px;
	padding: 10px 0px 0px 30px;
	background: url(images/gallerythumb.gif) no-repeat;
	height: 290px;
	position: absolute;
	left: 0px;
	top:32px;
}
#thumbs h2 {
	font-size: 22px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 10px;
}
ul.thumbs {
	margin: 0;
	padding: 0;
	width: 274px;
}
ul.thumbs li {
	float: left;
	padding: 3px;
	margin: 4px 15px;
	list-style: none;
	position: relative;
}

ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	margin: 0px;
	padding: 3px;
	border: none;
	display: block;
	width: 77px;
}
ul.thumbs img:hover {
	padding: 0px;
	border: 3px solid #fcad1d;
}
div.bottom {
	display: block;
	float: left;
	margin: 8px 0px 0px 15px;
	padding: 0px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	padding: 4px 7px 2px;
	border: 1px solid #ccc;
	margin: 0px 2px 0px 0px;
}
div.pagination a:hover {
	background-color: #580909;
	text-decoration: none;
}
div.pagination span.current {
	background-color: #580909;
	border-color: #fdac1c;
	margin: 0px 2px 0px 0px;
	padding: 2px 7px 2px;
	color: #fdac1c;
}
div.pagination span.ellipsis {
	border: none;
	padding: 4px 7px 2px;
	margin: 0px 2px 0px 0px;
}
#gallerynav {
	float: right;
	width: 122px;
	height: 233px;
	padding: 84px 0px 0px 15px;
	margin: 0px;
	position: relative;
}
#testenlarge {
	height: 40px;
	width: 83px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 10px;

}
.tab {
	padding:0px;
	margin: 0px 2px 0px 0px;
}
/*/////////////////////////////////////////////END OF GALLERY//////////////////////////////////////////*/
#scrollbuttons {
	margin:0px;
	float: right;
	width: 22px;
}
#scrollup {
	margin-bottom: 110px;	
}
.newsticker {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 99px;
	float: left;
}
#gallerynav ul {
	width: 99px;
	margin: 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#gallerynav ul li {
	margin: 0px;
	padding: 0px;
	width: 99px;
	height: 26px;
	display: block;
}
#gallerynav ul li a {
	margin: 0px;
	padding: 0px;
	width: 99px;
	height: 26px;
	display: block;
	text-decoration: none;
	color: #a1adac;
}
#gallerynav ul li a:hover {
	margin: 0px;
	padding: 0px;
	width: 99px;
}
/*==============================================================Links Page====================================================*/

#linksarea {
	margin: 0px;
	padding: 18px 33px 15px 20px;
	width: 894px;
}
.linksbox {
	width: 405px;
	height: 90px;
	float: left;
	background: #440606;
	border: #920d0d 1px solid;
	margin: 0px 10px 10px;
	padding: 10px;
}
.linkstext {
	float: left;
	width: 200px;
}
.linkstext a {
	color: #FFFFFF;
	text-decoration: none;
	
}
#sideevent {
	padding: 70px 0px 120px 0px;
	margin: 0px;
}
#sideevent .sidebut {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 689px;
	left: 2px;
}