body {
    margin: 0px;
    color: #5f5542;
    height: 100%;
    background-color: #ffffff;
    text-align: center;
    font-size: 1.5rem;
    font-family: helvetica condensed, helvetica, sans-serif, arial;
    background-image: url(../images/bgGrad.jpg);
    background-repeat: repeat-x; }

input:focus {
    outline: none; }

#ucTopMainHeader1_tbSearch {
    border: medium none;
    color: #ABABAB;
    font-size: 15px;
    padding: 0 5px; }

.mainheader {
    width: 1020px;
    margin: 0px 0px 0px 9px;
    color: #5f5542;
    background-color: #ffffff;
    text-align: left;
    font-size: 13px;
    font-family: helvetica, sans-serif, arial;}

.maincontent {
  width: 1440px;
  height: 100%;
  margin: 0px 0px 10px 9px;
  padding: 0px 0px 0px 0px;
  color: #5f5542;
  background-color: #ffffff;
  font-size: 1.5rem;
  font-family: helvetica, sans-serif, arial;
}

.maincontent1 {
  width: 1440px;
  height: 100%;
  margin: 0px 0px 0px 9px;
  padding: 0px 0px 0px 20px;
  color: #5f5542;
  background-color: #ffffff;
  font-size: 1.5rem;
  font-family: helvetica, sans-serif, arial;
}

#canvas {
  margin: 0px auto;
  width: 1440px;
  text-align: left;
}

@media (max-width: 768px) {
  .maincontent {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .maincontent1 {
    font-size: 2rem;
  }
}

.pagetitle {
    color: #5f5542;
    font-size: 15px;
    font-family: helvetica, sans-serif, arial;
    font-weight: bold;}

.header1 {
    color: #5f5542;
    font-size: 15px;
    font-family: helvetica, sans-serif, arial;
    font-weight: bold; }

.headercap {
    color: #5f5542;
    font-size: 15px;
    font-family: helvetica, sans-serif, arial;
    font-weight: bold;
    font-variant: small-caps;}

.notice {
    color: #ff0000;
    font-size: 15px;
    font-weight: bold; }

.mainfooter {
    width: 982px;
    text-align: center;
    font-family: helvetica, sans-serif, arial;
    margin-top: 30px;
    padding: 30px 0;
    border-top: 1px solid #f0f0f0; }

a.bodylink:link {
    font-weight: normal;
    font-size: 13px;
    color: #006991;
    font-family: helvetica, sans-serif, arial;
    text-decoration: underline; }

a.bodylink:visited {
    font-weight: normal;
    font-size: 13px;
    color: #006991;
    font-family: helvetica, sans-serif, arial;
    text-decoration: underline; }

a.bodylink:hover {
    font-weight: normal;
    font-size: 13px;
    color: #006991;
    font-family: helvetica, sans-serif, arial;
    text-decoration: underline; }

a.bodylinkb:link {
    font-weight: bold;
    font-size: 13px;
    color: #006991;
    font-family: helvetica, sans-serif, arial;
    text-decoration: underline; }

a.bodylinkb:visited {
    font-weight: bold;
    font-size: 13px;
    color: #006991;
    font-family: helvetica, sans-serif, arial;
    text-decoration: underline; }

a.bodylinkb:hover {
    font-weight: bold;
    font-size: 13px;
    color: #006991;
    font-family: helvetica, sans-serif, arial;
    text-decoration: underline; }

a.storelink:link {
    font-weight: normal;
    font-size: 1.5rem;
    color: #5f5542;
    font-family: helvetica, sans-serif, arial;
    text-decoration: none; }

a.storelink:visited {
  font-weight: normal;
  font-size: 1.5rem;
  color: #5f5542;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
}

a.storelink:hover {
  font-weight: normal;
  font-size: 1.5rem;
  color: #5f5542;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}

a.mainfooter:link {
    font-weight: normal;
    color: #5f5542;
    font-family: helvetica, sans-serif, arial;
    text-decoration: none; }

a.mainfooter:visited {
    font-weight: normal;
    color: #5f5542;
    font-family: helvetica, sans-serif, arial;
    text-decoration: none; }

a.mainfooter:hover {
    font-weight: normal;
    color: #5f5542;
    font-family: helvetica, sans-serif, arial;
    text-decoration: underline; }



table.proglist {
    font-size: 13px;
    font-family: helvetica, sans-serif, arial;
    font-weight:normal; }

table.proglist a {
    color:#5f5542;
    text-decoration:none; }

    table.proglist a:hover {
        text-decoration: underline;}

#itemAmount, #lblAvailPoints, #lblRemainPoints {
    color:#0983b2;
    font-size:18px;
    font-weight:bold;
    padding: 0 20px 0 0; }

/*add some padding around QTY input box*/
#itemQty, #minQty, #maxQty, #criteria {
     }

.input-qty {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 2.0vh;
  width: 10vw;
}

/*style FIND button*/
.btn-secondary {
  padding: 10px 30px;
  background-color: #003d74;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  margin-left: 20px;
  cursor: pointer;
}

table.proglist th {
    background-color: #f0f0f0;
    color: #5f5542;
    font-family: helvetica,sans-serif,arial;
    font-size: 14px;
    font-weight: bold;
    padding: 9px;
    text-align: center;
    text-transform: uppercase;}

.itemTitle {
    font-weight: bold;
    font-size: 15px;}

.categories {
    position: absolute; }

.ucTopCatSearch1_menuCat_2 {
    background-color: #8ec63d;
    padding: 15px 30px;}

.ucTopCatSearch1_menuCat_1 {
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff; }

a.ucTopCatSearch1_menuCat_1 {
    padding: 10px 0;}

.ucTopCatSearch1_menuCat_1:hover {
    text-decoration: underline;}

.ucTopCatSearch1_menuCat_0 {
    background: #a3d365 !important;
    padding: 20px !important;
    left: 178px !important;
    top: 0px !important; }

/*start category.aspx*/
a.catlink:link {
    font-family: helvetica, sans-serif, arial;
    text-decoration: none;
    background-color: #a3d365;
    padding: 30px;
    margin-bottom: 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    width:100%;
}

    a.catlink:visited {
        font-family: helvetica, sans-serif, arial;
        text-decoration: none;
        background-color: #a3d365;
        padding: 15px 19px;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: normal;}

    a.catlink:hover {
        text-decoration: underline; }
/*end category.aspx*/

a.catlink1:link {
    font-weight: bold;
    font-size: 13px;
    color: #006991;
    font-family: helvetica, sans-serif, arial;
    text-decoration: none;
    font-variant: small-caps; }

a.catlink1:visited {
    font-weight: bold;
    font-size: 13px;
    color: #006991;
    font-family: helvetica, sans-serif, arial;
    text-decoration: none;
    font-variant: small-caps; }

    a.catlink1:hover {
        font-weight: bold;
        font-size: 13px;
        color: #006991;
        font-family: helvetica, sans-serif, arial;
        text-decoration: underline;
        font-variant: small-caps; }

    a.catlink1:active {
        font-weight: bold;
        font-size: 13px;
        color: #006991;
        font-family: helvetica, sans-serif, arial;
        text-decoration: none;
        font-variant: small-caps; }

.catdesc {
    font-weight: bold;
    color: Blue; }

.footer {
    font-weight: normal;
    color: #5f5542;
    font-family: helvetica, sans-serif, arial; }

.formlabelb {
    color: #656666;
    float: left;
    text-align: right;
    width: 120px;
    font-weight: bold;
    margin: 9px 0 0; }

.formlabel {
    color: #656666;
    float: left;
    text-align: right;
    width: 120px;
    font-weight: normal;
    margin: 9px 0 0; }

.formvalue {
    float: left;
    padding: 0px 0px 0px 5px;}

#tbName, #tbEmail, #tbPhone, #tbComments, .tbvaluew, .tbvaluen, #userName, #webPass {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E7E7E7;
    color: #5F5542;
    font-size: 15px;
    padding: 9px;
    width:305px; }

