/* ======================
	DEFAULTS
=========================*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#F8E8DE;
	color:#603917;
	margin:0px;
	padding:20px 0px 20px 0px;
}
.inputField {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	border: 1px solid #a0a0a0;
}
h1 {
	background-color:transparent;
	color:#603917;
	font-size:26px;
	font-weight:normal;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: 1px solid #e2e2e2;
	padding: 0px 0px 10px 0px;
}
h1 em {
	color:#603917;
	font-style: normal;
}

h2 {
	background-color: transparent;
	color:#603917;
	font-weight: normal;
	font-size: 19px;
	margin-bottom: 7px;
	margin-top: 5px;
}
h3 {
	background-color: transparent;
	color:#603917;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
}
h4 {
	background-color: transparent;
	color:#603917;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 3px;
	margin-top: 5px;
}
a img {
	border-width: 0px;
}
img {
	vertical-align: bottom;
}
object {
	vertical-align: bottom;
}	
embed {
	vertical-align: bottom;
}
p {
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
}
p.error {
	padding: 0px;
	margin: 0px;
	color: #bf0f35;
}
input.error, select.error, textarea.error {
	border: 1px solid #bf0f35;
}
p.notice {
	padding: 0px;
	margin: 0px;
	color: #385f14;
}
em {
	color: #603917;
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #603917;
}
a:link {
	font-weight: bold;
	color: #603917;
}
a:visited {
	font-weight: bold;
	color: #603917;
}
a:hover {
	font-weight: bold;
	color: #603917;
}
table th {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	color: #4f4646;
}
input.button {
	background-color: #e2e2e2;
	padding: 5px;
	border: 1px outset #020000;
	color: #020000;
	font-size: 15px;
	margin-bottom: 10px;
}
a.button {
	background-color: #e2e2e2;
	padding: 5px;
	border: 1px outset #020000;
	color: #020000;
	font-weight: normal;
	font-size: 15px;
	line-height: 30px;
	cursor: pointer;
}
input.smallButton {
	background-color: #e2e2e2;
	padding: 3px;
	border: 1px outset #020000;
	color: #020000;
	font-size: 12px;
}
a.smallButton {
	background-color: #e2e2e2;
	padding: 3px;
	border: 1px outset #020000;
	color: #020000;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
}

/*========================
	LAYOUT
=========================*/
#pageBoxLv1 {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	width:900px;
	overflow: hidden;
	border: 1px dotted #000000;
}
#metaHeaders {
	margin-left: 5px;
	margin-right: 5px;
}
#metaHeaders h1 {
	margin-top: 0px;
}
#metaHeaders img {
	vertical-align: baseline;
}
#headerLayout {
	width: 100%;
	background-image: url('/modules/root/templates/template1/images/headerBg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	margin-bottom: 5px;
}
#headerLayout #searchColumn {
	background-image: url('/modules/root/templates/template1/images/tel.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	vertical-align: top;
	padding: 7px;
}
#headerPicture {
	background-image: url('/modules/root/templates/template1/images/headerPicBg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 36px;
	padding-right: 30px;
}
#siteName {
	margin: 0px 0px 10px 20px;
}
#topSearchBox {
	margin: 0px 0px 0px 0px;
	float: right;
	text-align: right;
	padding: 0px 0px 0px 10px;
}
#topSearchBox form {
	margin: 5px 0px 5px 0px;
}
#topSearchBox form div {

}
#topSearchBox form .smallButton {
	padding: 1px;
}
#breadcrumbs {
	clear: both;
	margin: 10px 0px 10px 5px;
	padding:0px;
}
#footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: transparent;
	background-image: url('/modules/root/templates/template1/images/footerBg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	color:#000000;
	height: 27px;
}
#footer #designBy {
	float: left;
	padding-left: 50px;
	font-size: 10px;
	color: #ddcbc5;
	padding-top: 10px;
}
#footer #designBy a {
	font-size: 10px;
	color: #ddcbc5;
}
#footer #address {
	padding-right: 10px;
	padding-top: 10px;
	color: #FFFFFF;
	text-align: right;
	margin-bottom: 10px;
}
#footerMenu {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding: 0px;
	text-align: center;
	list-style: none;
}
#footerMenu li {
	display: inline;
}
#cmsPageActions {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: right;
	padding-right: 0px;
	padding-bottom: 0px;
}
#contentLayout {
	width: 100%;
	background-color: #ffffff;
	background-image: url('/modules/root/templates/template1/images/contentBg.jpg');
	background-position: top left;
	background-repeat: repeat-y;
	padding: 0px;
}
#contentLayout #menuColumn {
	background-image: url('/modules/root/templates/template1/images/logos.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	vertical-align: top;
	width: 240px;
	padding-bottom: 200px;
}
#contentLayout #contentColumn {
	vertical-align: top;
}
#content {
	padding-right: 34px;
}
/*================================
	HIGHLIGHTED AREAS
================================*/
div.highlightedArea1Lv1 {
	background-color: #f2efec;
	border: 1px solid #d1d1cf;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}
div.highlightedArea1Lv2 {
	border: 1px solid #9d9d9d;
	background-color: #ffffff;
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.highlightedArea2Lv1 {
	border: 1px solid #DA8286;
	background-color: #dedede;
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*===========================================
	INPUT AREA
============================================*/
form.inputArea {
	background-color: transparent;
	color: #4A4B4C;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

table.formLayout {
	margin: 0px;
	background-color: transparent;
	border-spacing: 0px;
}
table.formLayout th.leftHeader {
	padding: 5px;
	color: #64625c;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	min-width: 100px;
}
table.formLayout td {
	padding: 5px;If you were guessing his height from looking at his legs, you would more than likely say less than six foot. Switch your gaze to his freakishly long torso and you you probably say he would be more like a 6ft 8in!
	font-size: 11px;
}
table.formLayout td .inputField {
}
/*=======================
	TOP MENU
=========================*/
#topMenu {
	float: right;
	margin: 0px 5px 10px 0px;
	padding: 0px;
	text-align: right;
	font-weight: normal;
}
#topMenu a {
	font-size: 11px;
	text-transform: lowercase;
}

/*=======================
	MAIN MENU
=========================*/
#mainMenu {
	background-color: transparent;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	border-spacing: 0px;
	width: 100%;
}
#mainMenu #subMenuColumn {
	vertical-align: top;
}
#mainMenu td.mainMenuItem {
	background-image: url('/modules/root/templates/template1/images/menuBullet.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 36px;
	vertical-align: top;
}
#mainMenu td.mainMenuItemOff {
}
#mainMenu td.mainMenuItemOff a {
	background-color: transparent;
	color: #603917;
}
#mainMenu td.mainMenuItemOff a:hover {
	background-color: #572309;
	color: #fafeff;
}
#mainMenu td.mainMenuItemOn {
}
#mainMenu td.mainMenuItemOn a {
	background-color: #572309;
	color: #fafeff;
}

