/*
blue #627482
brown #c1a186
cream #FBF9F7
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; background: #627482 url("../_images/header-background.jpg") repeat-x; text-align: center; font-family: Georgia,Helvetica,Tahoma,Arial,Sans-Serif; font-size: 85%; line-height: 1.5em; }
h1  { font-size: 1.5em; font-weight: bold; margin: 0 0 1em 0; }
h2 { font-size: 1.2em; font-weight: bold; padding: 0.5em 0; }
h3 { padding: 0.5em 0; }
h4 { padding: 0.5em 0; }
p { padding: 0 0 0.5em 0; }
a,a:link,a:focus,a:active,a:visited { color: #000; }
a:hover { color: #333; }
label  { clear: both; width: 100%; display: block; font-size: 0.85em; font-weight: bold; padding: 0.75em 0 0.25em 0; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: circle; margin: 0 0 1em 3em; }
ul li { padding: 0.25em; }

#page_container { clear: both; margin: 0 auto; width: 840px; text-align: left; }

header { height: 200px; }
#slogan { height: 25px; background: url("../_images/menu-background.jpg") repeat-x; color: #FFF; font-style:italic; font-size: 14px; }
#logo { margin: 12px 0 0 0; border: 5px solid #627482; }

nav { width: 100%; float: left; border-left: 2px solid #C2A287; }
nav ul { margin: 0; padding: 0; list-style-type: none; }
nav ul li  { float: left; position: relative; padding: 0; }
nav a  { padding: 10px 14px; text-decoration: none; font-size: 14px; letter-spacing: 1px; color: #FFF; display: block; }
nav a:link,nav a:visited { color: #FFF; }
nav a:hover,nav a:focus,nav a:active,nav #selectedmenu { background-color: #FFF; color: #333; }

section { clear: both; background-color: #FBF9F7; display: block; height: 100%; border-left: 2px solid #C2A287; border-right: 2px solid #C2A287; }
article { clear: both; float: left; width: 430px; padding: 20px 10px 10px 20px; }
#full_page { clear: both; float: left; width: 800px; padding: 20px 10px 10px 20px; }
#sibling_menu { width: 220px; float: left; padding: 0 0 2em 0; }
#sibling_menu ul { list-style: none; font-size: 0.85em; margin: 0; background-color: #F6F7F8; }
#sibling_menu li { border-bottom: 1px solid #c1a186; padding: 12px 0 8px 0; text-align: center; }
#sibling_menu li  a { padding: 0 0 0 10px; text-decoration: none; text-transform: uppercase; }
#sibling_menu a:hover, #sibling_menu #selectedmenu { color: #695849; }
#sibling_menu  h3{ padding: 1em 0.25em 0.5em 0.25em; text-align: center; }
#sibling_menu_content { width: 580px; float: left; clear: none; padding: 20px 0 20px 20px; }
#sibling_menu_products { width: 220px; float: left; padding: 0 0 2em 0; }
#sibling_menu_products ul { list-style: none; font-size: 0.85em; margin: 0; background-color: #F6F7F8; }
#sibling_menu_products li { border-bottom: 1px solid #c1a186; padding: 12px 0 8px 0; }
#sibling_menu_products li  a { padding: 0 0 0 10px; text-decoration: none; text-transform: uppercase; }
#sibling_menu_products a:hover, #sibling_menu_products #selectedmenu { color: #695849; }
#sibling_menu_products  h3{ padding: 1em 0.25em 0.5em 0.25em; text-align: center; }
#article_photos { width: 304px; float: right; text-align: right; padding: 20px 20px 20px 0; }
#article_photos  img{ margin-bottom: 15px; border: 2px solid #627482; }
#article_photos h4 { margin: -1em 0 0 0; text-align: left; }
#soap_intro { width: 535px; float: left; margin: 20px 0 20px 20px; padding: 20px 10px; background-color: #E9DDD3; border: 1px solid #C2A287; }
#sub_menu { width: 200px; float: left; background-color: #9BA7AF; padding: 1em 0; }
#sub_menu  h3{ padding: 0.5em; }
#sub_menu ul { margin: 0; padding: 0; list-style-type: none; }
#sub_menu ul li  { text-align: left; }
#sub_menu a  { padding: 5px 20px; width: 160px; text-decoration: none; font-size: 0.8em; letter-spacing: 1px; color: #FFF; display: block; }
#sub_menu a:link,#sub_menu a:visited { color: #FFF; }
#sub_menu a:hover,#sub_menu a:focus,#sub_menu a:active,#sub_menu #selectedmenu { background-color: #FBF9F7; color: #333; }
.article_photo_right { float: right; padding: 10px 0 10px 20px; width: 300px; }
.article_photo_right img { float: right; }
.article_photo_left { float: left; padding: 10px 20px 10px 0; width: 300px; }
.article_photo_left img { float: left; }
.comment_container { padding: 1em 0 2em 0; border-top: 1px dashed #7A7A7A; }
.comment_container .name  { font-style: italic; font-weight: bold; width: 200px; float: left; }
.comment_container .date  { font-size: 0.85em; width: 200px; float: left; clear: right; }
.comment_container .comment  { padding: 0 0 1em 0; width: 500px; }
.photo_detail { border: 3px solid #C2A287; }
#social_media_links { min-height: 100px; clear: both; margin: 0.5em 0 0 0.5em; }
#social_media_links h2 { padding: 0 0 0.25em 0; margin: 0 0 0.5em 0; border-bottom: 1px solid #A6B6BA; } 
#social_media_links div { float: left; }
#social_media_links img { border: 0; margin: 0 0 15px 0; }
#social_media_links p { font-size: 11px; font-weight: bold; line-height: 1em; }
.blog_year_heading { font-weight: bold; padding: 1em 0 0.25em 0; text-align: center; }
#blog_date { font-style: italic; font-size: 0.85em; padding: 0 0 0.5em 0; }
.blog_section { width: 500px; padding: 0 0 0.5em 0; margin: 0 0 2em 0; }
.blog_section_photo { padding: 0 0 0.5em 0; }
.assoc_product_listing { width: 150px; float: left; margin: 0 12px 0 0; min-height: 240px; font-size: 0.9em; text-align: center; }
.product_listing { width: 150px; float: left; margin: 0 20px 0 0; min-height: 240px; font-size: 0.9em; text-align: center; }
.product_name a:link, .product_name a:active, .product_name a:visited { color: #392c2f; }
.product_name a:hover, .product_name #selected_menu { color: #81797B; }
#product_detailed_listing { width: 500px; }
#product_detailed_name { padding: 20px 0 0 0; font-weight: bold; }
#product_detailed_description { padding: 20px 0; }
#purchase_cta { width: 460px; height: 100px; padding: 10px 20px; margin: 0 0 10px 0; border: 1px dashed #392c2f; background-color: #FEFEFE }
.form_input_inline { width: 100px; float: left; margin: 0.5em 0 0.5em 0; }
#product_category_description { padding: 0 0 20px 0; }
#promo_images  { padding: 10px 0 20px 0; height: 140px; }
#promo_images img { width: 260px; float: left; margin: 0 5px 0 0; }
#home_facebook_link { width: 150px; float: right; margin: 0 10px 10px 10px; }
#promo_cell { width: 270px; float: right; }
#discounted_price { text-decoration: line-through; }
#original_price { text-decoration: line-through; }
#sale_price { font-size: 1.1em; color: #c64934; padding: 5px 0 0 0; }

label.error { color: #B0171F; position: relative; top: -5em; left: 8em; }
#confirmation_msg { padding: 0 1em 1em 0.5em; color: #627482; width: 400px; }
#error_msg { padding: 0 1em 1em 2em; color: #FF0000; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 0.5em 0; }
.form_input span { clear: both; font-size: 0.85em; }
#bot_check, #bot_check_1 { visibility: hidden; float: right; }
#admin_form { margin: 3em 0 0 2em; }
#admin_toolbar { float: right; margin: 1em 0 0 0; }
#admin_toolbar a{ padding: 0 0.5em 0 0.5em; color: #000; }
.list_items { padding: 0.5em 1em 0.5em 2em; }
.list_items td { padding: 0.25em; vertical-align: top; }
.row_on { background-color: #EEE; }
.list_button { width: 10%; }
.list_name{ width: 40%; }
.list_photo { width: 250px; }
.list_photo img { border: 0; }
.list_price{ width: 10%; }
.list_status{ width: 10%; }
.list_blog_date { width: 25%; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#progress_indicator { visibility: hidden; }
.market { clear: both; padding: 1em 0; width: 440px; border-bottom: 1px dashed #7A7A7A; }
.market .next_date { font-weight: bold; float: left; width: 200px; }
.market .name  { font-size: 1.5em; float: left; width: 270px; }
.market .location{ font-weight: bold; float: left; width: 400px; }
.market .description  { padding: 1em 0 0 1em; clear: left; }
.testimonial { clear: both; padding: 1em 0; width: 420px; border-bottom: 1px dashed #7A7A7A; }
.testimonial .signature { font-style: italic; }
#introduction { clear: both; padding: 0.5em 0; }
.soap_listing { clear: both; width: 750px; height: 160px; background-color: #D8CDBB; margin: 10px 0 30px 0; padding: 20px 0 0 20px; border: 1px solid #000; }
.add_to_cart_btn { float: left; background-color: #FFF; }
#cart { width: 460px; height: 40px; padding: 10px 20px; margin: 0 0 20px 0; border: 1px dashed #392c2f; background-color: #FEFEFE }
#cart p  { margin: 0; padding: 0; float: right; width: 80px; }
#checkout_cart { width: 480px; padding: 10px 20px; margin: 0.5em 0 20px 0; border: 1px dashed #392c2f; background-color: #FEFEFE }
#checkout_pandh { clear: both; }
.checkout_row { clear: both; padding: 1em 0 1em 0; width: 100%;  }
.checkout_title_row div { font-weight: bold; font-size: 0.85em; padding: 0.5em 0.5em 0.5em 0em; }
.checkout_row div { padding: 0.5em 0.5em 0.5em 0em; }
.checkout_quantity { float: left; width: 40px; }
.checkout_name{ float: left; width: 140px; font-weight: bold; }
.checkout_price { float: left; width: 80px; }
.checkout_wrapping { float: left; width: 80px; }
.checkout_button { float: left; width: 80px; }
#checkout_total { width: 200px; float: left; font-weight: bold; font-size: 1.1em; padding: 1em 0 1em 0; }
#payment_options { clear: both; padding: 1em 0 0 0; }
#payment_options dt { padding: 1em 0 0 0; font-size: 1.2em; font-weight: bold; }
#payment_options dd { width: 500px; padding: 0 0 0.5em 0; border-bottom: 1px dashed #392c2f; }
.submit_btn, #generate_pages_btn { background-color: #FFF; margin: 0.5em 0; }
#cart_total { font-size: 1.1em; font-weight: bold; padding: 1em 0 0 170px; }
.stockist { width: 800px; clear: both; }
.vcard { width: 350px; float: left; text-align: left; margin: 10px 20px 10px 0; }
#info .vcard { width: 300px; }
.stockist_photo { width: 200px; float: left; padding: 1em 0 0 0; }
.fn { font-weight: bold; }
#form_intro { float: left; width: 550px; }
#contact_us_form { float: left; width: 550px; }
#out_of_stock_msg { font-weight: bold; color: #B0171F; }
.clear { clear: both; }

footer { background: url("../_images/menu-background.jpg") repeat-x; color: #FFF; clear: both; font-size: 0.85em; text-align: center; height: 25px; padding: 7px 0 4px 0; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited { color: #FFF; }
footer a:hover  { color: #FFF; }