*
{
  margin: 0px;
  padding:0px;
}

body
{
  background: #DFE8E3;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
}

a
{
  text-decoration:none;
  color: #006634;
}

a:visited
{
  text-decoration:none;
  color: #006634;
}

a:hover
{
  /*text-decoration:underline;*/
  color: #6E917F;
}

a:active
{
  text-decoration:none;
  color: #d00;
}

a img
{
  border: none;
}

h1
{
  text-align:center;
  font-size: 3em;
  padding: 0.2em 0em 0.3em 0em;
  color: #006634;
}

h2
{
  text-align:center;
  font-size: 2em;
  padding: 0.2em 0em 0.3em 0em;

}

h3
{
  font-size: 1.2em;
}

h4
{
  font-size: 1.6em;
}

h5
{
  font-size: 1.7em;
  font-style:italic;
  padding-bottom: 0.5em;
}

p
{
  font-size: 1.4em;
  text-indent: 1.4em;
  padding: 0em 0.5em 1em 0.5em;
}

fieldset
{
  border: none;
}

ul
{
  font-size: 14px;
  padding-left: 25px;
  padding-bottom: 25px;
}

li
{
  padding-bottom: 5px;
}

textarea
{
  font-family: arial, helvetica, sans-serif;
}

/*---------------------------- universals ------------------------------------*/
.small
{
  font-size: 0.8em;
}

.f_l
{
  float:left;
}

.f_r
{
  float:right;
}

.custom_button
{
  border: solid 0.1em #A0BFAF;
  font-size: 0.9em;
  margin-top: 0.3em;
  background: #CFDCD5;
  font-weight: bold;
  color: #000;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  cursor:default;
}

.custom_button:visited
{
  background: #CFDCD5;
  color: #000;
}

.custom_button:hover
{
  color: #000;
  border: outset 0.1em #809F8F;
  text-decoration:none;
  background: #DFECE5;
}

.custom_button:active
{
  color: #000;
  border: inset 0.1em #708F7F;
  background: #bFcCc5;
}

a.custom_button
{
   padding: 0.25em 0.3em 0.25em 0.3em;
}

span.custom_button
{
   padding: 0.25em 0.3em 0.25em 0.3em;
}

#left_panel span.custom_button
{
   padding: 0.1em 0.3em 0.1em 0.3em;
   border: solid 0.1em #90AF9F;
}

/* Main Content Container */
#main
{
  width: 85em;
  margin: auto;
  border-top: solid 1.5em #CFDCD5;
  border-bottom: solid 2.5em #DFE8E3;
  background: #fff;
  padding-bottom:2em;
}

#header
{
  height: 16em;
}

#logo
{
  float: left;
  width: 21em;
  height: 13em;
  margin: 10px 0px 10px 10px;
}

#basket
{
  float: right;
  width: 17em;
  font-size: 1.6em;
  margin-top: 1em;
  margin-right: 0.9em;
  border: solid 2px #d6d9d9;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  background: #f6f9f9;
  padding: 0.4em;
}

#basket #basket_title
{
  text-align: center;
  font-style:italic;
  font-weight: bold;
  padding-bottom: 0.3em;
}

#basket #basket_totals
{
  padding-top: 0.3em;
  overflow: auto;
}

#basket h3
{
  text-align: center !important;
  padding-right: 0.7em;
}

/* view checkout button */
#basket input
{
  clear:both;
  margin: 1em 0em 0em 10.5em;
}

#menu
{
  font-size: 16px;
  background: #7EA18F;
  height: 40px;
}

#menu a
{
  display: block;
  float: left;
  color: #fff;
  padding: 10px 15px 0px 15px;
  height: 30px;
}

#menu a:visited
{
  color: #fff;
}

#menu a:hover
{
  text-decoration:none;
  background: #729583;
}

#menu a:active
{
  color: #000;
}

#text_size
{
  float:right;
}

#category_menu
{
  background: #A0BFAF;
  height: 30px;
  font-size: 14px;
}

#category_menu div
{
  float: left;
  color: #fff;
  font-weight:bold;
  padding: 6px 6px 0px 6px;
}

#category_menu a
{
  display: block;
  float: left;
  color: #fff;
  padding: 6px 6px 0px 6px;
  height: 24px;
}

#category_menu a:visited
{
  color: #fff;
}

#category_menu a:hover
{
  text-decoration:none;
  background: #90aF9F;
}

#category_menu a:active
{
  color: #000;
}

#page_content
{
  padding: 0.5em;
}

