/*
 
 Purple: #92278f;
 Green #c1cd23;

*/

html, body{
 font-family: verdana, sans-serif;
 background:  #666 url(../images/background-blend.jpg) repeat-x
}
body{
 font-size: 56%;
 color: #fff;


}



.container{
	
	margin: 20px auto 20px auto;
	width: 960px;
	background: #fff;
	

}



.header{
	position: relative;
	width: 100%;
}

.menuContainer{
	
	width: 100%;
	background: #bccc23 ;
	padding: 0; /* no left/right padding */
	overflow: hidden;
	
	
	
}

.logoContainer
{
	
	height: 142px;
	background: #000 url(../images/banner-field.jpg) no-repeat 213px  0;
	margin: 5px 0;
	
}
	.logoContainer img
	{
		margin: 20px 0 0 15px;
	}


	#health-benefits .logoContainer
	{
		background-image:  url(../images/banner-evening.jpg) 	
	}

	

	#how-it-is-made .logoContainer
	{
		background-image:  url(../images/banner-feeding.jpg) 	
	}
	
	#our-range .logoContainer
	{
		background-image:  url(../images/banner-gate2.jpg) 	
	}
	
	
	#where-to-buy .logoContainer
	{
		background-image:  url(../images/banner-curious.jpg) 	
	}

	#about .logoContainer
	{
		background-image:  url(../images/banner-bluebell.jpg) 	
	}

.main{
	display: table-row;
	width: 100%;
	background:  #92278f url(../images/content-background.png) no-repeat 686px 60px;
	
	
}

.leftCol{
	display: table-cell;
	width: 213px;
	

}


.content{
	
	display: table-cell;
	padding-right: 214px;
	width: 533px;
	min-height: 400px;
	}
	
.footerContainer{
	background: none  #92278f
	
}
.footer{
	text-align: center;
	font-size: 1.2em;
	padding: 100px 40px 20px 40px;
}


/*-----------------  END structure ------------------*/


#logobox {
	text-align: center;
	background: white;
	padding: 30px 20px 100px 20px;
	border: 1px solid #666;
        border-width: 1px 2px 2px 1px;
	margin: -20px  -10px -20px -20px;
        height: 500px;
}

#topbox{
        background: url(../images/top.png) no-repeat transparent;
        padding: 0;
        margin: 0;
        height: 38px;
}
#quicklinks{
	
	text-align: right;
	float: right;
	margin-right: 40px;
	color: #fff;
	font-size: 1.8em;
	
}

#quicklinks a:link,
#quicklinks a:visited,
#quicklinks a:hover,
#quicklinks a:active
{

	color: #fff;
	text-decoration:none;
	
}


#headerbox{margin: 30px 0 0 0; padding: 0;}


#bottomlinks{
	margin: 80px 0 10px 0;
}


.banner{margin: 0 0 0 10px;}

#breadcrumb{
	float:left;
        width: 260px;
        padding:5px;
        
}
#breadcrumb ul{list-style: none;
margin:0; padding:0}

#breadcrumb li {
	float: left;
	font-size: 0.8em;
	padding: 0 20px 0 0;
        margin:0}


#contentbox {
   margin: 10px 10px;
   width: 650px;
   float: left;
   }



ul.hbutton, dl.hbutton {
   width: 100%;
   margin: 0;
   padding: 5px 0 15px 0;
}

#menu{
	float: left;
	margin-left: 40px;
}


#menu dl{
	
	}
#menu dd{
	DISPLAY: inline; 
	LIST-STYLE-TYPE: none;
        margin:0;
        padding:0;
	
}
#menu a{
	float: left;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.6em; 
	margin: 0 20px 0 0 ;
	TEXT-DECORATION: none; 
	PADDING: 6px 0 5px 0px;
}
#menu dd span {display:none}

#menu a:link,#menu a:visited {
	COLOR: #fff; background: none ;
}
#menu a:hover,#menu a:active {
	color: #fff; background: none;
}
#menu a.current{
	color:#c1cd23;
	background: none;
}


/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */

#nav {
  width: 100%;
  height: 45px;
  position: relative;
  background: url(../images/top-nav.png);
  margin: 0;    
  padding: 0;
}
#nav li {
  float: left;
}
#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 45px;
  background: url(../images/top-nav.png) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}


/*health*/
li#nav_health a {
  left:22px;
  width: 142px;
  background-position: -22px 0;
}
/*how made*/
li#nav_how a {
  left: 164px;
  width: 135px;
  background-position: -164px 0;
}
/*range*/
li#nav_range a {
  left: 299px;
  width: 101px;
  background-position: -299px 0;
}
/*awards*/
li#nav_awards a {
  left: 400px;
  width: 84px;
  background-position: -400px 0;
}
/*where*/
li#nav_where a {
  left: 484px;
  width: 128px;
  background-position: -484px 0;
}
/*about*/
li#nav_about a {
  left: 612px;
  width: 94px;
  background-position: -612px 0;
}

