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: #ba1319;
}

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

a:hover{
	color: #ba1319;
}

a img{
	border: 0;
}

body{
		margin: 0 auto;
		margin-bottom: 20px;
		text-align: center;
		padding-top: 20px;
		background: #d1d6d6;
	}

.wrapper{
		width: 900px;
		margin: 0 auto;
		text-align: center;
		background: #fff;
}

.float-wrap{
	width: 900px;
	text-align: left;
	float: left;
	border: 4px solid #f7c90f;
	font-size: 1.4em;
	line-height: 1.6em;
	background: #fff;
}

h1{
		height: 130px;
		width: 900px;
	}

h1.head{
	background: url(../img/farmlogo.jpg) no-repeat;
}

h1.shop{
	background: url(../img/shoplogo.jpg) no-repeat;
}

h1.kids{
	background: url(../img/kidslogo.jpg) no-repeat;
}

.offset{
		display: block;
		margin-left: -9999px;
		float: left;
}



.nav, .nav ul, .nav ul li{
		float: left;
}

.nav li{
	padding: 5px 12px ;
	font-size: 1.7em;
	}

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

.nav li a{
	font-size: 1em;
	color: #000;
}

.nav li a:hover{
	color: #ba1319;
}

.nav ul{
	width: 760px;
	background: #f6e899;
	text-align: center;
	font-weight: bold;
	padding-left: 70px;
	padding-right: 70px;
}

.nav1, .nav1 ul, .nav1 ul li{
		float: left;
}

.nav1 li{
	padding: 5px 12px ;
	font-size: 1.7em;
	}

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

.nav1 li a{
	font-size: 1em;
	color: #000;
}

.nav1 li a:hover{
	color: #ba1319;
}

.nav1 ul{
	width: 900px;
	text-align: center;
	font-weight: bold;
	padding-left: 70px;
	padding-right: 70px;
}

.back ul {
	width: 900px;
	height: 34px;
	margin-bottom: -34px;
	background: #f6e899;
}

h2{
	clear: left;
	font-size: 1.6em;
	line-height: 1.8em;
	margin: 0 20px 10px 30px;
	padding-top: 20px;
	color: #ba1319;
	font-weight: normal;

}

h5{
	clear: left;
	font-size: 18px;
	line-height: 22px;
	margin: 0 20px 10px 30px;
	padding-top: 20px;
	color: #ba1319;
	font-weight: normal; 
	text-align: center;

}

h6{
	clear: left;
	font-size: 1.6em;
	line-height: 1.8em;
	margin: 0 20px 10px 30px;
	padding-top: 20px;
	color: #ba1319;
	font-weight: normal;
	text-align: center;

}

h2.sub{
	font-size: 1.2em;
	padding: 0;
	margin-top: -10px;
}

.intro{
	width: 535px;
	float: left;
	margin-left: 30px;
	padding-right: 15px;
}

.intro2{
	width: 700px;
	float: left;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 20px;
	font-size: 1.2em; 
	text-align: center;
}	

.intro3{
	width: 700px;
	float: left;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 5px;
	font-size: 1.2em; 
	text-align: center;	
	
}

h3 {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: normal;
	margin: 18px 8px 5px 0px;
	text-align: justify;
	} 
	
h3.passion{
	margin: 0px 0px 0px 0px;
}

.right{
		float: right;
		margin: 8px 20px 8px 8px;
}								 

/* ---------- blackboard ---------- */

.blackboard{
	/*border: 1px solid blue;*/
	width: 300px;
	color: #fff;
	float: left;
	text-align: center;
}

.blackboard ul{
	margin-left: 5px;
	text-align: left;
}

#bbItem {
	width: 290px;
}

#bbItem h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 0;
}

#bbItem h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: .8em;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 0;
} 

#bbItem h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 1.6em;
	color: #fff;
	margin: 0 0 0 0px;
	padding: 0;
}

#bbItem p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: .9em;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 0;
}

hr.bbRule {
	width:  94%;
	border: 0;
	border-top: 1px solid #fff;
	height: 1px;
	margin: 15px 0 15px 15px;
	padding: 0;
}

.bbImage {
	margin: 10px 0 10px 0;
	border: 0;
}

/* ---------- blackboard ---------- */

img.bb-head{
	margin-left: -11px;
	margin-top: -15px;
}

.bb-foot{
	float: right;
	margin: 0 7px -8px 0;
}

li.img{	
	valign: center;
	width: 128px;
	float: left;
	margin: 5px 5px;
}

li.video{
   valign: center;
	width: 325px;
	float: left;
	margin: 5px 5p
}


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;
}