/* categories drop down menu */
div#cat-drop-down
{
  width: 200px;
  height: 0px;
  position: absolute;
  top: 215px;
  left: 50%;
  margin-left: -360px;
  xborder: solid 1px black;
  display: none;
  overflow: hidden;
  position: absolute;
  border: solid 1px #aabcb2;
  background: #BDCFC5;
}

div#cat-drop-down a
{
  display: block;
  text-align: center;
  font-size: 16px;
  height: 20px;
  padding: 3px 0px;
  border-bottom: groove 2px #DDEFE5;
  color: #333;
}
div#cat-drop-down a:visited
{
  color: #333;
}

div#cat-drop-down a:hover
{
  background: #90aF9F;
  color: #fff;
  text-decoration:none;
}

div#cat-drop-down a:active
{
  background: #90aF9F;
  color: #000;
  text-decoration:none;
}

div#cat-drop-down a.last
{
  border: none;
}

/*--------------------------- LEFT PANEL ------------------------------------*/
#left_panel
{
  float: left;
  background: #BDCFC5;
  width: 150px;
  /*border-bottom: solid 2px #ADBFB5;*/
}

#left_panel div
{
  font-size: 1.2em;
  padding: 0.5em 1em 0.5em 1em;
  background: #f6f9f9;
  border-left: solid 1px #d6d9d9;
  border-right: solid 1px #d6d9d9;
  color: #000;
  font-weight: bold;
}

#left_panel a
{
  display: block;
  color: #333;
  font-size: 1.4em;
  padding: 0.5em 1em 0.5em 0.5em;
  border-top: groove 2px #DDEFE5;
  border-left: solid 2px #ADBFB5;
  border-right: solid 2px #ADBFB5;
}

#left_panel a.last
{
  border-bottom: solid 2px #ADBFB5;
}

#left_panel a:visited
{
  color: #333;
}

#left_panel a:hover
{
  background: #90aF9F;
  color: #fff;
  text-decoration:none;
}

#left_panel a:active
{
  background: #90aF9F;
  color: #000;
  text-decoration:none;
}

/* ------------------------ INDEX.PHP ------------------------------- */
#vw_img
{
  xfloat: left;
  xwidth: 22.6em;
  xmargin: 0em 1em 1em 1em;
}

div#intro-text
{
  width: 250px;
  background: #f9f9f9;
  border: solid 1px #ccc;
  padding-top: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left: 5px;
  float: left;
}