#mainMenu a {
	display: block;
	margin: 5px;
	padding: 3px;
	color: #603917;
	font-weight: normal;
	text-transform: uppercase;
}

#mainMenu span.on {

}
#mainMenu span.off {

}
/*=============================
	SUBMENU Lv1
=========================*/
#mainMenu td#subMenuColumn {
	background-color: transparent;
	color: #cfcfcd;
	margin: 0px;
	padding: 0px;
}
#mainMenu td#subMenuColumn a {
	background-color: #d6ccc3;
	color: #603917;
	font-weight: normal;
	text-transform: uppercase;
	margin: 5px 5px 5px 0px;
	padding: 3px;
}
#mainMenu td#subMenuColumn a:hover {
	background-color: #572309;
	color: #fafeff;
}
#mainMenu td#subMenuColumn a span {

}

/*=======================
	MODULE MENU
=========================*/
div.moduleMenu {
	border: 1px solid #C6C6C6;
	background-color: #DFDFDF;
	color: #656b67;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
div.moduleMenu a {
	color: #656b67;
	font-weight: normal;
}
div.moduleMenu span {
}
div.moduleMenu span.on {

}
div.moduleMenu span.off {

}

/*=======================
	MODULE MENU
=========================*/
div.moduleSubMenuLv1 {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}
div.moduleSubMenuLv1 a {
	text-transform: uppercase;
	font-weight: normal;
}
div.moduleSubMenuLv1 span {
}
div.moduleSubMenuLv1 span.on {

}
div.moduleSubMenuLv1 span.off {

}

/*=============================
	DATA TABLE LAYOUTS
==============================*/
table.dataTable {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.dataTable {
	border-spacing: 2px;
}
table.dataTable th.leftHeader {
	background-color: #603917;
	padding: 10px;
	color: #FFFFFF;
}
table.dataTable th.topHeader {
	background-color: #603917;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
}
table.dataTable td {
	border: 1px solid #d5d5d5;
	background-color: #f2efec;
	padding: 10px;
}
table.dataTable td.emptyCell {
	background-color: transparent;
	padding: 0px;
	border-width: 0px;
}

/*===================
	PAGER
====================*/
div.pager {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 13px;
	margin-bottom: 13px;
	text-align: center;
}
div.pager a {
	border: 1px solid #e2e2e2;
	background-color: #dedede;
	color: #656B67;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
}
div.pager .current {
	border: 1px solid #e2e2e2;
	background-color: #e2e2e2;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
}

/*=================================
	VIEW PRODUCT PAGE
=================================*/
div.viewProduct {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
div.viewProduct table.productLayout {
	width: 100%;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
}
div.viewProduct table.productLayout td.informationColumn {
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 0px;
	vertical-align: top;
	text-align: left;
}
div.viewProduct table.productLayout td.informationColumn div.qty {
	margin-top: 10px;
	margin-bottom: 2px;
}
div.viewProduct table.productLayout td.informationColumn div.qty .inputField {
	font-size: 12px;
	text-align: center;
}
div.viewProduct table.productLayout td.pictureColumn {
	vertical-align: top;
	text-align: center;
	padding: 10px;
	background-color: #f2eeeb;
	border: 1px solid #d4cdc7;
}
div.viewProduct div.backButton a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
div.viewProduct h1 {
	font-size: 14px;
	border-width: 0px;
	font-weight: bold;
	text-decoration: underline;
	margin: 0px 0px 10px 0px;
}
div.viewProduct p.tagline {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}
div.viewProduct p.ref {
	font-size: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #603917;
	
}
div.viewProduct p.ref strong {
	color: #000000;
	font-weight: bold;
}
div.viewProduct p.description {
	
	font-size: 12px;
	color: #514f48;
}
div.viewProduct p.ingredients {
	
	font-size: 10px;
	color: #514f48;
}
div.viewProduct div.pictureWrapper {
	text-align: right;
	margin-bottom: 10px;
}
div.viewProduct div.pictureWrapper img {
	width: 300px;
}
div.viewProduct div.pictureThumbnailsWrapper {
	margin-bottom: 10px;
}
div.viewProduct div.pictureThumbnailsWrapper img {
	width: 50px;
}
div.viewProduct div.price {
	
	font-size: 13px;
	font-weight: bold;
	color: #603917;
}
div.viewProduct p.includeVAT {
	
	font-size: 10px;
}
div.viewProduct div.addToBasket {

}
div.viewProduct div.backButton {
	
	margin-top: 2px;
	margin-bottom: 10px;
}

/*=================================
	SHOPPING BASKET PAGE
=================================*/
div.root-template1-shopping_basket {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
div.root-template1-shopping_basket div.checkoutButton {
	text-align: right;
}
div.root-template1-shopping_basket div.continueShoppingButton {
	text-align: right;
}
div.root-template1-shopping_basket p.includeVAT {
	text-align: right;
}
div.root-template1-checkout div.confirmAndPayButton {
	text-align: right;
}
/*============================
	LOGON PAGE
===========================*/
div.root-template1-logon {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
/*===============================
	CHANGE PASSWORD PAGE
================================*/
div.root-template1-change_password {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
/*===============================
	REQUEST NEW PASSWORD PAGE
================================*/
div.root-template1-request_new_password {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
/*===============================
	CHECKOUT PAGE
================================*/
div.root-template1-checkout {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
/*===============================
	EDIT LAYOUT PAGE
================================*/
div.root-template1-edit_layout {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
/*===============================
	EDIT META PAGE
================================*/
div.root-template1-edit_meta {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
/*===============================
	EDIT SITEMAP
================================*/
div.root-template1-edit_sitemap {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
/*===============================
	ORDER FAILED PAGE
================================*/
div.root-template1-order_failed {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
/*===============================
	ORDER SUCCESS PAGE
================================*/
div.root-template1-order_success {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
/*===============================
	SEARCH PAGE
================================*/
div.root-template1-search {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
div.root-template1-search h3 {
	margin: 0px;
}
div.root-template1-search p.sample {
	margin: 0px;
}
div.root-template1-search p.link {
	margin: 0px 0px 10px 0px;
}