body, ul, li, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	font-size: 10px;
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	color: #153422;
	behavior: url("csshover3.htc");
	
}

a{
	color: #153422;
	text-decoration: none;
}

a:hover{
	color: black;
}

a img{
	border: 0;
}

body{
	padding:0;
		margin: 0 auto;
		text-align: center;
		background:#fff url('../graphics/bg-normal.jpg') 50% 0 repeat-y;
	}

.wrapper{
		width: 1024px;
		margin: 0px auto 0px auto;
		padding-top:0px;
		text-align: center;
		background: #153422;
		color: #fff;
		line-height:2em;
}

.wrapper a {
		color: #fff;
}

.float-wrap{
	line-height:12px;
	width: 1024px;
	text-align: left;
	float: left;
	margin: 0px auto 0px auto;
	font-size: 1.4em;
	line-height: 1.6em;
	background: #fff;
	color: #153422;
}

a.indexhead{
	margin: 0;
	padding: 0;
}

.index {
		width: 1024px;
		height: 461px;
		background: url(../img/indexmain.jpg) no-repeat;
		margin: 0;
		padding: 0;
}

.whybuymain {
		width: 1024px;
		height: 332px;
		background: url(../img/whybuymain.jpg) no-repeat;
		margin: 0;
		padding: 0;
}

p.introtext {
		font-size: 17px;
		width: 450px;
		margin: 0px auto;
		padding-top: 25px;
		color: #fff;
}

.teartop {
	width: 1024px;
	height: 36px;
	background-repeat: no-repeat;
	background: url(../img/teartop.jpg); 
}	

.tearbottom {
	width: 1024px;
	height: 36px;
	background: url(../img/tearbottom.jpg); 
}

/*--------- Navigation ----------*/

#indexnav {
	 height: 30px;
	 width: 1024px;
	 background: #4E76B4;
}

#indexnav ul, #indexnav ul li {
	 float: left;
}

#indexnav li a{
	display: block;
	height: 30px;
	margin: 0px 0px 0px 0px; 
}

#indexnav li a:hover{
	background-position: 0px -30px;
}

#indexnav ul{
	display: block;
	width: 1024px;
}

a.indexhome {
	width: 71px;
	background: url(../img/indexhome.jpg);
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: 2px solid white;
}

a.indexshop {
	width: 62px;
	background: url(../img/indexshop.jpg);
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: 2px solid white;
}

a.indexwhybuy {
	width: 164px;
	background: url(../img/indexwhybuy.jpg);
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: 2px solid white;
}

a.indexrecipes {
	width: 80px;
	background: url(../img/indexrecipes.jpg);
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: 2px solid white;
}

a.indexfaqs {
	width: 57px;
	background: url(../img/indexfaqs.jpg);
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: 2px solid white;
}

a.skyfiller {
	width: 590px;
	height: 32px;
	background: url(../img/skyfiller.jpg);
	text-indent: -9999px;
	overflow: hidden;
}

/*---------- Top Nav ---------*/
							 
#topnav {
	 height: 30px;
	 width: 1024px;
	 background: #153422;
     border-top: 1px solid #153422;
	 border-bottom: 1px solid #153422;
}

#topnav ul {
	 float: left;
}

#topnav li a{
	display: block;
	height: 30px;
	margin: 0px 0px 0px 0px; 
}

#topnav li a:hover{
	background-position: 0px -30px;
}

.topnav ul{
	display: block;
	width: 512px;
}

li.topcurrent{
	background: #fff;
	color: #ba1319;
}

a.tophome {
	width: 71px;
	background: url(../img/tophome.jpg);
}

a.topshop {
	width: 62px;
	background: url(../img/topshop.jpg);
}

a.topwhybuy {
	width: 164px;
	background: url(../img/topwhybuy.jpg);
}

a.toprecipes {
	width: 80px;
	background: url(../img/toprecipes.jpg);
}

a.topfaqs {
	width: 57px;
	background: url(../img/topfaqs.jpg);
}

/*------ Content --------*/

.content {
		 text-align: center;
		 width: 1024px;
		 background: #153422;
		 color: #fff;
		 margin: 0px;
}