div#intro-text img
{
  margin: 0px 12px 12px 12px;
  display: block;
  border: solid 1px #aaa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

div#intro-text img#sig
{
  border: none;
}

div#intro-text h5
{
  padding-left: 5px;
}

div#prod-cats
{
  width: 560px;
  float: right;
  margin-right: 5px;
}

div#prod-cats table
{
  border-collapse:collapse;
  width: 560px;
  margin: auto;
  xmargin-top: 20px;
}

div#prod-cats table td
{
  width: 170px;
  height: 260px;
  font-size: 1.2em;
  text-align:center;
  vertical-align: top;
  padding: 0px 5px 10px 5px;
}

div#prod-cats table td a
{
  display: block;
  width: 170px;
  color: #000;
  /*
  background: #f9f9f9;
  border: solid 1px #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  */
  padding: 3px;
  height: 100%;
}

div#prod-cats table td a div
{
  font-size: 16px;
  font-weight: bold;
  color: #006634;
  padding: 2px 0px 4px 0px;
}

div#prod-cats table td.cat-name a
{
  display: block;
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 5px;
  background: #f9f9f9;
  border: solid 1px #ccc;
}

div#prod-cats table td.cat-img
{
  vertical-align:middle;
  padding-bottom: 15px;
}

div#prod-cats table td.cat-desc
{
  padding-bottom: 35px;
}

/*

#latest_products #latest_listing
{
  border: solid 1px #666;
  border-top: none;
  background: #fbfbfb;
}


#latest_products table
{
  border-collapse:collapse;
}

#latest_products td
{
  width: 32em;
  vertical-align: top;
  text-align: center;
  padding-bottom: 2em;
  border: none;
}

#latest_products td a
{
  display: block;
  text-align: center;
  font-size: 1.8em;
  padding: 0.3em;
}

#latest_products td img
{
  width: 20em;
  xmargin-left: 3.5em;
}

#latest_products td span
{
  font-size: 1.4em;
}

#latest_products td div
{
  font-size: 1.8em;
  font-weight: bold;
  color: #b00;
}
*/

/* ---------------------- PRODUCTS.PHP ------------------------------ */
table#products-full
{
  border-collapse:collapse;
  width: 750px;
  margin: auto;
  xmargin-top: 20px;
}

table#products-full td
{
  width: 170px;
  height: 260px;
  font-size: 1.2em;
  text-align:center;
  vertical-align: top;
  padding: 0px 5px 10px 5px;
}

table#products-full td a
{
  display: block;
  width: 170px;
  color: #000;
  /*
  background: #f9f9f9;
  border: solid 1px #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  */
  padding: 3px;
  height: 100%;
}

table#products-full td a div
{
  font-size: 16px;
  font-weight: bold;
  color: #006634;
  padding: 2px 0px 4px 0px;
}


#latest_products
{
  width: 820px;
  margin: auto;
  overflow: hidden;
}

#latest_products div.head
{
  border: solid 1px #666;
  border-bottom: solid 1px #999;
  background: url('../images/grad_bg.gif') repeat-x bottom #eee;
}

#latest_products div.head div
{
  padding: 0.3em;
  color: #006634;
  font-weight: bold;
  font-size: 1.8em;
}


#latest_products div.head img
{
  position: relative;
  top: -1px;
}

#latest_products div.head img.l
{
  left: -1px;
}

#latest_products div.head img.r
{
  right: -1px;
}

div#border-box
{
  overflow: hidden;
  width: 818px;
  height: 150px;
  border: solid 1px #666;
  border-top: none;
}

div#latest-listing
{
  height: 151px;
}

.latest_products_image
{
  height: 15em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

/* --------------------- BROWSE.PHP --------------------------- */

#results_head
{
  padding: 1em 0em 0em 1em;
  font-size: 1.4em;
  width: 45em;
}
#results-foot
{
  padding: 0em 1em 1em 1em;
  font-size: 1.4em;
}

#browse-search-bar
{
  padding-top: 1em;
  width: 460px;
  margin: auto;
}

div.acl_page_container
{
  float: right;
}

#browse_div
{
  padding: 1em 0em 0em 1em;
  width: 42em;
  font-size: 1.6em;
}

#browse_div table
{
  width:100%;
  border-collapse:collapse;
}

#browse_div td
{
  border-bottom: solid 1px #666;
  vertical-align: top;
  padding: 0.5em;
}
#browse_div td.fake_border
{
  border: none;
  padding: 0em;
  background: #666;
  width: 1px;
  overflow: hidden;
}

#browse_div tr.browse_head td
{
  padding: 0em;
  padding-bottom: 0.4em;
  border: solid 1px #666;
  border-bottom: solid 1px #999;
  background: url('../images/grad_bg.gif') repeat-x bottom #eee;
  font-weight: bold;
}

#browse_div tr.browse_head td img
{
  position: relative;
  top: -1px;
}

#browse_div tr.browse_head td img.l
{
  left: -1px;
}

#browse_div tr.browse_head td img.r
{
  right: -1px;
}

#browse_div tr.browse_head td a
{
  display: block;
  float: left;
  padding-top: 0.4em;
}

#browse_div tr.browse_head td a:visited
{
  text-decoration: none;
  color: #006634;
}

#browse_div tr.browse_head td a:hover
{
  text-decoration: none;
  color: #b00;
}

#browse_div tr.browse_head td div
{
  float: right;
  padding-top: 0.5em;
  font-size: 0.9em;
}

#browse_div td.prod_img
{
  width: 6.2em;
  height: 6.2em;
  border-left: solid 1px #666;
  border-right: solid 1px #d9d9d9;
  background: #f9f9f9;
}

#browse_div td.prod_img img
{
  border: inset 1px #bbb;
}

#browse_div td.prod_img div
{
  text-align: center;
  padding-top: 1em;
  border: inset 1px #bbb;
  width: 6em;
  height: 3.5em;
  background: #fff;
}
#browse_div td.prod_desc
{
  font-size: 0.8em;
  padding-top: 0.3em;
  overflow: hidden;
}

#browse_div td.prod_desc a
{
  font-weight: bold;
}

#browse_div td.prod_buy
{
  vertical-align: bottom;
  width: 15em;
  background: #f6f9f9;
  border-left: solid 1px #d6d9d9;
  color: #000;
  font-size: 0.8em;
}

#browse_div td#snack-intro
{
  vertical-align: bottom;
  width: 15em;
  border-left: solid 1px #666;
  background: #f6f9f9;
  color: #000;
  font-size: 0.8em;
}

#browse_div td.prod_buy div
{
  font-weight: bold;
  color: #b00;
  font-size: 1.25em;
  padding: 0.2em 0em 0.2em 0em;
}

#browse_div td.prod_buy div.stock_level
{
  padding: 0.3em 0em 0em 0.6em;
  font-size: 1.1em;
}

#browse_div td.prod_buy form
{
  padding-top: 0.2em;
  float: right;
}

#browse_div tr.spacer td
{
  padding: 0em;
  border: none;
  height: 1.5em;
}

/* -------------------------- PRODUCT.PHP ------------------------------------*/

#prod_image
{
  float: left;
  margin: 0em 1em 1em 0em;
  border: inset 1px #999;
}

#prod_no_image
{
  width: 18.75em;
  height: 8em;
  float: left;
  border: inset 1px #999;
  margin: 0em 1em 1em 0em;
  text-align:center;
  padding-top: 6em;
}

#prod_desc
{
  font-size: 1.6em;
  padding: 1em;
}

.prod_cost
{
  clear:both;
  font-size: 1.5em;
  text-align: right;
  padding-right: 1.7em;
}

.prod_cost div
{
  font-weight: bold;
  font-size: 1.3em;
  color: #c00;
}

.prod_cost div.stock_level
{
  padding: 0.3em 0em 0em 0.6em;
  font-size: 1.2em;
}

.prod_postage
{
  font-size: 1.5em;
  text-align: right;
  padding-right: 2.5em;
  font-weight:bold;
}

.prod_buy_buttons
{
  padding-top: 0.5em;
  font-size: 1.2em;
}

.prod_buy_buttons select
{
  font-size: 16px;
  padding: 1px;
}

.prod_buy_buttons input
{
  height: 1.6em;
}

/* ----------------------------- VIEW BASKET -------------------------------- */
table.basket_table
{
  font-size: 1.6em;
  width: 95%;
  margin: auto;
  margin-top: 1em;
  border-collapse:collapse;
  /*background: #f6f9f9;*/
}

table.basket_table td
{
  padding:0.2em;
  border-bottom: solid 1px #bbb;
}

table.basket_table tr.header_row td
{
  padding: 0em;
  padding-bottom: 0.4em;
  border-top: solid 1px #666;
  border-bottom: solid 1px #999;
  background: url('../images/grad_bg.gif') repeat-x bottom #eee;
  font-weight: bold;
}

table.basket_table tr.header_row td img
{
  position: relative;
  top: -1px;
}

table.basket_table tr.header_row td img.l
{
  left: -1px;
}

table.basket_table tr.header_row td img.r
{
  right: -1px;
}

table.basket_table tr.header_row td div
{
  padding-top: 0.4em;
}

table.basket_table tr.last_row td
{
  border-bottom: solid 1px #666;
}

table.basket_table td.right_end
{
  background-image:none !important;
  background: #666 !important;
  padding:0em;
  width: 1px;
  overflow: hidden;
}

table.basket_table td.left_end
{
  border-left: solid 1px #666;
  width: 400px;
}

div.totals
{
  background: #fff;
  color: #000;
  border: none;
  text-align: right;
  font-size: 1.6em;
  padding: 0.2em 1.5em 0em 0em;
}

div.totals div
{
  text-align: right;
  font-size: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.6em;
  font-weight: bold;
}

div.totals div#members-total
{
  text-align: right;
  font-size: 1.2em;
  padding-top: 0.3em;
  padding-bottom: 0em;
  font-weight: bold;
  color: #a00;
}

div#basket_buttons
{
  font-size: 14px;
  padding-top: 5px;
  font-weight: normal;
  text-align: center;
}

/* remove item button */
input.remove-item
{
  height: 20px;
  padding-left: 16px;
  font-size: 10px;
  background: url('../images/bin.png') no-repeat;
  border: none;
  cursor: pointer;
}

/* ---------------------------- CHECKOUT ----------------------------------- */

#form_error_details
{
  text-align:center;
  font-size: 1.7em;
  font-weight: bold;
  width: 28em;
  margin: auto;
  padding: 0.5em;
}

#form_error_details span
{
  color: #d00;
}

#innercircle
{
  width: 50em;
  border: dashed 2px black;
  margin: auto;
  background: #ffc;
}

#innercircle div
{
  font-size: 1.6em;
  text-align: center;
  padding: 0.3em;
}

div#order-summary
{
  padding-top: 20px;
  width: 400px;
  margin: auto;
  font-size: 16px;
  text-align: center;
}

div#order-summary span
{
  color: #a00;
  font-weight: bold;
  font-size: 18px;
}

table.checkout_table
{
  width: 42em;
  font-size: 1.6em;
  margin-left: 10em;
}

table.checkout_table td
{
  padding-top: 2px;
  /*border: solid 1px black;*/
}

table.checkout_table td.row_heading
{
  padding: 0.7em 0.1em 0.2em 1.5em;
  font-size: 1.1em;
  font-weight: bold;
  color: #006634;
}

table.checkout_table td span.row_info
{
  font-size: 0.8em;
  font-style:italic;
  font-weight: bold;
}

table.checkout_table td input
{
  width: 15em;
  border: solid 1px #999;
  height: 1.4em;
}

table.checkout_table td input.short
{
  width: 6em;
}

table.checkout_table td select
{
  width: 15em;
}

table.checkout_table td input#pay_submit
{
  width: auto;
}

table.checkout_table td.checkout_error
{
  color: #d00;
  font-weight: bold;
}

table.checkout_table td .error_desc
{
  font-size: 0.8em;
  font-style:italic;
  font-weight: bold;
  color: #d00;
}

#copy_address_span input
{
  height: 1em;
}

form.inline_form
{
  display: inline;
}
form.inline_form input.custom_button
{
  padding: 0.2em;
}

/* ----------------------- CONTACT.PHP ---------------------------- */
#contact_text
{
  overflow: auto;
  padding-left: 10em;
  padding-right: 8em;
  margin-top: -4em;
}

#contact_text img
{
  float: left;
  margin-right: 3em;
  height: 15em;
}

#contact_text p
{
  padding-top: 3em;
  padding-bottom: 0em;
}

#contact
{
  margin: 1em;
  margin-top: 0em;
  width: 66em;
  margin: auto;
}

#contact div.head
{
  border: solid 1px #666;
  border-bottom: solid 1px #999;
  background: url('../images/grad_bg.gif') repeat-x bottom #eee;
}

#contact div.head div
{
  padding: 0.3em;
  color: #006634;
  font-weight: bold;
  font-size: 1.8em;
}


#contact div.head img
{
  position: relative;
  top: -1px;
}

#contact div.head img.l
{
  left: -1px;
}

#contact div.head img.r
{
  right: -1px;
}

#contact #contact_form
{
  border: solid 1px #666;
  border-top: none;
  background: #fbfbfb;
  padding-top: 1em;
}

#contact table
{
  width:50em;
  border-collapse:collapse;
  margin: auto;
}

#contact td
{
  font-size: 1.6em;
  padding: 0.2em 0.3em 0.1em 0.3em;
  vertical-align: top;
}

#contact td input[type="text"]
{
  width: 20em;
}

#contact td select
{
  width: 20em;
}

#contact td textarea
{
  width: 20em;
  height: 10em;
}

#contact td input[type="checkbox"]
{
  xmargin-left:8em;
}

#contact td input[type="submit"]
{
  float: right;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

/* ----------------------- SNACK PACKS -------------------------- */

form#snack-pack-form
{
  width: 500px;
  margin: auto;
  border: solid 1px #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f9f9f9;
  padding: 5px;
  margin-top: 20px;
}

table#snack-pack-setup
{
  font-size: 14px;
  border-collapse: collapse;
}

table#snack-pack-setup th, table#snack-pack-setup td
{
  padding: 2px 5px;
}

table#snack-pack-setup th
{
  text-align: left;
  padding-top: 20px;
}

table#snack-pack-setup th.no-pad
{
  padding-top: 2px;
}

table#snack-pack-setup td.label
{
  width: 180px;
  padding-left: 20px;
}

input#snack-pack-go
{
  float: right;
}

table#month-select
{
  border-collapse: collapse;
}

table#month-select td
{
  padding: 3px 10px 0px 0px;
}

/* --------------------- TERMS AND CONDITIONS ------------------------ */
div.t-and-c p
{
  text-indent: 0px;
}

/* ---------------------- LINKS -------------------------- */
div.links a
{
  font-weight: bold;
}

/* --------------------------- FOOTER --------------------------- */
#footer_links
{
  font-size: 1.4em;
  text-align: center;
  margin-bottom: -1em;
}

#agile_link
{
  text-align: center;
  margin-top: -1.4em;
  font-size: 1.2em;
  padding-bottom: 3em;
}