/* New greenhome stylesheet for Mason pages -- MarkT 6/2009 */
body,td { font-family: helvetica,sans-serif; font-size: 13px; line-height: 1.3 }
body { margin: 0; padding: 0; }
a { 
  color: #1382d8;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  }
.top_phone {
  font-size: 16px;
  font-family: helvetica,sans-serif;
  font-weight: bold;
  color: #004f00;
}
.topright {
  font-size: 13px;
}
.topbar_inner td {
 padding: 0 0 0 18px;
}
.topbar .topbar_tab {
 background-color: #3c7d37;
 background: url(/images/topbar-tab.png);
 background-repeat: no-repeat;
 width: 173px;
 padding-top: 0px;
 cursor:pointer;
}
.cart {
 background: url(/images/new/redcart.png);
 background-repeat: no-repeat;
 display: block;
 width: 129px;
 height: 32px;
 margin: 5px 0px 3px 0px;
 text-align: left !important;
}
.cart a {
 display:block;
 padding: 7px 0px 0px 32px !important;
 color: white;
 text-decoration: none;
 font-size: 13px;
 font-weight: bold;
 font-family: helvetica,sans-serif;
}
.cart a:hover {
 text-decoration: underline;
}
.cart_full {
 background: url(/images/new/greencart.png);
 background-repeat: no-repeat;
}

.spacer { color: #54a1cc; margin: 0px 6px; font-size: 13px }
input#q { font-size: 15px; }
#q { margin-left: 10px; margin-right: 5px }
.main h1, .pagemain h1 { color: #0f6996; font-size: 18px; margin-bottom: 4px }
.main h2, .pagemain h2 { color: #2f89b6; font-size: 15px; margin-top: 0px; padding-left: 11px }
h1 { font-family: candara, arial, helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #0F6996; text-align: left; }
h2 { font-family: helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #0F6996; text-align: left; }
h3 { font-family: candara, arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0F6996; text-align: left; }
.blue { font-family: helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #0F6996; }
.blue a { font-family: helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #0F6996; }
.green { font-family: helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #005500; }
.green a { font-family: helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #005500; }
.paging { padding-left: 20px }
.paging a { text-decoration: none; padding: 2px 5px; border: 1px solid #261; background-color: #dfc; color: #261; margin: 0px 2px; }
.paging a.active { color: black; font-weight: bold; background-color: #ff9; }
.paging a:hover { background-color: white }
.item { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #ddd; width: 100%}
.item td { text-align: left }
.item .count { color: #888; font-size: 11px; text-align:right; width: 20px; padding-right: 3px }
.item td a.title { text-decoration: none; font-size: 13px; color: #0f6996; font-weight: bold }
.item td a:hover { text-decoration:underline }
.item td .prodid { font-size: 11px; color: #888; margin-left: 8px; }
.price { font-family: candara,arial,helvetica,sans-serif; font-weight: bold; color: #822; padding-top: 3px }
.desc { font-size:11px }
.category { font-size: 11px; margin-top: 3px; color: #005500; font-weight: bold }
.category a { text-decoration: none; color: #005500; font-weight: bold }
.category a:hover { text-decoration: underline; }
.grid { border-spacing: 10px }
.grid td { text-align: center; vertical-align: top }
.grid td a { text-decoration: none; font-weight: bold; color: #0f6996; font-size: 12px }
.grid td a:hover { text-decoration: underline; }
.filters { font-size: 13px; padding-right: 10px; padding-left: 11px }
.filters a { text-decoration: none; display: block; padding: 1px 0px 1px 0px; color: #0f6996; }
.filters a:hover { background-color: #EEF6E5 }
.filters h2 { font-size: 16px; color: #0f6996; margin:0px 0px 0px 0px; }
.filters h3 { font-size: 14px; color: #005500; margin:5px 0px 0px 0px; padding: 0 0 2 0; border-bottom: 1px dotted #ccc }
.rightcol { font-size: 13px; width: 200px; padding-left: 10px; padding-right: 16px }
.rightcol a { text-decoration: none; display: block; padding: 2px 0px; color: #0f4976; font-size: 13px }
.rightcol a:hover { background-color: #EEF6E5 }
.rightcol h2 { font-size: 16px; color: #0f6996; margin:8px 0px 0px 0px; }
.rightcol h3 { font-size: 14px; color: #005500; margin:5px 0px 0px 0px; padding: 0 0 2 0; border-bottom: 1px dotted #ddd }
.ct { color: #888; }
.small { font-size: 12px; line-height: 1.3 }
.center { text-align: center }
.butn {
  color: #004b91;
  text-decoration: none;
}
.butn.impt { color: white; background-color: #005500; border: 1px solid black; }
.butn.impt:hover { color: yellow }
.rolloverlink { text-decoration:none; font-size: 11px; }
.rolloverlink:hover { text-decoration: underline; }
.hometitle { font-family: candara,arial,helvetica,sans-serif; font-size: 38px; font-weight: bold; color: #793; margin-left: 122px; z-index: 1; position: relative; top: 15px }

.hometable a {
  text-decoration:none;
  font: 16px helvetica,sans-serif;
  color: 005500;
}
.hometable a:hover {
  text-decoration:underline;
}
.leftnav {
 width: 170px;
 margin-left: 7px;
}
.leftnav.notopborder {
 border-top: 0px solid white;
}
.leftnav a {
 display: block;
}
.leftnav a.heading {
 font-family: helvetica,sans-serif;
 font-size: 17px;
 font-color: 0F6996;
 font-weight: bold;
 text-decoration: none;
 margin-top: 12px;
}
.leftmenu {
}
.leftmenu a {
 display:block;
 margin: 0px;
 text-decoration: none;
 padding: 2px 11px;
}
.leftbottomnav {
 line-height: 1.2;
 margin-left: 10px;
}
.leftbottomnav a {
 text-decoration: none;
 display: block;
 margin-bottom: 10px;
}
.leftbottomnav a:hover {
 text-decoration: underline;
 cursor:pointer;
}
.homeblock { margin-bottom: 5px; margin-top: 8px;  }
.homeblock h1 {
  font-size: 32px;
  font-family: helvetica,sans-serif;
  font-weight: bold;
  text-align: center;
  color: #0F6996;
}
.homeblock h2 {
  font: bold 17px helvetica,sans-serif;
  text-align: left;
  color: #005500;
  margin: 2px 0px 2px 0px;
  padding: 10px 0px 5px 0px;
  border-top: 2px solid #8fb267;
}
.homeblock h3 {
  font-size: 16px;
  font-family: helvetica,sans-serif;
  font-weight: bold;
  text-align: center;
  color: #608020;
  margin: 2px 0px 2px 0px;
  padding: 3px 0px 2px 0px;
  border-top: 3px solid #eaf1de;
}
.homeoffer { border-top: 2px solid #e6ebd0; }
.homeoffer h2 {
 font-family: helvetica,sans-serif;
 font-size: 20px;
 font-weight: bold;
 text-align: left;
 color: #682;
 margin: 0px;
 padding: 6 0 0 14;
 display: table-cell;
 vertical-align: middle;
 border-top: none;
}
.homeoffer h2 a {
 text-decoration: none;
 margin-left: 30px;
 font-size: 11px;
 font-weight: normal;
}
.main {
  padding-left: 30px;
}
.homeproduct {
  float:left;
  width: 320px;
  margin: 0px;
  padding: 5px 2px 2px 2px;
}
.homeproduct_desc {
  float:left;
  width: 240px;
  margin: 0px;
}
.homeproduct .product_name {
  font-size: 14px;
  color: #0079a5;
  font-family: candara,arial,helvetica,sans-serif;
  font-weight: bold;
  line-height: 1.3;
  margin-right: 10px;
  text-decoration: none;
}
.homeproduct .product_name:hover {
  text-decoration: underline;
}
.homeproduct .product_price {
  color: #780c0c;
  font-size: 14px;
  font-weight: bold;
  font-family: candara,arial,helvetica,sans-serif;
}
.homeproduct ul {
  margin:7px 0px 0px 16px; padding: 0px; line-height: 1.2;
}
.homeproduct li {
  list-style-type: disc;
  color: #603d27; font-size: 12px;
  margin-bottom: 2px;
}
.homeproduct_img {
  padding: 0px; margin: 0px; float:left; width: 80px; margin: 0px;
}
.submenu {
  position: absolute;
  left: 165px;
  z-index: 2;
}
.submenu a {
  font-size: 11px;
  font-weight: normal;
  background: none;
  padding-right: 10px;
}
.miniproduct {
 line-height:1.4;
 color: #060;
 padding: 0px 8px;
}
.miniproduct a {
 text-decoration: none;
 font: 15px helvetica,sans-serif;
}
.miniproduct a:hover {
 text-decoration: underline;
}
.full {
 padding: 0px 20px;
 width: 100%;
}
.brown {
 color: #603d27;
}
.rss {
 margin-left: 17px;
 border-left: 1px solid #eaf1de;
 padding-left: 17px;
 font-size: 13px;
}
.rss h2 {
 font-family: candara,arial,helvetica,sans-serif;
 text-decoration: underline;
 color: #608020;
 font-size: 15px;
 margin: 0px;
 padding: 6px 0px;
}
.rss img { margin: 0px 0px 2px 6px; }
.rss .article {
 margin-bottom: 10px; clear:both;
}
.rss a {
 text-decoration: none;
 color: #608020;
 font-family: helvetica,sans-serif;
}
.rss a:hover {
 text-decoration: underline;
}
.rss .date {
 font-size: 11px; color: #999; white-space: nowrap; margin-left: 4px;
}
.tab td {
  vertical-align: top;
}
.serif {
  font-family: Georgia, Times New Roman, serif;
  font-size: 13px;
  line-height: 1.4;
}
/* News page */
.lh { font-size: 13px; }
.lh a b { font-size: 14px; }
#cart_div {
  background: white !important;
  background-color: white !important;
  position:absolute;
  right: 30px;
  top: 98px;
  min-width: 260px;
  z-index: 3;
  -webkit-box-shadow: 4px 4px 10px #666;
  border: 1px solid #ddd;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  /* width: expression(this.scrollWidth > 260 ? "260px" : "auto");  IE */
}
#cart_div_inner {
  padding: 8px 6px 2px 6px;
  font-family: arial;
  z-index: 2;
}
#cart_div td {
  background: white !important;
  color: black !important;
  padding: 2px 5px;
}
#cart_div .item td {
  border-bottom: 1px solid #ccc;
}
#cart_div .cart_instructions {
  text-align: right;
  font-size: 14px;
  color: #1382d8;
}
/* Floating box for toxipedia display */
#tox {
  position:absolute;
  z-index: 1;
  padding: 12px;
  border: 1px solid #363;
  color: #363;
  background-color: white;
  font-family: candara,arial,helvetica,sans-serif;
  font-size: 13px;
  width: 200px;
}
#tox h1 {
  font-size: 12px;
  margin: 0px; padding:0px; margin-bottom: 4px;
}

.toxterm {
  color: #363;
  text-decoration: underline;
}

.blindlink {
  color:#005500; font-size: 11px; text-decoration: none; cursor:pointer;
}
.pricetable { width: 100%; border-spacing: 0px; }
.pricetable th { color: #004f00; background-color: #eef6e5; font-size: 12px; padding: 3px; border-top: 1px solid #8fb267; border-right: 0px; border-bottom: 1px solid #8fb267; border-left: 1px solid #8fb267;}
.pricetable td { border-bottom: 1px solid #ddd; padding: 2px 4px; color: #5c3c1b; font-size: 13px }
.pricetable td:nth-child(3n) { text-align: center; }
.pricetable td.lastrow { text-align: right; border-bottom: none; }
.pricetable .qty { text-align: center; }
.choices { padding-left: 16px; }
.choices select { font-size: 11px; margin: 4px 0px 0px -8px; }
.prod_tabs a {
  border-top: 1px solid #8fb267;
  border-left: 1px solid #8fb267;
  border-right: 1px solid #8fb267;
  padding: 3px 6px;
  color: #004f00;
  margin-right: 4px;
  background:#eef6e5;
  z-index: 1;
  position:relative; top:-2px;
  cursor:pointer;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  white-space: nowrap;
}
.prod_tabs a.active {
  color: #004f00;
  font-weight: bold;
  border-bottom: 1px solid white;
  background: white;
}
.prod_desc div {
  border: 1px solid #8fb267;
  padding: 5px 12px;
  min-height: 260px;
  max-height: 260px;
  min-width: 560px;
  overflow: auto;
/*  height: expression(this.scrollHeight > 260 ? "260px" : "auto");  IE */
}
.breadcrumbs {
  font-family: helvetica,sans-serif;
  font-size: 13px;
  width: 100%;
}
.breadcrumbs a {
  text-decoration: underline;
}
.mini_img {
  border: 1px solid #ddd;
}
#pimg_cont {
  width: 250px;
  height: 250px;
  overflow: hidden;
  text-align: center;
}
#pimg {
  max-width: 250px;
  max-height: 250px;
}
#pimg_txt {
  min-height: 16px;
  text-align: center;
  color: green;
}
.related_products td {
  width: 120px;
  font-size: 11px;
  text-align: center;
  vertical-align: top;
  padding-top: 5px;
  padding-right: 5px;
}
.subhead {
  color: 004f00;
}
.subcatgrid {
  margin-top: 10px;
}
.subcatgrid h3 {
  margin: 12 0 4 0;
  padding: 0px;
}
.subcatgrid td {
  padding-right: 20px;
  line-height: 1.4;
}
.subcatgrid td a {
  text-decoration: none;
}
.subcatgrid td a:hover {
  text-decoration: underline;
}
.subcatgrid td a.cat {
  display:block;
  margin-top: 8px;
  font-size: 15px;
  font-weight: bold;
  color: #0F6996;
  text-align: left;
}
.productgrid {
  margin-top: 10px;
}
.productgrid td {
  cursor: pointer;
  border: 1px solid white;
  color: #1382d8;
}
.productgrid td div {
  margin-top:2px;
}
.subcat_desc {
  color: #005500;
  line-height: 1.3;
}
.subcat_desc a {
  text-decoration: none;
  padding-bottom: 3px;
}
.subcat_desc a:hover {
  text-decoration: underline;
}
.subcat_desc h3 {
  padding: 0px;
  margin: 0 0 2 0;
  font-size: 15px;
  display: block;
  color: #0f6996;
  font-weight: bold;
  line-height: 1.2;
}
.cat_main h1, .cat_main h2 {
  color: #005500;
  font-size: 170%;
}
.cat_main h2 {
  font-size: 140%;
  padding-bottom: 6px;
  margin-bottom: 0px;
  background: url(/products/underline1.png) no-repeat scroll bottom left;
}
.subcat_list tr td.higher {
  padding: 0 10 10 0;
}
/* pagemain: used in products.mhtml for when there is no left nav, just to put the right padding in place.  Assumes top breadcrumbs, so only 8px at top. */
.pagemain {
  padding: 8 10 10 30;
}
.tourbold {
  font-weight: bold;
}
#hil_cat {
  color:#0F6996 !important;
}
.prodform {
  color:#005500
}
.prodform input {
  margin-bottom: 8px;
}
.articlestable td {
  padding-right: 10px;
}
.articlestable ul {
  padding-left: 20px;
}
.articlestable a {
  text-decoration: none;
  list-style-type: disc;
  display: list-item;
}
#navmenu-v a.active {
  color: #0F6996;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.morelink {
  float:right; width:0px;
}
.morelink div {
  position:absolute; width:0px;
}
.morelink a {
  position:relative; font-size: 11px; font-weight: normal;
  top:8px; left: -40px;
}
.datetable tr td:first-child {
  text-align: right;
  vertical-align: top;
  padding-right: 6px;
}
.letternav {
  margin-top: 10px;
}
.letternav a {
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  margin-right: 10px;
}
.letternav a:hover {
  text-decoration: underline;
  color: black;
}
.tox_table {
  border-spacing: 0px;
}
.tox_table tr td:first-child {
  text-align: right;
  vertical-align: top;
  padding-right: 6px;
  font-weight: bold;
}
.letternav a.active {
  color: black;
}
.magazines tr td {
  height: 105px;
}
.magazines tr td:first-child {
  width: 91px;
}
.magazines tr td a {
  font-size:16px;
}
.cart_table {
  width: 650px;
  font-family: arial;
}
.cart_table .item td {
  padding: 6 0 6 8;
  border-bottom: 1px solid #ddd;
}
.cart_table .total td {
  font-size: 14px;
  border-top: 1px solid #999;
  padding-top: 6px;
}
.cart_table th {
  font-size: 14px;
  text-align: left;
  padding: 6 0 6 8;
  font-weight: normal;
  color: white;
  background-color: #364e7e;
}
.cart_table th:nth-child(2) {
  text-align: right;
}
.cart_table .tinybuttons {
  line-height: 1.8;
}
.cart_table .tinybuttons a {
  font-size: 9px;
  font-family: arial;
  background-color: #c9d6e1;
  border: 1px solid #84adcf;
  color: #003366;
  font-weight: bold;
  padding: 1px 4px;
  text-decoration: none; 
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.cart_table .tinybuttons a:hover {
  background-color: white;
}
.bluetoptext {
    color: #0F6996;
    font: 16px Helvetica;
    padding-bottom: 9px;
}
.greentoptext {
    color: #005500;
    font: 20px geneva, sans-serif;
    font-weight: bold;
    padding-bottom: 9px;
}
.freeshipping {
    background:url('/images/new/freeshippingbar.png');
    background-repeat:no-repeat;
    width:750px;
    height: 66px;
    padding: 0 0 0 0;
    margin-left: 15px;
}
.freeshipping div {
    color: #dd1022;
    font-size: 44px;
    font-weight: bold;
    font-family: helvetica;
    position:relative;top:20px;left:22px;
}
.freeshipping div span {
    font-size: 20px; position:relative; top:-2px;
}
.mainpromo {
    background:url(/images/feature_shea4.jpg);
    background-repeat:no-repeat;
    width:629px; height: 375px;
    color: white;
    font: bold 24px helvetica;
    margin-left: 0px;
}
.mainpromo .small {
    font: 30px helvetica;
    color: #FFFFFF;
    padding: 0 0 0 0;
    margin: 0px;
    text-align: center;
}
.mainpromo .med {
    font: bold 65px helvetica;
    color: #FFFFFF;
    padding: 25 0 0 25;
    margin: 0px;
    text-align: center;
}
.mainpromo .large {
    font: bold 160px helvetica;
    padding: 0 0 0 50;
    margin: 0px;
}
.mainpromo a {
  color: white;
  display: block;
  text-decoration: none;
  font: normal 30px helvetica;
  padding: 3px 15px;
}
.mainpromo a:hover {
    text-decoration:underline;
}

.featured a {
  color: 060;
  display: block;
  text-decoration: none;
  font: normal 17px helvetica;
  }
  
  .featured a:hover {
  color: 060;
  display: block;
  text-decoration: underline;
  font: normal 17px helvetica;
  }
  
.minibuttons td {
  text-align: center;
  vertical-align: top;
  padding: 0px 4px;
}
.minibuttons a {
  font-size: 11px;
}
.housecenter h2 {
  color: #005500;
  font: bold 24px helvetica,sans-serif;
  text-align:center;
  margin: 0px; padding: 0px;
}
.homebottom img {
  margin-bottom: 12px;
}
.checkout_wrapper {
  background-color: #f0f2f4;
  border: 1px solid #e0e2e4;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 8px 8px;
}
.form {
  background-color: #f0f2f4;
  border: 1px solid #e0e2e4;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 8px 8px;
}
.form td {
  padding: 2px 5px;
  font-family: helvetica;
}
.form td:nth-child(1) {
  text-align:right;
}
.grn {
  font: bold 14px helvetica;
  color: #339933;
}
.report td {
  font: normal 14px helvetica;
  text-align: right;
  padding: 2px 6px;
  border-bottom: 1px solid #eee;
}
.report th {
  font: bold 14px helvetica;
  font-weight: bold;
  padding-right: 6px;
}
.progress td {
  padding: 8px 0px;
  font: bold 16px helvetica;
  color: #68a;
  text-align: center;
}
.progress td div {
  font: normal 14px helvetica;
}
.progress td.active {
  color: black;
}