.news {
		 text-align: center;
		 width: 1024px;
		 background: #153422;
		 color: #fff;
		 margin: 0px;
}

.news a {
 color: #FFFFCC;
}

.news a:hover{
 color: #DA0000;
}

.news h1 {
	  color: #fff;
	  font-size: 19px;
}

p.indexquote {
		font-size: 17px;
		width:480px;
		margin: 10px auto;
		background: #153422;
		color: #fff;
}

.newsquote {
		width: 500px;
		margin: 10px auto;
 		font-size: 20px;
		line-height: 30px;
 		text-align: center;
		font-style: italic;
}

.newsquote a {
		color: #fff;
}

.newsquote a:hover {
		color: #fff;
}

.newsthumb {
		font-size: 10px;
		text-align: center;
}

.container{
		width: 900px;
		margin: 0px auto;
		text-align: left;
}

a.box {
	 background:url(../img/grass2.jpg);
	 float:left;
	 height:250px;
	 margin:0 10px 10px 10px;
	 padding:0px 10px 0px 10px;
	 border: solid 3px #fff;
	 text-align:left;
	 width:400px;
}

a.boxwide {
	 background:url(../img/grass2.jpg);
	 float:left;
	 height:250px;
	 margin:0 10px 10px 10px;
	 padding:0px 10px 0px 10px;
	 border: solid 3px #fff;
	 text-align:left;
	 width:846px;
}

a.box:hover{
	background-position: 0px -260px;
}

a.boxwide:hover{
	background-position: 0px -260px;
}

p.boxtext {
		 margin:10px auto;
		 font-size: 30px;
		 line-height: 37px;
		 color: white;
		 font-weight: bold;
}

/*--------- Quotes -----------*/

.small-quote {
width: 300px;
float: right;
margin-right: 30px;
margin-top: 25px;
}
.small-quotetop {
background: url(../img/quotetop.jpg);
height: 14px;
}

.small-quotebottom {
background: url(../img/quotebottom.jpg);
height: 36px;

}
.small-quotemid {
background: url(../img/quotemid.jpg);
margin: 0px;
color: #000;
}
.small-quotemid p {
width: 260px;
margin: 0px auto 0px auto;
font-weight: bold; 
}

.small-quote span {
float: right;
padding-right: 20px;
font-size: 15px;
text-align: right;
}

.small-quote span a {
font-size: 10px;
}

/* ---------- Footer ---------- */ 

.indexfooter {
		text-align: center;
		margin: auto;
		background: #153422;
		color: #fff;
		font-size: 14px;
}

hr.footer {
	text-align: center;
	height:2px;
    width:50%;
    background:#fff;
    margin: 0px auto 2px auto;
	padding: 0;
	clear: both;
}

a.indexfooter {
		color: #fff;
}

a.indexfooter:hover{
	color: #FFFFCC;
}




li.product, li.product a{
	width: 150px;
	float: left;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
}

li.product span.title{
	font-size: 1.35em;
	display: block;
}

li.product a:hover{
	color: #bb0f09;
}

li.clear{
	width: 200px;
	height: 5px;
	border-top: 1px solid silver;
	clear: both;
	margin-left: 50px;
	margin-bottom: 0px;
} 

span.sig{
	display: block;
	margin-left: 100px;
	margin-top: 30px;
}

/*----- Shop ------*/

img.shop-main{
	border: 2px solid #ba1319;
	}

img.hampermenus{
	float: left;
	margin: 10px 10px 10px 100px;
}

.opening-hours, div.address{
	float: left; 
	width: 300px;
	font-size: 1.2em;
	text-align: center;
	margin-left: 0px;
	padding-bottom: 20px;
	color: #fff;
}

.open-times, span.address, span.tel{
	display: block;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 5px;
	
}

span.tel{
	margin-top: 10px;
	font-size: 1.1em;
	padding-bottom: 10px;
}

div.address{
	margin: 20px 30px 0px 20px;
}

.mimshop {
width: 270px;
height: 216px;
background: #fff;
color: #D60000;
font-size: 15px;
font-weight: bold;
margin: 0px auto;
}

