body { background: url(/art/bg_season.jpg) repeat-x center top #000; margin: 0px; font-size: 15px; line-height: 18px; color: #15200E; font-family: "Times New Roman", Times, serif; }
h1, h2, h3, h4, h5 { line-height:1.1em; }
a { color: #15200E; }
a img { border:none; }
input.empty { color:#666; font-style:italic; }
input[type=text], textarea { background:url(art/input-bg.gif) repeat-x #fff; border:1px solid #888; padding:4px 5px; }
:focus { outline:0; }

/* header */
#header { height:191px; }
#logo { float: left; width: 493px; height:191px; background:url(art/logo.jpg) no-repeat; }
#cart { height:140px; overflow:hidden; }

/* footer */
#footer { clear: both; background: url(art/footer.jpg) no-repeat; height: 200px; }
#footer a { color: #fff; }
#policies { margin: 45px 0 0 75px; width: 430px; color: dbd4c3; }
#copyright { text-align: center; margin: 150px 0 0; font-size: 12px; color: #fff; padding:0 0 25px; }

/* faqs */
.question { font-weight:bold; }
.answer { font-style:italic; }

/* tocs */
#toc { height:51px; overflow:hidden; }
ul.top-toc { float:right; list-style-type:none; padding:0; margin:0; }
ul.top-toc li { float:left; }

#side_toc { margin:0 0 0 56px; padding:0 10px 0 0; float: left; width:182px; }
ul.side-toc { font-size: 16px; line-height: 18px; color: #15200E; font-weight: normal; margin:10px 0; padding:0 0 0 25px; }
ul.sub-toc { padding:5px 0 5px 15px; margin:0; }

ul.footer-toc { list-style-type:none; padding:0; margin:0; }
ul.footer-toc li { float:left; border-right:1px solid #fff; padding:0 5px 0 0; margin:0 5px 0 0; }
ul.footer-toc li.last { border:none; }

/* containers */
#container { width: 1081px; margin:0 auto; }
#content { background: url(art/bg_main.gif) repeat-y; float:left; width:1081px; }
#content-main { width: 774px; float: left; background: url(/art/bg_content.gif) repeat-x; }
#content-promo { float: right; width: 295px; padding-top: 13px; margin:0 0 15px 15px; }
#content-promo.home { margin:0; }
#content-text { width: 709px; float: left; background: url(art/welcome.jpg) no-repeat; padding: 80px 25px 15px 40px; } 
/* #content-text { width: 709px; float: left; background: url(art/headers/hd-aromatherapy.jpg) no-repeat; padding: 80px 25px 15px 40px; } */
#content-text.home { width:400px; }
#content-text.no-prods { width:709px; }

/* herb search results */
input.search-box { width:610px; }
#search-form input[type=submit] { padding:2px 5px; }
div.pagination { padding:10px 0 0; }
table.search-results { border:1px solid #444; border-spacing:0; border-collapse:collapse; padding-right:1px; width:100%; margin:10px 0 0; }
table.search-results thead { border-bottom:1px solid #444; }
table.search-results th { background:#7b834e; color:#fff; margin:0px; border:none; font-weight:bold; text-align:center; padding:3px; }
table.search-results th + th { border-left: 1px solid #444; }
table.search-results td, table.search-results th { padding:5px; }
table.search-results td { border-right:1px solid #444; }
table.search-results tr.even { background-color:#e6ecc5; }
table.search-results tr:hover { background-color:#7b834e; color:#fff; }
table.search-results tr:hover a { color:#fff; }
table.search-results tbody { font-size:.9em; }

.herb-search  { border:1px solid #9e8f6b; background:#c2cb8f; padding:20px; }
.herb-search p { padding:1em 0 0; margin:0; }

/* products */
.product-image { padding-right: 10px; float:left; }
.product-title { font-size: 18px; color: #6d5a1e; font-style: italic; line-height:20px; margin-top: 0px; height:40px; display:block; overflow:hidden; }
.product-price { font-size: 18px; display:block; text-align:right; }
.product-description { font-size: 12px; font-style: normal; line-height: 12px; }

.side-product, .related-product { background: url(art/bg_featured.jpg) no-repeat; height: 95px; padding:10px 25px 10px 10px; }
.related-product { background: url(art/bg_featured_noborder.jpg) repeat-y; float:left; width: 325px; padding: 0px 10px 0px 0px; margin:10px 10px 10px 0px; height:115px; border:1px solid #beb17c; }
.related-product .product-image { border: 1px solid #e7e7cb; padding: 5px; margin:5px; }
.related-product .product-description { padding:5px 0px 5px 0px; margin:0px; height:24px; overflow:hidden; display:block; }
.related-product .product-title { display:block; margin-top:10px; }

.side-product .product-description { display:none; }
.side-product .product-title { display:block; height:70px; }
.side-product .product-image { display:block; width:102px; height:92px; background:#fff; padding:0; margin:0 10px 0 0; text-align:center; }

/* herb details */
.herb-images { clear:both; width:100%; float:left; margin:0px 0px 20px 0px; }
dl.herb-data dt { float:left; width:170px; text-align:right; font-weight:bold;padding: 4px; margin-bottom:5px; }
dl.herb-data dt:after {content: ":";} 
dl.herb-data dd { margin-left:180px; padding:3px; background-color:#eef1dd; margin-bottom:5px; border:1px solid #7b834e; }
ul.herb-images { list-style-type:none; padding:0px; margin:0px; }
ul.herb-images li { float:left; margin-right:10px; }
ul.herb-images li a { border: 1px solid #7b834e; padding:3px; display:block; background-color:#eef1dd; }
ul.herb-images li img { border:1px solid #7b834e; }

p.references-link { font-style:italic; font-size:13px; padding:0 0 0 180px; }

/* contact form */
.contact-form { margin:0 0 20px; }
.contact-form input[type="text"], .contact-form textarea { width:500px; }
.contact-form textarea { height:75px; }
.contact-form dd { padding:0 0 10px 0; margin:0; }
.contact-form img { border:1px solid #000; }

/* symbols */
.religious-symbols { padding:0; margin:0; list-style-type:none; }
.religious-symbols li { float:left; height:175px; width:210px; border: 1px solid #9e8f6b; background-color:#c2cb8f; text-align:center; padding:5px; margin:0 5px 5px 0; }
.religious-symbols li img { border:1px solid #9e8f6b; }
.religious-symbols li .caption { display:block; }

/* references */
ul.references { list-style-type:none; padding:0; margin:0; }
ul.references li { clear:both; padding:5px; border:1px solid #7b834e; margin:0 0 10px 0; background:#fff; float:left; width:100%; }
ul.references li.even { background:#eef1dd; }

ul.references .reference-header { clear:both; border-bottom:1px solid #888; float:left; width:100%; padding:0 0 5px 0; margin:0 0 5px 0; text-align:right; }
ul.references .reference-body { text-align:right; }

ul.references .number { display:none; }
ul.references .title { font-weight:bold; float:left; clear:left; }
ul.references .author { }
ul.references .date { padding:0 0 0 10px; }

ul.references .isbn { float:left; clear:left; padding:0 10px 0 0; }
ul.references .url { float:left; clear:none; }
ul.references .publisher { }
ul.references .comments { clear:both; text-align:left; display:block; padding:5px 0 0 0; }

/* news */
ol.news-articles { list-style:none; padding:0; margin:0; }
ol.news-articles li { background:#e0e7c7; border:1px solid #c2cb8f; padding:10px; margin:0 0 10px; }
ol.news-articles li .title { font-weight:bold; font-size:16px; text-decoration:none; display:block; border-bottom:1px solid #9e8f6b; padding:0 0 5px 0; }
ol.news-articles li .title:hover { color:#654000; }
ol.news-articles li .description { font-style:italic; padding:10px 0 0; margin:0; }
p.news-intro { font-style:italic; }

/* feeds */
.feed { background:#e0e7c7; border:1px solid #c2cb8f; padding:10px; width:200px; float:left; margin:0 0 0 8px; height:550px; }
.feed .feed-title { padding:0 0 5px; margin:0; border-bottom:1px solid #9e8f6b; }
.feed .feed-description { padding:5px 0 10px; margin:0; font-style:italic; }
.feed .entries { margin:0; padding:0; list-style:none; }
.feed .entries li { margin:0 0 8px 0; padding:5px; background:#eee; border:1px solid #ccc; }
.feed .entries li .date { display:block; font-style:italic; font-size:11px; }
.feed h3 a { text-decoration:none; }