/*
pink - FFFFF1
red - b0171f  	
dark red - 700f14
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; background-color: #b0171f  	; text-align: center; font-family: Georgia,Helvetica,Tahoma,Arial,Sans-Serif; font-size: 85%; line-height: 1.5em; }
h1  { font-size: 1.4em; font-weight: bold; margin: 0 0 0.5em 0; }
h2, h3, h4 { padding: 1em 0 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; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: circle; margin-left: 2em; padding: 1em 0 1em 0; }

header { clear: both; font-size: 0.85em; font-style: italic; background-color: #700f14; color: #FFF;  } 
header div { clear: both; margin: 0 auto; width: 900px; text-align: center; padding: 15px 0;  }

#page_container { clear: both; margin: 10px auto; width: 960px; text-align: left; }
#business_card { width: 200px; float: left; margin: 5px 0 10px 45px; background-color: #FFFFF1; }
#quick_contact { width: 180px; padding: 0 10px 25px 10px; text-align: center; }
#logo { margin: 10px 0 5px 0; }
#quick_contact h3 { font-size: 1.2em; }
#quick_contact div { padding: 0 0 1em 0; font-size: 1.1em; }
section { width: 660px; margin: 5px 0 10px 10px; float: left; }
#slideshow { width: 660px; height: 250px; }

nav { width: 660px; height: 34px; background: url("../_images/btn-gradient.png"); } 
#nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; }
#nav a:link, #nav a:active, #nav a:visited { display: block; padding: 0.6em 20px; font-weight: bold; font-size: 1em; border-right: 1px solid #000; color: #FFFFF1; text-decoration: none; background: url("../_images/btn-gradient.png"); }
#nav a:hover, #nav #selectedmenu { background: url("../_images/btn-gradient-on.png"); color: #000; }
#nav li { float: left; position: relative; }
#nav ul { position: absolute; width: 13em; top: 2.5em; display: none; }
#nav li ul a { width: 13em; float: left; }
#nav ul ul { top: auto; }	
#nav li ul ul { left: 13em; }
#nav li:hover ul, #nav li.ie6hover ul { display:none; }
#nav li:hover ul, #nav li li:hover ul ,#nav li.ie6hover ul, #nav li li.ie6hover ul { display:block; }

article { clear: both; padding: 1em; background-color: #FFFFF1; }
.price_list { clear: both; padding: 0.5em 0 1em 0; }
.product { width: 400px; float: left; background-color: #F2F2F2; padding: 0.25em 0.5em; border-bottom: 1px dashed #700f14; }
.price { width: 60px; float: left; background-color: #700f14; color: #FFF; padding: 0.25em 0.5em; border-bottom: 1px dashed #FFF; text-align: right; }
.text_right_photo, .text_left_photo , .text { clear: both; }
.text_right_photo  img { float: right; padding: 0 0 10px 20px; }
.text_left_photo  img { float: left; padding: 0 10px 20px 0;}
.product_supplier { clear: both; height: 160px; }
.product_supplier_logo { float: left; width: 170px; }
.product_supplier_desc { float: left; width: 450px; padding: 1em 0 0 0; }
#promo { background-color: #700f14; color: #FFF; padding: 2em 1em 1em 1em; font-size: 1.2em; }
#promo a { color: #FFF; }
#promo a:hover  { color: #b0171f; }
#facebook_link { padding: 0.5em 0 0 0; }
.special { width: 450px; border: 5px double #000; margin: 0 0 1em 0; padding: 0 1em 0.5em 1em; }
.special h2 { font-size: 1.3em; color: #700f14; }

label.error { color: #b0171f; position: relative; top: -4em; left: 5em; }
#contact_us { width: 900px; margin: 0 20px 20px 20px; }
#contact_us_form { float: left; width: 450px; }
#form_intro { clear: both; padding: 1em 0 0 0; }
#confirmation_msg { padding: 0.5em; color: #63152a; }
.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; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { float: right; width: 320px; height: 250px; border: 1px solid #aaa; margin: 20px 20px 1em 10px; }
.vcard { width: 250px; float: left; padding: 2em 0 1em 0; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.3em; font-weight: bold; }
.clear { clear: both; }
#progress_indicator { visibility: hidden; }

#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; }
.list_button { width: 10%; padding: 0.25em 0.5em; }
.list_special_number { width: 10%; padding: 0.25em 0.5em; }
.list_special_title { padding: 0.25em 0.5em; }


footer { clear: both; font-size: 0.85em; margin: 10px 0 0 0; background-color: #700f14; } 
footer  ul { width: 230px; float: left; color: #FFF; text-align: left; list-style-type: none; padding: 10px 20px; } 
footer  li { padding: 0.25em 0; } 
footer div { clear: both; margin: 0 auto; width: 900px; text-align: center; padding: 10px 0;  }
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited  { color: #FFF; }
footer a:hover  { color: #b0171f; }