.footnote{
	clear: left;
	width: 500px;
	border: 1px solid #ba1319;
	display: block;
	padding: 10px 0px 0px 0px;
	background: #f9f3cf;
	}
	
/* ---------- new footnote ----------- */
	
#bbcFootnote{
	clear: left;
	width: 500px;
	display: block;
	/*position: relative;
	top: -30px;*/
	margin: -30px 0 0 0;
	padding: 60px 0px 0px 0px; /* adjust vertical position of container */
	background: url(../img/bbc_layout_imgs/footnote_bg.jpg) no-repeat top left;
}

#bbcFootnote .container{
	width: 470px;
	margin-left: 0;
	padding-left: 25px;
	padding-bottom: 20px;
	text-align: center;
}

#bbcFootnote a.container{
	width: 470px;
	margin-left: 0;
	padding-left: 25px;
	padding-bottom: 20px;
	text-align: center;
}

#bbcFootnote p {
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-size: .95em;
	font-weight: 100;
	color: #fff;
	line-height: 160%;
	margin: 0 0 10px 0;
	padding: 0;
}

span.reference {
	font-style: italic;
	font-weight: 700;
}
	
	
/* ---------- new footnote ----------- */

.small-quote{
	width: 560px;
	border: 1px solid #ba1319;
	margin-left: 27px;
	margin-top: 40px;
	background: #f9f3cf;
}

.footnote blockquote{
	/*background: url(../img/quote.gif) no-repeat;*/
	margin-left: 18px;
	padding-left: 25px;
	padding-bottom: 0px;
	text-align: center;
	color: #ba1319;
}

.small-quote blockquote{
	/*background: url(../img/quote.gif) no-repeat;*/
	padding: 10px 0 0px 0px;
	}

a.more-reviews{
	float: right;
	margin: 0px 30px 10px 350px;
	padding: 0px;
}

a.more-reviews-small{
	float: right;
	margin: 0px 30px 10px 220px;
	padding: 0px;
}

blockquote span.ref{
	display: block;
	margin: 10px 10px;
	font-style: italic;
	font-size: 0.9em;
	color: #ba1319;
	text-align: right;
}

.footer{
	
	width: 700px;
	margin-top: 10px;
	margin-left: 50px;
	text-align: center;
	padding: 20px 50px 20px 50px;
	clear: both;
	display: block;
	float: left;
	border-top: 1px solid silver;
}

.footer1{
	
	width: 900px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}

.indexfooter{
	
	width: 700px;
	margin-top: 40px;
	margin-left: 50px;
	text-align: center;
	padding: 20px 50px 20px 50px;
	clear: both;
	display: block;
	float: left;
	border-top: 1px solid silver;
}

.col-effect{
	width: 900px;
	float: left;
	background: transparent url(../img/bb-bg.gif) repeat-y;
	/*border: 1px solid red;*/
}

img.shop-main{
	margin: 5px 10px 10px 30px;
	float: left;
	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: #ba1319;
}

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

.xmasopen-times {
	display: block;
	font-size: 0.9em;
	line-height: 1.0em;
	margin: 10px 0 0 5px;
	
}

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

a.directions{
	font-size: 1.4em;
	margin-left: 10px;
}

div.address{
	margin-top: 20px;
	border-bottom: 0;
	border-right: 1px solid silver;
	width: 260px;
}

.delivery{
	clear: left;
	float: left;
	text-align: center;
	font-size: 1.3em;
	color: #ba1319;
	margin-left: 30px;
	width: 840px;
	border-top: 1px solid silver;
	margin-top: 20px;
	padding-top: 20px;
}

.delivery h3{
	color: #ba1319;
}

.delivery-col{
	float: left;
	width: 380px;
	padding: 20px 20px 20px 20px;
	text-align: left;
}

.delivery-col a{
	font-size: 1em;
}

.farm{
	float: left;
	width: 870px;
 	}

ul#tapestry, #tapestry li, #tapestry li ul{
	float: left;
	text-align: center;
}

#tapestry ul{ 
	width: 805px;
	margin-left: 20px;
	margin-right: 20px;
}

#tapestry li.item{
	clear: left;
	margin: 15px 15px;
	background: #f9f3cf;
	padding: 10px 10px;
}

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

}

#tapestry li.desc-w{
	width: 470px;
}
				 
#tapestry li.sub{
	font-size: 1.6em;
	color: #596948;
	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: #596948;
	margin-bottom: 5px;
}

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

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;
	float: center;
}

p.f-footer{
	margin-left: 50px;
	padding-top: 20px;
	font-size: 1.5em;
	color: #596948;
	clear: left; 
	text-align: center;
	font-weight: bold;
}

#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{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	margin: 10px 20px 10px 20px;
}

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;
}

#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;
}