/* default themes
font-family: Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
color: #832325; red
*/

/* html tags */
html { margin: 0; padding: 0;	 height: 101%; }
body { background: url("../_images/background.jpg"); margin: 2em 0 2em 0; padding: 0; text-align: center; font-family: Arial,Helvetica,Tahoma,Verdana,Sans-Serif; color: #000000; font-size: 85%; letter-spacing: 1px; }
h1 { font-size: 1.5em; }
h4 { padding: 10px 0 5px 0; }
a,a:link,a:visited,a:hover,a:focus,a:active { color: #000000; }
label  { clear: both; width: 100%; display: block; font-size: 0.85em; font-weight: bold; margin: 0.75em 0 0.5em 0;}
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: circle; margin-left: 30px; }
ul li { padding: 0.25em 0 0.25em 0; }

/* page container */
#pagecontainer {	background-color: #c1bcc2; margin: 0 auto 0 auto; width: 960px; text-align: left; border: 4px solid #832325; }
#header { background-color: #000000; height: 248px; }
#logo { float: left; padding: 10px 0 10px 10px; }
#contact_cell { color: #c1bcc2; float: right; padding: 20px 30px 20px 0; }

/* Menus */
#menucontainer { clear: both; width: 100%; border-top: 4px solid #832325; padding: 2px 1px 0 1px; }
#menucontainer ul { margin: 0; padding: 0; list-style-type: none; }
#menucontainer ul li  { float: left; position: relative; height: 35px; }
#menucontainer a  { text-decoration: none; color: #c1bcc2; display: block; background-color: #c1bcc2; border: 1px solid #000000;}
#menucontainer a  img { border: none; }
#menucontainer a:link,#menucontainer a:visited { color: #000000; }
#menucontainer a:hover,#menucontainer a:focus,#menucontainer a:active,#menucontainer #selectedmenu { color: #c1bcc2; background-color: #000000; }
.menu_title { text-align: center; padding: 5px 0 5px 0; font-weight: bold; font-size: 0.85em; }

/* content */
#content { clear: both; text-align: left; border-top: 4px solid #832325; }
#one_col { width: 100%; padding: 0.5em 2em 0.5em 2em; }
#two_col_left { float: left; width: 600px; padding: 0.5em 0 0.5em 2em; }
#two_col_right { float: right; width: 300px; padding: 0.5em 2em 0.5em 0; }
#sub_menu { float: left; width: 150px; }
#sub_menu ul { margin-left: 5px; }
#sub_menu_content { float: right; width: 750px; padding: 0.5em 2em 0.5em 0; }
#selectedsubmenu { text-decoration: underline; }
#confirmation_msg { padding: 0 1em 1em 2em; color: #FFFFFF; }
#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; }
#last_name { visibility: hidden; }
label.error { color: #B0171F; position: relative; top: -5em; left: 5em; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { width: 300px; height: 250px; border: 1px solid #aaa; margin: 1em 0 0 0; }
#admin_toolbar { float: right; margin: 1em 3em 0 0; }
#admin_toolbar a{ padding: 0 0.5em 0 0.5em; }
.list_items { padding: 0.5em 1em 0.5em 2em; }
.list_items td { padding: 0.25em; vertical-align: top; }
#coffee { width: 100%; }
#coffee td { padding: 0.25em 0.5em 0.25em 0.5em; }
.coffee_row_on { padding: 1em 0.5em; background-color: #EEE; margin: 0.75em 0 0 0; }
.coffee_row_off { padding: 1em 0.5em; margin: 0.75em 0 0 0; }
.coffee_title_row { height: 30px; background-color: #FFF; }
.coffee_title_row div { font-weight: bold; font-size: 0.85em; padding: 0.25em; }
.coffee_name{ float: left; width: 370px; font-weight: bold; }
.coffee_grind_type { float: left; width: 150px; }
.coffee_price { float: left; width: 150px; }
.coffee_quantity { float: left; }
.coffee_description { clear: both; width: 100%; font-size: 0.85em; padding: 0.25em 0 0.25em 2em; }
.coffee_special { clear: both; width: 100%; font-size: 0.85em; padding: 0.25em 0 0.25em 2em; color: #832325; font-weight: bold; }
.product_row { clear: both; padding: 1em 0 1em 0; width: 100%; }
.product_title_row { height: 30px; background-color: #FFF; }
.product_title_row div { font-weight: bold; font-size: 0.85em; padding: 0 0 0.25em 0; }
.product_photo { float: left; width: 200px; }
.product_name { float: left; width: 150px; font-weight: bold; }
.product_price { float: left; width: 80px; font-size: 0.85em; }
.product_price_on_sale { float: left; width: 80px; font-size: 0.85em; color: #832325; }
.product_quantity { float: left; clear: right; }
.product_description { float: left; width: 200px; font-size: 0.85em; padding: 0 0.5em 0 0; }
#checkout { text-align: right; vertical-align: top; }
#subtotal { text-align: right; vertical-align: top; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#progress_indicator { visibility: hidden; }
.content_list { list-style: url("../_images/coffee_bean.gif"); }
.content_list li { padding: 0.25em 0 0.25em 0; }
.sub_menu_list { list-style: url("../_images/coffee_bean.gif"); }
.sub_menu_list li { padding: 0.25em 0 0.25em 0; }
.sub_menu_list a { text-decoration: none; }
.sub_menu_list a:hover { text-decoration: underline; }
.page_image { padding: 0 0 10px 0; }
.drink_menu { width: 250px; height: 300px; float: left; }
.drink_menu_item_desc { float: left; width: 200px; }
.food_menu { width: 500px; float: left; padding: 0 0 1em 0; }
.food_menu_item_desc { float: left; width: 450px; }
.menu_item_price { float: left; }
#introduction { padding: 1em 0 2em 0; }
#cart { background: #271A13; width: 200px; height: 2em; padding: 1em 2em 1em 2em; border: 1px solid #FFFFFF; color: #c1bcc2; }
#cart p  { margin: 0; padding: 0; float: left; width: 80px; }
#cart a { color: #c1bcc2; }
#checkout { width: 100%; text-align: left; background-color: #EEE; padding: 1em; }
.checkout_row { clear: both; padding: 1em 0 1em 0; background-color: #EEE; 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_name{ float: left; width: 170px; font-weight: bold; }
.checkout_grind_type { float: left; width: 100px; }
.checkout_size { float: left; width: 50px; }
.checkout_price { float: left; width: 80px; }
.checkout_pandh { float: left; width: 200px; }
.checkout_quantity { float: left; width: 50px; }
.checkout_button { float: left; width: 50px; }
#checkout_total { clear: both; width: 100%; font-weight: bold; font-size: 1.1em; padding: 1em 0 1em 0; }
#email_form, #submit_email_form_btn { display: inline; }
#good_food_promo { width: 53px; float: left; margin: 0 10px 0 0; }

/* footer */
#footer { clear: both; text-align: center; font-size: 85%; color: #c1bcc2; background-color: #000000; height: 40px; border-top: 4px solid #832325; padding: 10px 0 0 0; } 
#footer a { color: #c1bcc2; }