body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #00421F!important; line-height: 110%; 
        border: 0px; padding: 0px; margin: 0px;}

h1 {font-size: 200%; color: #005A29; font-weight: bold; line-height: 100%}
h2 {font-size: 120%; color: #FF0000; font-weight: bold;}
h3 {font-size: 100%; color: #FF0000; font-weight: bold;}
h4 {font-size: 133%; color: #990000; font-weight: bold; font-style: italic}
h5 {font-size: 100%; color: #000000; font-weight: bold;}

hr {border-top: thin dashed #333333; height: 1px; border-left: none; border-right: none; border-bottom: none}

a {
}

a:link {
	color: #0050C0;
}
a:visited {
	color: #0050C0;
}
a:hover {
	color: #A0A0A0;
}

table {
        border: none;
}

tr {vertical-align: top}
td {vertical-align: top}

img {
	border: none;
}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px!important;
    font-weight: normal;
    color: #000000;
    background-color: #efefef;
}

input {
    font-size: 16px!important;
}

/* submit button that looks like a link */
.submitlink {
    font-size: 0.9em;
    margin: 0px;
    color: #0050C0;
    border: none;
}

#wcbanner {
  background-image: url(/images/brushbackwhite1024.png);
  background-repeat: no-repeat;
  background-position: 150px -11px;
  z-index: 1;
  position: relative;
  height: 132px;
  background-color: #00592a;
}

.wcmenubarspaceabove {
    display: none;
    heigth: 0px;
}

.wcmenubar {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        position: relative;
        top: 52px;
        left: 0px;
        width: 100%;
        height: 32px;
        text-align: right;
}

.wcmenutext {
  line-height: 1.4em;
  vertical-align: middle;
}

.wcmenutextbig {
  font-weight: bold;
  line-height: 1.6em;
  vertical-align: middle;
}

.wcbannermenu {
  /* background-image: url(/images/buttoncellback2.gif); */
  background-color: white;
  background-repeat: no-repeat;
  float: left;
  margin: 0.0em;
  padding-top: 14px;
  padding-bottom: 0px;
}

.wcbannermenu a:link {
        font-weight: bold;
	color: #40A040;
}

.wcbannermenu a:visited {
        font-weight: bold;
	color: #40A040;
}
.wcbannermenu a:hover {
	color: #F00000;
        font-weight: bold;
}

.wcbannermenucurrent {
  /* background-image: url(/images/buttoncellbackcurrent.gif); */
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  float: left;
  margin: 0.0em; 
  padding-top: 14px;
  padding-bottom: 0px;
}

.wcbannermenucurrent a:link {
        font-weight: bold;
  color: #005828;
}
.wcbannermenucurrent a:visited {
        font-weight: bold;
  color: #005828;
}
.wcbannermenucurrent a:hover {
	color: #F00000;
        font-weight: bold;
}

.wccontent {
    padding-top: 15px;
}

.bannermenupopup {
    display: none; position: relative; top: 5px; z-index: 100; opacity: 0.9;
}
.bannermenupopup img {
    border: 1px solid #E0E0E0;
}

.facebookbuttons {
    float: left;
    display: block;
}

.facebooklink {
    top: -5px;
    font-size: 1.4em;
    color: #FFFFFF;
}

.facebooklink img {
    position: relative;
    top: -5px;
    padding-left: 5px;
    padding-right: 2px;
}

.facebooklink a:visited {
    color: #0000A0;
}

.facebooklink a:link {
    color: #0000A0;
}

.facebooklink a:hover {
    color: #3b5998;
}

.headermenu {
    padding-left: 2em;
}

.headermenu a {
    color: white !Important;
    font-weight: bold;
    padding-right: 1em;
}

.testimonial {
    margin: 4em;
}
.testimonialfrom {
    color: #900000;
}

.cartlink {
  /* background-image: url(/images/buttoncellback2.gif); */
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  float: left;
  margin: 0px; 
  padding-top: 14px;
  padding-right: 12px;
  padding-bottom: 0px;
}

.cartlink a:link {
        font-weight: bold;
	color: #D00000;
}
.cartlink a:visited {
        font-weight: bold;
	color: #D00000;
}
.cartlink a:hover {
	color: #F00000;
        font-weight: bold;
}

.cartlinkcurrent {
  /* background-image: url(/images/buttoncellbackcurrent.gif); */
  background-repeat: no-repeat;
  
  background-color: #FFFFFF;
  float: left;
  margin: 0px; 
  padding-top: 12px;
  padding-bottom: 2px;
}

.cartlinkcurrent a:link {
        font-weight: bold;
	color: #D00000;
}
.cartlinkcurrent a:visited {
        font-weight: bold;
	color: #D00000;
}
.cartlinkcurrent a:hover {
	color: #F00000;
        font-weight: bold;
}
.cartaddlink {
  font-size: 1.3em; font-weight: bold;
}

.cartinstructions {
  font-size: 1.3em; 
  font-weight: bold;
  color: #D00000;
}

.cartchangetext {
    border: 1px solid #E0E0E0;
    padding: 5px;
    background-color: #FFFACD;
}

.cartchangetext div {
    padding: 5px;
}


.imagebox {
        border-width: 1px;
        border-color: #AAA;
}

.borderbox {
        border-width: 1px;
        border-style: solid;
        border-color: #AAA;
        background-color: #FFFFFF;
        padding: 10px;
}

.borderboxcolor {
        border-width: 1px;
        border-style: solid;
        border-color: #00592A;
        background-color: #00592A;
}

.borderboxcolor a {
    color: #FFF;
}

.borderlessbox {
        background-color: #FFFFFF;
        padding-left: 14px;
}



.whysunrise {
        padding: 2em;
        font-size: 1.2em;
        line-height: 150%;
}

.leftsidebar {
        background-color: #FFFFFF;
	left				: 0px;
	margin				: 0px;
	padding				: 0px;
        width: 150px;
}

.leftsidebarcontent {
        margin: 0px auto;
}

.centercolumn,
.centercontent {
	margin				: 0px;
	padding				: 0px;          
        background-color: #EEE;
}

.centercolumn p,
#customerInfo,
#cartHeader {
    padding-left: 10px;
    padding-right: 10px;
}

.centercontentnoright {
	margin				: 0px;
        margin-right                    : 0px;
        margin-left                     : 0px;
	padding				: 0px;
        background-color: #EEE;
}

.rightsidebar {
	width				: 120px;
	padding				: 0px;
        padding-top                     : 2px;
}

.promoForm,
.checkoutForm,
.itemForm {
    padding-left: 10px;
    padding-right: 10px;
}


.popboxheader {
        height: 2.0em;
        background-color: #EEE;
        text-align: center;
        border-width: 1px;
        border-style: solid;
        border-color: #AAA;
}

.popbox td {
}

.popbox {
        padding: 2px;
        border-width: 1px;
        border-style: solid;
        border-color: #AAA;
        background-color: #FFFFFF;
}

.popboxfooter {
        height: 2.0em;
        background-color: #DBE4C7;
        vertical-align                  : middle;
        text-align                      : center;
}

.indexhero {
    font-family: "Merriweather", serif;
    color: white;
    background-image: url('/images/brochurephoto2026_800.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
    position: relative;
}

.indexherocontent {
    padding-left: 2.5em;
    padding-top: 1em;
    width: 100%;
    display: block;
    font-size: 300%;
    line-height: 150%;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    top: 30%;
}

.itemtitle {
  font-size: 120%; color: #990000; font-weight: bold;
}

.itemtitlelink {
  font-size: 120%; font-weight: bold;
}

.itemprice {
  font-weight: bold;
}

.itemorderlink {
  font-size: 110%;
  font-weight: bold;
}

.errortext {
  font-size: 100%; color: #BFBFBF; font-weight: bold; line-height: 130%;
  background-color: #CC0000;
}

.pagetitle {
  font-size: 150%; color: #990000; font-weight: bold; padding: 10px;
}

.emailtitle {
  font-size: 150%; color: #990000; font-weight: bold;
}

.emaillabel {
    width: 150px;
    text-align: right;
    padding-top: 5px;
    padding-right: 1em;
}

.emailfield {
    padding-top: 5px;
    padding-right: 2em;
}

.faqquestions {
  color: #990000;
}

.item {
  border: 1px solid #7F7F7F;
  color: #000000;
  background-color: #efefef;
  width: 100%;
}

.item td {
    padding: 2px;
}

.item input {
    width: inherit;
}

 .item select {
    width: inherit;
}

.checkout input {
    width: inherit;
}

.checkout select {
    width: inherit;
}

.cart {
  border: 4px solid #7F7F7F;
  color: #000000;
  background-color: #CCCCCC;
  width: 100%;
}

.cart .quantity {
  background-color: #EFEFEF;
  width: 10%;
}

.cart th.quantity {
  background-color: #CCCCCC;
}

.cart .description {
  background-color: #EFEFEF;
  width: 20%;
}

.cart th.description {
  background-color: #CCCCCC;
}

.cart .lastFirst {
  background-color: #EFEFEF;
  width: 40%;
}

.cart th.lastFirst {
  background-color: #CCCCCC;
}

.cart .card01 {
  background-color: #EFEFEF;
  width: 30%;
}

.cart th.card01 {
  background-color: #CCCCCC;
}

.cartcell {
  background-color: #EFEFEF;
}

.cartcell div {
    display: inline;
}

.carttotals {
  text-align: right;
  display: inline;
}

.cartfinaltotal {
  font-weight: bold;
}

.checkouttitle {
  font-size: 150%; color: #CF0000; font-weight: bold; padding: 10px;
}

.checkout {
}

.checkoutinstructions {
    color: #CF0000;
    margin-bottom: 5px;
}

.promotext {
    color: #CF0000;
    font-style: italic;
    font-weight: bold;
}
div.promotext {
    margin-bottom: 5px;
}

.hintmessage {
    color: #8F8F8F;
    font-style: italic;
}
/*
SWITCHED TO USING embedded text in confirmation
.confirmation {
  color: #000000;
  background-color: #FFFFFF;
}

.confirmationtitle {
  font-size: 200%;
  color: #000000; 
  font-weight: bold;
  line-height: 110px;
}

.confirmationcell {
  background-color: #FFFFFF;
}

.confirmationheader {
  background-color: #EFEFEF;
}
*/

.custhistorylist {
    padding-top: 5px;
}

.custhistorylistcellcontenttable {
  border: 1px solid #CFCFCF;
  border-radius:5px;
  margin: 1em;
  width: 20em;
}

.custhistorylistcellleft {
    border-right: 1px solid #CFCFCF;
    width: 15em;
}

.custhistorylistcellcentered {
    text-align: center;
    vertical-align: middle;
}

.company {
  font-weight: bold;
  background-color: #FFFFFF;
}

textarea#message {
    width: 35em;
}


.red {
  color:#CF0000
}

.redbold {
  color: #CF0000;
  font-weight: bold;
}

p.warning { border-width:1px; border-style:solid; margin-top:5px; margin-right:15%; 
 border-color:#FF0000; padding-left:15px; padding-top:5px; padding-right:5px;
 padding-bottom:5px; font-size:80%; background-color:#8F8F8F;}


.groupitem {
    padding: 5px;
    margin-bottom: 20px;
    background-color: #EEE;
    display: flex;
    align-items: center;
    float: left;
}

.groupimage {
    width: 150px;
    padding: 5px;
    flex-shrink: 0;
    margin-right: 12px;
}

.grouptext {
  min-height: 3em;
  vertical-align: middle;
}

#wholepage {
    width: 100%; 
    margin-left: auto; 
    margin-right: auto;
}

#categorybuttons {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
/*        display: none; */
        padding: 0px;
        display: block;
}
.categorybutton {
        text-align: center;
        vertical-align: top;
        width: 33%;
}
.categorybutton a {
        color: #777;
        text-decoration: none;
}
.categorybutton img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.item td.leftcolumn {
        width: 15%;
        align: right;
}
.checkout td.leftcolumn {
        width: 15%;
        align: right;
}
#confirmation {
    color: #000000;
    background-color: #FFFFFF;
    padding: 1em;
    
}
#confirmation .header {
    width: 100%;
}

