﻿* 
{
    padding:0;
    margin:0;
    }
body 
{
    background:#6d6a6a;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin:0px;
    text-align:center;
	font-size:14px;
}

* html body {
	font-size:x-small; /* for IE5/Win */
	f\ont-size:small; /* for other IE versions */
}

img { border:0px;}

#wrapper 
{
    width:100%;
    position:relative;
    margin:0px auto;
    padding:0px;
    border:0px solid red;
    text-align:left;
    }

/* ------------------ Site Styles -------------------------- */

h1 { font-family:Verdana, Arial, Sans-Serif; color:#339933; font-size:18px; font-weight:bold; line-height:1.4em;  padding:0; margin:15px 0 10px 0; clear:both; }
h2 { font-family:Verdana, Arial, Sans-Serif; color:#333; font-size:14px; font-weight:bold; line-height:1.4em;  padding:0; margin:15px 0 10px 0; clear:both; }
h3 { font-family:Verdana, Arial, Sans-Serif; color:#666; font-size:12px; font-weight:bold; line-height:1.4em;  padding:0; margin:0; margin-top:15px; clear:both; }

p, li { font-family:Verdana, Arial, Sans-Serif; color:#333; font-size:90%; line-height:1.8em;  padding:6px 0; margin:0; }

ul, ol { padding:0; margin:0 25px 15px 25px; }

li { padding:4px 5px; margin:0; list-style-type:circle; }
li ul li { font-size:100%; }

a:link { color:#339933; text-decoration:underline; font-size:11px; }
a:visited { color:#339933; text-decoration:underline; font-size:11px; }
a:hover { color:#333; text-decoration:none; font-size:11px; }
a:active { color:#339933; text-decoration:underline; font-size:11px; }

hr { color:#666; margin:25px 0; }

.picRight { border:3px double #ccc; float:right; margin:0 0 10px 10px; }





/* ------------------ Layout -------------------------- */

#Header, #Navigation, #Banner, #Slogan, #Content 
{
    float:left;
    width:100%;
    clear:both;
    border-top:0px solid #666;
    background:#fff;
    }  

.middle
{
    width:783px;
    margin:0px auto;
    padding:0;
    background:transparent;
    border:0px solid red;
    }
    
    
    
    
/* ------------------ Header -------------------------- */
    
#Header { padding:5px 0;  background:#fff url(../_img/bgBody.gif) top left repeat-x }

#HeaderLeft { float:left; width:50%; margin:0; padding:0; background:transparent; }
#HeaderLeft a img { border:0; margin:10px 5px; }

#HeaderRight { float:right; width:49.9%; margin:0; padding:0; padding-top:15px; background: transparent; text-align:right;  }
#HeaderRight a img { float:right;}

.HeaderPhone { display:block; font-size:20px; color:#468335; font-weight:bold; margin:40px 10px 0px 0px; }

.headerTopRight { display:block; font-size:10px; color:#468335; margin:0px 10px 0px 0px; }



/* ------------------ Navigation -------------------------- */

#Navigation { background:#ccc url(../_img/navBG.gif) top left repeat-x; margin:0; padding:0; border-top:1px double #bababa; border-bottom:1px solid #5c974b; }
#Navigation div { width:783px; margin:0px auto; }
#Navigation ul { float:left; padding:0; margin:0px auto; list-style:none; }
#Navigation ul li { float:left; margin:0; padding:0; list-style:none;  }
#Navigation a { font-family:Tahoma, Arial, Helvetica, Sans-Serif; font-size:85%; font-weight:bold; color:#4b8639; display:block; padding:10px 14px; margin:0; text-decoration:none; }
#Navigation a:visited { color:#4b8639; }
#Navigation a:hover { color:#fff; Background:#5c974b; }
#Navigation a:active { color:#4b8639; }

#Navigation a img {border:0; }
p.utilities { margin:0; padding:0; margin-bottom:25px; }
.utilities a { font-size:9px; display:inline; margin-left:8px; padding:3px;}
.utilities a:visited { color:#339933; text-decoration:underline; }
.utilities a:hover { color:#fff; background:#339933; text-decoration:none; }
.utilities a:active { color:#339933; text-decoration:underline; }





/* ------------------ Banner -------------------------- */

#Banner { background:#427d32; border-bottom:1px solid #5c974b; }
#Banner .middle img { float:left; }

.BannerAbout { border-left:0px solid #336633; border-right:0px solid #336633; }



/* ------------------ Interior -------------------------- */

#Content { width:100%; margin:0 auto; background:#c7c5b2 url(../_img/bgHomeLeft.gif) top left repeat-y; clear:both; }

#ContentInterior { width:100%; margin:0 auto; background:#c7c5b2 url(../_img/bgHomeLeft.gif) top left repeat-y; clear:both; }

#ContentMiddle
{
    width:800px;
    margin:0px auto;
    padding:0;
    border-right:0px solid #999966; 
    border-left:0px solid #999966;
    }

#ContentWrap
{
    width:100%;
    float:left;
    margin:0px;
    padding:15px 0 40px 0px;
    background:#e3e2d4;
    }
    
.contentMain { float:left; width:66.9%; margin:0; padding:0; background:transparent; }
.contentWide { float:left; width:100%; margin:0; padding:0; background:transparent; }

.contentMainSB { float:right; width:33%; margin:0; padding:0; background:transparent; }
.contentMainSB h1 { font-family:Tahoma, Arial, Helvetica, Sans-Serif; color:white; background:#468335; font-size:11px; font-weight:bold; line-height:1.4em;  padding:6px 8px; margin:15px 0 10px 0; clear:both; }
.contentMainSB h2 { font-family:Tahoma, Arial, Helvetica, Sans-Serif; color:#999999; font-size:11px; font-weight:bold; line-height:1.4em;  padding:0; margin:5px 0; margin-top:15px; clear:both; }

.contentMainSB h1.NavSection { margin-bottom:0;}


.contentMain .padding { padding:0 30px; }
.contentWide .padding { padding:0 30px; }

.contentMainSB .padding { padding:0 10px;  }

.contentMainSB .padding p, .contentMainSB .padding li { font-family:Tahoma, Arial, Helvetica, Sans-Serif; font-size:85%; line-height:1.6em; color:#6d6a6a; }

.contentWide { float:left; width:100%;}

/* ------------------ SUB Navigation -------------------------- */

ul.subNav { margin:0; margin-bottom:30px; padding:1px; background:#468335; }
.subNav li { margin:0; margin-top:1px; padding:0; list-style:none; font-size:12px;  }
.subNav li a { color:#006600; background:#ccc url(../_img/bgSubNav.gif) top left no-repeat; display:block; padding:7px 6px; text-decoration:none; font-size:12px; }
.subNav li a:visited { color:#006600; font-size:12px; }
.subNav li a:hover { color:#666; background:#f3f3f3 ; font-size:12px;}
.subNav li a:active { color:#006600; font-size:12px; }

ul.subNav2 { margin:0; margin-top:1px; padding:0;  }
.subNav2 li { margin:0; margin-bottom:1px; padding:0; list-style:none; font-size:10px;  }
.subNav2 li a { color:#339933; background:#d9d9d9; display:block; padding:7px 6px; }
.subNav2 li a:visited { color:#339933; }
.subNav2 li a:hover { color:#666; background:#f3f3f3;}
.subNav2 li a:active { color:#339933; }

/* ------------------ Footer -------------------------- */

#Footer { width:100%; float:left; padding-top:20px; padding-bottom:20px; border-top:3px double #888585; background:#666 url(../_img/footerBG.gif) top left repeat-x; }
#Footer p { font-size:11px; color:#ccc; font-family:Tahoma, Arial, Helvetica, Sans-Serif; }
#Footer a { color:#ccc; text-decoration:none; border-right:1px solid #ccc; padding-right:5px; }
.FooterLeft { float:left; width:40%; text-align:left;  }
.FooterRight { float:right; width:44%; text-align:right;  }
.FooterRight li {list-style:none; font-family:Tahoma, Arial, Helvetica, Sans-Serif; display:inline; margin:0; padding:0;}
#Footer .FooterRight .last a { margin-right:-30px; border:0px;}
.clearFooter { clear:both; margin:0; padding:0; float:left; width:100%; border-bottom:0px solid #000;}



/* ------------------ Misc Styles -------------------------- */

.video { border:3px double #ccc; margin:10px 0; }
.note { font-style:italic; }
img.imageHeaders { clear:both;}


/* ------------------ Graphs -------------------------- */

.graphs 
{
    text-align:left;
    border-bottom:1px solid #999966;
    padding:5px 0 15px 0;
    }

.graphs h3
{
    background:transparent;
    color:#666633;
    padding:8px 0 2px 0;
    font-size:18px;
    font-weight:normal;
    }
     
.graphs img 
{
    border:1px dotted #999966;
    }
    
.graphs .enlarge { text-align:center; font-size:80%; }



.contentPic { border:3px double #ccc; }

div.hr {
  height: 1px;
  background: #ccc;
}
div.hr hr {
  display: none;
}



/* ------------------ Product -------------------------- */

.product { padding:15px 0; margin-bottom:15px; border-bottom:0px double #ccc; }

.product p { font-family:Tahoma, Arial, Helvetica, Sans-Serif; font-size:90%; }
.product li { font-family:Tahoma, Arial, Helvetica, Sans-Serif; font-size:90%; padding:0; }

.productImage { padding:5px; margin:15px; border:3px double #999; background:white; float:right; }

.prodCatalog td { text-align:center;}
.prodHeader { font-family:Arial, Verdana, Sans-Serif; font-weight:bold; }
.prodImage { border:1px solid #000;  }
.prodLink { font-family:Arial, Verdana, Sans-Serif; text-align:center; }


/* ------------------ Product Table -------------------------- */

.prodTable { width: 200px; margin-top:20px; } 
.prodTable th { background:green; color:White; padding:5px 8px; text-align:center; font-size:14px; width: 200px; }
.prodTable td { background:#ccc; padding:12px 8px; text-align:left; border-bottom:0px solid #fff; font-size:12px; width: 200px; }

/****************/
/* PRIMARY MENU */
/****************/

#primary-menu {                                   /* menu layout */
  display: block;
  float: left;
  font-family:Tahoma, Arial, Helvetica, Sans-Serif;
  font-weight:bold;
  color:#4b8639; 
  padding:0;
  margin:0px auto;
  text-decoration:none;
  position: relative;
  font-size:17px;
}
  
#primary-menu ul.links li {                       /* text styling for the top (primary) menu */
}  

#primary-menu ul.links li.first {                 /* .first and .last classes applied to first and last menu & list items */
}
  
#primary-menu ul.links li.last {                  /* .first and .last classes applied to first and last menu & list items */
}
  
#primary-menu ul.links li a:link,
#primary-menu ul.links li a:visited {
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li a:active {
	color:#fff; Background:#5c974b;
}  
  

/************************************/
/* PRIMARY MENU WITH DROPDOWNS      */
/* - used with menu_tree theming of */
/* $primary_links in page.tpl.php   */
/************************************/

#primary-menu ul.menu li {                        /* top item layout */
  display: block;
  float: left;    /* LTR */
  margin: 0 0px 0 0;
  padding: 0px;    /* 0 0 0 10px */
  position: relative;
  width:  auto;
}

#primary-menu ul.menu li:hover,
#primary-menu ul.menu li.hover,
#primary-menu ul.menu li.active-trail {
  background-position: left;
}

#primary-menu ul.menu li a {
  color: #4b8639;
  display: block;
  padding: 0.5em 0.833em 0.5em 0.833m;    /* 5px 10px 1px 0 */
  text-decoration: none;
}

#primary-menu ul.menu li a:hover,
#primary-menu ul.menu li:hover a,
#primary-menu ul.menu li.hover a,
#primary-menu ul.menu li.active-trail a {
  background-position: right;
  color: #FFFFFF;
  background: #5c974b;
}

#primary-menu ul.menu li.active-trail a {
  background: #468135;
}

#primary-menu ul.menu li ul {
  left: -999em;
  opacity: 0.95;
  margin: 0 0 0 0px;
  position: absolute;
  width: 144px;
  z-index: 2;
}
  
#primary-menu ul.menu li:hover ul,
#primary-menu ul.menu li.hover ul {
  display: block;
  left: auto;
}
  
#primary-menu ul.menu li ul li {
  background: #5c974b;
  border-bottom: 1px solid #83A638;
  float: left;
  font-size: 0.916em;
  height: auto;
  margin: 0;
}

#primary-menu ul.menu li ul li.last {
  border-bottom: none
}

#primary-menu ul.menu li ul li a,
#primary-menu ul.menu li ul li a:link,
#primary-menu ul.menu li ul li a:visited {
  background: transparent;
  color: #FFFFFF;
  display: block;
  margin: 0;
  padding: 4px 0px 0px 10px;
  text-transform: none;
  width: 200px;;
  font-size:10px;
}

#primary-menu ul.menu li ul li a:hover {
  color: #ccc;
  display: block;
  margin: 0;
  padding:4px 0px 0px 10px;
  text-decoration: none;
}

#primary-menu ul.menu li ul li ul.menu {
  left: -999em;
  margin: 0 0 0 -14px;    /* LTR */
  padding: 6px 0 4px;
}

#primary-menu ul.menu li ul li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu {
  display: block;
  left: 154px;    /* LTR */
  top: -6px;
}

#primary-menu ul.menu li ul li ul.menu li a {
  padding: 0px;
  width: 128px;
}

.catalog-grid-title a,
.catalog-grid-title a:link,
.catalog-grid-title a:visited,
.catalog-grid-title a:hover,
.catalog-grid-title a:active {
	display:block;
	color:#4c534c;
	font-weight:bold;
	font-style:normal;
	font-size:14px;
	text-align:center;
	padding:20px 15px 5px 15px;
}

.catalog-grid-image {
	display:block;
	text-align:center;
}

.catalog-grid-image img { border:3px double #333; margin-top:5px; }


.form-submit { padding:3px; }
.form-text { color:#5c974b; padding:0px 3px; font-size:12px; text-decoration:none; border:1px solid #5c974b; }
.form-select { color:#5c974b; padding:4px 3px; font-size:12px; text-decoration:none; border:1px solid #5c974b; }
.form-textarea { color:#5c974b; padding:0px 3px; font-size:12px; text-decoration:none; border:1px solid #5c974b; }
.list-add-to-cart {margin:5px 0px 0px 0px;}
.form-item label
{
    font-size:80%;
    margin-bottom:2px;
}
    
.form-item input, .form-item select, .form-item option
{
    font-size:80%;
	padding:2px;
    color:#000;
    border-color:#5c974b;
	font-size:12px;
	margin:0px;
}

.form-item select {
	margin-right:5px;
}

.productPic {
	float:right;
}

.add-to-cart {
	font-size:14px;
	font-weight:bold;
}
#edit-attributes-1-wrapper {
	display:inline;
}

#edit-qty-wrapper {
	display:inline;
}

.node-add-to-cart {
	display:inline;
}

.imagecache-product_list { border:2px solid #000; }

.imagecache-cart { border:1px solid #000; }


legend { margin:15px 5px; padding:5 }

#cart-form-products table, table.cart-review  { border-collapse: collapse; border:1px solid #666; }

#cart-form-products table th, .cart-review thead th { text-align:center; padding:15px 5px; font-size:12px; background:#666; color:White; }
#cart-form-products table td, .cart-review td { text-align:center; padding:10px 5px; font-size:12px; border-bottom:1px dotted #666;  }


#cart-form-products .desc {
	text-align:left;
	font-size:14px;
}

#cart-form-products .desc a {
	font-size:14px;
}

#cart-form-products .subtotal {
	text-align:right;
	padding:5px;
}

.image {
	border:0px;
}

.category-grid-products td {
	text-align:center;
	width: 250px;
	background:#efeee7;
}

#cart-form-products .odd, .cart-review .odd {
	background:#ebebeb;
}

#cart-form-products .even, .cart-review even {
	background:#dadada;
} 

.cart-review .odd {
	background:#A6A6A6;
}

.cart-review .even {
	background:#D7D7D7;
}

.cart-review .subtotal {
	text-align:right;
	padding:15px 5px;
	background:#666;
}

.cart-review td.subtotal {
	padding:15px 5px;
	background:#666;
}
.cart-review .subtotal #subtotal-title {
	font-weight:bold;
}

#cart-pane table {
	width:100%;
	text-align:center; 
	padding:5px;
	font-size:12px;
}

#cart-pane .products {
	text-align:left;
	font-size:12px;
	padding:5px;
}

.collapsible a {
	font-size:14px;
}

.order-review-table {
	font-size:12px;
	padding:5px;
	width:100%;
}

.field-label {
	text-align:right;
}

.order-review-table .pane-title-row {
	font-weight:bold;
	height:40px;
	vertical-align:bottom;
}

.order-review-table .title-col {
	text-align:right;
	padding:5px;
}

.order-review-table .data-col {
	text-align:left;
	padding:5px 0px 5px 3px;
}

fieldset {
	padding: 5px;
}

.stylesDD { float:right; width:600px; text-align:right; font-size:11px; margin:10px 0 20px 0; }
.stylesDD form { display:inline; }

form div { margin:12px 0; }
form label { display:block; }

.stylesDDDiv {
	display: block;
	float:right;
	font-size:10px;
	text-align:right;
	font-weight:bold;
}

.messages {
	/*font-size:11px;*/
}

.sticky-enabled th {
	font-size:12px;
	background:#D7D7D7;
	height:30px;
}

#content-tabs li {list-style:none; font-family:Tahoma, Arial, Helvetica, Sans-Serif; display:inline; margin:0; padding:5px; text-transform:capitalize; font-weight:bold; font-size:14px;}

.uc-order-history td {
	font-size:12px;
	height:20px;
	text-align:center;
}

.uc-order-history th {
	width:500px;
	padding:3px;
}

.uc-order-history .odd {
	background:#A6A6A6;
}

.uc-order-history .even {
	background:#D7D7D7;
}

.order-pane {
	font-size:12px;
	padding:5px;
	line-height:18px;
}

.order-pane-title {
	font-weight:bold;
} 

.order-pane-table .odd {
	background:#A6A6A6;
}

.order-pane-table .even {
	background:#D7D7D7;
}

.productInformationCatalog a {
	display:block;
	margin:5px;
	font-size:14px;
	font-weight:bold;
}







.odd td.category { padding:10px 15px; }
