/* Reset */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! 
:focus {
	outline: 0;
}*/

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Clearfix */


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */


/* Intrinsic styles */

body {
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 67.5%;
  text-align: center;
  /* background: #f5f2e3 url('images/global/background.jpg') left top repeat-x;  */
  background: #f5f2e3 url('images/global/background2.jpg') left top repeat-x; 
  /* border-top: 4px solid #e6dac0; */
  /* background-color: #7e3d0d; */
}
h1 {
  margin: 0 0 18px 0;
  font-family: "league-gothic-1","league-gothic-2", Impact, sans-serif;
  font-weight: normal;
  font-size: 38px;
  letter-spacing: -1.5px;
  color: #9b5019;
}
.wf-active h1 {
  font-weight: normal;
  font-size: 50px;
  letter-spacing: -1px;
}
h2 {
  margin: 0 0 16px 0;
  font-family: "league-gothic-1","league-gothic-2", Impact, sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #357242; /* #9b5019; */
}
.wf-active h2 {
  font-weight: normal;
  font-size: 28px;
}
p {
  font-family: Arial;
  padding-bottom: 20px;
  font-size: 14px;
  color: #292929; /* #4a4947; */
  line-height: 22px;
}
a {
  color: #357242;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


/* Global styles */

#container {
  margin: 0 auto 0 auto;
  /* padding: 0 50px 0 50px; */
  width: 960px;
  text-align: left;
  /* background: #f5f2e3 url('images/global/background2.jpg') left top repeat-x; */
}
#header {
  padding: 18px 0 0 0;
  border-bottom: 2px solid #e6dac0;
}
#content {
  padding: 16px 0 16px 0;
}
#content .main {
  float: left;
  width: 600px; /* 620px; */
}
#content .sidebar {
  margin-left: 640px;
}
img#logo {
  float: left;
}
#contact-info {
  float: right;
  text-align: right;
  padding-bottom: 20px;
}
#contact-info p {
  padding: 0;
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif; /* "acuta-1","acuta-2", */
  line-height: 22px;
  color: #357242;
}
img.pic {
  border: 1px solid #dbcba8; /* #e6dac0; */
  padding: 3px;
}
#footer {
  padding: 14px 0 20px 0;
  border-top: 2px solid #e6dac0;
}
#footer p {
  float: left;
  font-size: 13px;
  line-height: 20px;
  color: #908465;
}
#footer #member-links {
  float: right;
}
#footer #member-links p {
  
}
#footer #member-links .member-link {
  display: block;
  float: left;
  margin-left: 15px;
}
#reach-us {
  margin: 0px 0 0 15px;
  padding: 22px 28px 6px 28px; 
  background: #efe9d5 url('images/global/product-panel.png') top left no-repeat;
}


/* Main navigation */


#menu {
  margin-left: 250px;
  clear: right;
}
#menu ul {
  float: right;
  margin-top: 68px; /* 65  125px; */
  list-style: none;
  margin-left: 0;
}
.wf-active #menu ul {
  margin-top: 60px;
}
#menu ul li {
  float: left;
  display: block;
  margin: 0 0 0 37px;
  padding: 0 0 16px 0;
}
#menu ul li.first {
  margin: 0;
}
#menu ul li.selected, #menu ul li:hover {
  background: url('images/global/menu-arrow.png') bottom center no-repeat;
}
#menu ul li a {
  margin: 0;
  font-family: "league-gothic-1","league-gothic-2", Impact, sans-serif;
  font-size: 19px; /* 26px; */
  font-weight: normal;
  text-decoration: none;
  /* text-transform: uppercase; */
  color: #9b5019;
}
.wf-active #menu ul li a {
  font-size: 28px; /* 26px; */
  font-weight: normal;
}

/* Home page */