#confirmation .title {
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}

#confirmation .orderinfo {
    padding-left: 3em;
}

#confirmation .companyinfo {
    font-weight: bold;
    background-color: #FFFFFF;
    vertical-align: middle;
    padding-left: 1em;
}

#confirmation .customerorderinfo {
    border: 1px solid #000000;
    border-radius: 5px;
    margin-bottom: 10px;
    padding-left: 5px;
}

#confirmation .cartheader {
    text-align: left;
}

#confirmation .cartheaderblock {
    text-align: left;
}

#confirmation .cartitemshipto {
    background-color: #FFFFFF; width: 30%;
}

#confirmation .cartitemgiftcard {
    background-color: #FFFFFF; width: 30%;
}

#confirmation .cartitemprice {
    background-color: #FFFFFF; width: 10%; text-align: right;
}

.quantityCell .form-control {
    padding: 6px 6px;
}

#confirmation .totals {
    float: right;
}

#confirmation .returnlink {
    padding-top: 10px;
    font-weight: bold;
    text-align: right;
}

#orderstatus {
  color: #000000;
  background-color: #FFFFFF;
}

#orderstatus {
    padding: 1em;
}

#orderstatus .header {
    width: 100%;
}

#orderstatus .orderinfo {
    padding-left: 3em;
}