.delivery{
	float: left;
	text-align: left;
	font-size: 1.3em;
	color: #fff;
	margin: auto;
	margin: 20px auto 10px auto;
	border: 1px solid #D60000;
}

p.shopheading {
margin: 0px;
padding: 20px;
font-size: 20px;
font-weight: bold;
}

#shoptable {
width: 960px;
margin: auto;
}

.farm{
	color: #fff;
	text-align: center;
	margin: 0px auto 0px auto;
 	}

.farm ul {
	margin: 0px auto 0px auto;
	width: 1024px;
 }	
	
.farm ul li {
	  color: #fff;
 }
	
ul#tapestry, #tapestry li, #tapestry li ul{
	text-align: center;
	color: #fff;
}

#tapestry ul{ 
	margin-left: 20px;
	margin-right: 20px;
	color: #fff;
}

#tapestry li.item{
	clear: left;
	width: 970px;
	margin: 15px 15px;
	border: 2px solid #fff;
	padding: 10px 10px 20px 10px;
}

#tapestry li.desc, #tapestry li.sub, #tapestry li.desc-w{
	width: 500px;
	text-align: left;
	margin: 10px 20px 0px 20px;
	font-size: 14px;

}

#tapestry li.desc-w{
	width: 470px;
}
				 
#tapestry li.sub{
	font-size: 1.6em;
	color: #FFFFCC;
	margin-bottom: 0;
}

#tapestry li.descvid, #tapestry li.subvid{
	width: 460px;
	text-align: center;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 2.6em;
	line-height: 35px;
} 

#tapestry li.descvid {
	height: 160px;
}

#tapestry li.subvid {
	font-size: 3.6em;
	line-height: 38px;
	color: #A9AC75;
	margin-bottom: 5px;
}

li.f-img, li.f-img-w{
	padding: 10px;
	border: 1px solid #ba1319;
	background: #fff;
	margin-top: 13px;
	margin-bottom: 20px;
}

li.f-img-w{
	width: 250px;
}

a.videolink1, a.videolink2, a.videolink3, a.videolink4, a.videolink5 {
	display: block;
	color: #fff;
	width: 320px;
	height: 240px;
	line-height: 240px;
	font-size: 2.0em;
}

a.videolink1 {
	background: url(../img/introimg.gif);
}

a.videolink2 {
	background: url(../img/farmimg.gif);
}

a.videolink3 {
	background: url(../img/crimg.gif);
}

a.videolink4 {
	background: url(../img/hedgeimg.gif);
}

a.videolink5 {
	background: url(../img/insectimg.gif);
}

a.videolink1:hover, a.videolink2:hover, a.videolink3:hover, a.videolink4:hover, a.videolink5:hover{
	background-position: 0px -240px;	
	color: black;
}

a.videobanner {
	display: block;
	color: #fff;
	width: 508px;
	height: 145px;
	line-height: 145px;
	font-size: 2.0em;
	background: url(../publicity/videobanner.jpg);
	margin: 22px 5px 0px 0px; 
}

a.videobanner:hover{
	background-position: 0px -145px;	
	color: black;
}

.f-footer{
	width: 805px;
	margin: auto;
}

p.f-footer{
	font-size: 1.5em;
	color: #FFFFCC;
	clear: left; 
	text-align: center;
	font-weight: bold;
	margin: 15px auto 15px auto;
}

#f-nav{
	float: left;
	clear: left;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #f6e899;
	width: 900px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #f7c90f;
	}
	  
a.middle{
	color: black;
	margin-left: 12px;
	margin-right: 10px;
}

a.middle:hover{
	color: #ba1319;
}

.middle{
	margin-left: 12px;
	margin-right: 10px;
}



a.middle1{ 
	color: black;
}

a.middle1:hover{
	color: #ba1319;
}

.middle1{ 
	color: #ba1319;
}

a.middle2{ 
	color: black;
}

a.middle2:hover{
	color: #ba1319;
} 

.middle2{ 
	color: #ba1319;
}

ul.gallery{
	margin: 0px 0px 0px 110px;
	float: left;
}

ul.gallery li{
		font-size: 14px;
		line-height: 21px;
}