h1#homepage-heading {
  text-align: center;
  width: 960px;
}
#homepage-message {
  margin: 0 0 14px 0;
  font-family: Georgia, serif; /* "acuta-1","acuta-2", */
  font-size: 1.8em;
  color: #357242;
  line-height: 1.3em;
  font-style: normal;
  text-align: center;
}
.product-blocks {
  padding: 0;
}
.product-block {
  width: 260px;
  height: 121px;
  margin: 0 30px 30px 0;
  padding: 15px 20px 25px 20px;
  float: left;
  background: url('images/global/blank-block.jpg') left top no-repeat;
}
.product-block h2 a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  padding: 0 0 4px 0;
  letter-spacing: -1px;
  font-weight: bold;
  color: #266534; /* #357242; */
}
.product-block h2 a:hover {
  text-decoration: underline;
}
/* .product-block a {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  text-decoration: none;
  color: #357242;
} */
.product-block p {
  padding: 0 0 20px 0;
  font-size: 1.2em;
  /* color: #292929; */
  line-height: 1.6em;
} 
.product-block.last {
  margin-right: 0;
}
.deco-bark {
  background: url('images/global/deco-bark-block.jpg') left top no-repeat;
}
.orchid-bark {
  background: url('images/global/orchid-bark-block.jpg') left top no-repeat;
}
.wood-chips {
  background: url('images/global/wood-chip-block.jpg') left top no-repeat;
}
.redwood {
  background: url('images/global/redwood-block.jpg') left top no-repeat;
}
.shavings-sawdust {
  background: url('images/global/shavings-sawdust-block.jpg') left top no-repeat;
}
.fines-humus {
  background: url('images/global/fines-humus-block.jpg') left top no-repeat;
}
.planting-mix {
  background: url('images/global/planting-mix-block.jpg') left top no-repeat;
}


/* Products page */


#product-page-heading {
  padding: 0 15px 10px 0px;
  /* background: url('images/global/page-heading.png') left top repeat; */
}
#product-page-heading h1 {
  padding: 0 40px 10px 0; /* 40 */
  margin: 0;
  font-size: 34px;
  font-weight: normal;
  float: left;
}
.wf-active #product-page-heading h1 {
  font-size: 50px;
}
#product-page-heading p {
  padding: 4px 0 0 0;
  /* margin: 0 0 0 265px;
  padding: 4px 0 0 0; */
  font-family: Georgia, serif; 
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
  color: #266534; /* #357242;  */
}

#product-category-menu {
  float: right;
  /* clear: both; */
  margin: 0;
  padding: 8px 0 8px 0;
  /* background: #efe9d5 url('images/global/product-panel.png') top left no-repeat; */
  /* background-color: #efe8d5; */
}
#product-category-menu ul {
  list-style: none;
  margin-left: 0;
  padding: 0;
}
#product-category-menu ul li {
  float: left;
  display: block;
  /* margin: 0 4px 0 4px; */
  padding: 10px 16px 10px 16px;
  border-left: 1px solid #e6dac0;
  /* background-color: #efe8d5; */
}
#product-category-menu ul li.first {
  padding-left: 0;
  border: 0;
}
#product-category-menu ul li.selected a {
  font-weight: bold;
}
#product-category-menu ul li a:hover {
  text-decoration: underline;
}
#product-category-menu ul li a {
  margin: 0;
  font-size: 14px; /* 26px; */
  font-weight: normal;
  text-decoration: none;
  color: #357242;
}
#product-panels {
  float: left;
  width: 960px; /* 730px; */
}
.product-panel {
  /* width: 900px; */
  /* padding: 24px 0 10px 0; */
  margin: 0 0 24px 0;
  padding: 22px; 
  background: #efe9d5 url('images/global/product-panel.png') top left no-repeat; /* #efe9d5 */
}
.product-panel h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  padding: 0;
  letter-spacing: -1px;
  font-weight: bold;
  color: #357242;
}
.product-panel a.product-picture {
  float: left;
  margin-right: 25px;
}
.product-panel p {
  padding: 0 0 14px 0;
  font-size: 1.3em;
  line-height: 1.7em;
  /* width: 720px; */
  width: 500px;
}
.product-panel p.description {
  float: left;
  margin: 0;
  padding: 0;
}
.product-panel ul.links {
  float: right;
  list-style: none;
  margin: -12px 0 0 0;
}
.product-panel ul.links li {
  display: block;
  padding: 12px 0 12px 0;
  width: 165px;
  border-bottom: 1px solid #e6dac0;
}
.product-panel ul.links li a {
  font-weight: normal;
  font-size: 1.3em;
}


/* About page */


ul.customer-list {
  list-style: disc url('images/global/star-bullet.png') inside;
  float: left;
  width: 260px;
  margin: 6px 0 20px 30px;
  padding-left: 1px;
  text-indent: 2px;
  font-size: 1.4em;
  line-height: 1.6em;
  color: #357242;
}


/* Request a Quote page */


