@import url("styles/forms.css");

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

body.site {
	text-align:center;
	background: #fff url(/cms/outertemplates/images/pagebg.gif) repeat-x top left;
	min-width:1070px;
}

.smallText { font-size:100%; }
.mediumText { font-size:120%; }
.largeText { font-size:140%; }

img {margin:0;}
td, p {font-size:.9em;}
ul, ol { margin:15px; }
p.left, td.left { text-align:left; }
p.right, td.right { text-align:right; }
div.left, img.left, input.left { float:left; }
div.right, img.right, input.right { float:right; }

a { color: #b6282e;}
a img {border:none;}

.error {color:#F00;}

/* MAIN LAYOUT SETUP */

#wrap {
position:relative;width:975px;text-align:center;margin:0 auto;

}

* html>#wrap {height:100%}

html>body #wrap {height:auto;}/*for mozilla */

#container {
	position:relative;
	width:930px;
	margin:0 auto;
	min-height:100%;
	text-align:center;
	background:url(/cms/outertemplates/images/centerbg.gif) center repeat-y;
	
}

* html>#container {height:100%}

html>body #container {height:auto;}/*for mozilla */

.spacer {height:8px;}

html>body .spacer {height:18px;}


#container {
  /*overflow: hidden;*/
  clear:left;
}

.signin {position:absolute;float:right;bottom:5px;right:5px;font-size:.7em;
border:1px solid #f68122;
border-top:none;
padding:3px;
color:#b72935;
height:15px;
font-size:0.9em;
}

#leftcontent {position:relative;float:left;display:inline;width:186px;
margin-right:9px;}

#maincontent {
position:relative;float:left;display:inline;width:515px;text-align:left;padding: 0px 11px;}

#rightcontent {
	position:relative;
	float:left;
	display:inline;
	text-align:left;
	width:186px;
	margin-left:9px;
	margin-top:12px;
	font-size:.8em;
}

/* ACCESSIBILITY LINKS */
#widgets a
{
	text-decoration:none;
	color:#000;
}

#widgets #smallTxtToolbar
{
	display:block;
	font-size:90%;
	font-weight:bold;
	border: 1px solid #cd5b05;
	background:#fed756;
	line-height:15px;
	width:15px;
	text-align:center;
	float:left;
	margin:0 1px;
}

#widgets #mediumTxtToolbar
{
	display:block;
	font-size:110%;
	font-weight:bold;
	border: 1px solid #cd5b05;
	background:#fcc604;
	line-height:15px;
	width:15px;
	text-align:center;
	float:left;
	margin:0 1px;
}

#widgets #largeTxtToolbar
{
	display:block;
	font-size:130%;
	font-weight:bold;
	border: 1px solid #cd5b05;
	background:#f58020;
	line-height:15px;
	width:15px;
	text-align:center;
	float:left;
	margin:0 1px;
}

/* HEADER ELEMENT */

#header {
width:975px;
height:136px;
margin:0 auto;
text-align:right;
background: transparent url(/cms/outertemplates/images/header.gif) no-repeat top center;}

#headerCatering {
width:975px;
height:136px;
margin:0 auto;
text-align:right;
background: transparent url(/cms/outertemplates/images/catering/header.png) no-repeat top center;}

h1.helpline {float:right;position:absolute;top:55px;right:20px;font-size:1.3em;color: #f58220;font-weight:normal;clear:both;border:none;}

h1.helpline span {color: #b6282e;}

#search {float:right;position:absolute;top:95px;right:20px;color: #b6282e;}
#search label {font-size:.8em;float:left;padding-top:4px;margin-right:4px;}
#search input {float:left;border: 1px #b6282e solid;height:20px;font-size:1em;margin-right:5px;}
#search input.button {
	position:relative;
	float:left;
	color:#fff;
	background: #f58220;
	border:1px #b6282e solid;
	line-height:20px;
	cursor:pointer;
	padding:0 2px;
	height:22px;
	width:35px;
}

.accesslinks {float:right;}
.accesslinks ul {position:absolute;list-style-type:none;top:15px;right:20px;font-size:.7em; margin:15px;}
.accesslinks ul li {display:inline; margin-left:5px;}

/* MAIN NAVIGATION SECTION */

#navcontainer {
	position:relative;
	margin:0 auto;
	text-align:center;
	width:975px;
	height:25px;
	font-size:.8em;
	background: transparent url(/cms/outertemplates/images/navbg.gif) repeat-x top center;
	z-index:2;
}