#orderstatus .title {
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}

#orderstatus .asoftime {
   font-size: 16px;
}

#orderstatus .cartheader {
    text-align: left;
}

#orderstatus .cartheaderblock {
    text-align: left;
}

#orderstatus .orderstatusheader {
  background-color: #EFEFEF;
}

#orderstatus .cartitemdescription {
    width: 20%
}

#orderstatus .cartitemshipto {
    background-color: #FFFFFF; width: 30%;
}

#orderstatus .cartitemgiftcard {
    background-color: #FFFFFF; width: 30%;
}

#orderstatus .cartitemprice {
    background-color: #FFFFFF; width: 10%; text-align: right;
}

#orderstatus .totals {
    float: right;
}

state select option:first-child{
  color: red;
}

  #buttons {
    margin-left: auto;
    float: right;
    padding-left: 0.5em;
  }

  #showmenubutton {
    float: right;
    display: block;
  }
  
  #showaccountbutton {
    float: left;
    display: block;
    margin-right: 15px;
    color: #FFF;
  }

  #showaccountbutton a {
    color: #FFF;
  }

  #shoppingcartbutton {
    float: left;
    display: block;
    padding-right: 15px;
    color: #FFF;
  }
  
  #shoppingcartbutton a {
    color: #FFF;
  }

.wctooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.wctooltip .tooltiptext {
    visibility: hidden;
    background-color: lightyellow;
    color: #00592a;
    font-size: 0.7em;
    text-align: center;
    border-radius: 2px;
    padding: 1px 0;
    width: 150%;

    /* Position the tooltip */
    position: absolute;
    top: -1.7em;
    left: -2em;
    z-index: 1;
}

.wctooltip:hover .tooltiptext {
    visibility: visible;
}
  
  #menubuttonmsg {
    display: block;
  }
  
  #productmenubottom {
    display: block;
    margin-top: 5px;
  }

  #menubox {
    position: relative;
    top: -132px;
    left: 0px;
    z-index: 10;
    background-color: #00592a;
    display: none;
  }
  
  div.cssmenu {
      position: absolute!important;
      max-width: 420px;
      left: 0px;
      top: 0px;
      z-index: 10;
  }
  
  #tracking_window {
      max-width: 800px;
  }
  
  /* used to gray out page when menu open */
  #pageoverlay {
        position: fixed;
        display: none;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0,0,0,0.6);
        z-index: 9;
  }
  
  #menubutton {
      background-image: url(/images/menuwhite24.png);
      position: relative;
      float: left;
      margin-left: 10px;
      height: 24px;
      width: 24px;
      verticle-align: center;
      cursor: pointer;
      color: #FFF;
  }
  
  .logo {
    width: 150px;
    height: 128px;
    float: left;
  }

  #belowbanner {
      display: flex;
      align-items: center;
      position: relative;
      top: 104px;
      height: 24px;
  }

  #bannerbuttons {
      position: absolute;
      right: 0px;
      top: 50px;
      display: flex;
      align-items: center;
      background: rgba(0, 0, 0, .3);
  }
  #bannerbuttons a {
      color: white;
      padding-right: 10px;
      display: inline-flex;
      align-items: center;
      min-height: 24px;
  }
  
  .sideitempic {
      padding: 11px;
  }
  .sideitempic img,
  .sideitempic span {
      margin: 0px auto;
      display: block;
  }
  .sideitempic a:hover {
	color: #F00000;
        font-weight: bold;
  }

.footerlayout {
        padding: 10px;
        background-color: rgb(0, 89, 42);
        color: white;
        width                           : 66.5em;
        height                          : 3.0em;
        vertical-align                  : middle;
        text-align                      : center;
        line-height                     : 150%;
}