.req {
  color: #ff0000;
}
form#quote-form {
  margin: -10px 0 0 0;
}
form#quote-form label {
  display: block; 
  margin: 0;
  padding: 18px 0 4px 0;
  font-size: 12px;
  font-weight: bold;
  color: #292929;
}
form#quote-form input {
  margin: 0;
  padding: 4px;
  width: 588px;
  border: 2px solid #dacdb0;
  background-color: #f4f2e3;/* #f9f8ef; */
  font-size: 14px;
  color:  #292929; 
}
form#quote-form textarea {
  padding: 4px;
  width: 588px;
  height: 100px;
  border: 2px solid #dacdb0;
  background-color: #f4f2e3;/* #f9f8ef; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #292929;
}
form#quote-form .date-required {
  clear: both;
}
form#quote-form .additional-info {
  padding: 0;
}
form#quote-form input.submit {
  float: left;
  margin: 8px 0 0 0;
  padding: 4px;
  width: 70px;
  border: 2px solid #dacdb0;
  background-color: #ede6d0; 
  font-size: 12px;
  color:  #292929; 
}
form#quote-form .buttons p {
  float: left;
  font-size: 12px;
  padding: 12px 0 0 8px;
}

/* Contact page */

form#contact-form {
  margin: -10px 0 0 0;
}
form#contact-form label {
  display: block;
  margin: 0;
  padding: 12px 0 4px 0;
  font-size: 12px;
  font-weight: bold;
  color: #292929;
}
form#contact-form input {
  padding: 4px;
  width: 600px;
  border: 2px solid #dacdb0;
  background-color: #f4f2e3;/* #f9f8ef; */
  font-size: 14px;
  color:  #292929; 
}
form#contact-form input.submit {
  margin: 8px 0 0 0;
  padding: 4px;
  width: 70px;
  border: 2px solid #dacdb0; /* #e6dac0; */
  background-color: #ede6d0; 
  font-size: 12px;
  color:  #292929; 
}
form#contact-form textarea {
  padding: 4px;
  width: 600px;
  height: 100px;
  border: 2px solid #dacdb0;
  background-color: #f4f2e3;/* #f9f8ef; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #292929;
}


/* Calculators */

form.calculator {
  float: left;
  width: 460px;
  background: #efe9d5 url('images/global/product-panel.png') top left no-repeat;
}
form.calculator h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  padding: 0;
  letter-spacing: -1px;
  font-weight: bold;
  color: #357242;
}
form.calculator label {
  display: block;
  margin: 0;
  padding: 12px 0 4px 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #292929;
}
form.calculator .inputs {
  padding: 22px;
}
form.calculator .inputs input {
  padding: 4px;
  width: 290px;
  border: 2px solid #dacdb0;
  background-color: #f4f2e3;/* #f9f8ef; */
  font-size: 14px;
  color:  #292929; 
}
form.calculator .inputs select {
  padding: 3px;
  width: 100px;
  border: 2px solid #dacdb0;
  background-color: #f4f2e3;/* #f9f8ef; */
  font-size: 14px;
  color:  #292929; 
}
form.calculator .outputs {
  padding: 22px;
  background-color: #e6dac0;    
  /* background: #e6dac0 url('images/global/calculator-arrow.png') top center no-repeat; */
}
form.calculator .outputs p.output {
  margin: 0 0 10px 0;
  padding: 2px 4px 2px 4px;
  width: 390px;
  border: 2px solid #d9ccb1;
  background-color: #f4f2e3;/* #f9f8ef; */
  font-size: 1.3em;
  font-weight: bold;
  color:  #292929; 
}
form.calculator .buttons {
  padding: 14px 0 0 0;
}
form.calculator .buttons input{
  float: left;
  margin: 0 12px 0 0;
  padding: 4px;
  width: 90px;
  border: 2px solid #dacdb0;
  background-color: #e6dac0; 
  font-size: 1.3em;
  font-weight: normal;
  color:  #292929; 
}
form.calculator .buttons p {
  float: left;
  font-size: 12px;
  padding: 6px 0 0 8px;
}


/* Blog */

.blog_entry {
  padding: 0px 0 28px 0;
}
.blog_entry h2 {
  font-family: "league-gothic-1","league-gothic-2", Impact, sans-serif;
  font-size: 28px;
  padding: 0;
  letter-spacing: -1px;
  font-weight: bold;
  color: #357242;
}
.wf-active .blog_entry h2 {
  font-weight: normal;
  font-size: 40px;
  letter-spacing: -1px;
}
.blog_footer p {
  margin: -8px 0 0 0;
  font-size: 1.3em;
  color: #908465;
}