#breadcrumb {
	float:left;
	position:relative;
	clear:both;
	left:25px;
	font-size:0.9em;
	margin:5px 5px 15px;
	color:#FFF;
}

#breadcrumb p {
	float:left;
	padding: 0 0 0 5px;
}

#breadcrumb ul {
	float:left;
	list-style-type: none;
	padding-left:5px;
	margin:0;
}

#breadcrumb li {
	display: inline;
	padding-left: 15px;
	background: url(/cms/outertemplates/images/breadcrumb.gif) 3px no-repeat;
	font-size:0.9em;
}

#breadcrumb a { color:#FFF;}

/*LEFT COLUMN SECTION*/

#submenu {text-align:left;font-size:.8em;margin-bottom:10px;width:175px;}
#submenu ul { margin:0;}

html>body #submenu li  {width:185px;}
html>body #submenu li a {width:175px; background:#b6282e;}

#submenu ul {list-style-type:none;}
#submenu ul li {float:left;clear:both;width:100%;margin-bottom:1px;background-color: #b6282e;}
#submenu ul li a:link, #submenu ul li a:visited {display:block;color:#fff;}
#submenu ul li a {padding:5px;text-decoration:none;width:175px;}
#submenu ul li a:hover {background-color: #f58220;}

.smBox {position:relative;background: #fff url(/cms/outertemplates/images/smBox-bg.gif) repeat-y;width:186px;text-align:left;margin-bottom:10px;}
.smBox-top {background: #fff url(/cms/outertemplates/images/smBox-top.gif) no-repeat;height:28px;}
.smBox-inner {padding:8px;}
.smBox-bottom {background: #fff url(/cms/outertemplates/images/smBox-bottom.gif) no-repeat;height:12px;}
.smBox-top h1 {position:absolute;font-size:.9em;top:6px;color:#fff;left:8px;font-weight:normal;}
.smBox {font-size:.8em;}
.smBox input, .rightbox input {border: 1px #b6282e solid;margin-bottom:3px;clear:both;cursor:pointer;}

input.smbtn {position:relative;float:right;background: transparent url(/cms/outertemplates/images/smbtn.gif) no-repeat;
width:51px;height:17px;border:none;font-size:.75em;color: #b6282e;
clear:both;
}

/*MEMBERS MENU*/

.pnlMembers {margin-top:10px;float:left;clear:both;}

span.members_header {font-weight:bold;padding:4px;display:block;clear:both;line-height:14px;background:#FDB635;color:#000;margin-bottom:1px;}

#submenu .pnlMembers ul {}

#submenu .pnlMembers ul li {float:left;clear:both;width:100%;margin-bottom:1px;background-color: #f58220 !important;}

html>body #submenu .pnlMembers ul li a {width:175px; background-color:#f58220 !important;}

#submenu .pnlMembers ul li a:hover {background-color: #b6282e !important;}

/*MAIN CONTENT SECTION*/

h1 {border-bottom: 3px #b6282e solid; color:#b6282e;font-size:1em;margin-bottom:10px;line-height:1.2em;}
h2 {color:#b6282e;font-size:1em;margin-bottom:10px;font-weight:normal;}

#maincontent p, #maincontent td {margin-bottom:8px;font-size:.8em;}
#maincontent td td, #maincontent td p {font-size:1em;}
p#donated {padding: 10px; color: #B6282E; clear: both; border: 1px solid #B6282E; background: #FFEDCC; margin: 20px 10px; height: 35px;}

.foodalerts {background: transparent url(/cms/outertemplates/images/foodalerts.gif) no-repeat;
height:115px;width:505px;
margin-bottom:10px;
}

hr {border:1px solid #b6282e;margin-bottom:10px;}

.contentbox {position:relative;width:145px;float:left;font-size:.8em;padding-right:8px; min-height:185px;}
.contentbox h2 {font-size:.9em;color:#b6282e;margin-bottom:8px;}
.contentbox h3 {color:#e99044;}
.contentbox img {float:left;}
p.more {float:right;margin-top:5px;}
.borderright {border-right:1px dashed #b6282e; margin: 3px 7px;}
.checkout-form {background-color:#ffedcc;padding-top:10px;padding-bottom:10px;margin-bottom:10px;}
.checkout-form input.textbox {border:1px solid #b6282e;background-color:#fff;}

/*RIGHT CONTENT SECTION*/
.rightbox {border-bottom: 3px #f3d1d2 solid;padding-bottom:8px;margin-bottom:15px;}
.rightbox p {padding-bottom:6px;}


/*FOOTER*/

#footer {
position:relative;
float:left;
clear:both;
height:117px;
width:975px;
font-size:.8em;
margin:5px auto;
background: #fff url(/cms/outertemplates/images/footer.gif) no-repeat;
text-align:left;
}

#footer p {padding-top:30px;padding-left:40px;font-size:.8em;}
#footer p.right {padding-top:50px;padding-right:40px;font-size:.8em;}

/*CLEARING FIXES*/

div.clear {
clear:both;
height:1px;
overflow:hidden;
}

.clear {
clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* START HORIZONTAL MENU STYLES */

div.xMenuBtn {
	display: none;
}
#navcontainer { z-index:2; }
#nav, body.catering ul.subnav { margin:0 auto; width:100%; clear:both; padding:0px 10px 0px 30px; z-index:3;}

/* Root level list items */
#nav li, body.catering ul.subnav li { float:left; width:auto; list-style:none; margin:0 5px; padding:0; z-index:3;}
#nav li a, body.catering ul.subnav li a { display:block; padding: 0 15px; font-size:12px; line-height:25px; color:#FFF; text-decoration:none; }
#nav li a:hover, #nav li a:hover { background:#FDB635; }
body.catering ul.subnav li a:hover, body.catering ul.subnav li a:hover { background:#a1c63a; }
#nav li.navdrop a, body.catering ul.subnav li.navdrop a { background:transparent url(/cms/outertemplates/images/arrowdown.gif) no-repeat scroll 95% 70%; padding-right:25px;}
#nav li.navdrop a:hover, body.catering ul.subnav li.navdrop a:hover { background:#FDB635 url(/cms/outertemplates/images/arrowdown.gif) no-repeat scroll 95% 70%;}

/* First level drop downs */
#nav li ul { position:absolute; left:-999em; clear:left; margin:0; padding:0;}
#nav li li { clear:left; width:200px; line-height:21px; background:#B6282E; text-align:left; margin:0; border:1px solid #B6282E; border-width:0 1px 1px;}
#nav li li.first { }
#nav li.navdrop li a { width:190px; margin:0; padding:0 5px;}
#nav li:hover ul, #nav li.sfhover ul { left:auto; }
#nav li.navdrop li a:hover { background:#FDB635;}


/* Second level drop downs */
#nav li li ul { margin-left:200px; margin-top: -27px; }
#nav li:hover li ul, #nav li.sfhover li ul { left:-999em; }
#nav li li:hover ul, #nav li li.sfhover ul { left:auto; }

/* Third level drop downs */
#nav li li:hover li ul, #nav li li.sfhover li ul { left:-999em; }
#nav li li li:hover ul, #nav li li li.sfhover ul {left:auto;}

/* Fourth level drop downs */
#nav li li li:hover li ul, #nav li li li.sfhover li ul { left:-999em; }
#nav li li li li:hover ul, #nav li li li li.sfhover ul {left:auto;}


/* IE 7 Fix, for sticky drop downs */
#nav li:hover, #nav li.sfhover {
    position: static;
}

#nav li.navdrop li a, #nav li li.navdrop li a, #nav li li li.navdrop li a, #nav li li li li.navdrop li a {
	background-image: none;			/* hides the drop down image from non-drop down list items */
	border-top: 1px solid #fff;
}

#nav li li.navdrop a, #nav li li li.navdrop a, #nav li li li li.navdrop a, #nav li li li li li.navdrop a{
	background-image: url(/cms/outertemplates/images/arrowright.gif);		/* image used to indicate a pop out list item */
	background-position:right;
	background-repeat:no-repeat;
}

* html #nav li a {float: left;} * html #nav li ul li a{float: none;}	/* Mac IE hack */

/* END HORIZONTAL MENU STYLES */

.products-table td { font-size:0.7em; padding:3px; text-align:center; vertical-align:top; }
.products-table td a { color:#f68121; }
.products-table td.left { text-align:left; }
.red { color:#F00; }
.small { font-size:90%; }
.rrp { text-decoration:line-through; }

.btn-basket
{
	width:121px;
	height:23px;
	padding-left:15px;
	color:#b6282e;
	font-size:0.9em;
	background:url(/cms/outertemplates/images/btn-basket.gif) top left no-repeat;
	border:0;
}

.faq-question
{
	border-top: 3px solid #f3d1d2;
	border-bottom: 3px solid #f3d1d2;
	margin:10px;
	padding:5px;
}

.answer { color: #c14448; }
div.left2Col { float:left; width:49%; }
div.right2Col { float:right; width:49%; }

/* START LIGHTBOX STYLES */
/* You shouldn't need to edit these */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* END LIGHTBOX STYLES */

input.inputError, textarea.inputError, select.inputError {
	color: #000;
	border: solid 2px #f00;
	padding-left: 2px;
	font-family: arial, helvetica;
	background: #ffcccc;
}

/* Basket/checkout styles */
table.basket-contents th { color:#B6282E; font-size:0.9em; padding-bottom:5px;}
table.basket-contents td.col-remove label {margin-left:5px; }
table.basket-contents td {border-bottom:2px solid #F3D1D2; padding:8px 0; }
table.basket-contents td.dtgfooter {border-bottom:none;}
input.button { width:150px; height:25px; line-height:25px; background: url(/cms/outertemplates/images/button.gif) top left no-repeat; margin-bottom:5px; color:#B6282E; border:none; cursor:pointer;}
input.buttonSmall { width:100px; height:25px; line-height:25px; background: url(/cms/outertemplates/images/buttonsmall.gif) top left no-repeat; margin-bottom:5px; color:#B6282E; border:none; cursor:pointer;}

div.form-row {clear:both; margin:5px 0;}
div.form-row label {float:left; margin-right:8px; text-align:right; width:150px; font-size:0.9em;line-height:20px;}

.radiobutton label { margin-left:5px; vertical-align:middle;}
.radiobutton input { margin:5px; vertical-align:middle;}

.miniBasketLink { background:url(/cms/outertemplates/images/basket.gif) left no-repeat; padding-left:20px;}

.searchResult h2 {vertical-align:middle;}
.searchResultIcon {vertical-align:middle;}

div.foodAlertsListing div.group2, div.foodAlertsListing div.group4, div.foodAlertsListing div.group14 {display: none;} /* Added by RC */

.d3pager {font-size:0.8em;}
.d3pager ul{text-align: center;vertical-align: middle;margin: 2px 2px 2px 2px;height: 25px;padding: 0 0 0 5px;}
.d3pager li{display: inline;color: #000000;list-style-type: none;height: 20px;padding: 5px;}

div.searchResult h2 span.highlight
{
    color: red;
}
div.searchResult p span.highlight 
{
    background-color: Yellow;
    color: red;
}

div.login label {display:block;}
div.login input.textbox {display:block; width:180px;}

div.formAllergyLogin { background:url(/cms/outertemplates/images/bg/bgLoginBoxBtm.png) no-repeat bottom; font-size:0.9em; overflow:hidden; width:515px; }
div.formAllergyLogin h2 { background:url(/cms/outertemplates/images/bg/bgLoginBoxTop.png) no-repeat top; color:#FFF; font-weight:normal; height:28px; line-height:28px; text-indent:8px; }
div.formAllergyLogin div.col { float:left; width:250px; padding:0 3px; }
div.formAllergyLogin div.col input.textbox { background:#FFF; border:1px solid #B7282E; float:left; width:140px; }
div.formAllergyLogin div.col label { float:left; padding:0 16px 0 0; text-align:right; width:70px; }
div.formAllergyLogin div.btnRow { clear:both; overflow:hidden; padding:8px 35px 12px; text-align:right; }
div.formAllergyLogin div.btnRow input.smbtn { font-weight:bold; }