li.gallery3{
	width: 225px;
	float: left;
	margin: 10px 20px 10px 20px;
}

li.gallery4{
	width: 345px;
	float: left;
	margin: 10px 20px 10px 20px;
}

li.gallery-float{
	width:  490px;
	margin: 10px 20px 10px 20px;
}

li.full-width{
	width: 750px;
	display: block;
	clear: left;
	margin-left: 20px;
	padding-bottom: 20px;
}

span#quote-wrap{
	position: absolute;
	font-size: 3em;
	margin-top: 5px;
}

span.quotemarks /*span.close-quotemarks*/{
	font-size: 3.5em;
position:relative;
	bottom: -20px;
	margin-left: -22px;
}
div.contentrowclear {
	float: none;
	clear: both;
	margin: 12px 4px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: normal;
	background: #FFFFFF;
	padding: 4px;
}
div.contentrowshaded2 {
	float: none;
	clear: both;
	margin: 4px;
	text-align: left;
	font-weight: normal;
	background: #f9f3cf;
	padding: 4px;
}
div.contentrowshaded {
	float: none;
	clear: both;
	margin: 4px;
	text-align: left;
	font-weight: normal;
	background: #f9f3cf;
	padding: 4px;
	height: 105px;
} 

p.articleHeading1 {
font-weight: bold;
font-size: 1.8em;
line-height: 2.0em;
margin-top: 50px;
padding: 10px; 
}

/* ---------- accountControl ---------- */ 

#accountControls {
	/*border: 1px solid red;*/
	width: 350px;
	float: right;
	margin: 0 10px 15px 0;
	padding: 0;
	text-align: right;
	color: #fff;
	background: #153422;
}

#accountControls ul {
	margin: 5px 0 5px 0;
	padding: 0;
}

#accountControls ul li {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
	font-size: 1.2em;
}

/*---------- Recipes ----------*/

.recipemain {
		width: 1024px;
		height: 332px;
		background: url(../img/getcooking.jpg) no-repeat;
		margin: 0;
		padding: 0;
}

.title {
	   font-size: 60px;
	   font-weight: bold;
	   line-height: 70px;
	   height: 332px;
	   padding: 120px 0px 0px 60px; 
	   color: #D60000;
}

.recipeheading {
font-size: 35px;
font-weight: bold;
padding: 10px;
margin: 0px 15px 0px 10px;
}

.recipetable {
width: 950px;
height: 770px;
margin: auto;
text-align: left;
}

.recipelist {
color: #fff;
font-size: 25px;
margin: 20px;
padding: 10px;
border: 2px solid #fff;

}

.recipelist a {
color: #fff;

}

.recipelist:hover {
color: #153422;
background: #fff;
}

#recipelist {
background: #153422;
border: 2px solid #fff;
font-size: 14px;
color: #fff;
margin: 5px 0px 0px 2px;
}

ul.recipemenu,
.recipemenu ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	float: none;
}

ul.recipemenu{
	width: 250px;
}

ul.recipemenu>li{
	font-size: 25px;
	height: 82px;
	margin: 20px;
}

ul.recipemenu>li a{
 	 padding: 5px 0px 0px 10px;
 	 width: 250px;
 	 border: 2px solid #fff;
 	 color: #fff;
	 background: url(../img/greenwhite.jpg) no-repeat;
}

ul.recipemenu>li a img{
float: right;
margin-top: -29px;
padding-right: 0px;
}

#recipecategories {
	padding: 7px 0px 0px 10px;
	font-weight: bold;
    height: 82px;
}

ul.recipemenu li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	width: 162px;
	margin-left: 262px;
	background: #153422;
}

#submenu {
	width: 200px;
	color: #fff;
	background: #153422;
	padding: 5px 10px 5px 10px;
	font-size: 18px; 
	border: 1px solid #fff;
	margin: 0px;
}

ul.recipemenu li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.recipemenu ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
}

/*** Menu styles (customizable) ***/

.recipemenu ul li a{
	background-color: #153422;
	color: #fff;
}


#recipecategories:hover {
background-position: 0px -89px;
color: #153422;
}

#submenu:hover {
	background-color: #fff;
	color: #153422;
}