.footerlayout a {
        color: white !important;
        -webkit-tap-highlight-color: transparent;
}



  
  /* Responsive layout settings based on screen width */

  @media (max-width: 4096px) {
      .showonsmall,
      .showtoosmall,
      .showonmedium,
      .showonbigphone {
          display: none;
      }
  }

  @media (max-width: 1200px) {
        .indexhero {
            height: 600px;
        }
  }
  
  @media (max-width: 1000px) {
      .hideonmedium {
          display: none;
      }
      
      .showonmedium {
          display: block;
      }
  }
  
  @media (max-width: 900px) {
        .indexhero {
            height: 400px;
        }
        .indexherocontent {
            font-size: 200%;
        }
  }
  
  @media (max-width: 720px) {

        .rightsidebar {
            display: none;
        }
        .leftsidebar {
            display: none;
        }
        .hideonsmall {
            display: none;
        }
        .showonsmall {
            display: block;
        }
        .centercontent {
            margin				: 0px;
        }

        .indexhero {
            height: 300px;
            background-position: 10% 10%;
            background-size: 170%;
        }
        
        .indexherocontent {
            padding-left: 1.2em;
            top: 30%;
            line-height: 150%;
            font-size: 190%;
        }

        .quantityCell .form-control {
            padding: 6px 2px;
        }
        
        #confirmation .title {
            font-size: 1.5em;
            color: #000000; 
            font-weight: bold;
        }

        #confirmation .orderinfo {
            display: block;
            align-text: left;
            padding-left: 0px;
        }

        #confirmation .cartheaderblock {
            text-align: left;
            display: block;
        }

        #confirmation .cartitemshipto {
            width: 100%;
            background-color: #FFFFFF; display:block;
        }

        #confirmation .cartitemgiftcard {
            width: 100%;
            background-color: #FFFFFF; display:block;
        }

        #confirmation .cartitemprice {
            background-color: #FFFFFF; text-align: right;
        }

        #confirmation .totals {
            padding-top: 1em;
        }

        #orderstatus {
            padding: 0.5em;
        }

        #orderstatus .title {
            display: block;
        }

        #orderstatus .orderinfo {
            display: block;
            align-text: left;
            padding-left: 0px;
        }

        #orderstatus .cartheaderblock {
            text-align: left;
            display: block;
        }

        #orderstatus .cartitemquantity {
            padding-left: 1em;
        }

        #orderstatus .cartitemdescription {
            width: 40%;
        }

        #orderstatus .cartitemshipto {
            width: 100%;
            padding-right: 1em;
            background-color: #FFFFFF; display:block;
        }

        #orderstatus .trackingLinkDisabled {
            pointer-events: none;
        }

        #orderstatus .trackingLinkDisabled > a {
            text-decoration: none;
            color: inherit;
        }

        #orderstatus .cartitemgiftcard {
            padding-top: 5px;
            background-color: #FFFFFF; display:block;
        }

        #orderstatus .cartitemprice {
            background-color: #FFFFFF; text-align: right;
        }


 }
  
  @media (max-width: 640px) {
        body {
        }
	.cssmenu, 
	.cssmenu ul,
	.cssmenu li,
	.cssmenu a {
		font-size: 28px;
	}
        .cssmenu {
            left: 0px;
        }
      .email input#name {
          width: 25em;
        }
       .email input#email {
          width: 25em;
        }
       .email input#phone {
          width: 25em;
        }
       .email textarea#message {
          width: 30em;
        }

        .item input {
            width: 100%;
        }

        .item select {
            width: 100%;
        }

        .checkout input[type=text] {
            width: 100%;
        }

        .checkout select {
            width: 100%;
        }

        table#wholepage {
            width: 100%;
            margin: 0px;
            padding: 0px;
        }
    }

@media (max-width: 620px) {
        .hideonbigphone {
            display: none;
        }
        .showonbigphone {
            display: block;
        }
        #bannerbuttons {
            background: rgba(0, 0, 0, 0);
        }
}

@media (max-width: 512px) {
       	.cssmenu, 
	.cssmenu ul,
	.cssmenu li,
	.cssmenu a {
		font-size: 24px;
	}

  .email input#name {
      width: 15em;
  }
  .email input#email {
      width: 15em;
  }
  .email input#phone {
      width: 15em;
  }
  .email textarea#message {
      width: 18em;
  }
}

@media (max-width: 420px) {
        .cssmenu, 
	.cssmenu ul,
	.cssmenu li,
	.cssmenu a {
		font-size: 22px;
	}
        .centercontentnoright {
            margin: 0px;
            margin-right                    : 0em;
            margin-left                     : 0em;
        }
        .cssmenu {
            max-width: 100%;
        }
        .hideonphone {
            display: none;
        }
}

@media (max-width: 375px) {
       .indexhero {
            height: 220px;
        }
        .indexherocontent {
            font-size: 150%;
        }
}

@media (max-width: 320px) {
    body {
        /* background-color: lightseagreen; */
        font-size: 16px;
    }
        .cssmenu, 
	.cssmenu ul,
	.cssmenu li,
	.cssmenu a {
		font-size: 22px;
	}
        .cssmenu {
            max-width: 100%;
        }
        .tooltip .tooltiptext {
            font-size: 1em;
        }

}
@media (max-width: 309px) {
        .hideonverysmall {
            display: none;
        }
}
@media (max-width: 280px) {
        .showtoosmall {
            display: block;
            width: 100%;
            background-color: red;
            color: white;
            text-align: center;
        }
}