/*home*/
li#nav_home a {
  left: 816px;
  width: 60px;
  background-position: -816px 0;
}
/*contact*/
li#nav_contact a {
  left: 876px;
  width: 60px;
  background-position: -876px 0;
}



li#nav_health a:hover {
  background-position: -22px -45px;
}
li#nav_how a:hover {
  background-position: -164px -45px;
}

li#nav_range a:hover {
  background-position: -299px -45px;
}
li#nav_awards a:hover {
  background-position: -400px -45px;
}

li#nav_where a:hover {
  background-position: -484px -45px;
}
li#nav_about a:hover {
  background-position: -612px -45px;
}

li#nav_home a:hover {
  background-position: -816px -45px;
}
li#nav_contact a:hover {
  background-position: -876px -45px;
}

/*ACTIVES */


#health-benefits li#nav_health  a {
  background-position: -22px -90px;
}
#how-it-is-made li#nav_how a {
  background-position: -164px -90px;
}
#our-range li#nav_range a {
  background-position: -299px -90px;
}
#awards li#nav_awards a {
  background-position: -400px -90px;
}
#where-to-buy li#nav_where a {
  background-position: -484px -90px;
}
#about li#nav_about a {
  background-position: -612px -90px;
}

/* ----------------------------------------------------------- */

#footerbox {
	
	clear: both;margin: 20px 0 30px 0; }
#linksbox{}
#copyrightbox{margin: 60px 10px 0 0;
                border-top: 1px solid #ccc;
                padding-top:6px;
                text-align: right}
	


.spacer {clear:both;line-height: 0; margin:0;padding:0}




		
		
		
/* ############### End Main Structure ### */




 P {
	FONT-SIZE: 1.4em;
        MARGIN: 0.8em 0 0 0;
        line-height: 1.6em;
}
 B {
	FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, helvetica, sans-serif;  TEXT-DECORATION: none;
}
 STRONG {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;  
}
 TD {
	FONT-SIZE: 1.4em;
	padding-right: 12px;
}


 H1 {
	color: #c1cd23;
	font-weight: normal;
	FONT-SIZE: 2.5em; 
	MARGIN: 25px 0 10px 0; 
}
	
h2 {font-size: 1.6em;
	MARGIN: 24px 0 0 0; 
	color: #c1cd23;
}
h2 a:link {
	font-weight: bold;
	text-decoration: none;
	COLOR: #666; BACKGROUND-COLOR: transparent; 
}
h2 a:visited {
	font-weight: bold;
	text-decoration: none;
	COLOR: #666; BACKGROUND-COLOR: transparent; 
}
h2 a:hover {
COLOR: #69e; BACKGROUND-COLOR: transparent;
	text-decoration: underline;
	
}





 H3 {
	FONT-SIZE: 12px; MARGIN: 18px 0 0 0; 
}
H4 {
	FONT-SIZE: 10px; MARGIN: 12px 0 0 0; 
}


A {
	COLOR: #BBCC22; BACKGROUND-COLOR: transparent; 
}
A:link {
	color: #DCEF3B; BACKGROUND-COLOR: transparent
}
A:visited {
	COLOR: #DCEF3B; BACKGROUND-COLOR: transparent
}
A:hover {
	COLOR: #fff; BACKGROUND-COLOR: transparent
}


.spacer {line-height: 0; clear: both}










a img{
	border: none;
}
.rightbar {
	Z-INDEX: 3; LEFT: 76%; POSITION: absolute; TOP: 164px;
	width: 180px;
}
TABLE {
	MARGIN: 12px 0px 12px 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 12px verdana, arial, helvetica, sans-serif; PADDING-TOP: 0px
}
OL, UL {
	MARGIN: 10px 0 20px 20px; FONT: 12px verdana, arial, helvetica, sans-serif;
	list-style-image: url(/images/bullet-white.png)
}

LI {
	MARGIN:  0.5em 0 0 0;
}
A {
	FONT-WEIGHT: 400;  FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	
}
A:link {
	
}
A:visited {
	
}
A:hover {
	
}


#navbox {
        margin: 20px 20px 20px 25px;
       
     
        }




#navbox ul{
	margin: 0;
	list-style: none;
	list-style-image: none;
}
#navbox ul li{
	list-style:none;
	list-style-image: none;
	margin: 0;
	padding:0;
	
	
}
#navbox ul li a{
	display: block;
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url(/images/bullets.png) no-repeat 0 5px;
	padding: 0 5px 10px 12px;
	
}


#navbox a:hover{
	
	color: #c1cd23;
	background-position: 0 -45px;
}
#navbox a.select{
	color: #c1cd23;
	background-position: 0 -95px;
}



#sitemap
{
margin-left: 30px;

}

#sitemap ul
{
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#sitemap li
{

margin: 20px 0 0 0;
}

#sitemap li a{
padding: 5px 5px 5px 5px;

}

html>body #sitemap li a { width: auto; }

#sitemap li a:hover
{

}