.formvalue select {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E7E7E7;
    color: #5F5542;
    font-size: 15px;
    padding: 9px;
    width:270px; }

#lblTaxID {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 0 3px;
    position: relative;
    top: 28px; }

.formclear {
    clear: both;
    height: 4px;}

.tbvaluew {
    width: 250px;}

.tbvaluen {
    width: 120px; }

.catlinkText {
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    font-family: helvetica, sans-serif, arial;
    text-decoration: none; }

.pointText {
    font-weight: bold;
    font-size: 15px;
    color: #0A84B2;
    font-family: Helvetica Condensed, helvetica, sans-serif, arial;
    text-decoration: none; }

.pointTextCart {
    font-weight: bold;
    font-size: 15px;
    color: #8cc63e;
    font-family: Helvetica Condensed, helvetica, sans-serif, arial;
    text-decoration: none; }

/*styling breadcrumbs*/
.nav_top a, a.nav_top {
  font-size: 1.5rem;
  font-weight: normal;
  font-size: 1.5rem;
  color: #5f5542;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
}

    .nav_top a:hover, a.nav_top:hover {
        text-decoration: underline;}

#ucRightMain1_imgAcceptText {
    left: -4px;
    position: relative;
    top: 6px; }

.cartbutton {
  background-color: #8CC63F; /* Matching green */
  color: white;
  font-weight: bold;
  border: none;
  padding: 20px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1.5rem;
}

  .cartbutton:hover {
    background-color: #7AB530; /* Slightly darker green on hover */
  }

.qty-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 0px 10px;
}

.qty-container > div {
  display: flex;
  align-items: center;
}