body {
	font-size: 14px;
	background:#597916;
	margin:0px;
	padding:0px;
	color:#746f66;
	font-family:Arial, Helvetica, sans-serif;
}
hr {  border-color: #d1c5b5;
	border-style: dashed;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin:0px 22px 15px 0px;padding:0;
}
h1,h3{margin:0px 0px 1px 0px;color:#413627; font-size:24px; padding:0px 15px 5px 0px; font-weight:bold; line-height:1.1em}
h2 {padding:0px 35px 12px 0px; margin:0; font-size:19px; color:#938775; font-weight:normal}
h4 {margin:0; padding:0;color:#413627; font-weight:bold;}
h5 {margin:0px 0px 10px 0px; padding:0;color:#638225; font-weight:bold; font-size:14px}
h6 {margin:0px 0px 10px 0px; padding:0;color:#413627; font-weight:bold; font-size:14px}
ul, li, div, p, form, input {padding:0;margin:0}
img {border:none; display:block;}
a {color:#938775; text-decoration:underline; margin:0; padding:0}
a:hover{ text-decoration:underline;}
label {float:left; width:110px;}
input {width:240px}
#Wrapper {
	margin: 15px auto;
	width: 899px;
	background:white;
	margin-bottom:100px;
	padding:0px 13px 0px 13px;
}
#ContentHousing {
	margin:0px 0px 0px 0px;
	width: 899px;
	padding:0;
}

#Header { width:899px; float:left;}
#Header h2 { color: white; font-size:14px; font-weight:normal; font-style: italic; background:none; margin:0; padding:0}
#HeaderLogo { margin:10px 0 5px 20px; float:left; width:251px;}
#HeaderMoto { color:#f58105; font-size: 18px; font-weight:bold; margin:67px 0 5px 20px; float:left; width:310px;}
ul#HeaderNavigation{
	float:right;
	margin:60px 0px 0px 0px;
	padding:0;
	list-style-type:none;
	width:239px;
	height:38px;
	font-size:12px;
	line-height:38px;
	color:white;
	text-transform:uppercase;
}
ul#HeaderNavigation li{ float:right; margin:0; padding:0; height:38px;}
ul#HeaderNavigation li.menu-over { float:right; margin:0; padding:0; height:38px; font-weight:bold;}

ul#HeaderNavigation li a{ display:block; text-decoration:none; height:38px; text-align:center; padding:0 5px 0 5px;}
ul#HeaderNavigation li a:hover{	color:black; }
ul#HeaderNavigation li.menu-over a{ color:black;}

/* 
	LEVEL ONE
*/
ul.dropdown { list-style-type:none; width:899px; position:relative; height:38px; font-size:13px; line-height:38px; color:white; background: #e48c2c;}
ul.dropdown li                      { float: left; zoom: 1; margin-right:1px;}
ul.dropdown a:hover { color: white; background: #eb9e0c;}
ul.dropdown li a                    { display: block; color: white; text-decoration:none; text-align:center; padding:0 12px 0 12px; }
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: white; position: relative; }
ul.dropdown li.hover a              { background: #eb9e0c; color:white; }
/* 
	LEVEL TWO
*/
ul.dropdown ul  {z-index:99; list-style-type:none; background-color:transparent; visibility: hidden; position: absolute; top: 100%; left: 0;  font-size:13px; line-height:1.2em }
								  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { margin:0; color:white; border-right: none; display: block; padding:6px 2px 6px 12px; background: #e48c2c; opacity: .9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; text-align:left; } 
ul.dropdown ul li a:hover{ color:white; background: #eb9e0c;  opacity: 1.0;  filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

#rangeMenu{width:170px; }
#rangeMenu li{width:160px; }
#rangeMenu li a{width:147px;}
#newMenu{width:158px;}
#newMenu li{width:158px;}
#newMenu li a{width:145px;}

#liRange {width:170px;}
#liRange a{width:146px}
#liNew {width:158px;}
#liNew a{width:134px;}

#mainImage {float:left;padding:0; margin:0px 0px 13px 0px;clear:both; width:899px; height: 287px;}
#mainImage img {position:absolute}

#content {
	margin:0;
	padding:0;
}
/* BO Home Page Styles */
#sideBar1 {	float:left; width:225px; margin:0px 0px 5px 0px; padding:10px 0px 10px 11px;	background-color:#d1c5b4;}
#sideBar2 {	float:right; width:204px; margin:0px 0px 5px 0px; padding:0px 10px 3px 14px; border-left:1px dashed #b9b5af}

.mainContent { float:left; width:406px; padding:0px 16px 10px 11px; margin:0;}
.mainContent p{ margin:0px 0px 0px 0px; padding:0px 15px 12px 0px; }
.mainContent ol{ margin:-20px 20px 10px 30px;color:#a4c530;font-size:15px; padding:10px 15px 10px 25px; font-weight:bold }
.mainContent ol span {font-size:13px; font-weight:normal; color:#858587}
.mainContent hr {margin-bottom:10px}
.mainContent .cite {font-size:22px; color: #96cd2f; font-weight:bold; font-style:normal; margin:0;  padding:0px 0px 10px 0px;	}

.mainContentWide {float:left; width:645px; padding:0px 0px 50px 15px; margin:0;}
.mainContentWide p{ margin:0px 0px 0px 0px; padding:0px 35px 15px 0px; }
.mainContentWide ul{ margin:0px 0px 0px 0px;color:white; padding:0px 15px 15px 0px; line-height:1.3em}
.mainContentWide cite {color:#587915; font-size:17px}
.mainContentWide strong {color:#413627}
.mainContentWide a {color:#587915}
.mainContentWide ol{ margin:15px 0px 0px 20px;padding:0px 0px 10px 0px;}
.mainContentWide ol li {padding-bottom:10px}

.column2pp {float:left; width:327px; margin:10px 0px 0px 0px; padding:0}
.column2pp p {padding:25px 3px 25px 10px; color:#333;}

.article2pp {float:left; width:309px; margin-right:13px; padding:0px 0px 15px 0px}
.article2pp p {padding:0px 3px 15px 0px; }

.article1a {float:left; width:410px; margin-right:15px; padding:0px 0px 15px 0px}
.article1a p {padding:0px 3px 15px 0px; }
.article1b {float:left; width:220px; padding:0px 0px 15px 0px}
.article1b p {padding:0px 3px 15px 0px; }

.article2a {float:left; width:256px; margin-right:15px; padding:0px 0px 15px 0px}
.article2a p {padding:0px 3px 15px 0px; }
.article2b {float:left; width:356px; padding:0px 0px 15px 0px}
.article2b p {padding:0px 3px 15px 0px; }

.article3a {float:left; width:375px; margin-right:8px; padding:0px 0px 15px 0px;}
.article3a p {padding:0px 3px 15px 0px; }
.article3b {float:left; width:240px; padding:10px; background-color:#b6b9c0; margin-bottom:15px; color:white}
.article3b h3 {font-size:15px; color:white; margin:3px 0px 10px 0px; padding:0}
.article3b p {padding:0px 3px 15px 0px; line-height:1.5em}
.article3b a {font-size:16px; color:#77584c}
.article3c {float:left; width:240px; padding:10px; background-color:#bdc7af;  color:white}
.article3c h3 {font-size:15px; color:white; margin:3px 0px 10px 0px; padding:0}
.article3c p {padding:0px 3px 15px 0px; }
.article3c a {font-size:16px;}
.ingredients { background-color:#d1c5b5; padding:8px 8px 0px 8px; margin-top:5px}

.link {font-size:13px; text-align:left; float:left; color:white; text-decoration:none; font-weight:normal; display:block; padding:6px 10px 5px 10px; margin:8px 8px 8px 8px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius:3px}

/* Squares */
#modAward {float:left; background: url("/images/award-spotlight.jpg") top left no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 6px 0px; width:216px; height: 126px;}
#modAward h3 {color:#7b300c; font-size:17px; margin:8px; font-weight:bold; line-height:1em}
#modAward .link { background-color:#652200; float:right; margin:38px 8px 8px 8px}

#modBirthday {float:left; padding:0px 0px 0px 0px; margin:0px 0px 6px 0px; width:216px;}
#modBirthday h3 {color:#981d00; font-size:25px; margin:8px 0px 0px 6px; font-weight:bold; line-height:1em; font-weight:normal;}
#modBirthday p {padding: 0px 10px 4px 0px; margin:0px 0px 0px 6px; }
#modBirthday .link { background-color:#981d00; margin:8px 8px 8px 6px;}

#modMfm {float:left; background: url("/images/mod-mfm.jpg") top left no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 6px 0px; width:216px;}
#modMfm h3 {visibility:hidden; color:transparent; font-size:25px; margin:8px 0px 0px 11px; font-weight:bold; line-height:1em; font-weight:normal;}
#modMfm p {color:#29241c; font-size:13px; padding: 0px 10px 0px 0px; margin:0px 0px 0px 11px; }
#modMfm .link {float:right; background-color:#981d00; margin:8px 8px 8px 11px;}

#modNewsletter {float:left; background-color:#66583e; padding:0px 0px 0px 0px; margin:0px 0px 6px 0px; width:216px;}
#modNewsletter h3 {color:white; font-size:18px; margin:8px 0px 0px 11px; font-weight:bold; line-height:1em;}
#modNewsletter p {font-size:13px; color:white; padding: 0px 11px 4px 0px; margin:0px 0px 0px 11px; }
#modNewsletter .link {float:right; background-color:#37a4bd; margin:8px 8px 8px 6px;}

#modFacebook {float:left; background-color:#3b5997; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:216px;}
#modFacebook h3 {color:white; font-family: Verdana, Arial, serif; font-size:26px; margin:8px 0px 0px 11px; font-weight:bold; line-height:1em;}
#modFacebook p {font-size:13px; color:white; padding: 0px 11px 4px 0px; margin:0px 0px 0px 11px; }
#modFacebook .link {float:right; background-color:#37a4bd; margin:8px 8px 8px 6px;}

#modGoingGreen {float:left; background: #517104 url("/images/mod-going-greener.jpg") top left no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 6px 0px; width:216px;}
#modGoingGreen h3 {color:#b7eb03; font-size:24px; margin:13px 0px 0px 11px; font-weight:bold; line-height:1em; font-weight:normal;}
#modGoingGreen p {font-size:13px; color:white; padding: 0px 8px 7px 0px; margin:0px 0px 0px 11px; }
#modGoingGreen .link { background-color:#85ac02; margin:6px 8px 8px 11px;}


#goingGreener {float:left; background: url("/images/going-greener.jpg") top left no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 6px 0px; width:408px;}
#goingGreener h3 {color:#b7eb03; font-size:24px; margin:12px 0px 0px 13px; font-weight:bold; line-height:1em;}
#goingGreener p {font-size:13px; color:white; padding: 0px 11px 4px 0px; margin:0px 0px 0px 13px; }
#goingGreener .link {background-color:#85ac02; margin:8px 8px 8px 13px;}

#bbqSummer {float:left; background: url("/images/bbq-summer.jpg") top right no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 6px 0px; width:406px; border:1px solid #cfd2c3;}
#bbqSummer h3 {color:#805425; font-size:18px; margin:18px 0px 7px 13px; font-weight:bold; line-height:1em;}
#bbqSummer p {width:140px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 13px; }
#bbqSummer .link {float:right; background-color:#f67f00; color:white; margin:-14px 8px 8px 13px;}

#mfm {float:left; background: url("/images/mfm.jpg") top left no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 6px 0px; width:408px;}
#mfm h3 {visibility:hidden; color:transparent; font-size:18px; margin:34px 0px 0px 13px; font-weight:bold; line-height:1em;}
#mfm p {color:#29241c; width:200px; font-size:13px; padding: 0px 11px 4px 0px; margin:0px 0px 0px 13px; }
#mfm .link {float:right; background-color:#981a00; margin:-30px 8px 8px 13px;}

#sideBar2 h4 {color:#615f4b; font-size:18px; padding-bottom:8px; background-color:transparent;}
#sideBar2 h5 {color:#f58105; font-size:18px; margin:9px 0px 0px 0px; clear:both}
#rangeMenu2 {list-style-type:none; position:relative; width:198px; font-size:14px; line-height:25px; color:white;}
#rangeMenu2 li {float:left; height:27px; width:198px}
#rangeMenu2 li.menu-over { float:left; height:25px; background: #999261;}
#rangeMenu2 li a{ display:block; float:left; color:white; text-decoration:none; height:25px; padding:0 2px 0 12px; background: #999261; width:184px}
#rangeMenu2 li a:hover{ color:white; background: #756f43;}
#rangeMenu2 li.menu-over a{ color:white;}

#newMenu2 {list-style-type:none; position:relative; width:220px;}
#newMenu2 li {float:left; clear:both; margin:0;}
#newMenu2 li div {float:left}
#newMenu2 li img {display:inline; float:left;}
#newMenu2 li a{text-decoration:none; padding:0 0px 0 0px; font-weight:bold;}
#newMenu2 li a:hover{ text-decoration: underline}
#newMenu2 #rangeMenu2Option1 {margin-top:-5px}
#newMenu2 #rangeMenu2Option1 a {color: #968348;}
#newMenu2 #rangeMenu2Option1 div {padding-top:15px}
#newMenu2 #rangeMenu2Option1 img {margin-right:-5px; margin-left:-10px;}
#newMenu2 #rangeMenu2Option2 {margin-top:-5px}
#newMenu2 #rangeMenu2Option2 a {color: #8b0907;}
#newMenu2 #rangeMenu2Option2 div {float:left; padding-top:15px; width:80px}
#newMenu2 #rangeMenu2Option2 img {float:right;}
#newMenu2 #rangeMenu2Option3 a {color: #92a140;}
#newMenu2 #rangeMenu2Option3 div {float:left; padding-top:15px; width:80px}
#newMenu2 #rangeMenu2Option3 img {margin-left:-12px}
#newMenu2 #rangeMenu2Option4 {margin-top:-15px}
#newMenu2 #rangeMenu2Option4 a {color: #c56a32;}
#newMenu2 #rangeMenu2Option4 div {float:left; padding-top:25px; width:90px}
#newMenu2 #rangeMenu2Option4 img {float:right;}
#newMenu2 #rangeMenu2Option5 {margin-top:5px;}
#newMenu2 #rangeMenu2Option5 a {color: #92a140;}
#newMenu2 #rangeMenu2Option5 div {float:left; padding-top:15px; width:100px}
#newMenu2 #rangeMenu2Option5 img {float:right;}

#rangeMainContent {margin-left:20px; list-style-type:none; position:relative; font-size:14px; color:white;}
#rangeMainContent li {float:left; width:45%;}
#rangeMainContent .link{background-color: #999261; color:white; margin-left:40px; width:200px;}

#new-products #rangeMainContent {margin-left:0px; list-style-type:none; position:relative; font-size:14px; color:white;}
#new-products #rangeMainContent li {float:left; width:50%;}
#new-products #rangeMainContent .link{margin:0; background-color:#e07e1e; color:white;margin-left:50px; width:200px;}

form {width:360px}
form div {margin-top:10px}
#email {display:none}
#submit {color:white; background-color:#e18227; float:right; border:none; width:77px; line-height:25px; height:25px; margin-right:10px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius:3px }

/* Buttons */
.button1 {background:#185e22 url('/images/button1.gif') top left no-repeat; width:119px; height:30px; padding:7px 0px 0px 15px; margin:0px 0px 0px 10px; color: white; font-weight:bold;}
.button1 a {color: white; font-weight:bold; text-decoration:none}
.button2Left {float:left; background:transparent url('/images/button2-left.png') top left no-repeat; width:9px; height:39px; padding:0; margin:0px; }
.button2 {float:left; background: transparent url('/images/button2-middle.png') top left repeat-x; height:32px; padding:7px 5px 0px 5px; margin:0px 0px 0px 0px; color: white; font-weight:bold}
.button2Right {float:left; background:transparent url('/images/button2-right.png') top left no-repeat; width:15px; height:39px; padding:0; margin:0}
.button2 a {color: white; font-weight:bold; text-decoration:none}
.button3Left {float:left; background:transparent url('/images/button3-left.png') top left no-repeat; width:9px; height:39px; padding:0; margin:-15px 0px 20px 300px; clear:left}
.button3Middle {float:left; background: transparent url('/images/button3-middle.png') top left repeat-x; height:32px; padding:7px 5px 0px 5px; margin:-15px 0px 20px 0px; color: white; font-weight:bold}
.button3Right {float:left; background:transparent url('/images/button3-right.png') top left no-repeat; width:15px; height:39px; padding:0;margin:-15px 0px 20px 0px;}
.button3Middle a {color: white; font-weight:bold; text-decoration:none}


/* Contact vcard */
.vcard {line-height:23px;}
.tel,.adr {color:#0285bb; font-weight:bold}
.tel .type { display:none}
.fn {display:none}
.url,.country-name {display:none}
a .email {color:#0285bb; font-weight:bold; text-decoration:none}
.vcard a {text-decoration:none}

#Footer {
	width: 858px;
	float:left;
	font-size:11px;
	margin: 0px 0px 10px 0px;
	padding:0px 20px 0px 20px;
	background: #483e34;
	color:#cac1b3;
}
#FooterLinks { float:left; padding:12px 0px 8px 0px; list-style:none; margin:0;}
#FooterLinks li {float:left; padding:0px 2px 0px 2px}
#FooterLinks .menu-over a {text-decoration:underline;}
.divider {float:left; margin:0; padding:0px}
#Footer a{color:white;text-decoration:none;}
#Footer a:hover{color:#cac1b3;text-decoration:none;}

#FooterInfo { margin:0; float:right; padding:12px 0px 8px 0px;}
#FooterInfo a {text-decoration:underline;}

.clearer {
	clear:both; height:0px;
}
.hide {display:none}

/*page specific css*/

#live-goodlife ul {color:#587915; list-style:none}
#meat-free-mondays .button2 {margin-top:-18px}
#meat-free-mondays .button2Left {margin-top:-18px; margin-left:20px}
#meat-free-mondays .button2Right {margin-top:-18px}
#meat-free-mondays .banner {display:block; float:left; margin-left:50px; clear:right}
#doing-our-bit .mainContentWide h2 {color:#a5d704;}
#doing-our-bit .mainContentWide h3 {padding:0px 35px 12px 0px; margin:0; font-size:19px; color:#938775; font-weight:normal}
#news .mainContentWide h2 {color:#e85124; font-weight:bold}
#news .mainContentWide h3 {color:#e85124; font-weight:bold}
#news .mainContentWide h4 {color:#4b402c; margin-top:8px; font-weight:bold}
#news .mainContentWide h4 span {font-style:italic}
#news h5 {color:#938775; margin-top:8px; text-decoration:underline;}

#product .mainContentWide {width:645px; color:#746f66}
#product .mainContentWide p {width:220px; font-size:13px}
#product .mainContentWide h1 {margin-bottom: 3px; padding-bottom:0px}
#product .mainContentWide h2 {color:#e85124;}
#product .mainContentWide h5 {margin-top:24px; color:#746f66;}
#product .mainContentWide ul{width:250px; margin:0px 0px 0px 15px;color:#e85124; padding:0px 15px 15px 0px; line-height:1.3em; font-weight:bold; font-size:13px}
#product .mainContentWide li {margin:0; padding:0}
#product .mainContentWide .logos {width:600px; }
#product .float_right { margin-top:40px}

#newproduct .mainContentWide {width:645px; color:#746f66}
#newproduct .mainContentWide p {width:220px; font-size:13px}
#newproduct .mainContentWide h1 {margin-bottom: 3px; padding-bottom:0px}
#newproduct .mainContentWide h2 {color:#e85124;}
#newproduct .mainContentWide h5 {margin-top:24px; color:#746f66;}
#newproduct .mainContentWide ul{width:250px; margin:0px 0px 0px 15px;color:#e85124; padding:0px 15px 15px 0px; line-height:1.3em; font-weight:bold; font-size:13px}
#newproduct .mainContentWide li {margin:0; padding:0}
#newproduct .mainContentWide .logos {width:600px; }
#newproduct .float_right { margin-top:40px}


.logos img {float:left; margin-right:8px; display:inline;}
.packaging {clear:both; margin-top:50px}

#fairtrade-nut-cutlet {background: transparent url("/images/products/fairtrade-nut-cutlet.jpg") top right no-repeat;}
#glamorgan-sausage {background: transparent url("/images/products/glamorgan-sausage.jpg") top right no-repeat;}
#glamorgan-sausage  .float_right { margin-top:60px}
#risotto-cake {background: transparent url("/images/products/risotto-cake.jpg") top right no-repeat;}
#root-vegetable-roast {background: transparent url("/images/products/root-vegetable-roast.jpg") top right no-repeat;}
#savoury-cheesecake {background: transparent url("/images/products/savoury-cheesecake.jpg") top right no-repeat;}
#savoury-cheesecake .packaging { margin-top:70px; }
#spicy-bean-burger {background: transparent url("/images/products/spicy-bean-burger.jpg") top right no-repeat;}
#spicy-bean-burger  .float_right { margin-top:60px}
#leek-and-cheese-bake {background: transparent url("/images/products/leek-and-cheese-bake.jpg") top right no-repeat;}
#dippers {background: transparent url("/images/products/dippers.jpg") top right no-repeat;}
#falafel {background: transparent url("/images/products/falafel.jpg") top right no-repeat;}
#vegetable-burgers {background: transparent url("/images/products/vegetable-burgers.jpg") top right no-repeat;}
#bbq-bakes {background: transparent url("/images/products/bbq-bakes.jpg") top right no-repeat;}

#pauls-corner .button2 {margin-top:-18px}
#pauls-corner .button2Left {margin-top:-18px; margin-left:20px}
#pauls-corner .button2Right {margin-top:-18px}
#pauls-corner h2{width:350px; float:left}
#pauls-corner p {line-height:1.3em}
#pauls-corner .article1a {width:330px; }
#pauls-corner .article1b {width:283px; }
.next-recipe-link{float:right; margin-right:35px; font-weight:bold}
.next-recipe-link a {color:#938775;}
.made-by {clear:both; color:#413627}
.article1a .serves {padding:0; margin:0}
#contact .contact-name {color:#587915; padding:5px 0px 10px 0px}
#about .mainContentWide img {border:6px solid #d1c5b5; display:block; margin:0}
#about .article2pp {width:300px;}
#news .mainContentWide {float:left; width:648px; padding:10px 0px 50px 15px; margin:0;}

.bordered {border:5px solid #d1c5b5; }

#img_rainforest {visibility:hidden;width:0px;height:0px;}


img.float_right{
float: right;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
img.float_left2{
float: left;
margin-bottom: 4px;
margin-right: 10px;
}

