/*
#466c39 dark green
#4f6c33 green
#4D4D4D grey
#E1E6DD light green
#D8CDBB cream
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; text-align: center; background-color: #4D4D4D; 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.5em 0 1em 0; }
h4 { padding: 0 0 0.5em 0; }
a,a:link,a:focus,a:active { color: #000; }
a:visited,a:hover { color: #333; }
label  { width: 100px; float: left; font-size: 0.85em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: circle; margin-left: 2em; }
ul li { padding: 0.25em 0 0.25em 0; }
ol { margin-left: 3em; padding: 0 0 0.5em 0; }
ol li { padding: 0.25em 0 0.25em 0; }
p { padding: 0 0 1em 0; }

#page_container { clear: both; margin: 1em auto 1em auto; width: 960px; text-align: left; background-color: #E1E6DD; border: 1px solid #FFF; }

#logo { float: left; width: 299px; height: 250px; border-right: 1px solid #FFF; }
#logo img { border: none; }
.slideshow { float: left; width: 660px; height: 250px;}

nav { clear: both; border-top: 1px solid #FFF;} 
nav ul { margin: 0; padding: 0; height: 42px; list-style-type: none; background: url("../_images/menu_background.png"); }
nav ul li { float: left; margin: 0; padding: 10px 18px 10px 18px; position: relative; }
nav a { text-decoration: none; font-size: 15px; font-weight: bold; letter-spacing: 1px; }
nav a:link,nav a:visited { color: #262626; }
nav a:hover,nav a:focus,nav a:active,nav #selectedmenu{ color: #FFF; }

section { clear: both; padding: 1em 2em; }
#info { width: 570px }
#stockists, #buy_online, #checkout { width: 900px }
#herd_info { float: left; width: 500px; padding-right: 1em; }
#herd_photos { float: right; width: 350px; margin-top: 3em;}
#article_photos { width: 320px; float: right; text-align: right; }
#article_photos  img{ padding: 0 0 0.5em 0; }
#home_list { margin-left: 20px; padding-right: 40px; }
#cta { float: left; margin: 1em; font-size: 1.2em; width: 550px; background-color: #FFF; border: 1px solid #466c39; }
#cta li { margin-left: 2em; padding: 0.5em 0 0.5em 0; }
#cta a,#cta a:link,#cta a:focus,#cta a:active { color: #000; font-size: 1.4em }
#cta a:visited,#cta a:hover { color: #333; font-size: 1.4em }
label.error { float: none; color: #B0171F; padding-left: .5em; vertical-align: top; width: 100%; text-align: left; }


#confirmation_msg { padding: 0 1em 1em 2em; color: #466c39; 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; }
.form_input_inline { float: left; margin: 0.5em 0 0.5em 0; }
#lastname { visibility: hidden; }
#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%; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#progress_indicator { visibility: hidden; }
.market { padding: 1em 0; }
.market .name  { font-size: 1.5em; }
.market .next_date { font-weight: bold; }
.market .description  { padding: 1em 0 0 1em; width: 500px; }
.testimonial { padding: 1em 0; }
.testimonial .name  { font-size: 1.3em; }
.testimonial .comment  { padding: 1em 0 0 1em; width: 500px; }
#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; }
.soap_photo { float: left; width: 200px; height: 138px; border: 1px solid #cabaa1; }
.soap_details { float: left; width: 500px; padding: 0 1em; }
.soap_name { font-size: 1.2em; font-weight: bold; padding-bottom: 1em; }
.soap_size { float: left; width: 80px; }
.soap_price { float: left; width: 80px; }
.soap_quantity { float: left; width: 80px; }
.soap_description { clear: both; padding-bottom: 1em; }
.add_to_cart_btn { float: left; background-color: #FFF; }
#cart { float: left; background: #EAE4DA; width: 200px; margin: 1em 1em 1em 0; padding: 1em 2em 1em 2em; border: 1px solid #000000;}
#cart p  { margin: 0; padding: 0; float: left; width: 80px; }
#checkout { width: 100%; text-align: left; }
#checkout_cart { background-color: #EEE; width: 650px; padding: 0.5em 1em 0.5em 1em; margin-top: 1em; border: 1px solid #FFF; }
.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: 70px; }
.checkout_name{ float: left; width: 150px; font-weight: bold; }
.checkout_price { float: left; width: 150px; }
.checkout_pandh { float: left; width: 70px; }
.checkout_discount_msg { float: left; width: 250px; font-size: 0.85em }
.checkout_button { float: left; width: 100px; }
#checkout_total { clear: both; width: 100%; font-weight: bold; font-size: 1.1em; padding: 1em 0 1em 0; }
#payment_options { clear: both; padding: 1em 0 0 1em; }
#payment_options dt { padding: 1em 0 0 0; font-size: 1.2em; font-weight: bold; }
#payment_options dd { width: 650px; }
.submit_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: 400px; float: left; text-align: left; margin: 10px 20px 10px 0; }
#info .vcard { width: 400px; }
.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; }

/* footer */
footer { clear: both; position: relative; top: 40px; left: 0; padding: 0 0 10px 0; font-size: 12px; color: #FFF; } 
footer a,footer a:link,footer a:focus,footer a:active,footer a:visited,footer a:hover { color: #FFF; }