/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

blockquote, q { quotes: none; }

:focus { outline: 0;}

ins { text-decoration: none;}

del {	text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}

/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.875em/1.3 Arial, Helvetica, sans-serif; margin: 0; padding: 0; 
  color: #565656; background:  #fff; 
  min-width: 960px; margin: 0 auto;}

img {position: relative;}



p {margin: 0 0 15px 0; padding: 0;}

ul, ol {margin: 0 0 15px 10px; padding: 0 0 0 10px;}


input, textarea {font-size: 100%; font-family: Arial, Helvetica, sans-serif; line-height: 1.2;}

a, a:visited {color: #565656; outline: 0; textd-ecoration: uderline;}
a:hover, a:active, a:focus {color: #563d25; text-decoration: underline;}
a img {border: none;}

h1 {font-size: 1.571em; font-weight: bold; color: #d78433; margin: 0 0 0.5em 0; padding: 0; }
h2 {font-size: 1.143em; font-weight: bold; color: #563d25; margin: 0 0 0.5em 0; padding: 0;}
h3 {font-size: 1.143em; font-weight: bold; color: #563d25; margin: 0 0 0.5em 0; padding: 0; text-transform: lowercase;}
h4 {font-size: 1.53820em; text-transform: lowercase; line-height: 1; color: #002E6E; font-weight: normal; margin: 0 0 0.5em 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}

h2 a, h2 a:visited  {color: #563d25; text-decoration: none;}
h2 a:hover, h2 a:active {color: #d78433; text-decoration: none;}

small {font-size: 0.857em; }
.left {clear: both; float: left; margin: 0 30px 10px 0;}
.right {clear: both; float: right; margin: 0 0 10px 30px;}


.clr {display: block; clear: both; }

object, embed {margin-top: 20px;}


/* layout */
#wrapper { position: relative; width: 960px; margin: 0 auto; background: url(../images/page_bg.gif) repeat-x 0 0 #fff; }
.index #wrapper {background-image: none;}

#header {position: relative; height: 158px; overflow: hidden; background: url(../images/header_bg2.jpg) no-repeat #d78433;}
.index #header {height: 267px; background-image: url(../images/header_index_bg2.jpg) ;}

#logo {position: absolute; width: 315px; height: 175px; top: 0; left: 0; text-indent: -9999px;}

#nav {position: relative; background: #563d25; color: #bababa; height: 26px; z-index: 500;}


#page {position: relative; clear: both;  padding: 20px 0;}
.index #page {padding: 0;  background: #392614; color: #fff; height: 440px;}

#footer {clear: both; position: relative; background: url(../images/footer_bg.gif) repeat-x #c98038; font-size: 0.857em; color: #fff; font-weight: bold;  line-height: 25px; padding: 5px 20px; 
border: solid 1px #b36920; border-width: 1px 0;}

#left-bar {  position: relative; width: 165px; float: left; background: #f0f0f0; margin-right: 20px; border: solid 1px #b09d8a; }
#ee-left-bar {position: relative; width: 200px; float: left; background: #f0f0f0; margin-right: 20px; border: solid 1px #b09d8a;}

#right-bar {position: relative; display: none;}

#main {position: relative; width: 765px; float:left;  } 
#ee-main {position: relative; width: 690px; float:left;}
#ee-page {position: relative; width: 910px;}

#location, #location a, #location a:visited {text-transform: lowercase; color: #563d25; text-decoration: none; margin: 0 0 20px 0;}

#location a:hover, #location a:active, #location a:focus {color: #d78433; outline: 0; text-decoration: none;}


.submenu ul {list-style-type: none; margin: 0; padding: 0; height: auto;  line-height: 1.5;}
.submenu ul ul {margin: 0; padding: 0; line-height: 1.1;}
.submenu ul ul ul {margin: 0 0 0 0.5em; padding: 0; line-height: 1.1;}
.submenu li {display: block; width: 100%;  margin: 0; padding: 0; font-weight: bold; vertical-align: bottom; float:left; background: #f0f0f0; border-bottom: solid 1px #f0f0f0;}
.submenu .categ, .submenu a, .submenu a:visited {display: block;  background: #d9d9d9; color: #563d25; padding: 3px 5px 3px 20px; text-transform: lowercase; text-decoration: none;}
.submenu li li a, .submenu li li a:visited {background: #f0f0f0; }
.submenu a:hover, .submenu a:active, .submenu a:focus,  .submenu a.current,  .submenu a.current:link, .submenu a.current:visited {color: #d78433; outline: 0; text-decoration: none; }

.submenu li.cat4 li .categ,  .submenu li.cat4 li a, .submenu li.cat4 li a:visited {background: #f0f0f0; color: #d78433;}
.submenu li.cat4 li li a, .submenu li.cat4 li li a:visited {background: #f0f0f0; color: #563d25;}

.submenu li.cat4 li a:hover, .submenu li.cat4 li a:active, .submenu li.cat4 li a:focus {color: #563d25; outline: 0; text-decoration: none; }
.submenu li.cat4 li li a:hover, .submenu li.cat4 li li a:active, .submenu li.cat4 li li a:focus {color: #d78433; outline: 0; text-decoration: none; }


* html .submenu ul li a {
   height:1em;
}


.title-bar {font-size: 1.143em; font-weight: bold; color: #d78433; margin: 10px 20px; text-transform: lowercase;}

#shadow {position: absolute; top: 0; left: 0; }
* html #shadow {display: none;}


#footer .links ul {list-style-type: none; margin: 0; padding: 0;}
#footer .links li {display: inline; margin-right: 10px;}
#footer a, #footer a:visited {color: #fff; text-decoration: none;}
#footer img {vertical-align: middle;}

#footer .cards {position: relative; width: 150px; float:left;}
#footer .links {position: relative; width: 500px; float: left; text-transform: lowercase;}
#footer .copyright {position: relative; width: 250px; float:right; text-align: right;}

.blogSearch {margin: 20px 10px;}

.blogSearch .input { height: 19px; margin: 0; background: url(/template/images/blog_search.gif) 0 0 #f0f0f0;  border:solid 0 #d78433; padding: 4px 20px 2px 10px; 
width:188px;
voice-family: "\"}\""; 
voice-family:inherit;
width:148px;
line-height: 19px;
}

.entry {clear: both; padding: 0 0 30px 0;}



.entry .links {font-size: 0.857em; color: #d78433; margin: 10px 0;}
.entry .links a, .entry .links a:visited { color: #d78433; text-decoration: none;}
.entry .links a:hover, .entry .links a:active {color: #563d25; text-decoration: none;}

.entry .posted {margin: 10px 0; padding: 5px 0 0 0; border-top: solid 1px #563d25; font-size: 0.857em; font-weight: bold; color: #563d25; text-transform: lowercase;}
.entry .posted a, .entry .posted a:visited { color: #563d25; text-decoration: none;}
.entry .posted a:hover, .entry .posted a:active {color: #d78433; text-decoration: none;}

.entry .posted .addthis_button {margin-right: 5px;}
.entry .posted .feed {margin-right: 20px;}
.addthis_button img, .feed img {vertical-align: middle;}


.moderated {font-size: 0.857em;}

.comments {margin-bottom: 30px;}
.comments ol {margin: 0; padding: 0; list-style-type:none;}
.comments li  {border-bottom: solid 1px #d9d9d9; padding: 10px 10px 0 10px; margin-bottom: 5px;}
.comments .posted {margin: 0 0 5px 0; font-size: 0.857em; color: #563d25;}


.index .welcome {height: 440px; overflow: hidden;}
.index .welcome .image {width: 240px; float: left; margin-right: 10px;}
.index .welcome .copy {padding: 30px 10px;   }

.index .welcome a, .index .welcome a:visited {color: #d78433;}
.index .welcome a:hover, .index .welcome a:active {color: #fff;}

#overlay table {width: 445px;}
#overlay td {padding: 10px;  }
#overlay .col2 {width: 300px;}

 #overlay iframe {border: 0; width: 600px; height: 600px;}
#overlay .map {font-size: 0.875em; width: 620px; }

#story {width: 265px; float: left; background: #d9d9d9; font-size: 0.857em; text-align: left; margin-top: 2px;}
#map {width: 135px; float:right; background: #d9d9d9; font-size: 0.857em; text-align:left; margin-top: 2px;}

#story a {display: block; padding: 5px 30px 5px 10px; background: url(../images/story_icons.gif) 236px 4px no-repeat #d9d9d9; }

#map a {display: block; padding: 5px 30px 5px 10px; background: url(../images/story_icons.gif) 106px -48px no-repeat #d9d9d9; }

.suppliers {margin-bottom: 20px;}
.suppliers td {padding: 3px 5px; font-size: 0.857em;}
.suppliers td.phone, .suppliers td.fax {text-align: right; padding-left: 10px; white-space: nowrap;}
.suppliers td.city {white-space: nowrap; padding-left: 0;}
.suppliers td.name {font-weight: bold; white-space: nowrap; padding-left: 0;}
.suppliers th {padding: 20px 0 5px 0; text-align: left; font-weight: bold;}
.legend {font-size: 0.857em;}
.legend span {padding-right: 20px;}

.data-table {margin: 10px 0;}
.data-table td {padding: 3px 10px 3px 0; vertical-align: top;}


#recipes .entry {width: 182px; float: left; clear: none; margin-right: 57px;}
#recipes .img {display: block; border: solid 1px #563d25; float:left; }
#recipes .title {display: block; margin: 5px 0;}
#recipes .img img {width: 180; height: 120px;}
#recipes .entry a,  #recipes .entry a:visited{color: #563d25; font-size: 1.142em; text-decoration: none; font-weight: bold; }
#recipes .entry a:hover, #recipes .entry a:active {color: #d78433; text-decoration: none;}
.stars {margin: 5px 0; font-size: 0.857em;}

.recipeInfo {width: 600px; float:left; margin-right: 20px;}
.recipeImg {width: 182px; float: left;}
.recipeImg .photo {border: solid 1px #563d25; margin-bottom: 10px;}


#list {padding: 10px 0; }
#list ul {list-style-type: none; margin: 0; padding: 10px 10px 10px 15px;}
#list a {font-size: 150%; font-weight: normal; display: block; width: 35px; float: left; }
#list a, #list a:visited {color: #563d25; text-decoration: none;  }

#list a:hover, #list a:active {color: #D7845A; text-decoration: none;}


.event {clear: both; padding: 0 0 50px 0;}
.event .loc {font-weight: bold;}
.event .price {width: 200px; float: left; color: #563d25; font-weight: bold; font-size: 1.143em;}
.event .buy {width: 480px; float: right;}
.event .quantity {width: 100px; float:left; text-transform: lowercase;}
.event .buttons-row {width: 300px; float:right;  margin: -2px 0 0 0;}


.form {border: solid 1px #DFE7D4; padding: 10px; margin: 10px 0 15px 0;}

#shopby_brand select, #shopby_brand option {font-size: 12px; line-height: 1.2;}



/* button-based */
button.button {
  border: 0px none;
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  overflow: visible;
  outline-style: none; text-transform: lowercase; 
}
button.button .button-right {
  display: block;
  background: transparent url(/template/images/but_right.gif) no-repeat right top;
  padding: 0px 10px 0px 0px;
  height: 21px;
}
button.button .button-left {
  display: block;
  margin: 0px;
  background: transparent url(/template/images/but_left.gif) no-repeat left top;
  padding: 0px 5px 0px 15px;
  vertical-align: middle;
  white-space: nowrap;
  font-family: arial, helvetica, sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
}

.PListCell {width: 250px; float: left; border-left: solid 1px #aaa8a8; text-align: center; margin: 20px 0;}
.PListCell .listImg {width: 182px; margin: 0 auto;}
.PListCell .listImg a {display: block; border: solid 1px #563d25;}
.PListCell .listProduct {width: 180px; margin: 0 auto; padding: 10px 0 0 0; text-align: left; }
.PListCell .listProduct a,  .PListCell .listProduct a:visited{color: #563d25; font-size: 1.142em; text-decoration: none; font-weight: bold; }
.PListCell .listProduct a:hover, .PListCell .listProduct a:active {color: #d78433; text-decoration: none;}