.recipemenu a{
	text-decoration: none;
}

#steakburger {
width: 550px;
height: 91px;
background: url(../img/recipemenu/steakburger.jpg) no-repeat;
}

#chickennuggets {
width: 550px;
height: 61px;
background: url(../img/recipemenu/chickennuggets.jpg) no-repeat;
}

#toastie {
width: 550px;
height: 112px;
background: url(../img/recipemenu/toastie.jpg) no-repeat;
}

#pizza {
width: 550px;
height: 68px;
background: url(../img/recipemenu/pizza.jpg) no-repeat;
}

#drumsticks {
width: 550px;
height: 111px;
background: url(../img/recipemenu/drumsticks.jpg) no-repeat;
}

#pasta {
width: 550px;
height: 156px;
background: url(../img/recipemenu/pasta.jpg) no-repeat;
}

#steakburger:hover {
background-position: 0px -91px;
}

#chickennuggets:hover {
background-position: 0px -61px;
}

#toastie:hover {
background-position: 0px -112px;
}

#pizza:hover {
background-position: 0px -68px;
}

#drumsticks:hover {
background-position: 0px -111px;
}

#pasta:hover {
background-position: 0px -156px;
}

.recipetop {
background: #153422;
color: #fff;
padding-top: 20px;
}

a.printer {
border-left: 2px solid #D60000;
border-right: 2px solid #D60000;
color:#FFFFFF;
font-weight:bold;
padding:5px;
}
.printer {
height:50px;
margin:10px auto -20px;
text-align:center;
width:150px;
}

.article {
padding: 0px 10px 10px 10px;
}

.articleLinkList {
text-align: center;
color: #fff;
border-left: 2px solid #D60000;
border-right: 2px solid #D60000;  
color:#FFFFFF;
font-weight:bold;
padding:5px;
margin: 0px 10px 0px 10px;
}

.leftcontent {
margin: 0.8em;
}

.recipetop a {
color: #fff;
}

img.recmain {
background:#FFFFFF none repeat scroll 0 0;
border:2px solid #D60000;
margin-left: 100px;
margin-bottom: 20px;
margin-top: 20px;
margin-right: 60px;
padding:10px;
float: right;
}

/* Recipes Accordian added by One Design */
#recipesAccordian {
	margin-left:10px;
	width:378px;
	background:url('../graphics/recipes_middle.jpg') left repeat-y;
}
#recipesAccInner {
	background:url('../graphics/recipes_bottom.jpg') no-repeat bottom left;
}
#recipesAccInnerInner {
	background:url('../graphics/recipes_top.jpg') no-repeat top left;
	min-height:350px;
}
#recipesAccList {
	list-style:none;
	margin:0 0 0 2px;
	padding:0 0 10px;
}
#recipesAccList li.first {
	background:none;
	margin-top:0;
}
#recipesAccList li {
	background:url('../graphics/recipes_tab.png') no-repeat top left;
	padding:10px 20px 5px 30px;
	margin:0;
	display:block;
	margin-top:-50px;
	min-height:90px;
	font: 14px georgia, serif;
	font-weight:bold;
	font-style:italic;
	cursor:pointer;
}
#recipesAccList li ul {
	margin:10px 0 10px 0;
	padding:0;
	font-weight:normal;
	cursor: default;
}
#recipesAccList li ul li {
	font-weight:normal;
	display:block;
	cursor: default;
	background:url('../graphics/line.jpg') no-repeat 15px 100%;
	color:#000;
	padding:5px 5px 5px 0;
	margin-top:0;
	min-height:0;
}
#recipesAccList li ul li a {
	padding-left:15px;
	display:block;
}
#recipesAccList li ul li a:hover {
	background:url('../graphics/star.gif') no-repeat top left;
}
#recipesAccList li ul li a { 
	color:#000;
}
.clearfix {
	overflow:auto;
}
.recipesPic {
	width:163px;
	height:150px;
	float:right;
	margin:0px 0 0px 10px;
}
.accContent {
	margin-left:-15px;
	padding:0;
	width:345px;
	margin-bottom:70px;
	overflow:hidden;
}
/* End Recipes Accordian */