body {
/* Sets default font/font size for whole site */
   font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	font-size: 62.5%;
}

html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #container {height: auto;}

* {margin: 0px; padding: 0px;}

.hide {display: none;}

p {
	line-height: 1.5em;
	padding-bottom: 1em;
	font-size: 1.2em;
}

dl {
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 1.2em;
}

dd {
	font-weight: normal;
}

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}

a {
	color: #D41B34;
	background-color: transparent;
}

a:visited {
	color: #EBA846;
	background-color: transparent;
}

a:hover {
	color: #179E97;
	background-color: transparent;
	text-decoration: none;
}

#container {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 800px;
/*	max-width: 1200px;*/
}

#header {
	border-top: 1px solid #778899;
	border-bottom: 1px dotted #B2BCC6;
	height: 150px;
	white-space: nowrap;
}

#header h1 {display: none;}
#header h2 {display: none;}

#logo {
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	padding: 1px;
}

#nav {
	background-color: transparent;
	margin: 10px 1.5em 0 220px;
	height: 4em;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	float: left;
	margin: 0 0;
	border-left: 1px solid #fff;
}

#nav ul li a {
	background-color: #D41B34;
	height: 4em;
	line-height: 1.3em;
	padding-top: 1.3em;
	width: 7.6em;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	text-decoration: none;
	text-align:left;
	padding-left: 0.5em;
}

#nav ul li a:active {
	color: #fff;
	background-color: #D98330;
}

#nav ul li a:hover {
	color: #fff;
	background-color: #D98330;
}

#breadcrumb {
	margin: 1em 1.5em 0 215px;
	color: #777;
	background-color: transparent;
	height: 1.4em;
	line-height: 1.4em;
	font-size: 1em;
	text-align: left;
	padding: 1em 0 0 10px;
}

.breadcrumb-current {
	color: #2F4F4F;
	background-color: transparent;
	font-weight: normal;
	letter-spacing: 1px;
}

#sidebar {
	position: absolute;
	top: 165px;
	width: 200px;
	margin-left: 10px;
}

#sidebar img {
	margin: 0.5em 0 1em 0;
	padding: 1px;
	border: 1px solid #000;
}

#content {
	margin-left: 220px;
	margin-right: 1.5em;
	margin-bottom: 6em;
}

#content h2 {
	font-size:2em;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	margin: 0.5em 0 0.5em 0;
	padding-left: 0.2em;
	border-bottom: 0.1em solid #D41B34;
}

#content h3 {
	font-size:1.8em;
	margin: 0.5em 0 0.5em 0;
	padding-left: 0.2em;
}

#content p {padding-left: 0.2em;}

#content ol {
	padding-bottom: 1.5em;
	font-size: 1.2em;
}

#content ol li {
	margin-left: 2em;
}

#content ul {
	padding-bottom: 1em;
	font-size: 1.2em;
}

#content ul li {
	margin-left: 2em;
	list-style: square;
	padding-bottom: 0.5em;
}

#narrowcontent {
	float: left;
	width: 58%;
}

#latest {
	border: 1px solid #D41B34;
	padding: 0.2em 0.5em 0.1em 0.5em;
	margin: 0 0 0.5em 3em;
	width: 30%;
	float: right;
/*	background-color: #f0f0f0;*/
}

#latest p {
	margin-bottom:0.2em;
}

#latest h4 {
	margin-bottom: 0.5em;
	font-size: 1.6em;
	font-weight: bold;
}

#latest h5 {
	font-size: 1.2em;
	font-weight: bold;
}

#latest img, #latest a.img {
	margin: 0.2em 0 1em 0;
	padding: 0;
	border: none;
}

.imgcentre {
	text-align: center;
}

#address {
	text-align: left;
	margin: 40px 10px 5px 10px;
}

.new {
	background-color: #D41B34;
	color: #fff;
	text-transform: capitalize;
	padding: 0 0.2em 0 0.2em;
}

.reviews {
	padding: 1em 0 1em 0;
	border-bottom: 1px dotted #B2BCC6;
}

.reviewerinfo {
	font-size: 1.2em;
	color: #808080;
}

.notes {
	font-size: 1em;
	color: #2F4F4F;
}

.under {margin: 1em 0 0.5em 0;}

.clearboth {clear: both;}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px dotted #B2BCC6;
	background-color: #FDF4E8;
	color: #000;
	font-size: 0.85em;
}
#footer p {
	margin: 0.5em 0 0.5em 0.5em;
	padding: 1.5em 0 0 0;
	float: left;
}
#footer img {
	margin: 0.5em 1.5em 0.5em 0;
	padding: 0;
	float: right;
}

/*Styles for location map*/
#map {border: 1px solid #999;}

#maploading {
	background: #c00;
	color: #fff;
	padding: 0 2px;
}
.bubble {width: 350px;}
.bubble h1 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	letter-spacing: normal;
}
.bubble p {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2em;
}

/* styles for form*/
fieldset {border: none;}

.labelinputbox {
	width: 15em;
	float: left;
	font-size: 1.2em;
	text-align: left;
	margin: 0 0 1em 0;
	clear: both;
}

.labelheader {
	clear: both;
	float: left;
	font-size: 1.2em;
	text-align: left;
	margin: 10px 0 10px 0;
}

.input-box {
	margin-bottom: 10px;
	color: #000;
	background-color: transparent;
	border: #0C5F7F solid 1px;
}
.check-box {
	float: left;
	margin: 0 0 10px 0;
	color: #808080;
	background-color: transparent;
	clear: both;
}
.comments-box {
	float: left;
	margin: 0 0 10px 0;
	color: #000;
	background-color: transparent;
	border: #808080 solid 1px;
	clear: both;
}
.labelcheckbox {
/*	width: 40em;*/
	float: left;
	font-size: 1.2em;
	text-align: left;
	margin: 0 0 10px 1em;
}

