/* @group reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; display: block; width: 100% !important; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

/* @end */
/* @group layout */
/* @group overall */
html { background-color: #000; }

div#empty1 { background-image: url("/stylesheets/design_images/323/background-header-small.png"); width: 0; height: 0; }

div#empty2 { background-image: url("/stylesheets/design_images/323/background-header.png"); width: 0; height: 0; }

body { max-width: 100em; margin: 15px auto; padding: 10px 20px; }

#header { float: left; width: 100%; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px; background-color: #4D2B00; position: relative; }

#title { width: 22.2%; margin-left: 1.5%; height: 150px; text-align: center; position: absolute !important; bottom: -100px; z-index: 2; }

#title a, #title a:hover, #title a:link, #title a:visited { display: block; position: relative; z-index: 2; background: url("/stylesheets/design_images/323/background-header-large.png") top left no-repeat !important; width: 200px; height: 200px; margin: 0 auto; }

#container1, #container2, #container3 { float: left; width: 100%; }

#container1 { background: url("/stylesheets/design_images/323/background-content.jpg") no-repeat #d0b88f; margin: 3px 0; }

#container2 { background: url("/stylesheets/design_images/323/background-side-left.jpg") top left repeat-y; }

#container3 { background: url("/stylesheets/design_images/323/background-side-right.jpg") top right repeat-y; width: 100%; padding: .75em 0; }

#main_menu { float: left; width: 72.4%; margin: 0 0 .75em 23.6%; background-color: #194a20; padding: 1em 0; border: 1px solid white; }

#leftbar { float: left; clear: left; margin-left: 4%; width: 17.7%; padding-top: 86px; position: relative; display: block; }

#product-menu-container, #product-menu { padding: 0; margin: 0; background: none; border: none; }

#main { float: left; width: 74.4%; margin-left: 2%; display: block; position: relative; }

#content { background: #fff; border: 1px solid black; float: left; min-height: 400px; padding: 2.688172043%; width: 53.76344086%; float: left; }

#sidebar { width: 35.483870968%; margin-left: 2.688172043%; float: left; }

.sidebar .zone { clear: both; margin-bottom: 1em; float: left; width: 100%; }

.sidebar .zone div { background: #FFEFD4; border: 1px solid black; padding: 10px; }

.sidebar .zone input { margin: 4px 0; }

#footer { clear: both; text-align: center; padding: .75em 0; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px; background-color: #4D2B00; }

#anidea { width: 952px; margin: 0 auto; text-align: center; font-size: 10px; color: #4c2b00; }

#anidea * { color: #4c2b00; background: none; }

#anidea a:hover { text-decoration: underline; }

/* @end */
/* @group calendar */
div.calendar.nav { float: right; }

tbody { width: 100%; display: table; }

table.calendar { width: 450px; border-collapse: collapse; line-height: 1.1; }

table.calendar td { border-left: 1px solid black; border-right: 1px solid black; width: 14%; padding: 0 1px; }

table.calendar td.outside { color: #aaa; }

table.calendar tr.label td.outside { font-size: 70%; }

table.calendar tr.label td { border-top: 1px solid black; padding-bottom: 4px; }

table.calendar td.last { border-bottom: 1px solid black; height: 10px; }

table.calendar div.event a { display: inline-block; }

table.calendar div.event a { display: block; padding: 3px; margin: 0 0 1px 0; color: white; text-decoration: none; line-height: 1; font-size: 10px; }

table.calendar .event a:hover { background: black; }

table.calendar .c1 a { background-color: #034a20; }

table.calendar .c2 a { background-color: #b56700; }

table.calendar .c3 a { background-color: #03254a; }

table.calendar .c4 a { background-color: #822200; }

table.calendar .c5 a { background-color: #4a031c; }

.event .date { margin: 4px 0 4px 20px; font-size: 160%; }

/* @end */
/* @group contact form */
div.contactform { border-top: 1px solid #d1b88f; clear: both; }

.contactform form { padding: 10px 0; }

.contactform div { padding: 10px 0 0 0; }

.contactform input[type="text"] { width: 100%; }

.contactform textarea { width: 100%; height: 10em; }

.contactform.submission { background: #04662c; color: white; border: 1px solid black; padding: 10px; color: white; text-align: center; margin-bottom: 20px; }

.contactform .message { background: none; }

.contactform label { display: block; color: #4c2b00; font-size: 90%; font-weight: bold; }

/* @end */
/* @group blog */
.blog.post h2 a:hover { color: white; }

.blog.post .next { float: right; }

#blog_nav { position: relative; margin-bottom: 20px; width: 450px; clear: both; }

#blog_nav #newer_posts { width: 150px; z-index: 2; position: absolute; right: 0; text-align: right; }

#blog_nav #older_posts { width: 150px; z-index: 2; position: absolute; left: 0; }

#blog_nav #blog_archive { text-align: center; }

.blog.post .published { margin: 4px 0 0 30px; font-size: 90%; }

div.blog_archive { margin-left: 20px; clear: both; }

#content h3.blog_archive { font-weight: normal; }

/* @end */
/* @group image */
#album_nav { float: right; }

#album_nav div { display: inline; }

#album_nav .next { margin-left: 10px; }

/* @end */
/* @group menus */
/* @group products */
.sidebar .menu { margin: 0 !important; width: 100%; }

.sidebar .menu li { float: none; border: 0; margin: 0 0 2px 0 !important; padding: 0 !important; border: 1px solid white; }

.sidebar .menu li * { float: none; display: block; padding: 0; float: none; text-indent: 0; position: relative; }

.sidebar .menu li span > span, .sidebar .menu li a > span { padding: 8px 8px; }

.sidebar .menu .menu { width: 86%; padding: 0 2% 5px 10% !important; }

.sidebar .menu li.current > span > span { border-bottom: none; }

.sidebar .menu li li { border: none; }

#product_menu li.current ul * { color: #a78e65; }

#product_menu li.current a:hover, #product_menu li.current li.current { background: none; color: white; }

#product_menu li.current * { text-decoration: none; }

#product_menu li * { color: white; }

#product_menu li a span, #product_menu li.current { background: #B56700; }

#product_menu li a:hover span, #product_menu li.current { background: #4c2b00; }

/* @end */
/* @group main */
#main_menu .menu { margin-left: 10px !important; }

#main_menu .menu li { border-color: #5e836d; }

#main_menu .menu li:first-child { padding-left: 10px !important; }

#main_menu a { color: white; }

#main_menu li.current span span { color: white; text-decoration: underline; }

/* @end */
/* @group content top */
.menu { float: left; margin-left: -10px !important; display: inline; }

.menu li { list-style-type: none !important; padding: 0 10px !important; margin: 0 0 2px 0 !important; float: left; background: none; border-right: 1px solid #AB8EA0; }

.menu a { text-decoration: none; color: #034a20; }

.menu a:hover { text-decoration: underline; background: none; color: #034a20; }

.menu li.current span span { color: #000; text-decoration: underline; }

.menu li span { padding: 0; background: none; color: inherit; }

#content_top .menu { margin-bottom: 1em; width: 470px; color: #b56700; }

#content_top .menu li { border-color: #d1b88f; }

/* @end */
/* @end */
/* @end */
/* @group typography */
html { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 1.4; color: black; }

#title a, #title a:link, #title a:visited, #title a:hover { text-indent: -9999px; }

#header #tagline { text-indent: -10000px; position: absolute; }

#footer * { font-size: 11px; color: #a78e65; }

#header a { color: white; }

#header a:hover { background: none; text-decoration: underline; }

/* @group content */
#content h1 { margin: 0 0 .5em 0; color: #034a20; font: italic bold 180%/1 Georgia, "Times New Roman", Times, serif; }

#content h2 { margin: 1em 0 .25em 0; color: #034a20; font: normal 160%/1 Georgia, "Times New Roman", Times, serif; }

#content h3 { margin: 1em 0 .25em 0; color: #034a20; font: bold 135%/1 Georgia, "Times New Roman", Times, serif; }

#content h4 { font-weight: bold; margin: 1em 0 .25em 0; line-height: 1; color: #034a20; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

#content h5 { margin: 1em 0 .25em 0; line-height: 1; color: #034a20; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

#content h6 { margin: 1em 0 .25em 0; line-height: 1; color: #034a20; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

#content p, #content ul, #content ol { margin: 0 0 1em 0; }

#content * ul { margin-bottom: 0; }

img { max-width: 98%; }

#content p img { display: block; margin: 0 auto; }

#content img { border: 1px solid #d1b88f; padding: 1%; }

div.image img { display: block; margin: 20px auto; }

#content li { list-style-type: disc; margin-left: 1.2em; }

/* @end */
/* @group sidebar */
.sidebar { font-size: 90%; line-height: 1.2; }

.sidebar p { margin: 0 0 .5em 0; }

.sidebar .zone h2 { font-size: 140%; font-weight: bold; margin-bottom: 2px; color: #4c2b00; }

.sidebar .zone div h2:first-child { margin-top: 0; }

#leftbar .zone h2 { color: white; border: none; }

.sidebar ul.blog_posts li, .sidebar ul.calendar_events li { list-style-type: disc; list-style-position: inside; text-indent: -1em; padding-left: 1em; margin-bottom: .25em; }

/* @end */
/* @group links */
a, a:link { color: #034a20; }

a:hover, a:link:hover, a:visited:hover { color: white; background-color: #034a20; text-decoration: none; }

a:visited { color: #b56700; }

/* @end */
strong { font-weight: bold; font-style: inherit; }

em { font-style: italic; font-weight: inherit; }

#content td.label { background: #d1b88f; }

.key label { color: white; }

.credit { font-size: .75em; color: #888; display: block; position: absolute; bottom: 0; right: 0; }

.credit a { color: #888; }

/* @end */
/* @group cart */
#shopping_cart_links { float: right; margin-right: 4%; display: inline; }

#shopping_cart_links div { display: inline; padding-left: 24px; float: right; padding-top: 16px; position: relative; top: -8px; }

#shopping_cart_links #shopping_cart a { padding-right: 31px; display: block; padding-top: 16px; background: url(/stylesheets/design_images/323/button-cart.png) bottom right no-repeat; }

#shopping_cart_links #shopping_cart { padding-top: 0; }

#content #product_list .product { padding-bottom: 1.5em; border-top: 1px solid #d1b88f; }

#product_search { clear: left; padding: .75em 28px 0 0; position: relative; }

#product_search #submit { background: url(/stylesheets/design_images/323/button-search.png) top left no-repeat; -webkit-appearance: none; border: none; cursor: pointer; height: 26px; width: 26px; text-indent: -9999px; color: transparent; position: absolute; right: 2px; top: .75em; margin: 0; display: block; }

#product_search_term { -webkit-appearance: none; border: 0; height: 26px; background-color: #fdefd3; width: 96%; display: block; margin: 0; padding: 0 2%; }

.pagination { margin-bottom: 1em; }

.subcats { margin-bottom: 15px; }

.category.description { padding: 10px 10px 3px 10px; background: #ffefd4; margin-bottom: 10px; }

#content h1 small { text-decoration: none; font: normal normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

.flash, .submission.error, div.error { background: #871d05; padding: 10px; color: white; margin: 10px 0; }

table.editor tr.error td.label { background-color: #871d05; }

.account { background: #e9d2a9; }

.product table td { background-color: #ffefd4; }

.product table th { background-color: #b56700; }

.product.full { padding-top: 0; }

#content .product img { padding: 0; border: none; }

.pagination .page.current, .pagination a:hover { background: #034a20; }

.pagination .page { background-color: #d1b88f; }

.profile_buttons a, .account .right a { background: #b56700; padding: 2px 5px; color: white; text-decoration: none; }

.profile_buttons a:hover, .account .right a:hover { background-color: #034a20; }

#content .account h4 { color: black; }

#content form img { padding: 0; border: 0; }

.product form { clear: both; margin-left: 0; width: 100%; }

.product table { width: 100% !important; }

.product form select { width: 100%; }

.product form td.product-options { width: 60%; }

.product form td.product-quantity { width: 20%; }

.product form td.product-button { width: 20%; }

.product form .editor td { float: none !important; margin: 0 !important; }

.editor td.label { width: 20%; }

.editor td.field { width: 80%; overflow: hidden; }

.shipping_details td.field { width: 20%; }

.editor select { width: 100%; }

table.editor { max-width: 100%; margin-bottom: .75em; }

table.editor input[type="text"] { width: 95%; display: block; }

#billing_address_state, #billing_address_zip, #shipping_address_state, #shipping_address_zip { width: 60%; }

td.right { float: none; }

/* @end */
/* @group buttons */
input[type='text'], textarea { display: block; max-width: 96%; padding: 2%; }

#payment_confirmation_form input.submit { float: right; }

input.submit, #advanced_form input[type='submit'] { background: #04662c; color: white; padding: 4px 6px; border: 1px solid black; line-height: 1; cursor: pointer; font-weight: bold; -webkit-appearance: none; }

input.submit:hover, #advanced_form input[type='submit']:hover { background-color: #009006; }

input.secondary { background: #888; font-weight: normal; }

/* @end */
/* @group advanced form */
#advanced_form table td.key { background: #b56700; }

#advanced_form div.error, #advanced_form table td.error { background-color: #871d05 !important; }

a#email_signup { display: block; text-align: center; background: #034a20; text-decoration: none; color: white; font-size: 12pt; padding: 4px; border: 1px solid black; }

a#email_signup:hover { background-color: #009006; }

/* @end */
@media screen and (max-width: 950px) { #title a, #title a:hover, #title a:link, #title a:visited { background: url("/stylesheets/design_images/323/background-header.png") top left no-repeat !important; width: 150px; height: 150px; margin: 0 auto; }
  #leftbar { padding-top: 36px; }
  #content { width: 91.935483871%; }
  #sidebar { width: 97.311827957%; margin-left: 0%; padding-top: .75em; }
  #sidebar .col { float: left; width: 48.61878453%; }
  #sidebar #col2 { margin-left: 2.762430939%; } }
@media screen and (max-width: 700px) { #title { margin-left: 4%; }
  #main_menu .menu { margin-left: 20px !important; } }
@media screen and (max-width: 650px) { #main_menu .menu { margin-left: 35px !important; } }
@media screen and (max-width: 600px) { #main_menu .menu { margin-left: 50px !important; } }
@media screen and (max-width: 570px) { body { margin: 0; padding: 0; }
  #header { height: 50px; }
  #shopping_cart_links { position: absolute; margin-right: 0; right: 4%; bottom: -2px; }
  #account_link { display: none !important; }
  #title { height: 50px; position: absolute; margin-left: 4%; width: 300px; bottom: 0; overflow: hidden; text-align: left; }
  #header #title a { display: block; width: 207px; margin: 0; height: 50px; background: url("/stylesheets/design_images/323/background-header-small.png") !important; }
  #container2, #container3 { background: none; }
  #main_menu { width: 96%; margin: 0 2% 0 2%; }
  #main_menu .menu { margin-left: 0 !important; }
  #leftbar { width: 96%; margin: 0 2% 0 2%; padding: 0; }
  .sidebar .zone { margin-bottom: 0; }
  .sidebar .zone div, .sidebar .zone .menu { margin-bottom: .75em; }
  .sidebar .zone h2 { margin-top: .75em; }
  #main { width: 96%; margin: 0 2% .75em 2%; padding: 0; }
  #content { width: 94.333333333%; margin-bottom: .75em; min-height: 150px; }
  #sidebar { width: 100%; margin: 0; padding: 0; }
  #sidebar .col { float: none; width: 100%; margin-left: 0 !important; }
  #main_menu { background: none; padding: 0; border: 0; }
  #main_menu li { line-height: 1; border: 0; padding: 0 !important; width: 48.8%; margin-left: 1% !important; text-align: center; float: left; }
  #main_menu .menu li * { display: block; }
  #main_menu .menu #home { display: none; }
  #main_menu .menu li * span { padding: .75em !important; background-color: #194a20; -webkit-border-radius: .75em; -moz-border-radius: .75em; border-radius: .75em; border: 1px solid white; }
  #main_menu .menu li a:Hover { background: none; }
  #main_menu .menu li a:hover span, #main_menu .menu li.current span span { background: black; text-decoration: none; }
  #main_menu .menu { width: 100%; }
  #product-menu-heading { background: #4c2b0c; padding: .75em; border: 1px solid white !important; -webkit-border-radius: .75em; -moz-border-radius: .75em; border-radius: .75em; text-align: center; text-transform: uppercase; cursor: pointer; }
  #product-menu-heading:hover { background: black; }
  #product-menu-container.hidden #product-menu { display: none !important; }
  #product-menu-container { margin-bottom: .75em; }
  #product_menu { width: 90%; margin-left: 5% !important; }
  #product_search { margin: 0 5%; } }
#sidebar div.zone div div { border: none; }

a.button.big { display: block; float: left; width: 90.5%; padding: 4% 5% 5%; background: #994f00; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #F7C16F; text-shadow: 0 -1px 2px black; font-size: 18pt; line-height: 1; text-decoration: none; font-weight: bold; -webkit-transition: background 0.5s, color 0.5s; -moz-transition: background 0.5s, color 0.5s; -o-transition: background 0.5s, color 0.5s; transition: background 0.5s, color 0.5s; }
a.button.big small { font-size: 11pt; font-weight: normal; line-height: 1; display: block; }
a.button.big img { display: block; max-width: 40%; float: left; margin-right: 10px; border: 1px solid #F7C16F; }
a.button.big:hover { color: white; text-shadow: none; background: #3d1300; }