#sitemap li li
{
/*border-top: 1px solid */
margin: 5px 0 0 20px;
}

#sitemap li li a
{

text-decoration: none;
width: 100%;
}
#sitemap li li li
{

margin:0 0 0 40px;
}

#sitemap li li li a
{

text-decoration: none;
width: 100%;
}
.sitemaplink {
	FONT-SIZE: 10px; TEXT-ALIGN: right
}
.subscribe {
	
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin: 0;
	
	
	
}
.subscribe p{
	font-size: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	margin: 0;
	
}

#calendar {

	BORDER-RIGHT:  1px solid; PADDING-RIGHT: 3px; 
	BORDER-TOP:  1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 5px; BORDER-LEFT:  1px solid; 
	PADDING-TOP: 5px; BORDER-BOTTOM:  1px solid; TEXT-ALIGN: center
}
#calendar P {
	FONT-SIZE: 10px; LINE-HEIGHT: 12px;
	margin: 5px 0 0 0;
	padding: 0px
}
#calendar A {
text-decoration: underline;
}
#calendar h2{border-top: solid 1px ; border-bottom: solid 1px ; font-size: 10px; margin: 20px -3px 0 -3px;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	
}

#calendar h3{
	 font-weight : bold; margin: 10px 0 0 0 ; font-size: 10px;
	 FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}

.bigevent{
FONT-SIZE: 10px; LINE-HEIGHT: 10px;
	margin: 5px 0 0 0;
	padding: 0px
}


/*
#breadcrumb {
display: none;
	FONT-SIZE: 10px; MARGIN: 0; PADDING-TOP: 0px
}
*/
input {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 12px;
}
TEXTAREA {
	border-style: solid; 
	border-width: 1px;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	OVERFLOW: hidden;
	FONT-SIZE: 12px;
}
.placeholder {
	MARGIN-BOTTOM: 200px; WIDTH: 100px; HEIGHT: 300px
}

.form{
	
	
	padding: 0 10px 5px 10px; 
	
	margin-top: 10px;

}
.form table, .form p{
	margin-left: 0;
	margin-top: 5px
}

.form  p{
	margin-left: 0;
}
.search{
	font-size: 10px;
	text-align: center;
	margin-top: 2px;
	
	
	
}

form#contact td{
        vertical-align:top
}
form#contact input.text,form#contact textarea{
        width: 30em;
        border: 1px solid #ccc
}

form#contact input.honey {display:none}

form#contact strong {
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}


/*----------------- EVENTS TABLE -------------------*/

table .events{
        
        border-collapse:collapse;
       
}

table.events thead{
        
}


table.events th, table.events td{
        text-align:left;
        font-size: 1em;
        padding: 5px 11px 3px 0;
        border: 1px dashed #ccc;
        border-width: 1px 0;
}
table.events th{
        font-size: 0.8em;
        border:  1px solid #ccc;
         border-width: 1px 0;
}

table.events th.col1, table.events td.col1  {
        width: 15em;
        
}
table.events td.col1 {
        /*font-size: 0.9em;*/
        
}

table.events  h3{margin-top:0;
color:#05a;}


table.events p{
        font-size: 1em;
        margin-top: 0.5em;
}
table.events ul{
       
        margin-bottom: 0.5em;
}


/********************** GALLERIES *****************************************/


#galleries, #gallery{
	
	margin-top: 1em;
	position: relative;
	
}

#galleries div, #gallery div{
	
	text-align:center;
	width: 160px;
	height: 180px;
	border: 1px solid #ccc;
	float: left;
	padding: 10px;
	margin: 0 10px 10px 0;
	
}

#gallery div{
	
	height: 160px;
	
	
}



/*-------------- temporary notes -------------- */

.temp{
	margin: 5em 0 0 0;
	padding: 2em;
	border: 1px dashed #fff;
	font-size: 1.4em;
}


/*------------------Product boxes ----------------*/

.product
{
	margin: 1em 0;
	padding: 0 0 10px 0;
	color: #333;
	background: #fff url(../images/box-bot.png) no-repeat bottom left;
	overflow: auto;
	width: 100%
	
}

	.product h2
	{
		margin:0;
		padding: 20px 20px 0 20px;
		color:#92278F;
		background: transparent url(../images/box-top.png) no-repeat;
		line-height: 1.5em;
		
	}
	
	.product img{
		float:right;
		margin: 10px 0 0 20px;
		
	}
	
	.product p{
		margin: 10px 20px 10px 20px;
		font-size: 1.4em;
		
		
	}


	.product a,
	.product a:link,
	.product a:visited
	{
		
		color: #92278F
	}
	
	.product a:hover
	{
		
		color: #BBCC22
	}


/* --------- PHOTO ------------- */


.photos
{
	width: 100%;
}

.photo
{
	
	float:left;
	width: 260px;
	margin: 20px 0 20px 0px;
	padding: 0 0 5px 0;
	
}
.photo img{
	display: block;
	margin-bottom: 5px;
}