.labelcommentsbox {
	float: left;
	text-align: left;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	clear: both;
}

#buttons {
   clear: both;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
`
.radio-button {
	float: left;
	background-color: transparent;
}

/*.submitbutton {
	height: 2em;
	color: #fff;
	padding: 0 0.1em 0 0.1em;
	background: #D41B34;
	border-bottom-color: #808080;
	border-right-color: #808080;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 2px;
	border-left-width: 2px;
	border-style: outset;
}*/

/* Used to denote required fields on contact form */
.redtext {
	color: #D41B34;
	background-color: transparent;
	font-size : 0.8em;
}
.required {font-size : 0.8em;}

#gallery {
	background-color: #fff;
	padding: 0 15px 10px 5px;/* T R B L*/
	text-align: center;
}

/* Menu specific stuff */

/*menu navigation*/
#menu_navigation ul {
	list-style: none;
}

#menu_navigation li {
	padding-top: 2px;
}

#menu_navigation h2 {
	color: #D41B34;
	font-size: 1.6em;
	margin-bottom: 0.3em;
}

#menu_navigation a {
	color: #555;
	display: block;
	font-weight: normal;
	text-decoration: none;
	padding-right: 0.5em;
}

#menu_navigation a:hover {
	text-decoration: underline;
}

#submenu_current {
	text-decoration: underline;
}

/*shopping list*/


#shopping_list table {
	font-size: 1.2em;
}

#shopping_list td {
	padding: 0px 5px 3px 0px;
}

#shopping_list caption, #shopping_list th{
	display: none;
}

input.update {
	font-size: 0.8em;
}

input.delete {
	font-size: 0.8em;
}

input.qty {
	border: 1px solid #ccc;
	width: 25px;
}

/* make a submit button look like an ordinary link.. A bit of basic Gibsonian reasoning here - buttons afford to be pressed, and we don't want our users hitting stuff automatically :) */
input.deleteall {
	border: none;
	background: #FDF4E8;
	margin: 0;
	padding: 0;
}

/*menu items*/
hr {
	display: none;
}

#menu_content h3 {
	clear: both;
	font-size:1.6em;
	color: #D41B34;
/*	border-bottom: 1px solid #eee;*/
	border-bottom: none;
/*	margin: 0.5em 0 0.2em 0;*/
	margin: 1.2em 0 0.8em 0;
	padding-left: 0;
}

#menu_content h4 {
	clear: both;
	font-size:1.4em;
	color: #D41B34;
	margin-top: 1.2em;
	border-bottom: 1px solid #eee;
	margin-bottom: 0.2em;
	padding-left: 0;
}

/*#menu_content h2 {
	clear: both;
	font-size:1.8em;
	border-bottom: 2px solid #D41B34;
	padding-left: 0;
}

#menu_content h3 {
	clear: both;
	font-size:1.6em;
	color: #D41B34;
	border-bottom: 1px solid #eee;
	margin: 1.5em 0 0.2em 0;
	padding-left: 0;
}*/

#menu_content dl {
	width: 60%;
	margin-right: 3%;
	margin-top: 15px;
	margin-bottom: 25px;
	font-size: 1.2em;
}

#menu_content dt {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.2em;
	color: #444;
}

#menu_content dd {
	margin-bottom: 0.5em;
	margin-left: 0;
}

#menu_content p {
	margin-bottom: 1em;
}

.productprice {
	font-weight: bold;
	font-size: 1.1em;
	padding-right: 0.5em;
	color: #444;
}

.productselect {
	font-size: 0.9em;
	padding: 2px 5px;
	background: #f6f6f6;
}

	.productselect input {
		font-size: 0.9em;
	}

/*basket */

#basket {
	background-color: #FDF4E8;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #eee;
}

	#basket h5 {
	font-size: 1.2em;
	font-weight: normal;
}

/*order form*/

.even {
	background-color: #FDF4E8;
}

.odd {

}

#shopping_list table {
	width: 95%;
	margin: 15px 1%;
	padding: 3px;
	border:  1px solid #eee;
}

tr.table_header {
	background-color: #D41B34;
	font-weight: bold;
	color: #fff;
}

#shopping_list td {
	padding: 5px 3px;
}

/*product key*/
#productkey {
	background-color: #fff;
	padding: 5px;
	margin: 15px 0;
	border: 1px solid #eee;
}

#productkey ul {
	font-size: 0.9em;
	color: #555;
	list-style: none;
}

#productkey li {
	line-height: 0.5em;
	padding-bottom: 3px;
}

#productkey img {
	border: none;
	margin: 0;
	padding: 0;
	margin-right: 5px;
}

#translate {
	padding: 1em 0 0 0;
}

#translate ul {
	list-style: none;
}

#translate ul li {
	float: left;
	margin: 0 1.2em 1.2em 0;
}

#translate h4 {
	padding-left: 0.2em;
	margin-bottom: 0.5em;
}

#translate img {
	display: block;
	padding: 0;
	margin: 0;
}

#translate a img {
	border: none;
}

/* Images within text flow */
.ImgFloatRight {
    float: right;
    padding: 0 30px 0 20px;
    margin:0;
}

.ImgFloatLeft {
    float: left;
    padding: 0 9px 0 0;
    margin:0;
}

.facebook {
	margin-bottom: 12px;
}

.facebook h5{
	margin-bottom: 6px;
}

.buffet {
	border: 1px solid #D41B34;
	padding: 3px 6px;
	margin-bottom: 10px;
}