/* -----------------------------
Master/single stylesheet for BFC
Version: .99
Author: Mark Hessler
------------------------------ */

/* -------------------------
Test/troubleshooting rules: 
-------------------------- */

/* table { border: 1px solid red; margin: 3px; } */
/* td { border: 2px dotted purple; padding: 2px; } */
/* div {color: red;} */


/* ----------------
Overall/document:
----------------- */

* {
  margin: 0;
  padding: 0;
}

* {
  font-family: sans-serif;
}

html {}

body {
  background: url(images/bfc_bg.jpeg) repeat left top;
  width: 95%;
}

body#index {
  background-image: none;
  background-color: tan; /* #ffffe3 */
}

/* -----------------------------
Common/shared content elements: 
------------------------------ */

#header_enclosure {
  margin-left: 20%;
}

#bfc_banner_image {
  position: relative;
  height: 180px;
  background: url(images/bfc_banner.gif) no-repeat center top; 
}

div#page_header_title_enclosure {
  position: relative;
}

div#page_header_title {
  position: relative;
  text-align: center;
  font-family: sans-serif;
  font-size: 40pt;
}

div#page_header_text_enclosure {
  position: relative;
}

div#page_header_text {
  position: relative;
  height: 100%;
  width:  100%;
  text-align: left;
  font-family: sans-serif;
  font-size: 13pt;
  padding: 1em;
  margin-bottom: 1em;
  z-index: 10;
}

div#nav_enclosure {
  border: 2px solid black;
  position: absolute;
  width:  19%;
  padding: 1em 0 1em 1em;
}

div#nav_box {
/* border: 1px solid purple; */
  position: relative;
  height: 100%;
  width:  100%;
}

#nav_link {
  padding-left: 1em;
  padding-bottom: .5em; 
}

/* Note: main_content_enclosure position must be 'relative' to
   preserve bottom_panel location */

div#main_content_enclosure {
  position: relative;
  left: 23%;
  width: 77%;
}

div#main_content {
  position: relative;
  height: 100%; 
  width:  100%;
  padding: 1em;
  z-index: 10;
}

div#page_footer {
  position: relative;
  border: 2px solid black;
  padding: 5px;
  clear: both;
  width: 40em;
  margin-left: 17em;
}

div#f1 {
  position: relative;
  height: 1em;
  margin-bottom: 5px;
}

div#f2 {
  position: relative;
  height: 1em;
}

div#page_footer span#company {
  float: left; 
  font-weight: bold;
}

div#page_footer span#address {
  float: right; 
}

div#page_footer span#phone {
  float: left; 
}

div#page_footer span#email {
  float: right; 
}

#sysarch_signature {

}

/* ------------------
Item template: 
-------------- */

div.item {
  border: 2px solid black;
  float: left;
  clear: both;
  padding: 1em .5em 1em .5em;
  margin-bottom: 20px;
}

div.item_title {
  padding-bottom: 1em;
  font-family: Verdana, Arial, Helvetica, Sans-Serif; 
  font-weight: bold;
  font-size: 13pt;
}

div.item_date {
  padding-bottom: 1em;
}

div.item_text {
/*  border: 1px solid red;  */
  padding-bottom: 2em;
}

div.item_image {
  float: left;
  padding: 6px 12px 6px 6px;
}

div.item_elem {}

div.item_list {
  padding-bottom: 1em;
}

div.item_list_elem li {
  margin-left: 10em;
}

div.item_sep {
  border-bottom: 1px solid maroon;
}

/* -----------------
Products template: 
-------------------*/

div.product {
  border: 2px solid black;
  float: left;
  clear: both;
  padding-bottom: 1em;
  padding-top: 1em; 
  margin-bottom: 20px; 
}

div.product_image {
  float: left;
  padding: 6px 12px 6px 6px;
}

div.product_title {
  padding-bottom: 1em;
  font-family: Verdana, Arial, Helvetica, Sans-Serif; 
  font-weight: bold;
  font-size: 14pt;
}

div.product_text {
  padding-bottom: 2em;
}

div.product_info {
  float: left;
  width: 55%;
}

div.product_price {
  float: left;
}

div.product_weight {
  float: right;
}

div.product_flavor{
  float: left;
  clear: both;
  padding-top: 1em;
}

div.product_order_button {
  float: right;
  padding-top: 1em;
}

div.product_view_cart {
  clear: both;
  text-align: center;
  padding-top: 1em;
}

/* --------
Retail:
--------- */

/* retail parent table */

table#retail_parent {
  width: 100%;
  text-align: center;
  border: 2px solid black;
  padding: 0;
  margin: -2px -2px; 
}

td#retail_parent_cell {
  vertical-align: top;
  text-align: center;
  background-color: #fffbc6; /* #ffcc66; */
}

div#retail_states_index_message {
  padding: 1em;
  text-align: center;
}

a.state_link {
  font-weight: bold;
}

/* links hover/visited: */
/* (order matters) */
a:visited { color: blue; }
a:hover   { color: maroon; }

table#states_and_stores {
  width: 100%;
  padding: 1px;
  border-spacing: 2px;
}

table.state_and_index {
  width: 100%;
/*  border: 1px dotted purple; */
  padding: 0;
  border-spacing: 0;
}

tr.states_row {
  width: 100%;
  text-align: center;
  background-color: white;
  padding: 0;
  border-spacing: 0;
/*  height: 45; */
}

td.state_row {
  width: 25%;
  padding: 0;
  background-color: #dcdcdc;
  font-weight: bold;
}

div.state_name_cell {
  float: left;
  width: 20%;
  padding: 1em;
/*  border: 1px solid maroon; */
  background-color: #dcdcdc;
}

div.index_cell {
  float: right;
/*  border: 1px solid green; */
  padding: 1em 0;
}

td.index_cell {
  width: 75%;
  text-align: right;
  background-color: #dcdcdc;
}

a.index_link { padding: 1em; }

td.town_header {
  width: 15%;
  border-spacing: 0;
  padding: 0;
  background-color: #f5dfb4;
}

td.business_name_header {
  background-color: #f5dfb4;
  border-spacing: 0;
  padding: 0;
}

td.address_header {
  width: 33%;
  background-color: #f5dfb4;
}

td.business_type_header {
  width: 20%;
  background-color: #f5dfb4;
}

tr.business_row {
/*  background-color: #ffffcc; */
}

td.business_city {
  text-align: center;
}

td.business_name {}

td.business_type {
  width: 20%;
  text-align: center;
}

td.address {
  width: 33%;
  text-align: left;
}

/* even/odd store colors */
td.even {
  width: 15%;
  background-color: white;
}

td.odd {
  width: 15%;
  background-color: #fffbc6;
}

/* td.business_city {} */



iframe.test {
  height: 500px;
}

/* business address fields: */

div.store_location_city {}

/* new store alert tag */
div.new_store {
  font: bold 120% Arial;
  color: green;
}

div.business_name {
  font-weight: bold;
}

div.business_address_street_one {
  padding: .1em 0 0 0;
}

div.business_address_street_two {}

div.business_address_city_state_zip {}

div.business_phone_one {
  padding: 1em 0 .1em 0;
}

div.business_phone_two {
  padding: 0;
}

div.business_type {}

/* test area:  experimental rules */