/*------------------------------- Walla Walla  ----------------------------------------------------------{*/
/*------------------------------- Variables -------------------------------------------------------------{*/
/* background-color: #630303;
   background-color: #7AC114;
   background-color: #F8F8FF;
   background-color: #EEECE7;
   background-color: transparent;
   background-color: rgba(128,128,128,1);
   background-color: rgba(240,240,240,0.8);
   background-color: rgba(240,240,240,1);
   background-color: rgba(250,250,250,1);
   background-color: rgba(169, 169, 169, 0.05);
   background-color: black;
   color: transparent;
   color: #F5F5F5;
   color: #630303;
   color: #FB6205;
   color: #35535B;
   color: #F8F8FF;
   color: rgba(64,64,64,1);
   color: rgba(128,128,128,1);
   color: rgba(255,255,255,1);
   color: black;
   color: blue;
   color: red;
   color: white;
   outline-color: rgba(99,3,3,0.2);
   border-bottom-color: black;
   border-bottom-color: gray;
   border-color: rgba(235,235,235,1);
   border-color: rgba(215,215,215,1);
   border-color: #F8F8FF;
   font-family: Arial;
*/
/*------------------------------- Font Groups -----------------------------------------------------------------{*/
.CatalogBody, .CatalogBasketBody, .CatalogMenuBody, .CatalogElementBodyDiv, .CartBody, .CheckoutBody, .CatalogMessageBody, .RegisterBody, .ManageBody, .SelectionBody, .CatalogMenuLineDiv, .ForgotPasswordBody, .ResetPasswordBody, .UnsubscribeBody, .NewsletterHookBody, .NewsletterBody {
   font-family: Arial;
}

/*------------------------------- Button Groups ---------------------------------------------------------------{*/
.CartCheckoutButton, .CheckoutPlaceOrderButton, .UserLoginLoginButton, .RegisterReturnToCartButton, .RegisterContinueButton, .RegistrationCartRegistrationButton, .CheckoutUserMsgButton, .ForgotPasswordSubmitButton, .ResetPasswordSubmitButton, .UnsubscribeSubmitButton, .NewsletterSubmitButton, .RegistrationOrderReviewButton, .RegistrationOrderReviewRegisterButton {
   font-size: 16px;
   font-weight: bold;
   color: #F5F5F5;
   background-color: #630303;
   line-height: 30px;
   cursor: pointer;
   vertical-align: middle;
   padding: 6px 24px 6px 24px;
   letter-spacing: 0.5px;
   transition: all .4s ease;
   margin-bottom:   10px;
   -moz-transition: all .4s ease;
   -webkit-transition: all .4s ease;
   -o-transition: all .4s ease;
}
.CartCheckoutButton:hover, .CheckoutPlaceOrderButton:hover, .UserLoginLoginButton:hover, .RegisterReturnToCartButton:hover, .RegistrationCartRegistrationButton:hover, .RegisterContinueButton:hover, .CheckoutUserMsgButton:hover, .ForgotPasswordSubmitButton:hover, .ResetPasswordSubmitButton:hover, .UnsubscribeSubmitButton:hover, .NewsletterSubmitButton:hover, .RegistrationOrderReviewButton:hover, .RegistrationOrderReviewRegisterButton:hover {
   background-color: transparent;
   color: #630303;
   letter-spacing: 1px;
   border: #630303 solid 1px;
   transition: all .4s ease;
   -moz-transition: all .4s ease;
   -webkit-transition: all .4s ease;
   -o-transition: all .4s ease;
}
.CartCheckoutButton:focus, .CheckoutPlaceOrderButton:focus, .UserLoginLoginButton:focus, .RegisterReturnToCartButton:focus, .RegistrationCartRegistrationButton:focus, .RegisterContinueButton:focus, .CheckoutUserMsgButton:focus, .ForgotPasswordSubmitButton:focus, .ResetPasswordSubmitButton:focus, .UnsubscribeSubmitButton:focus, .NewsletterSubmitButton:focus, .RegistrationOrderReviewButton:focus, .RegistrationOrderReviewRegisterButton:focus {
   background-color: #7AC114;
   color: white;
}
.CatalogBuyButton, .CatalogElementBuyButton, .CatalogElementContinueButton, .CartButton, .CartButton.continue, .CartButton.update, .CartButton.clear, .CheckoutContinueButton, .CheckoutLoginButton, .ManageAddressButton, .CheckoutButton, .ManageAddressButton.manage, .ManageAddressButton.remove, .ManageAddressButton.add, .ManageBuyButton, .CheckoutButton.update, .CheckoutButton.couponupdate, .CheckoutButton.lookup, .UserLoginCancelButton, .RegisterBuyButton, .RegistrationCartButton.continue, .RegistrationCartButton.clear, .CatalogMessageButton, .ForgotPasswordCancelButton {
   font-size: 16px;
   font-weight: bold;
   background-color: transparent;
   line-height: 30px;
   cursor: pointer;
   vertical-align: middle;
   padding: 6px 24px 6px 24px;
   letter-spacing: 0.5px;
   color: #630303;
   border: #630303 solid 1px;
   margin-bottom:   10px;
   transition: all .4s ease;
   -moz-transition: all .4s ease;
   -webkit-transition: all .4s ease;
   -o-transition: all .4s ease;
}
.CatalogBuyButton:hover, .CatalogElementBuyButton:hover, .CatalogElementContinueButton:hover, .CartButton:hover, .CartButton.continue:hover, .CartButton.update:hover, .CartButton.clear:hover, .CheckoutContinueButton:hover, .CheckoutLoginButton:hover, .ManageAddressButton:hover, .CheckoutButton:hover, .ManageAddressButton.manage:hover, .ManageAddressButton.remove:hover, .ManageAddressButton.add:hover, .ManageBuyButton:hover, .CheckoutButton.update:hover, .CheckoutButton.couponupdate:hover, .CheckoutButton.lookup:hover, .UserLoginCancelButton:hover, .RegisterBuyButton:hover, .RegistrationCartButton.continue:hover, .RegistrationCartButton.clear:hover, .CatalogMessageButton:hover, .ForgotPasswordCancelButton:hover {
   color: #F5F5F5;
   background-color: #630303;
   letter-spacing: 1px;
   transition: all .4s ease;
   -moz-transition: all .4s ease;
   -webkit-transition: all .4s ease;
   -o-transition: all .4s ease;
}
.CatalogBuyButton:focus, .CatalogElementBuyButton:focus, .CatalogElementContinueButton:focus, .CartButton:focus, .CartButton.continue:focus, .CartButton.update:focus, .CartButton.clear:focus, .CheckoutContinueButton:focus, .CheckoutLoginButton:focus, .ManageAddressButton:focus, .CheckoutButton:focus, .ManageAddressButton.manage:focus, .ManageAddressButton.remove:focus, .ManageAddressButton.add:focus, .ManageBuyButton:focus, .CheckoutButton.update:focus, .CheckoutButton.couponupdate:focus, .CheckoutButton.lookup:focus, .UserLoginCancelButton:focus, .RegisterBuyButton:focus, .RegistrationCartButton.continue:focus, .RegistrationCartButton.clear:focus, .CatalogMessageButton:focus, .ForgotPasswordCancelButton:focus {
   color: white;
   background-color: #7AC114;
}
.CatalogBuyButton.gray, .CatalogElementBuyButton.gray {
   background-color: #630303;
   color: white;
}

/*------------------------------- Catalog ---------------------------------------------------------------{*/

.CatalogBody  {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   -webkit-font-smoothing: antialiased;
}
.CatalogDiv {
}
.CatalogRow {
   height: auto;
   width: 270px;
   float: left;
   margin-left: 1%;
   padding-top: 10px;
}

.CatalogRowCommand {
   display: none;
}

.CatalogRowCommandImage {
   float: right;
   cursor: pointer;
}

.CatalogInfoHeader, .CatalogInfoDescription, .CatalogDetailRow {
   border: none;
}

.CatalogRowContainer {
   padding: 0px 0%;
}

.CatalogImage {
   text-align: center;
   max-width: 100%;
   height:    200px;
   margin: 0 auto;
   padding-bottom: 10px;
}

.CatalogImage img {
   width: auto;
   max-height: 100%;
   height: auto;
   cursor: pointer;
   vertical-align: middle;
}

.CatalogInfo {
   margin: 0 0 5px;
}

.CatalogInfoHeader {
   text-align: center;
}

.CatalogName {
   height: 60px;
   font-size: x-large;
   font-weight: 300;
   margin: 0 0 0 0;
}

.CatalogExtraLine {
   font-size: 100%;
   color: #FB6205;
   line-height: 30px;
}

.CatalogNotes {
   display: none;
}

.CatalogInfoHeaderRight {
   line-height: 40px;
   font-size: 90%;
}

.CatalogAvailable {
   display: none;
}

.CatalogAvailableText {
   color: #35535B;
   display: inline-block;
   margin-top: 15px;
}

.CatalogPrice {
   color: #630303;
   font-size: 150%;
   display: block;
}

.CatalogClubPriceRow {
   text-align: left;
   display: none;
}

.CatalogClubPrice {
   color: #630303;
   font-size: 150%;
   padding: 2px 0 0 0;
   margin-right: 10px;
   display: inline-block;
}

.CatalogClubPriceLabel {
   display: inline-block;
   padding: 2px 0 0 0;
}

.CatalogInfoDescription {
   clear: both;
   font-size: 18px;
   line-height: 25px;
}

.CatalogDetailRow {
   display: none;
}

.CatalogDetailsColumnLeft, .CatalogDetailsColumnRight {
   width: 49%;
   float: left;
}

.CatalogDetailsColumnLeft {
   margin-right: 2%;
}

.CatalogDetailLabelLeft, .CatalogDetailLabelRight {
   color: red;
   font-weight: bold;
   width: 35%;
   display: inline-block;
   margin-right: 4%;
}

.CatalogDetailLabelLeft.notred, .CatalogDetailLabelRight.notred {
   color: red;
   font-weight: bold; 
}

.CatalogDetailHeader {
   color: red;
   font-weight: bold; 
   text-transform: uppercase;  
}

.CatalogBuyLine {
   padding: 5px 0;
}

.CatalogSocials {
   width: 40%;
   float: left;
   margin-left: 4%;
   display: none;
}

.CatalogSocialIcon {
   float: left;
   margin-right: 20px;
}

.CatalogAddToRow {
   width: 100%;
   text-align: center;
   margin-top: 0%;
   margin-bottom: 0%;
   margin-left: 0%;
   margin-right: 0%;
   height: auto;
}

.CatalogQuantityDiv.normal {
   border-style: none;
   width: auto;
   display: inline-block;
}
.CatalogQuantityDiv.gray {
   width: 100%;
}
.CatalogQuantity {
}
.CatalogQuantityLabel, .CatalogGridInputField {
   margin-right: 10px;
   vertical-align: middle;
}

.CatalogGridInputField:focus, .CatalogElementGridInputField:focus, .UserLoginInput:focus {
    outline-color: rgba(99,3,3,0.2);
}

.CatalogGridInputField {
   width: 38px;
   height: 38px;
   font-size: 15px;
   text-align: center;
   border: #630303 solid thin;
   margin-top:    0px;
   background-color: transparent;
}

.CatalogQuantityLabel.gray {
   display: none;
}
.CatalogGridInputField.gray {
   display: none;
}

.CatalogBuyButton {
   display: inline-block;
   margin-top:    10px;
}
.CatalogBuyButton.gray {
}

.CatalogSearchDiv {
   float:         right;
   margin-top:    1px;
   margin-right:  0px;
}

.CatalogSearchInput {
    height: 16px;
    padding: 5px;
    font-family: verdana;
    color: #333;
    font-size: 12px;
}
.CatalogSearchIcon {
    margin-left: 5px;
    vertical-align: middle;
}

a img
{
   border: 0 none;
}

.image-link
{
   text-decoration: none;
}

.fieldset {
   border-width: 0px;
}
fieldset {
   border-width: 0px;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 1056px) {
   .CatalogBody {
      width: 99%;
      background-color: transparent;
   }
   .CatalogDiv {
      margin-left: 65px;
   }
}

@media screen and (max-width: 780px) {
   .CatalogDiv {
      padding-left: 0px;
      margin-left: 95px;
   }
}

@media screen and (max-width: 500px) {
   .CatalogBody {
      width: 99%;
   }
   .CatalogDiv {
      margin-left: 0px;
   }
   .CatalogRow {
      align: center;
      float: none;
      width: calc(99% - 2px);
      margin-left: 2px;
      margin-right: 0%;
   }
   .CatalogRowContainer {
      padding: 0px 0%;
   }
   .CatalogImage {
      width: 100%;
      text-align: center;
      margin: 0 0 0px;
   }
   .CatalogImage img {
      width: 160px;
      max-height: 100%;
      height: auto;
   }
   .CatalogName {
      float: none;
      font-size: 150%;
      width: 100%;
   }
   .CatalogExtraLine {
      height: auto;
      font-size: 150%;
      line-height: 30px;
   }
   .CatalogClubPriceRow {
      height: auto;
      font-size: 150%;
   }
   .CatalogAvailableText {
      margin-top: 0px;
      font-size: 150%;
   }
   .CatalogInfo {
      width: 100%;
      margin: 0 0 0 0;
   }
   .CatalogDetailsColumnLeft, .CatalogDetailsColumnRight {
      width: 100%;
      float: none;
      margin: 10px 0 20px;
   }
   .CatalogSocials {
      display: none;
   }
   .CatalogImage{
      height: auto;
   }
   .CatalogBuyButton {
      width: calc(100% - 48px);
      text-align: center;
      font-size: 17px;
      margin-top: 5px;
   }
   .CatalogAddToRow {
      text-align: left;
      width: 100%;
   }
   .CatalogQuantityDiv.normal {
      border-color: rgba(235,235,235,1);
      border-style: solid;
      border-width: 1px;
      margin-right: 0px;
      width: 100%;
   }
   .CatalogQuantityDiv.gray {
      display: none;
   }
   .CatalogQuantity {
      text-align: left;
   }
   .CatalogQuantityLabel {
      display:   inline-block;
      margin-left: 20%;
      width: 80px;
      padding-top: 10px;
      height:   40px;
      font-size: 130%;
   }
   .CatalogGridInputField {
      width: 50%;
      background-color: transparent;
      text-align: left;
      font-size: 150%;
      float: right;
      border-style: none;
      margin-right: 0px;
   }
}

/*-------------------------------Catalog Basket------------------------------------------------{*/

.CatalogBasketBody  {
   outline: none;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   margin: 0px 0px 0px 0px;
   background-color: transparent;
}
.CatalogBasket  {
}
.CatalogBasketContainer {
   background-color: rgba(240,240,240,0.8);
   height: auto;
   width: 100%;
   border-style: none;
   float: left;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
}
.CatalogBasketHeader  {
   height: 26px;
   width: 100%;
   background-color: rgba(240,240,240,1);
   border-bottom-color: black;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   display: none;
}
.CatalogBasketHeader.fadeout  {
   opacity:  0.5;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
}
.CatalogBasketHeaderLabel  {
   font-weight: bold; 
   float: left;
   line-height: 24px;
   vertical-align: middle;
}
.CatalogBasketHeaderLabel.left  {
   margin-left: 3px;
   width: 10%;
}
.CatalogBasketHeaderLabel.middle  {
   width: 68%;
}
.CatalogBasketHeaderLabel.right  {
   width: 17%;
   text-align: right;
   margin-right: 7px;
}
.CatalogBasketFooter  {
   display: inline-block;
   height: auto;
   float: left;
}
.CatalogBasketCheckoutButton  {
   float: left;
   background-color: #630303;
   color: rgba(255,255,255,1);
   padding: 5px 12px 5px 12px;
   font-weight:  bold;
   font-size:  100%;
   margin-top: 5px;
   margin-left : 5px;
   margin-right: 0px;
   margin-bottom: 5px;
   width: auto;
   height: auto;
}
.CatalogBasketCheckoutButton:hover {
   border:  white solid 1px;
   padding: 4px 12px 4px 12px;
   color: white;
}
.CatalogBasketSummary  {
   float: right;
   height: auto;
   width: auto;
   margin-right: 3px;
   margin-left: 10px;
   margin-top: 10px;
}
.CatalogBasketLabel  {
   color: rgba(64,64,64,1);
   margin-left: 3px;
   margin-right: 3px;
   margin-top: 7px;
   font-size:  100%;
}
.CatalogBasketLabel.items  {
   margin-left: 7px;
   margin-top: 7px;
   width: auto;
}
.CatalogBasketCount  {
   color: rgba(64,64,64,1);
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 8px;
   font-size:  100%;
   width: auto;
}
.CatalogBasketLabel.total  {
}
.CatalogBasketPrice  {
   color: rgba(64,64,64,1);
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 8px;
   font-size:  100%;
   width: auto;
}
.CatalogBasketRows {
   display: none;
}
.CatalogBasketRows.fadeout {
   opacity:  0.1;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
}
.CatalogBasketRow  {
   display: none;
   height: 20px;
   width: 100%;
   font-size:  90%;
   border-bottom-color: rgba(64,64,64,1);
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
.CatalogBasketRowLabel  {
   float: left;
   margin-top: 2px;
}
.CatalogBasketRowLabel.left  {
   margin-left: 3px;
   text-align: center;
   width: 10%;
}
.CatalogBasketRowLabel.middle  {
   width: 68%;
}
.CatalogBasketRowLabel.right  {
   width: 17%;
   text-align: right;
   margin-right: 7px;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/
/*--------screen = viewport and if basket floats it is the width of the basket window -------------------{*/

@media screen and (max-width: 500px) {
}

/*-------------------------------Catalog Menu------------------------------------------------{*/

.CatalogMenuBody  {
   outline: none;
   border: none;
   padding: 0px;
   margin: 5px;
   font-size:  90%;
   background-color: transparent;
   width: 85%;
}

.CatalogMenu  {
   padding: 0px;
   margin: 0px;
   width: 100%;
}

.CatalogMenuDiv {
   padding: 0px;
   margin: 0px;
   text-align: left;
}
.CatalogMenuShowAllDiv {
   margin: 0px;
   padding-left: 25px;
   padding-right: 0px;
   padding-bottom: 20px;
   padding-top: 10px;
   text-align: left;
   width: 100%;
   background-color: transparent;
}
.CatalogMenuShowAll {
   font-size: 145%;
   color: black;
   font-weight: 700;
   width: 100%;
}
.CatalogMenuShowAll:hover {
   cursor: pointer;
   text-decoration: underline;
}
.CatalogMenuUl {
   width: 100%;
   padding-left: 25px;
   margin: 0px;
   list-style-type: none; 
   list-style-image: none; 
}
.CatalogMenuActionLi {
   padding-left: 15px;
   padding-right: 10px;
   padding-bottom: 0px;
   padding-top: 10px;
   margin: 0px;
}
.CatalogMenuLi {
   padding-left: 15px;
   padding-right: 10px;
   padding-bottom: 0px;
   padding-top: 10px;
   margin: 0px;
}
.CatalogSubMenuUl {
   padding: 10px;
   padding-left: 15px;
   margin: 0px;
   list-style-type: none; 
   list-style-image: none; 
}
.CatalogSubMenuLi  {
   padding-bottom: 10px;
}
.CatalogMenuActionItem  {
   color: #630303;
   font-weight: 700;
   text-transform: uppercase;
   -webkit-font-smoothing: antialiased;
}
.CatalogMenuActionItem:hover  {
   text-decoration: underline;
   cursor: pointer;
}
.CatalogMenuItem  {
   color: #630303;
   font-weight: 700;
}
.CatalogSubMenuItem  {
   color: black;
   text-transform: uppercase;
   transition: all .4s ease;
   -moz-transition: all .4s ease;
   -webkit-transition: all .4s ease;
   -o-transition: all .4s ease;
}
.CatalogSubMenuItem:hover  {
   text-decoration: underline;
   cursor: pointer;
   text-transform: uppercase;
   transition: all .4s ease;
   -moz-transition: all .4s ease;
   -webkit-transition: all .4s ease;
   -o-transition: all .4s ease;
}
.CatalogMenuToolTip  {
   position: fixed;
   display: none;
   border: 2px solid lightgray;
   background-color: #EEECE7;
   background: -webkit-linear-gradient(#EEECE7, #FEFEFE);
   background: -moz-linear-gradient(#EEECE7, #FEFEFE);
   background: linear-gradient(#EEECE7, #FEFEFE);
   box-shadow: 5px 3px 3px gray;
   padding: 20px;
   max-width: 700px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   top: 20px;
   margin-left: 20%;
}
.CatalogMenuToolTipText  {
   font-size: 12px;
   color: black;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 4000px) {
   .CatalogMenuBody {
      border: none;
      max-width:  180px;
   }
}

@media screen and (max-width: 200px) {
   .CatalogMenuBody {
      border: none;
      width: 75%;
   }
}

@media screen and (max-width: 160px) {
   .CatalogMenuBody {
      border: none;
      display: none;
   }
}

/*-------------------------------Catalog Element------------------------------------------------{*/

.CatalogElementBodyDiv  {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

.CatalogElement  {
   padding: 0 0 0 0;
   margin: 0px;
   border-top-style: solid;
}

.CatalogElementForm {
   padding-top:  5px;
}

.CatalogElementDiv {
   padding: 0px;
   margin: 0px;
}

.CatalogElementRowCommand {
   border: none;
   height: 1px;
   width: 100%;
   background-color: transparent;
}

.CatalogElementRowCommandImage {
   float: left;
}

.CatalogElementRow {
}

.CatalogElementInfoHeader, .CatalogElementInfoDescription, .CatalogElementDetailRow {
   border: none;
   width: 100%;
}

.CatalogElementRowContainer {
   padding: 20px 2%;
}

.CatalogElementImage {
   width: 25%;
   float: left;
   margin-right: 3%;
}

.CatalogElementImage img {
   width: 186px;
   max-height: 100%;
   height: auto;
   vertical-align: middle;
}

.CatalogElementInfo {
   width: 70%;
   float: left;
   margin-right: 2%;
}

.CatalogElementInfoHeader {
   display: inline-block;
   margin-bottom: 10px;
}

.CatalogElementName {
   float: left;
   line-height: 50px;
   margin: 0;
}

.CatalogElementNotes {
   font-size: 100%;
}

.CatalogElementInfoHeaderRight {
   float: right;
   line-height: 50px;
}

.CatalogElementAvailable {
   margin-right: 20px;
   display: none;
}

.CatalogElementAvailableText {
   color: #630303;
   margin-right: 30px;
}

.CatalogElementPrice {
   color: #630303;
   font-size: 32px;
   font-weight: bold;  
}

.CatalogElementInfoDescription {
   clear: both;
   font-size: 18px;
   line-height: 25px;
}

.CatalogElementDetailRow {
}

.CatalogElementDetailsColumnLeft, .CatalogElementDetailsColumnRight {
   width: 49%;
   float: left;
}

.CatalogElementDetailsColumnLeft {
   margin-right: 2%;
}

.CatalogElementDetailLabelLeft, .CatalogElementDetailLabelRight {
   color: #630303;
   font-weight: bold;
   width: 35%;
   display: inline-block;
   margin-right: 4%;
}

.CatalogElementDetailLabelLeft.notred, .CatalogElementDetailLabelRight.notred {
   color: #630303;
   font-weight: bold; 
   width: 35%;
   display: inline-block;
   margin-right: 4%;
}

.CatalogElementDetailHeader {
   color: #630303;
   font-weight: bold; 
   text-transform: uppercase;  
}

.CatalogElementBuyLine {
   width: 100%;
   display: inline-block;
   padding: 5px 0;
}

.CatalogElementSocials {
   width: 40%;
   float: left;
   margin-left: 4%;
}

.CatalogElementSocialIcon {
   float: left;
   margin-right: 20px;
}

.CatalogElementAddToRow {
   width: 70%;
   float: right;
   text-align: right;
   margin-right: 4%;
}

.CatalogElementQuantity {
   line-height: 30px;
}

.CatalogElementQuantityLabel, .CatalogElementGridInputField {
   margin-right: 10px;
   vertical-align: middle;
}

.CatalogElementGridInputField {
   width: 38px;
   height: 38px;
   font-size: 15px;
   text-align: center;
   border: #630303 solid thin;
   margin-top:    0px;
   background-color: transparent;
}

.CatalogElementQuantityLabel.gray {
   display: none;
}
.CatalogElementGridInputField.gray {
   display: none;
}

.CatalogElementBuyButton {
   display: inline-block;
   margin-top:    10px;
}
.CatalogElementBuyButton.gray {
}

.CatalogElementButtonRow {
   width: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-bottom: 28px;
}

.CatalogElementContinueButton {
   cursor: pointer;
   vertical-align: middle;
   float: left;
   margin-left: 2px;
   margin-top: 10px;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 1056px) {
   .CatalogElementName {
      width: 100%;
   }
   .CatalogElementInfoHeaderRight {
      width: 100%;
      float: left;
  }
}

@media screen and (max-width: 880px) {
   .CatalogElementBody {
      border: none;
   }
   .CatalogElementRow {
      height: auto;
      width: 100%;
   }
   
   .CatalogElementRowContainer {
      padding: 20px 5%;
   }
   .CatalogElementImage {
      width: 100%;
      text-align: center;
      margin: 0 0 30px;
   }
   .CatalogElementInfo {
      width: 100%;
      margin: 0 0 30px;
   }
   .CatalogElementName, .CatalogElementInfoHeaderRight {
      float: none;
      width: 100%;
      text-align: center;
   }
   .CatalogElementButtonRow {
      display: block;
   }
}

@media screen and (max-width: 780px) {
   .CatalogElementBody {
      border: none;
   }
   .CatalogElementRow {
      height: auto;
      width: 100%;
   }
   
   .CatalogElementRowContainer {
      padding: 20px 5%;
   }
   .CatalogElementImage {
      width: 100%;
      text-align: center;
      margin: 0 0 30px;
   }
   .CatalogElementInfo {
      width: 100%;
      margin: 0 0 30px;
   }
   .CatalogElementName, .CatalogElementInfoHeaderRight {
      float: none;
      width: 100%;
      text-align: center;
   }
   .CatalogElementDetailRow {
      display: none;
   }
}

@media screen and (max-width: 600px) {
   .CatalogElementBody {
      border: none;
      width: 100%;
   }
   .CatalogElementRow {
      align: center;
      float: none;
      width: 96%;
   }
   .CatalogElementRowContainer {
      padding: 20px 5%;
   }
   .CatalogElementImage {
      width: 100%;
      text-align: center;
      margin: 0 0 0px;
   }
   .CatalogElementImage img {
   }
   .CatalogElementName {
      float: none;
      width: 100%;
   }
   .CatalogElementInfo {
      width: 100%;
      margin: 0 0 30px;
   }
   .CatalogElementNotes {
      font-size: 80%;
   }
   .CatalogElementDetailsColumnLeft, .CatalogElementDetailsColumnRight {
      width: 100%;
      float: none;
      margin: 10px 0 20px;
   }
   .CatalogElementSocials {
      display: none;
   }
   .CatalogElementAddToRow {
      width:  100%;
   }
}

@media screen and (max-width: 500px) {
   .CatalogElementBodyDiv {
      border: none;
      width:          98%;
      margin-left:    1%;
   }
   .CatalogElementDiv {
      width: 100%;
   }
   .CatalogElementRow {
      align: center;
      float: none;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
   }
   .CatalogElementRowContainer {
      padding: 0px 0%;
      margin-left: 0px;
      margin-right: 0%;
      width: 100%;
   }
   .CatalogElementBuyLine {
      padding: 0px 0px 0px 0px;
      width: 100%;
      float: none;
   }
   .CatalogElementBuyButton {
      display: inline-block;
      width: calc(100% - 48px);
      text-align: center;
      font-size: 17px;
      margin-top: 5px;
      margin-right: 0px;
      margin-left: 0px;
   }
   .CatalogElementPrice{
       font-size: 16px;
   }
   .CatalogElementAvailable {
       margin-right: 0px;
   }
   .CatalogElementContinueButton {
      width: calc(100% - 48px);
      font-size: 17px;
      text-align: center;
      margin-right: 0px;
      margin-left: 0px;
   }
   .CatalogElementName {
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      margin-left: 0px;
      margin-right: 0px;
      float: none;
      width: 100%;
   }
   .CatalogElementPrice {
      color: #630303;
      font-size: 20px;
      font-weight: bold;  
      display: block;
   }
   .CatalogElementInfo {
      width: 100%;
      margin: 0 0 0 0;
   }
   .CatalogElementInfoDescription {
      clear: both;
      font-size: 20px;
      line-height: 25px;
   }
   .CatalogElementAddToRow {
      text-align: left;
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
   }
   .CatalogElementQuantityDiv.normal {
      border-color: rgba(235,235,235,1);
      border-style: solid;
      border-width: 1px;
      margin-right: 0px;
      width: 100%;
      height: 38px;
   }
   .CatalogElementQuantityDiv.gray {
      display: none;
   }
   .CatalogElementQuantity {
      text-align: left;
      height: 38px;
   }
   .CatalogElementQuantityLabel {
      margin-left: 20%;
      font-size: 18px;
      width: auto;
      margin-top:  5px;
      height: auto;
      float:   left;
   }
   .CatalogElementGridInputField {
      display: inline-block;
      width: 50%;
      height: 38px;
      background-color: transparent;
      text-align: left;
      font-size: 120%;
      float: right;
      border-style: none;
      padding-top: 0px;
      margin-right: 0px;
   }
}

/*------------------------------- Cart Editor Design 1 --------------------------------------------------{*/

.CartBody  {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.CartDiv  {
   width: 98%;
   margin-left: 1%;
   margin-right: 1%;
}
.CartTitleDiv {
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: 35px;
}
.CartSubTitleDiv {
   margin-left: 20px;
   margin-bottom: 5px;
}
.CartTitleLine {
}
.CartTitleText {
   font-size: 200%;
   color: rgba(99,3,3,1); 
   display: none;
}
.CartSubTitleText {
   font-size: 120%;
   color: rgba(128,128,128,1);
}
.CartBodyDiv  {
   width: 100%;
}
.CartTableDiv  {
   width: 100%;
   font-size: 100%;
}
.CartProductHeader  {
    background-color: #F8F8FF;
    border-color: #F8F8FF;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 46px;
    width: 100%;
    color: #630303;
    margin-bottom:  10px;
}
.CartProductHeaderLabel  {
   font-weight: bold; 
   float: left;
   line-height: 24px;
   vertical-align: middle;
   margin-left: 0px;
   margin-top: 12px;
}
.CartProductHeaderLabel.image  {
   width: 15%;
   text-align: center;
}
.CartProductHeaderLabel.name  {
   width: 40%;
   text-align: left;
}
.CartProductHeaderLabel.price  {
   width: 10%;
   text-align: right;
}
.CartProductHeaderLabel.qty  {
   width: 12%;
   text-align: center;
}
.CartProductHeaderLabel.remove  {
   width: 10%;
   text-align: center;
}
.CartProductRows  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.CartProductRow  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   border-top-style: none;
   width: 100%;
}
.CartProductRowLabel  {
   font-size: 100%;
   display: inline-block;
   min-height: 45px;
   margin-top: 20px;
   margin-left: 0px;
   vertical-align: middle;
}
.CartProductRowImage  {
   display: inline-block;
   width: 15%;
   vertical-align: middle;
   text-align: center;
}
.CartProductRowImage img {
   height: 80px;
}
.CartProductRowLabel.name  {
   width: 40%;
   text-align: left;
}
.CartProductRowLabel.price  {
   width: 10%;
   text-align: right;
}
.CartProductQuantityDiv {
   display: inline-block;
   width: 12%;
   text-align: center;
}
.CartProductQuantityField {
    font-size: 20px;
    text-align: center;
    height: 30px;
    width: 50px;
    outline-color: #630303;
}
.CartProductRowLabel.remove  {
   width: 10%;
   text-align: center;
   cursor: pointer;
    font-weight: bold;
}
.CartButtonRow {
    margin: 0 0 0 0;
    border-color: rgba(235,235,235,1);
    border-style: solid;
    border-width: 1px;
    border-top-style: none;
    width: 98%;
    height: 58px;
    padding: 1%;
}
.CartButton {
   display: inline-block;
}
.CartButton.continue {
}
.CartButton.clear {
   float: right;
   background-color: transparent;
   border: 1px solid #630303;
   color: #630303;
   margin-right: 5px;
}
.CartButton.update {
   float: right;
}
.CartSummaryRow {
   margin-top: 10px;
   width: 18%;
   float: right;
}
.CartSummaryRow1 {
   width: 100%;
   line-height:  25px;
   font-weight: bold; 
   font-size:  150%;
}
.CartSummaryRow2 {
   width: 100%;
   line-height:  25px;
   font-weight: bold; 
   font-size:  150%;
}
.CartSummaryLabel {
   vertical-align: left;
}
.CartSummaryLabel.items {
}
.CartSummaryLabel.total {
   padding-left: 3px;
}
.CartSummaryCount {
   float: right;
}
.CartSummaryPrice {
   float: right;
}
.CartCheckoutRow {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-top: 12px;
   line-height:  25px;
   width: 100%;
   font-weight: bold; 
   display: inline-block;
   font-size:  150%;
}
.CartCheckoutButton {
   float: right;
}
.CartCommentRow {
   margin-top: 18px;
   width: 100%;
}
.CartComment {
   font-size:  120%;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 880px) {
   .CartTableDiv  {
      width: 100%;
      font-size: 100%;
   }
   .CartProductHeaderLabel.image  {
      width: 15%;
   }
   .CartProductHeaderLabel.name  {
      width: 35%;
   }
   .CartProductHeaderLabel.price  {
      width: 12%;
   }
   .CartProductHeaderLabel.qty  {
      width: 11%;
   }
   .CartProductHeaderLabel.remove  {
      width: 10%;
   }
   .CartProductRowImage  {
      width: 15%;
   }
   .CartProductRowLabel.name  {
      width: 35%;
   }
   .CartProductRowLabel.price  {
      width: 12%;
   }
   .CartProductQuantityDiv {
      width: 11%;
   }
   .CartProductRowLabel.remove  {
      width: 10%;
   }
   .CartSummaryRow {
      width: 28%;
   }
}
 
@media screen and (max-width: 780px) {
   .CartTableDiv  {
      width: 100%;
      font-size: 100%;
   }
   .CartProductHeaderLabel.image  {
      width: 15%;
   }
   .CartProductHeaderLabel.name  {
      width: 30%;
   }
   .CartProductHeaderLabel.price  {
      width: 13%;
   }
   .CartProductHeaderLabel.qty  {
      width: 12%;
   }
   .CartProductHeaderLabel.remove  {
      width: 12%;
   }
   .CartProductRowImage  {
      width: 15%;
   }
   .CartProductRowLabel.name  {
      width: 30%;
   }
   .CartProductRowLabel.price  {
      width: 13%;
   }
   .CartProductQuantityDiv {
      width: 12%;
   }
   .CartProductRowLabel.remove  {
      width: 12%;
   }
   .CartButton.clear {
      margin-right: 10px;
   }
   .CartCommentRow {
      width: 50%;
   }
}

@media screen and (max-width: 648px) {
   .CartTableDiv  {
      width: 100%;
      font-size: 100%;
   }
   .CartProductHeaderLabel.image  {
      width: 15%;
   }
   .CartProductHeaderLabel.name  {
      width: 30%;
   }
   .CartProductHeaderLabel.price  {
      width: 15%;
   }
   .CartProductHeaderLabel.qty  {
      width: 12%;
   }
   .CartProductHeaderLabel.remove  {
      width: 12%;
   }
   .CartProductRowImage  {
      width: 15%;
   }
   .CartProductRowLabel.name  {
      width: 30%;
   }
   .CartProductRowLabel.price  {
      width: 15%;
   }
   .CartProductQuantityDiv {
      width: 12%;
   }
   .CartProductRowLabel.remove  {
      width: 12%;
   }
   .CartSummaryRow {
      width: 30%;
   }
}

@media screen and (max-width: 600px) {
   .CartTableDiv  {
      width: 100%;
      font-size: 100%;
   }
   .CartProductHeaderLabel.image  {
      width: 15%;
   }
   .CartProductHeaderLabel.name  {
      width: 30%;
   }
   .CartProductHeaderLabel.price  {
      width: 15%;
   }
   .CartProductHeaderLabel.qty  {
      width: 12%;
   }
   .CartProductHeaderLabel.remove  {
      width: 12%;
   }
   .CartProductRowImage  {
      width: 15%;
   }
   .CartProductRowLabel.name  {
      width: 30%;
   }
   .CartProductRowLabel.price  {
      width: 15%;
   }
   .CartProductQuantityDiv {
      width: 12%;
   }
   .CartProductRowLabel.remove  {
      width: 12%;
   }
   .CartSummaryRow {
      width: 40%;
   }
}

@media screen and (max-width: 500px) {
   .CartTitleText {
      font-size: 140%;
   }
   .CartBodyDiv {
      border: none;
      width: 99%;
   }
   .CartDiv  {
      font-size: 120%;
   }
   .CartTableDiv  {
      margin-left: 1%;
      width: 98%;
      font-size: 100%;
   }
   .CartProductHeader {
      text-align: center;
      float: none;
      line-height: 46px;
   }
   .CartProductHeaderLabel.image  {
      display: none;
      float: none;
      width: 15%;
   }
   .CartProductHeaderLabel.name  {
      text-align: center;
      float: none;
      width: 100%;
   }
   .CartProductHeaderLabel.price  {
      display: none;
      text-align: center;
      float: none;
      width: 100%;
   }
   .CartProductHeaderLabel.qty  {
      display: none;
      text-align: center;
      float: none;
      width: 100%;
   }
   .CartProductHeaderLabel.remove  {
      display: none;
   }
   .CartProductRows {
      text-align: center;
      float: none;
   }
   .CartProductRowImage  {
      text-align: center;
      display: block;
      float: none;
      height:    180px;
      max-width: 100%;
      width: 100%;
      margin-bottom: 10px;
   }
   .CartProductRowImage img {
      width: auto;
      max-height: 100%;
      height: auto;
   }
   .CartProductRowLabel  {
      font-size: 100%;
      display: inline-block;
      margin-top: 0px;
      margin-left: 0px;
      vertical-align: middle;
   }
   .CartProductRowLabel.name  {
      text-align: center;
      float: none;
      width: 100%;
      font-weight: 500;
   }
   .CartProductRowLabel.price  {
      text-align: center;
      float: none;
      width: 100%;
   }
   .CartProductQuantityDiv {
      display: inline-block;
      margin:   0px 0px 0px 0px;
      padding:   0px 0px 0px 0px;
      text-align: left;
      border-color: rgba(235,235,235,1);
      border-style: solid;
      border-width: 1px;
      margin-right: 0px;
      width: 99%;
   }
   .CartProductRowQuantityLabel  {
      font-size: 100%;
      margin-left: 20%;
      margin-top: 5px;
      width: auto;
      height: auto;
      float:   left;
   }
   .CartProductQuantityField {
      width: 50%;
      height: 30px;
      background-color: transparent;
      text-align: left;
      vertical-align: middle;
      font-size: 100%;
      float: right;
      border-style: none;
      margin-right: 0px;
   }
   .CartProductRowLabel.remove  {
      text-align: center;
      font-size: 100%;
      text-align: center;
      float: none;
      margin-top: 10px;
      color: blue;
      width: 50%;
      text-decoration: underline;
   }
   .CartButtonRow {
      border-style: none;
      margin-left: 7px;
      width: calc(100% - 14px);
      height: auto;
      text-align: left;
      float: none;
      margin-right: 0px;
      padding-left: 0px;
      padding-right: 0px;
      margin-top: 8px;
   }
   .CartButton {
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      display: inline-block;
      font-size: 17px;
      width: calc(100% - 48px);
      line-height: 40px;
   }
   .CartButton.continue {
      text-align: center;
      float: none;
   }
   .CartButton.clear {
      text-align: center;
      float: none;
      margin-right: 0px;
      margin-bottom: 10px;
      width: calc(100% - 48px);
   }
   .CartButton.update {
      text-align: center;
      float: none;
   }
   .CartCommentRow {
      margin-left: 7px;
      width: calc(100% - 14px);
      font-size: 90%;
   }
   .CartSummaryRow, .CartSummaryRow1, .CartSummaryRow2 {
      margin-left: 7px;
      width: calc(100% - 14px);
      height: auto;
      text-align: center;
      float: none;
      font-size: 105%;
   }
   .CartSummaryPrice, .CartSummaryCount, .CartSummaryLabel {
      margin-left: 7px;
      width: calc(100% - 14px);
      float: none;
      text-align: center;
      font-size: 105%;
   }
   .CartCheckoutRow {
      text-align: center;
   }
   .CartCheckoutButton {
      margin-left: 0px;
      width: calc(100% - 48px);
      float: none;
   } 
}

/*------------------------------- Checkout Design 1 --------------------------------------------------{*/

.CheckoutBody {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   color: rgba(128,128,128,1);
   font-size: 90%;
}
.CheckoutUserMsgDiv {
   position: fixed;
   outline: none;
   border: none;
   margin: 0px;
   padding: 15px;
   width: auto;
   max-width: 50%;
   height: auto;
   border: 2px solid rgba(215,215,215,1);
   background-color: rgba(250,250,250,1);
   background: -webkit-linear-gradient(#EEECE7, #FEFEFE);
   background: -moz-linear-gradient(#EEECE7, #FEFEFE);
   background: linear-gradient(#EEECE7, #FEFEFE);
   box-shadow: 5px 3px 3px rgba(128,128,128,1);
   text-align: left;
}
.CheckoutUserMsgImage {
   display: block;
}
.CheckoutUserMsgText {
   display: block;
   padding-left: 20px;
   font-size: 200%;
   text-transform: lowercase;
}
.CheckoutUserMsgButton {
   display: block;
   font-size: 18px;
   font-weight: bold;
   line-height: 30px;
   margin-top: 8px;
   max-width: 100px;
   background-color: #630303;
   color: rgba(255,255,255,1);
   cursor: pointer;
   vertical-align: middle;
   padding: 6px 16px 6px 16px;
   text-align: center;
   float: right;
}
.CheckoutUserMsgButton:hover {
}
.CheckoutDiv {
   width: 98%;
   margin-left: 1%;
   margin-right: 1%;
   background-color: transparent;
}
.CheckoutTitleDiv {
}
.CheckoutTitleLine {
   margin-left:   0px;
   border-bottom-color: rgba(128,128,128,1);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   line-height: 40px;
   vertical-align: middle;
   margin-bottom: 8px;
   padding: 7px 15px;
   font-size: 13px;
}
.CheckoutTitleText {
   font-size:  130%;
   color: rgba(128,128,128,1);
   letter-spacing: 3px;
}
.CheckoutBodyDiv {
   width: 100%;
}
.CheckoutTableDiv {
   width: 100%;
}
.CheckoutAccordian {
   font-size: 100%;
   background-color: rgba(240,240,240,1);
   color: rgba(128,128,128,1);
   padding: 0px;
   width: 100%;
   line-height: 40px;
   text-align: left;
   border: none;
   outline: none;
   transition: 1.8s;
   vertical-align: middle;
   float: left;
   font-weight: bold;
   margin-bottom: 3px;
}
.CheckoutButtonSquare {
   font-size:  100%;
   width: 40px;
   height: 40px;
   line-height: 40px;
   color: #F8F8FF;
   text-align: center;
   vertical-align: middle;
   margin-right: 40px;
   float: left;
}
.CheckoutButtonSquare.open {
   background-color: black;
}
.CheckoutButtonSquare.closed {
   background-color: rgba(128,128,128,1);
}
.CheckoutAccordianDiv {
   width: 100%;
   transition: 1.8s;
}
.CheckoutH2 {
   font-size:  130%;
}
.CheckoutH3 {
   font-size:  120%;
}
.CheckoutH4 {
   font-size:  110%;
}
.CheckoutP {
   font-size:  100%;
   margin-bottom: 10px;
}
.CheckoutP.red {
   color:#630303;
}
.CheckoutColumn1 {
   width: 99%;
   float: left;
   margin-bottom:12px;
}
.CheckoutLoginDivider {
   display: none;
}
.CheckoutColumn2 {
   width: 100%;
   float: left;
}
.CheckoutColumn2.login {
   width: 100%;
   float: left;
}
.CheckoutControlList {
   list-style-type:  none;
   margin: 0 0 0 0;
   margin-top: 10px;
   padding: 0 0 0 0;
}
.CheckoutListControl {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-bottom: 2px;
   display: inline-block;
}
.CheckoutListRadio {
   margin-right: 20px;
   width: auto;
   height: 20px;
}
.CheckoutListInput {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-bottom: 15px;
   display: inline-block;
   width: calc(33.3% - 5px);
}
.CheckoutListInput.half {
   width: calc(50% - 4px);
}
.CheckoutListInput.fullwidth {
   width: 100%;
}
.CheckoutListInput.paymentimage {
   width: 100%;
}
.CheckoutListInput.manage {
   width: 99.9%;
}
.CheckoutListInput.birthdate {
   width: 100%;
   margin-bottom: 5px;
}
.CheckoutListInput.postalcode {
   display: inline-block;
   width: calc(33.3% - 5px);
}
.CheckoutTextList {
   list-style-type:  square;
}
.CheckoutInputError {
   padding: 0px;
   border: none;
   height:  auto;
   width:  auto;
   display: none;
   color: #630303;
   font-size:  110%;
}
.CheckoutInputError.date {
}
.CheckoutInputError.alert {
   display:           inline;
   background-color:  white;
   position:          fixed;
   padding:           3px 6px 3px 6px;
   border-style:      solid;
   border-color:      rgba(64,64,64,1);
   border-width:      1px;
}
.CheckoutInputError.alertdate {
   display: block;
   margin-left: 30px;
}
.CheckoutInputValidation {
   text-transform: none;  
   color:         red;
}
.CheckoutInput {
   display: inline-block;
   background-color: rgba(99,3,3,0.05);
   color: #630303;
   height: 40px;
   font-size: 100%;
   border-style: solid;
   border-width: 1px;
   border-color: #F8F8FF;
   padding-left: 10px;
   outline-color: #630303;
   width:   calc(100% - 16px);
}
.CheckoutInput.select {
   width:   calc(100% - 2px);
   height:  43px;
}
.CheckoutInput.shipaddrlist {
   width:   calc(70% - 10px);
}
.CheckoutInput.pickuplocation {
   width:   84%;
   float:   right;
}
.CheckoutInput.manage {
   height:         auto;
   margin-top:     5px;
   overflow-y:     auto;
   width: 100%;
   background-color: rgba(169, 169, 169, 0.05);
}
.CheckoutInputTextArea {
   font-size: 100%;
   width: 99%;
   background-color: rgba(169, 169, 169, 0.05);
   border-color: rgba(235,235,235,1);
   outline-color: #630303;
}
.CheckoutListCheckbox {
   margin-top:     8px;
}
.CheckoutListCheckbox.gift {
   margin-bottom: 23px;
   margin-left:  15px;
}
.CheckoutListCheckbox.agreetoterms {
   margin-right: 10px;
   display: inline-block;
}
.CheckoutInputLabel {
   font-size: 110%;
   margin-right: 18px;
   display: inline-block;
}
.CheckoutInputLabel.giftcard {
   display: inline-block;
   width: auto;
}
.CheckoutInputLabel.pickuplocationlist {
   margin:  10px 0px 0 0;
   padding: 0 0 0 0;
   width:   calc(16% - 10px);
}
.CheckoutInputLabel.shipaddrlist {
   margin:  0 10px 0 0;
   padding: 0 0 0 0;
   width:   calc(30% - 10px);
}
.CheckoutInputLabel.agreetoterms {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
   font-size: 100%;
}
.CheckoutInputLabel.agreetotermslink {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-right: 18px;
   display: inline-block;
   color: blue;
   font-size: 100%;
}
.CheckoutInputLabel.agreetotermslink:hover {
   cursor: pointer;
   text-decoration: underline;
}
.CheckoutSelectOption {
   font-size: 100%;
   background-color: rgba(240,240,240,1);
   color: rgba(128,128,128,1);
}
.CheckoutPaymentImageGroup {
   display: inline-block;
   width: auto;
   width: 50%;
}
.CheckoutPaymentInformationGroup {
   width: 100%;
}
.CheckoutInput.alert {
   border-style: none;
   border-bottom-style: dotted;
   border-color: #630303;
   border-width: 3px;
}
.CheckoutInput.month {
}
.CheckoutInput.day {
}
.CheckoutInput.year {
}
.CheckoutInput.alertmonth {
   border-style: none;
   border-bottom-style: dotted;
   border-color: #630303;
   border-width: 3px;
}
.CheckoutInput.alertday {
   border-style: none;
   border-bottom-style: dotted;
   border-color: #630303;
   border-width: 3px;
}
.CheckoutInput.alertyear {
   border-style: none;
   border-bottom-style: dotted;
   border-color: #630303;
   border-width: 3px;
}
.CheckoutInputLabel.emailfoundlbl {
   display: inline-block;
   width: 20%;
}
.CheckoutInputLabel.password {
   margin-left:  -200px;
}
.CheckoutRequiredSymbol {
   color:#630303;
   display: inline-block;
}
.CheckoutGiftCardDiv {
   display: inline-block;
}
.CheckoutListCheckbox.giftcard {
   margin-top:     8px;
   margin-left:    58px;
   display: inline-block;
}
.CheckoutListCheckbox.updatecardonfile {
   margin-top:     12px;
   margin-left:    38px;
   display: inline-block;
}
.CheckoutGiftCardUnderline {
   border-top: 1px solid #ccc;
}
.CheckoutContinueButton {
   float: left;
   text-align:   center;
}
.CheckoutContinueButton.floatright {
   float: right;
}
.CheckoutContinueButton:hover, .CheckoutContinueButton:focus {
}
.CheckoutContinueButton.selected {
   background-color: rgba(68,68,68,1);
   color: rgba(153,204,51,1);
   border-color: rgba(153,204,51,1);
   border-style: solid; 
   border-width: 3px; 
   line-height:  24px;
}
.CheckoutContinueButton.unselected {
   background-color: rgba(208,208,208,1);
   color:        rgba(68,68,68,1);
   border-color: transparent;
   border-style: none; 
   border-width: 0px; 
   line-height:  30px;
}
.CheckoutContinueButton.rightmargin {
   margin-right:  16px;
}
.CheckoutContinueButton.emailfound {
   margin-left:  20%;
}
.CheckoutContinueButton.width {
   float:        none;
   width:        calc(33.334% - 66px);
   display:      inline-block;
}
.CheckoutLoginButton {
   float: left;
}
.CheckoutLoginButton:hover, .CheckoutLoginButton:focus {
}
.CheckoutForgotPassword {
   display: inline-block;
   font-size: 18px;
   color: #630303;
   cursor: pointer;
   vertical-align: middle;
   line-height: 42px;
   margin-top: 7px;
   margin-left: 28px;
}
.CheckoutLoginFooterDiv {
   text-align: center;
   width: 100%;
}
.CheckoutLoginFooterText {
   font-size:  100%;
   line-height: 42px;
}
.CheckoutBillingBirthdateLabel {
   width: 100px;
   margin-left:  20px;
}
.CheckoutBirtdateGroup {
   display: inline-block;
}
.CheckoutCreditCardList {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-bottom: 15px;
}
.CheckoutCardImage {
   display: inline-block;
}
.CheckoutOrderReviewTableDiv  {
   width: 100%;
   margin-left: 0%;
   font-size: 120%;
}
.CheckoutProductHeader  {
   background-color: rgba(250,250,250,1);
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   height: 46px;
   width: 100%;
}
.CheckoutProductHeaderLabel  {
   font-weight: bold; 
   float: left;
   line-height: 24px;
   vertical-align: middle;
   margin-left: 0px;
   margin-top: 12px;
}
.CheckoutProductHeaderLabel.name  {
   width: 40%;
   margin-left: 20px;
   text-align: left;
}
.CheckoutProductHeaderLabel.price  {
   width: 15%;
   text-align: right;
}
.CheckoutProductHeaderLabel.discount  {
   width: 15%;
   text-align: right;
}
.CheckoutProductHeaderLabel.qty  {
   width: 10%;
   text-align: right;
}
.CheckoutProductRows  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.CheckoutProductRow  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   border-top-style: none;
   width: 100%;
}
.CheckoutProductRowLabel  {
   font-size: 100%;
   display: inline-block;
   min-height: 25px;
   margin-top: 20px;
   margin-left: 0px;
   vertical-align: middle;
}
.CheckoutProductRowLabel.name  {
   width: 40%;
   margin-left: 20px;
   text-align: left;
}
.CheckoutProductRowLabel.price  {
   width: 15%;
   text-align: right;
}
.CheckoutProductRowLabel.discount  {
   width: 15%;
   text-align: right;
}
.CheckoutProductRowLabel.quantity  {
   width: 10%;
   text-align: right;
}
.CheckoutButtonRow {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 0px;
   border-style: none;
   width: 100%;
   height: 58px;
}
.CheckoutButtonRow.orderreview {
   margin-top: 16px;
   height: 78px;
}
.CheckoutButton {
   display: inline-block;
}
.CheckoutButton.continue {
   float:      right;
}
.CheckoutButton.couponupdate {
   margin-right: 0px;
   display: inline-block;
   margin-top: 10px;
   margin-left: 10px;
}
.CheckoutButton.nomargin {
   margin-left: 0px;
}
.CheckoutButton.lookup {
   margin-right: 13px;
}
.CheckoutGiftCardAmount {
   margin-left: 20px;
   font-size: 120%;
}
.CheckoutSummaryGroup {
   margin-top: 0px;
   margin-right: 20px;
   width: 38%;
   float: right;
}
.CheckoutSummaryGroup.orderhistory {
   margin-top: 10px;
   margin-right: 20px;
   width: 38%;
   float: right;
}
.CheckoutSummaryRow {
   width: 100%;
   line-height:  25px;
   font-size:  120%;
}
.CheckoutSummaryRow.one {
}
.CheckoutSummaryRow.two {
}
.CheckoutSummaryRow.three {
}
.CheckoutSummaryRow.four {
}
.CheckoutSummaryRow.five {
}
.CheckoutSummaryRow.six {
}
.CheckoutSummaryRow.seven {
}
.CheckoutSummaryRow.eight {
}
.CheckoutSummaryRow.nine {
   font-size:  130%;
   font-weight: bold; 
}
.CheckoutSummaryLabel {
}
.CheckoutSummaryLabel.items {
}
.CheckoutSummaryLabel.total {
   padding-left: 0px;
}
.CheckoutSummaryLabel.giftcard {
   padding-left: 15px;
   font-size: 120%;
}
.CheckoutSummaryCount {
   float: right;
}
.CheckoutSummaryPrice {
   float: right;
}
.CheckoutSummaryPrice.retail {
   text-decoration: line-through;
   color: #630303;
}
.CheckoutSummaryPrice.selling {
   text-decoration: underline;
}
.CheckoutOrderReviewAgreeToTermsRow {
   float: right;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-top: 12px;
   width: auto;
}
.CheckoutAlcoholWarningDiv {
   outline: none;
   border: none;
   margin: 0px;
   background-color: rgba(240,240,240,1);
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   padding: 15px 15px 15px 15px;
   width: auto;
   display: inline-block;
}
.CheckoutAlcoholWarningLabel {
   font-weight: bold; 
   font-size:  80%;
   width: auto;
   display: inline-block;
}
.CheckoutAlcoholWarningLabel.warninglink {
   display: inline-block;
   color: blue;
   font-size:  100%;
}
.CheckoutAlcoholWarningLabel.warninglink:hover {
   cursor: pointer;
   text-decoration: underline;
}
.CheckoutPlaceOrderRow {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-top: 12px;
   line-height:  25px;
   width: 100%;
   font-weight: bold; 
   display: inline-block;
   font-size:  150%;
}
.CheckoutPlaceOrderButton {
   float: right;
   font-size: 18px;
   font-weight: bold;
   line-height: 30px;
}
.CheckoutOrderReviewContinueShopDiv {
   height: auto;
}
.CheckoutCouponRow {
   display:        inline-block;
   margin-top:     0px;
   margin-left:    16px;
   line-height:    30px;
}
.CheckoutCouponRow.nomargin {
   margin-left:    0px;
}
.CheckoutShippingRowLists  {
   margin-bottom: 12px;
}
.CheckoutInputLabel.coupon {
   vertical-align: middle;
}
.CheckoutInputLabel.nopackages {
   margin-left: 5px;
   margin-right: 0px;
   vertical-align: bottom;
}
.CheckoutInputLabel.weight {
   margin-left: 5px;
   margin-right: 0px;
   vertical-align: bottom;
}
.CheckoutInputLabel.manage {
   font-weight:    bold;
   margin-bottom:  10px;
}
.CheckoutInputLabel.isdefault {
   font-size:      110%;
}
.CheckoutInput.coupon {
   width: 180px;
   margin-left: 13px;
}
.CheckoutShippingRow {
   float:              left;
   margin-top:         0px;
   line-height:        30px;
   width: 50%;
}
.CheckoutInput.shipmethod {
   width: 140px;
   margin-left: 15px;
   vertical-align: bottom;
}
.CheckoutInput.shipservice {
   width: 140px;
   margin-left: 16px;
   margin-top: 20px;
   vertical-align: bottom;
}
.CheckoutShippingManageRow {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   border-top-style: none;
   width: 100%;
   height: 58px;
   text-align: center;
}
.CheckoutRadioControlList.shipmethod  {
   margin-bottom: 10px;
}
.CheckoutMethodButtonDiv {
   float:       left;
   width:       100%;
   height:      50px;
}
.CheckoutShippingShipOptionsRow {
   margin:   10px 0 0 0;
   padding:  0 0 0 0;
   width:    100%;
   display:  block;
   height:   auto;
}
.CheckoutShippingShipOptionsBtnCol {
   height:   60px;
   width:    calc(30%);
   float:    left;
}
.CheckoutShippingShipOptionsActionCol {
   margin:   0px 0 0 0;
   width:    calc(70%);
   float:    right;
}
.CheckoutShippingShipOptionsActionCol.pickup {
   height:   60px;
}
.CheckoutShippingShipOptionsActionCol.ship {
   height:   60px;
}
.CheckoutShippingShipOptionsActionCol.empty {
   height:   60px;
   float:    left;
}
.CheckoutShippingShipOptionsActionCol.packed {
   height:   60px;
   float:    left;
}
.CheckoutShippingShipOptionsSelect {
   margin:   0 0 0 10px;
   width:    70%;
   display:  inline-block;
   vertical-align:top;
}
.CheckoutShippingShipOptionsButton {
   margin:   0 0 0 10px;
   width:    calc(30% - 26px);
   display:  inline-block;
}
.CheckoutCheckbox {
   width:    24px;
   height:   24px;
   position: relative;
   top:      6px;
   margin-right:  10px;
}
.CheckoutOrderReviewComment {
   font-size:  120%;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 1056px) {
   .CheckoutButton.couponupdate {
      margin-left: 0px;
      text-align: center;
   }
   .CheckoutCouponRow {
   }
   .CheckoutShippingRow {
   }
   .CheckoutPlaceOrderRow {
   }
   .CheckoutPlaceOrderButton {
      margin-right: 20px;
   }
   .CheckoutShippingShipOptionsBtnCol {
      width:    100%;
   }
   .CheckoutShippingShipOptionsActionCol {
      width:    100%;
      float:    left;
   }
   .CheckoutShippingShipOptionsActionCol.empty {
      width:    100%;
   }
   .CheckoutShippingShipOptionsActionCol.packed {
      width:    100%;
   }
   .CheckoutShippingShipOptionsButton {
      float:      right;
   }
}

@media screen and (max-width: 880px) {
   .CheckoutBody {
      border: none;
   }
   .CheckoutDiv  {
   }
   .CheckoutButton.couponupdate {
   }
   .CheckoutMethodButtonDiv {
   }
   .CheckoutShippingShipOptionsBtnCol {
   }
   .CheckoutShippingShipOptionsActionCol.pickup {
      height:   60px;
   }
   .CheckoutShippingShipOptionsActionCol.ship {
      height:   120px;
   }
   .CheckoutShippingShipOptionsActionCol.empty {
   }
   .CheckoutShippingShipOptionsSelect {
      width:    100%;
   }
   .CheckoutShippingShipOptionsButton {
      width:    100%;
      margin-top:  12px;
   }
   .CheckoutOrderReviewTableDiv  {
      font-size: 120%;
   }
   .CheckoutProductHeaderLabel.name  {
      width: 35%;
   }
   .CheckoutProductHeaderLabel.price  {
      width: 15%;
   }
   .CheckoutProductHeaderLabel.qty  {
      width: 11%;
   }
   .CheckoutProductRowLabel.name  {
      width: 35%;
   }
   .CheckoutProductRowLabel.price  {
      width: 15%;
   }
   .CheckoutProductRowLabel.quantity  {
      width: 11%;
   }
   .CheckoutSummaryRow {
      width: 100%;
      margin-left: 0%;
   }
   .CheckoutCouponRow {
   }
   .CheckoutShippingRow {
      margin-left: 0px;
   }
   .CheckoutPlaceOrderRow {
   }
   .CheckoutPlaceOrderButton {
      margin-right: 20px;
   }
}
 
@media screen and (max-width: 780px) {
   .CheckoutBody {
      border: none;
   }
   .CheckoutDiv  {
   }
   .CheckoutButton.couponupdate {
   }
   .CheckoutButtonRow.orderreview {
      height: 150px;
   }
   .CheckoutMethodButtonDiv {
      height:   100px;
   }
   .CheckoutShippingShipOptionsButton {
   }
   .CheckoutOrderReviewTableDiv  {
   }
   .CheckoutProductHeaderLabel.name  {
      width: 40%;
   }
   .CheckoutProductHeaderLabel.price  {
      width: 13%;
   }
   .CheckoutProductHeaderLabel.qty  {
      width: 12%;
   }
   .CheckoutProductRowLabel.name  {
      width: 40%;
   }
   .CheckoutProductRowLabel.price  {
      width: 13%;
   }
   .CheckoutProductRowLabel.quantity  {
      width: 12%;
   }
   .CheckoutButtonRow  {
      height: auto;
      margin-top: 10px;
   }
   .CheckoutButton.continue {
      margin-left: 10px;
      margin-bottom: 0px;
   }
   .CheckoutCouponRow {
      margin-left: 0px;
   }
   .CheckoutShippingRow {
   }
   .CheckoutPlaceOrderRow {
   }
   .CheckoutPlaceOrderButton {
      margin-right: 20px;
   }
   .CheckoutInput.shipmethod, .CheckoutInput.shipservice {
   }
   .CheckoutInputLabel.residential {
      display: inline-block;
   }
   .CheckoutInputLabel.isdefault {
      font-size:   105%;
   }
}

@media screen and (max-width: 648px) {
   .CheckoutBody {
      border: none;
   }
   .CheckoutDiv  {
   }
   .CheckoutButton.couponupdate {
   }
   .CheckoutMethodButtonDiv {
   }
   .CheckoutShippingShipOptionsButton {
   }
   .CheckoutContinueButton.rightmargin {
      margin-left:  0px;
   }
   .CheckoutOrderReviewTableDiv  {
      font-size: 100%;
   }
   .CheckoutProductHeaderLabel.name  {
      width: 33%;
   }
   .CheckoutProductHeaderLabel.price  {
      width: 15%;
   }
   .CheckoutProductHeaderLabel.qty  {
      width: 15%;
   }
   .CheckoutProductRowLabel.name  {
      width: 33%;
   }
   .CheckoutProductRowLabel.price  {
      width: 15%;
   }
   .CheckoutProductRowLabel.quantity  {
      width: 15%;
   }
   .CheckoutSummaryRow {
      width: 100%;
   }
   .CheckoutSummaryGroup {
      margin-top: 0px;
      margin-right: 10px;
      width: 43%;
      float: right;
   }
   .CheckoutCouponRow {
   }
   .CheckoutShippingRow {
   }
   .CheckoutPlaceOrderRow {
   }
   .CheckoutPlaceOrderButton {
      margin-right: 10px;
   }
}

@media screen and (max-width: 600px) {
   .CheckoutBody {
      border: none;
   }
   .CheckoutDiv  {
   }
   .CheckoutButton.couponupdate {
      margin-left: 10px;
   }
   .CheckoutMethodButtonDiv {
   }
   .CheckoutShippingShipOptionsButton {
   }
   .CheckoutOrderReviewTableDiv  {
      font-size: 100%;
   }
   .CheckoutProductHeaderLabel.name  {
      width: 33%;
   }
   .CheckoutProductHeaderLabel.price  {
      width: 15%;
   }
   .CheckoutProductHeaderLabel.qty  {
      width: 15%;
   }
   .CheckoutProductRowLabel.name  {
      width: 33%;
   }
   .CheckoutProductRowLabel.price  {
      width: 15%;
   }
   .CheckoutProductRowLabel.quantity  {
      width: 15%;
   }
   .CheckoutSummaryRow {
      width: 100%;
   }
   .CheckoutInput.coupon {
      width: 100px;
   }
   .CheckoutButton {
      display: inline-block;
      font-size: 15px;
      line-height: 30px;
      margin-top: 8px;
   }
   .CheckoutSummaryGroup {
      margin-right: 20px;
      width: 53%;
      float: right;
   }
   .CheckoutCouponRow {
   }
   .CheckoutShippingRow {
      margin-left: 0px;
      width: 100%;
   }
   .CheckoutPlaceOrderRow {
   }
   .CheckoutPlaceOrderButton {
      margin-right: 0px;
      width: 100%;
      text-align: center;
      box-sizing: border-box;
   }
   .CheckoutInput.shipservice {
      margin-top: 0px;
   }
   .CheckoutInputLabel {
      font-size: 90%;
   }
}

@media screen and (max-width: 550px) {
   .CheckoutBodyDiv {
      border: none;
      width: 99%;
   }
   .CheckoutDiv  {
   }
   .CheckoutOrderReviewTableDiv  {
      font-size: 100%;
   }
   .CheckoutProductHeaderLabel.name  {
      width: 30%;
   }
   .CheckoutProductHeaderLabel.price  {
      width: 15%;
   }
   .CheckoutProductHeaderLabel.qty  {
      width: 15%;
   }
   .CheckoutProductRowLabel.name  {
      width: 30%;
   }
   .CheckoutProductRowLabel.price  {
      width: 15%;
   }
   .CheckoutProductRowLabel.quantity  {
      width: 15%;
   }
}
@media screen and (max-width: 530px) {
   .CheckoutBody {
      border: none;
   }
   .CheckoutDiv  {
   }
   .CheckoutOrderReviewTableDiv  {
      font-size: 100%;
   }
   .CheckoutInputLabel.residential {
      margin-bottom:  16px;
   }
   .CheckoutProductHeaderLabel.name  {
      width: 30%;
   }
   .CheckoutProductHeaderLabel.price  {
      width: 15%;
   }
   .CheckoutProductHeaderLabel.qty  {
      width: 15%;
   }
   .CheckoutProductRowLabel.name  {
      width: 30%;
   }
   .CheckoutProductRowLabel.price  {
      width: 15%;
   }
   .CheckoutProductRowLabel.quantity  {
      width: 15%;
   }
   .CheckoutInput.pickuplocation {
      width:    74%;
   }
   .CheckoutInput.coupon {
      width:    80px;
   }
   .CheckoutInput.shipmethod {
      width: 100px;
   }
   .CheckoutInput.shipservice {
      width: 100px;
   }
}
@media screen and (max-width: 500px) {
   .CheckoutBody {
      border: none;
   }
   .CheckoutBodyDiv {
      width: 99%;
   }
   .CheckoutMethodButtonDiv {
      height:   150px;
   }
   .CheckoutShippingShipOptionsBtnCol {
      height:  110px;
   }
   .CheckoutShippingShipOptionsActionCol {
   }
   .CheckoutShippingShipOptionsActionCol.packed {
      height:   80px;
   }
   .CheckoutShippingShipOptionsButton {
      margin-left:       0px;
   }
   .CheckoutShippingShipOptionsSelect {
      margin:   0 0 0 2px;
   }
   .CheckoutDiv  {
      width: 98%;
      margin-left: 1%;
   }
   .CheckoutTableDiv {
      margin-left: 2px;
   }
   .CheckoutAccordian {
      font-size: 100%;
   }
   .CheckoutButtonSquare {
      margin-right: 10px;
   }
   .CheckoutTitleText  {
      font-size: 140%;
   }
   .CheckoutColumn1 {
      width: 100%;
   }
   .CheckoutLoginDivider {
      display: block;
      border-color: rgba(235,235,235,1);
   }
   .CheckoutColumn2 {
      width: 100%;
      float: left;
   }
   .CheckoutOrderReviewTableDiv  {
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      font-size: 200%;
      height: auto;
   }
   .CheckoutLoginButton {
      width: calc(100% - 48px);
      margin-bottom: 10px;
      font-size: 17px;
   }
   .CheckoutProductHeader {
      display: none;
   }
   .CheckoutProductRows {
      width: 100%;
      text-align: left;
      font-size: 100%;
      float: none;
   }
   .CheckoutProductRow  {
      display: block;
      padding-bottom: 10px;
      width: 100%;
   }
   .CheckoutProductRowLabel  {
      font-size: 100%;
      text-align: left;
      width: calc(100% - 5px);
      margin-top: 0px;
      margin-left: 5px;
   }
   .CheckoutProductRowLabel.name  {
      font-size: 70%;
      display: block;
      text-align: left;
      font-weight: bold;
      width: calc(100% - 5px);
      margin-top: 10px;
      margin-left: 5px;
      margin-right: 0px;
      margin-bottom: 0px;
   }
   .CheckoutProductRowLabel.price  {
      font-size: 60%;
      display: block;
      float:   left;
      text-align: left;
      width: calc(50% - 5px);
      margin-top: 0px;
      margin-left: 5px;
      margin-right: 0px;
   }
   .CheckoutProductRowLabel.value  {
      width: calc(50% - 5px);
      font-size: 60%;
      display: inline-block;
      text-align: right;
      float:   right;
   }
   .CheckoutProductRowLabel.quantity  {
      font-size: 60%;
      display: block;
      float:   left;
      text-align: left;
      width: calc(50% - 5px);
      margin-top: 0px;
      margin-left: 5px;
      margin-right: 0px;
   }
   .CheckoutProductRowLabel.discount  {
      font-size: 60%;
      display: block;
      float:   left;
      text-align: left;
      width: calc(50% - 5px);
      margin-top: 0px;
      margin-left: 5px;
      margin-right: 0px;
   }
   .CheckoutButtonRow {
      width: 100%;
      height: auto;
      text-align: center;
      float: none;
      margin-bottom: 10px;
   }
   .CheckoutContinueButton {
      text-align: center;
   }
   .CheckoutButton {
      float: none;
      font-size: 17px;
      width: 220px;
      line-height: 56px;
      margin-top: 8px;
      margin-left: 0px;
      text-align: center;
   }
   .CheckoutButton.continue {
      text-align: center;
      margin-right: 0px;
      float: none;
      width: calc(100% - 48px);
      height: auto;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      line-height: 30px;
   }
   .CheckoutButton.couponupdate {
      text-align: center;
      float: none;
      display: inline-block;
      line-height: 30px;
      width: calc(100% - 48px);
      margin-left: 0px;
      margin-right: 0px;
   }
   .CheckoutButton.lookup {
      margin-top: 10px;
      margin-bottom: 12px;
      margin-right: 0px;
      margin-left: 0px;
      width: calc(100% - 48px);
   }
   .CheckoutInputLabel {
      font-size: 110%;
   }
   .CheckoutInput {
       width: calc(100% - 18px);
       margin-bottom: 10px;
   }
   .CheckoutGiftCardDiv {
      margin-bottom:    10px;
   }
   .CheckoutListRadio {
      height: auto;
      margin-left: 15px;
   }
   .CheckoutListCheckbox {
      margin-left: 15px;
   }   
   .CheckoutListCheckbox.copybilling  {
       margin-bottom: 15px;
   }
   .CheckoutListCheckbox.giftcard {
      margin-top:     8px;
      margin-left:    0px;
      display: block;
   }
   .CheckoutPaymentGiftCardSummaryGroup {
      margin-bottom:     15px;
   }
   .CheckoutOrderReviewContinueShopDiv {
      height: auto;
   }
   .CheckoutCouponRow {
      width: 100%;
      padding: 0 0 0 0;
      margin: 0 0 0 0;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      height: auto;
      line-height: auto;
      text-align: left;
      float: none;
      display: block;
   }
   .CheckoutInputLabel.coupon {
      font-size: 110%;
      width: 35%;
      float: none;
      padding: 0 0 0 0;
      text-align: left;
      margin: 0 0 0 0;
      margin-right: 0px;
      margin-bottom: 0px;
      display: inline-block;
   }
   .CheckoutInputLabel.residential {
      display: inline-block;
   }
   .CheckoutInput.coupon {
      display: inline-block;
      width: 63%;
      padding: 0 0 0 0;
      margin: 0 0 0 0;
      margin-bottom: 0px;
      margin-left: 0px;
      float: none;
   }
   .CheckoutSummaryRow {
      width: 100%;
      height: auto;
      text-align: left;
      float: none;
      display: block;
      margin-top: 8px;
   }
   .CheckoutShippingRow {
      width: 100%;
   }
   .CheckoutCheckoutRow {
      text-align: center;
   }
   .CheckoutCheckoutButton {
      float: none;
      font-size: 22px;
      line-height: 56px;
   }
   .CheckoutSummaryGroup {
      margin: 0px 0px 0px 0px;
      float: none;
      display: block;
      width: 100%;
   }
   .CheckoutSummaryGroup.orderhistory {
      width: 99%;
      font-size:   90%;
      margin-left: 0px;
      float: none;
      margin-left: 0px;
      margin-right: 0px;
   }   
   .CheckoutContinueButton {
      float: left;
      font-size: 17px;
      margin-left: 0px;
      margin-right: 0px;
      width: calc(100% - 48px);
   }
   .CheckoutContinueButton.selected {
      border-color: transparent;
      border-style: none; 
      border-width: 0px; 
      line-height:  30px;
   }
   .CheckoutContinueButton.unselected {
   }
   .CheckoutContinueButton.mobile {
      margin-top: 10px;
      margin-bottom: 10px;
   }
   .CheckoutContinueButton.width {
      width: calc(100% - 30px);
   }
   .CheckoutListInput {
      margin-bottom: 2px;
      width: 99%;
   }
   .CheckoutListInput.half {
      width: 99%;
   }
   .CheckoutInputTextArea {
      width: 98%;
   }
   .CheckoutShippingManageRow {
      margin-right: 0px;
      height:  auto;
   }
   .CheckoutShippingRowLists  {
      height:  auto;
   }
   .CheckoutCreditCardList {
      text-align: center;
      width:  98%;
   }
   .CheckoutInputLabel.isdefault {
      font-size:      100%;
   }
   .CheckoutInput.alert {
      width: calc(100% - 16px);
      border-width: 1px;
   }
   .CheckoutInput.month, .CheckoutInput.alertmonth {
   }
   .CheckoutInput.day, .CheckoutInput.alertday {
   }
   .CheckoutInput.year, .CheckoutInput.alertyear {
   }
   .CheckoutInputLabel.shipmethod {
      margin: 0px 0px 10px 0px;
      padding: 0px 0px 0px 0px;
   }
   .CheckoutInputLabel.shipservice {
      margin: 0px 0px 10px 0px;
      padding: 0px 0px 0px 0px;
   }
   .CheckoutInput.shipmethod {
      float:  right;
      margin: 0px 0px 10px 20px;
      padding: 0px 0px 0px 0px;
   }
   .CheckoutInput.shipservice {
      float:  right;
      margin: 0px 0px 10px 20px;
      padding: 0px 0px 0px 0px;
   }
   .CheckoutInputError {
   }
   .CheckoutInputError.alert {
   }
   .CheckoutInputError.date {
      width: 18%;
   }
   .CheckoutInputError.alertdate {
      width: calc(100% - 5px);
      margin-left: 5px;
   }
   .CheckoutAlcoholWarningLabel {
      font-size:  40%;
   }
   .CheckoutPlaceOrderButton {
      margin-bottom: 10px;
   }
}

/*------------------------------- Catalog Message --------------------------------------------------{*/

.CatalogMessageBody {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.CatalogMessageDiv {
   margin: 0px;
   padding: 15px 15px 0px 15px;
   background-color: #F8F8FF;
   border: solid 1px #630303;
}
.CatalogMessageImage {
   display: block;
   padding-bottom: 10px;
}
.CatalogMessageText {
    display: block;
    padding-left: 21px;
    font-size: 130%;
    color: #630303;
    margin-bottom: 30px;
}
.CatalogMessageAsMessageRow {
   width:   100%;
}
.CatalogMessageAsYesNoRow {
   width:   100%;
}
.CatalogMessageButton {
   display: block;
}
.CatalogMessageButton.left {
   float: right;
   margin-right: 50px;
}
.CatalogMessageButton.right {
   float: right;
}
.CatalogMessageButton:hover {
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 500px) {
   .CatalogMessageDiv {
      width: calc(100% - 33px);
      background-color: rgba(240,240,240,1);
   }
   .CatalogMessageText {
      font-size: 100%;
   }
   .CatalogMessageImage {
      display: none;
   }
   .CatalogMessageAsMessageRow {
   }
}

/*------------------------------- Catalog User Login  --------------------------------------------------{*/

.UserLoginDiv {
   width: 40%;
   margin-top: 2%;
   margin-left: 30%;
}
.UserLoginDivTitle {
}
.UserLoginTitle {
   font-size: 200%;
   color: rgba(128,128,128,1);
   text-transform: uppercase;  
   display: none;
}
.UserLoginP {
   font-size:  100%;
   margin-bottom: 10px;
}
.UserLoginControlList {
   list-style-type:  none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.UserLoginListInput {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-bottom: 15px;
}
.UserLoginInputLabel {
   font-size: 110%;
}
.UserLoginInput {
    color: #630303;
    height: 30px;
    font-size: 100%;
    width: 99%;
    border-style: solid;
    border-width: 1px;
    border-color: #F8F8FF;
    padding-left: 10px;
    outline-color: #630303;
    background-color: rgba(99,3,3,0.05);
}
.UserLoginButtonRow {
   width: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-bottom: 28px;
}
.UserLoginColumn1 {
   width: 50%;
   float: left;
}
.UserLoginCancelButton {
   float: left;
}
.UserLoginCancelButton:hover, .UserLoginCancelButton:focus {
}
.UserLoginColumn2 {
   width: 50%;
   float: right;
}
.UserLoginLoginButton {
   float: left;
}
.UserLoginLoginButton:hover, .UserLoginLoginButton:focus {
}
.UserLoginForgotPassword {
   display: inline-block;
   font-size: 18px;
   color: #630303;
   cursor: pointer;
   vertical-align: middle;
   line-height: 42px;
   margin-top: 7px;
   margin-left: 28px;
}
.UserLoginForgotPassword:hover, .UserLoginForgotPassword:focus {
   text-decoration: underline;
}
.UserLoginInputError {
   padding: 0px;
   margin: 0px;
   border: none;
   height:  auto;
   width:  99%;
   display: none;
   color: #630303;
   font-size:  110%;
}
.UserLoginFooterDiv {
}
.UserLoginFooterText {
   font-size:  130%;
   line-height: 42px;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 500px) {
   .UserLoginDiv {
      width: 98%;
      margin-left: 1%;
   }
   .UserLoginDivTitle {
      display: none;
   }
   .UserLoginP {
      font-size: 140%;
      font-weight: bold;
      margin-bottom: 16px;
   }
   .UserLoginButtonRow {
   }
   .UserLoginColumn1 {
      width: 100%;
   }
   .UserLoginColumn2 {
      width: 100%;
      float: none;
   }
   .UserLoginInput {
      width: calc(100% - 22px);
   }
   .UserLoginLoginButton {
      width: calc(100% - 48px);
      float: none;
      text-align: center;
   }
   .UserLoginCancelButton  {
      width: calc(100% - 48px);
      float: none;
      text-align: center;
   }
   .UserLoginForgotPassword {
      text-align: center;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
   }
   .UserLoginFooterDiv {
      width: 100%;
      text-align: center;
   }
   .UserLoginFooterText {
      font-size:  90%;
      text-align: center;
      line-height: 24px;
   }
   .UserLoginInputError {
      width: calc(100% - 48px);
   }
}

/*------------------------------- Catalog Manage Addresses  --------------------------------------------------{*/

.ManageAddressDiv {
   width: 98%;
   margin-left: 1%;
   margin-right: 1%;
}
.ManageAddressButtonRow {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   border-top-style: none;
   width: 100%;
   height: 58px;
}
.ManageAddressButtonRowCol1 {
   float: left;
   width:  55%;
   height: 58px;
   text-align: center;
}
.ManageAddressButtonRowCol2 {
   float: right;
   width:  45%;
   height: 58px;
}
.ManageAddressButton {
   display: inline-block;
   float: right;
}
.ManageGroupGiftDiv {
   display: inline-block;
   width: 100%;
   height: auto;
}
.ManageAddressButton.update {
   float: left;
}
.ManageAddressButton.add {
   margin-right: 13px;
}
.ManageAddressButton.remove {
   margin-right: 0px;
}
.ManageAddressButton.manage {
   float: right;
   margin-right: 13px;
}
.ManageAddressButton.update2 {
   float: right;
   margin-right: 0px;
}
.ManageAddressButton.add2 {
   float: right;
   margin-right: 13px;
}
.ManageAddressButton.updategray  {
   float: left;
   background-color: rgba(128,128,128,1);
}
.ManageAddressButton.removegray  {
   background-color: rgba(128,128,128,1);
   margin-right: 0px;
}
.ManageAddressButton.update2gray {
   background-color: rgba(128,128,128,1);
   margin-right: 0px;
}
.ManageAddressListCheckbox {
   margin-top:     20px;
   font-weight:    bold;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 780px) {
   .ManageAddressButtonRow {
      height: 116px;
   }
   .ManageAddressButtonRowCol1 {
      float: left;
      width: 50%;
   }
   .ManageAddressButtonRowCol2 {
      width: 50%;
   }
   .ManageAddressListCheckbox {
      display:       inline-block;
      margin-left:   8px;
   }
   .ManageAddressButton.remove, .ManageAddressButton.add {
      padding: 6px 14px 6px 14px;
      display:       inline-block;
      margin-left:   8px;
      margin-right:   0px;
   }
   .ManageAddressButton.removegray  {
      padding: 6px 14px 6px 14px;
      margin-left:   8px;
      margin-right:   0px;
   }
   .ManageAddressButton.manage {
      margin-top: 10px;
      margin-right: 0px;
   }
   .ManageAddressButton.update {
   }
}
@media screen and (max-width: 500px) {
   .ManageAddressDiv {
      width:        98%;
      margin-left:  1%;
   }
   .ManageAccountIsGiftList {
      text-align: center;
      width: 100%;
   }
   .ManageAddressButtonRowCol1 {
      float: left;
      width: 100%;
   }
   .ManageAddressButtonRowCol2 {
      width: 100%;
      float: none;
   }
   .ManageAddressButton.manage {
      width: calc(100% - 48px);
      margin-left: 0px;
      margin-right: 0px;
   }
   .ManageAddressButton.remove, .ManageAddressButton.add {
      padding: 6px 24px 6px 24px;
   }
   .ManageAddressButton.update {
      width: 34%;
      margin-left: 0px;
      text-align: center;
      letter-spacing: 0px;
      font-size:  16px;
      text-transform: none;
   }
   .ManageAddressButton.remove {
      width: 34%;
      margin-left: 0px;
      margin-right: 0px;
      float: none;
      text-align: center;
      letter-spacing: 0px;
      font-size:  14px;
      text-transform: none;
   }
   .ManageAddressButton.removegray  {
      width: 34%;
      margin-left: 0px;
      margin-right: 0px;
      float: none;
      text-align: center;
      letter-spacing: 0px;
      font-size:  14px;
      text-transform: none;
   }
   .ManageAddressButton.add {
      width: 34%;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
      letter-spacing: 0px;
      font-size:  16px;
      text-transform: none;
   }
   .ManageAddressButton.add2 {
      width: calc(100% - 48px);
      float: none;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      text-align: center;
      display: inline-block;
      letter-spacing: 0px;
      font-size:  16px;
      text-transform: none;
   }
   .ManageAddressButton.updategray  {
      width: 34%;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
      letter-spacing: 0px;
      font-size:  16px;
      text-transform: none;
   }
   .ManageAddressButton.update2 {
      width: calc(100% - 48px);
      float: none;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      text-align: center;
      display: inline-block;
      letter-spacing: 0px;
      font-size:  16px;
      text-transform: none;
   }
   .ManageAddressButton.update2gray {
      width: calc(100% - 48px);
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      text-align: center;
      display: none;
      letter-spacing: 0px;
      font-size:  16px;
      text-transform: none;
   }
}
@media screen and (max-width: 400px) {
   .ManageAddressButton.update, .ManageAddressButton.updategray, .ManageAddressButton.remove, .ManageAddressButton.removegray  {
      padding-left: 3px;
      padding-right: 3px;
      font-size:  13px;
   }
   .ManageAddressButton.add:focus {
      font-size:  14px;
   }
}

/*------------------------------- Club Signup / Registration Selection Design 1 --------------------------------------------------{*/

.RegisterBody  {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.RegisterDiv {
   margin-left: 1%;
   width: 98%;
}
.RegisterTitleDiv {
   display: none;
}
.RegisterTitleLine {
}
.RegisterTitleText {
   font-size: 200%;
   color: rgba(128,128,128,1);
   text-transform: uppercase;  
}
.RegisterCopyBillingCol1 {
   display: inline-block;
}
.RegisterCopyBillingCol2 {
   display: inline-block;
}
.RegisterRow {
}
.RegisterInfoHeader, .RegisterInfoDescription, .RegisterDetailRow {
   width: 100%;
}
.RegisterRowContainer {
   padding: 10px;
}
.RegisterImage {
   width: 10%;
   float: left;
   margin-top: 1%;
   margin-right: 3%;
   min-height: 10px;
   text-align: right;
}
.RegisterImage img {
   max-width: 100%;
   width: 80px;
   max-height: 100%;
   height: auto;
}
.RegisterInfo {
   width: 86%;
   float: left;
   margin-right: 0%;
   margin-bottom:   10px;
}
.RegisterInfoHeader {
   display: inline-block;
}
.RegisterName {
   float: left;
   margin: 0;
}
.RegisterNotes {
   font-size: 100%;
}
.RegisterInfoDescription {
   clear: both;
   font-size: 18px;
   line-height: 25px;
}
.RegisterJoinRow {
   width: 100%;
   float: right;
   text-align: right;
   margin-right: 4%;
   margin-bottom: 20px;
}
.RegisterGroupTypeLabel {
   margin-right: 10px;
}
.RegisterGroupType {
   height:  30px;
   font-size: 100%;
   margin-right: 20px;
   width:  150px;
   border-style: solid;
   border-width: 1px;
   border-color: rgba(235,235,235,1);
}
.RegisterSelectOption {
   font-size: 100%;
   width:  auto;
}
.RegisterBuyButton {
   display: inline-block;
}
.RegisterBuyButton.noclick {
   cursor: auto;
}
.RegisterButtonRow {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: none;
   border-width: 1px;
   width: 100%;
   height: 58px;
}
.RegisterReturnToCartButton {
   display: inline-block;
   float: left;
}
.RegisterReturnToCartButton.right {
   float: right;
}
.RegisterContinueButton {
   display: inline-block;
   float: right;
}
.RegisterContinueButton:hover, .RegisterContinueButton:focus {
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 500px) {
   .RegisterTitleText {
      font-size: 120%;
   }
   .RegisterRowContainer {
      padding: 0px;
   }
   .RegisterImage {
      display: none;
   }
   .RegisterName {
      font-size:  120%;
      margin-top: 5px;
      margin-bottom: 5px;
   }
   .RegisterCopyBillingCol2 {
      margin-top: 10px;
   }
   .RegisterInfoDescription {
      font-size:  100%;
   }
   .RegisterJoinRow {
      margin-right: 0px;
      text-align: left;
      margin-right: 0%;
   }
   .RegisterNotes {
      font-size:  90%;
   }
   .RegisterBuyButton {
      margin-top: 10px;
      width: calc(100% - 48px);
   }
   .RegisterGroupTypeLabel {
      display: block;
      margin-right: 0px;
   }
   .RegisterGroupType {
      width: 100%;
      margin-right: 0px;
   }
   .RegisterContinueButton {
      width: calc(100% - 48px);
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
   }
   .RegisterReturnToCartButton {
      width: calc(100% - 48px);
      margin-top: 5px;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 5px;
      text-align: center;
   }
   .RegisterReturnToCartButton.right {
      float: left;
   }
}

/*------------------------------- Club Signup / Registation Cart Design 1 --------------------------------------------------{*/

.RegistrationCartBodyDiv {
}
.RegistrationCartDiv  {
   width: 98%;
   margin-left: 1%;
}
.RegistrationCartTitleDiv {
}
.RegistrationCartTitleLine {
}
.RegistrationCartTitleText {
   font-size: 200%;
   color: rgba(128,128,128,1);
   text-transform: uppercase;  
}
.RegistrationCartBodyDiv  {
   width: 100%;
}
.RegistrationCartTableDiv  {
   width: 80%;
   margin-left:  10%;
   font-size: 120%;
}
.RegistrationCartProductHeader  {
   background-color: rgba(250,250,250,1);
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   height: 46px;
   width: 100%;
}
.RegistrationCartProductHeaderLabel  {
   font-weight: bold; 
   float: left;
   line-height: 24px;
   vertical-align: middle;
   margin-left: 0px;
   margin-top: 12px;
}
.RegistrationCartProductHeaderLabel.image  {
   width: 20%;
   text-align: center;
}
.RegistrationCartProductHeaderLabel.name  {
   width: 50%;
   text-align: left;
}
.RegistrationCartProductHeaderLabel.subtype {
   width: 20%;
   text-align: left;
}
.RegistrationCartProductHeaderLabel.remove  {
   width: 10%;
   text-align: center;
}
.RegistrationCartProductRows  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.RegistrationCartProductRow  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   border-top-style: none;
   width: 100%;
}
.RegistrationCartProductRowLabel  {
   font-size: 100%;
   display: inline-block;
   min-height: 45px;
   margin-top: 20px;
   margin-left: 0px;
   vertical-align: middle;
}
.RegistrationCartProductRowImage  {
   display: inline-block;
   width: 20%;
   vertical-align: middle;
   text-align: center;
}
.RegistrationCartProductRowImage img {
   height: 80px;
}
.RegistrationCartProductRowLabel.name  {
   width: 50%;
   text-align: left;
}
.RegistrationCartProductRowLabel.subtype {
   width: 20%;
   text-align: left;
}
.RegistrationCartProductRowLabel.remove  {
   width: 10%;
   text-align: center;
   cursor: pointer;
}
.RegistrationCartButtonRow {
   margin: 10px 0 0 0;
   padding: 0 0 0 0;
   width: 100%;
   height: 58px;
}
.RegistrationCartButton {
   display: inline-block;
}
.RegistrationCartButton.continue {
}
.RegistrationCartButton.clear {
   float: right;
   margin-right: 13px;
}
.RegistrationCartRegistrationRow {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-top: 12px;
   line-height:  25px;
   width: 100%;
   font-weight: bold; 
   display: inline-block;
   font-size:  150%;
}
.RegistrationCartRegistrationButton {
   display: inline-block;
   float: right;
}
.RegistrationCartCommentRow {
   margin-top: 18px;
}
.RegistrationCartComment {
   font-size:  120%;
}

.RegistrationSourceRow {
   display: none;
}
.RegistrationNotesRow {
   display: none;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 880px) {
   .RegistrationCartBody {
      border: none;
   }
   .RegistrationCartDiv  {
   }
   .RegistrationCartTableDiv  {
      width: 100%;
      margin-left:  0%;
      font-size: 120%;
   }
   .RegistrationCartProductHeaderLabel.image  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.name  {
      width: 50%;
   }
   .RegistrationCartProductHeaderLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.remove  {
      width: 10%;
   }
   .RegistrationCartProductRowImage  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.name  {
      width: 50%;
   }
   .RegistrationCartProductRowLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.remove  {
      width: 10%;
   }
}
 
@media screen and (max-width: 724px) {
   .RegistrationCartBody {
      border: none;
   }
   .RegistrationCartDiv  {
   }
   .RegistrationCartTableDiv  {
      width: 100%;
      font-size: 100%;
   }
   .RegistrationCartProductHeaderLabel.image  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.name  {
      width: 50%;
   }
   .RegistrationCartProductHeaderLabel.subtype {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.remove  {
      width: 10%;
   }
   .RegistrationCartProductRowImage  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.name  {
      width: 50%;
   }
   .RegistrationCartProductRowLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.remove  {
      width: 10%;
   }
}

@media screen and (max-width: 648px) {
   .RegistrationCartBody {
      border: none;
   }
   .RegistrationCartDiv  {
   }
   .RegistrationCartTableDiv  {
      width: 100%;
      font-size: 100%;
   }
   .RegistrationCartProductHeaderLabel.image  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.name  {
      width: 48%;
   }
   .RegistrationCartProductHeaderLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.remove  {
      width: 10%;
   }
   .RegistrationCartProductRowImage  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.name  {
      width: 48%;
   }
   .RegistrationCartProductRowLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.remove  {
      width: 10%;
   }
}

@media screen and (max-width: 600px) {
   .RegistrationCartBody {
      border: none;
   }
   .RegistrationCartDiv  {
   }
   .RegistrationCartTableDiv  {
      width: 100%;
      font-size: 100%;
   }
   .RegistrationCartProductHeaderLabel.image  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.name  {
      width: 48%;
   }
   .RegistrationCartProductHeaderLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.remove  {
      width: 10%;
   }
   .RegistrationCartProductRowImage  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.name  {
      width: 48%;
   }
   .RegistrationCartProductRowLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.remove  {
      width: 10%;
   }
   .RegistrationCartButton {
      display: inline-block;
      font-size: 15px;
      line-height: 30px;
      margin-top: 8px;
      margin-left: 13px;
   }
}

@media screen and (max-width: 550px) {
   .RegistrationCartBody {
      border: none;
   }
   .RegistrationCartDiv  {
   }
   .RegistrationCartTableDiv  {
      width: 100%;
      font-size: 100%;
   }
   .RegistrationCartProductHeaderLabel.image  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.name  {
      width: 47%;
   }
   .RegistrationCartProductHeaderLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.remove  {
      width: 10%;
   }
   .RegistrationCartProductRowImage  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.name  {
      width: 47%;
   }
   .RegistrationCartProductRowLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.remove  {
      width: 10%;
      font-size: 120%;
   }
   .RegistrationCartButtonRow {
      width: 100%;
      height: auto;
      text-align: center;
      float: none;
   }
   .RegistrationCartButton {
      float: none;
      font-size: 22px;
      height: 56px;
      width: 280px;
      line-height: 56px;
      margin-top: 8px;
      text-align: center;
   }
   .RegistrationCartButton.continue {
      text-align: center;
      margin-right: 0px;
      float: none;
   }
   .RegistrationCartButton.clear {
      text-align: center;
      margin-right: 0px;
      float: none;
   }
   .RegistrationCartRegistrationRow {
      width: 100%;
      height: auto;
      text-align: center;
      margin-top: 0px;
   }
   .RegistrationCartRegistrationButton {
      float: none;
      text-align: center;
      font-size: 22px;
      line-height: 56px;
      width: 280px;
      margin-left:  27px;
   }
}
@media screen and (max-width: 530px) {
   .RegistrationCartBody {
      border: none;
   }
   .RegistrationCartDiv  {
   }
   .RegistrationCartTableDiv  {
      width: 100%;
      font-size: 100%;
   }
   .RegistrationCartProductHeaderLabel.image  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.name  {
      width: 47%;
   }
   .RegistrationCartProductHeaderLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductHeaderLabel.remove  {
      width: 10%;
   }
   .RegistrationCartProductRowImage  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.name  {
      width: 47%;
   }
   .RegistrationCartProductRowLabel.subtype  {
      width: 20%;
   }
   .RegistrationCartProductRowLabel.remove  {
      width: 10%;
      font-size: 120%;
   }
   .RegistrationCartButtonRow {
      width: 100%;
      height: auto;
      text-align: center;
      float: none;
   }
   .RegistrationCartButton {
      float: none;
      font-size: 22px;
      height: 56px;
      width: 280px;
      line-height: 56px;
      margin-top: 8px;
      text-align: center;
   }
   .RegistrationCartButton.continue {
      text-align: center;
      margin-right: 0px;
      float: none;
   }
   .RegistrationCartButton.clear {
      text-align: center;
      margin-right: 0px;
      float: none;
   }
   .RegistrationCartRegistrationRow {
      width: 100%;
      height: auto;
      text-align: center;
      margin-top: 0px;
   }
   .RegistrationCartRegistrationButton {
      float: none;
      text-align: center;
      font-size: 22px;
      line-height: 56px;
      width: 280px;
      margin-left:  27px;
   }
}
@media screen and (max-width: 500px) {
   .RegistrationCartBody {
      border: none;
   }
   .RegistrationCartDiv  {
      width: 98%;
      margin-left: 1%;
   }
   .RegistrationCartTitleText {
      font-size: 120%;
   }
   .RegistrationCartTableDiv  {
      width: 99%;
      font-size: 120%;
   }
   .RegistrationCartProductHeader {
      text-align: center;
      line-height: 46px;
   }
   .RegistrationCartProductHeaderLabel  {
      width: 100%;
   }
   .RegistrationCartProductHeaderLabel.image  {
      display: none;
      float: none;
      width: 15%;
   }
   .RegistrationCartProductHeaderLabel.name  {
      text-align: center;
      float: none;
      width: 100%;
   }
   .RegistrationCartProductHeaderLabel.subtype  {
      display: none;
      text-align: center;
      float: none;
      width: 100%;
   }
   .RegistrationCartProductHeaderLabel.remove  {
      display: none;
      text-align: center;
      float: none;
      width: 100%;
   }
   .RegistrationCartProductRows {
      text-align: center;
      float: none;
   }
   .RegistrationCartProductRowLabel  {
      min-height: 36px;
      margin-top: 10px;
      vertical-align: middle;
   }
   .RegistrationCartProductRowImage  {
      float: none;
      width: 100%;
      text-align: center;
      display: block;
   }
   .RegistrationCartProductRowLabel.name  {
      text-size: 100%;
      text-align: center;
      float: none;
      width: 100%;
   }
   .RegistrationCartProductRowLabel.subtype  {
      text-size: 100%;
      text-align: center;
      float: none;
      width: 100%;
   }
   .RegistrationCartProductRowLabel.remove  {
      text-align: center;
      font-size: 100%;
      float: none;
      width: 50%;
      color: blue;
      text-decoration: underline;
   }
   .RegistrationCartButtonRow {
      width: 99%;
      height: auto;
      text-align: center;
      border-style: none;
      height: auto;
      float: none;
      margin-left: 0px;
      margin-left: 0px;
   }
   .RegistrationCartCommentRow {
      margin-top: 0px;
   }
   .RegistrationCartButton {
      float: none;
      font-size: 17px;
      height: 30px;
      width: calc(100% - 48px);
      line-height: 30px;
      margin-top: 8px;
      margin-left: 0px;
      text-align: center;
   }
   .RegistrationCartButton.continue {
      text-align: center;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 8px;
      float: none;
   }
   .RegistrationCartButton.clear {
      text-align: center;
      margin-left: 0px;
      margin-right: 0px;
      float: none;
   }
   .RegistrationCartRegistrationRow {
      width: 99%;
      font-size:  100%;
      text-align: center;
      margin-left: 0px;
      margin-left: 0px;
   }
   .RegistrationCartRegistrationButton {
      float: none;
      font-size: 17px;
      line-height: 30px;
      width: calc(100% - 48px);
      margin-left: 0px;
      margin-right: 0px;
   }
}

/*------------------------------- Club Signup / Registation Checkout Design 1 --------------------------------------------------{*/

.RegistrationOrderReviewTableDiv  {
   width: 100%;
   margin-left:  0%;
   font-size: 100%;
}
.RegistrationOrderReviewProductHeader  {
   background-color: rgba(250,250,250,1);
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   height: 46px;
   width: 100%;
}
.RegistrationOrderReviewProductHeaderLabel  {
   font-weight: bold; 
   float: left;
   line-height: 24px;
   vertical-align: middle;
   margin-left: 0px;
   margin-top: 12px;
}
.RegistrationOrderReviewProductHeaderLabel.image  {
   width: 20%;
   text-align: center;
}
.RegistrationOrderReviewProductHeaderLabel.name  {
   width: 50%;
   text-align: left;
}
.RegistrationOrderReviewProductHeaderLabel.subtype {
   width: 20%;
   text-align: left;
}
.RegistrationOrderReviewProductRows  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.RegistrationOrderReviewProductRow  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   border-top-style: none;
   width: 100%;
}
.RegistrationOrderReviewProductRowLabel  {
   font-size: 100%;
   display: inline-block;
   min-height: 45px;
   margin-top: 20px;
   margin-left: 0px;
   vertical-align: middle;
}
.RegistrationOrderReviewProductRowImage  {
   display: inline-block;
   width: 20%;
   vertical-align: middle;
   text-align: center;
}
.RegistrationOrderReviewProductRowImage img {
   height: 80px;
}
.RegistrationOrderReviewProductRowLabel.name  {
   width: 50%;
   text-align: left;
}
.RegistrationOrderReviewProductRowLabel.subtype {
   width: 20%;
   text-align: left;
}
.RegistrationOrderReviewButtonRow {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   border-top-style: none;
   width: 100%;
   height: 58px;
}
.RegistrationOrderReviewButton {
   display: inline-block;
}
.RegistrationOrderReviewButton.continue {
}
.RegistrationOrderReviewButton.clear {
   float: right;
   margin-right: 13px;
}
.RegistrationOrderReviewAgreeToTermsRow {
   float: right;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-top: 12px;
   width: auto;
}
.RegistrationOrderReviewRegisterRow {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-top: 12px;
   line-height:  25px;
   width: 100%;
   font-weight: bold; 
   display: inline-block;
   font-size:  150%;
}
.RegistrationOrderReviewAgreeToTermsRow {
   float: right;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-top: 12px;
   line-height:  25px;
   width: 100%;
}
.RegistrationOrderReviewRegisterButton {
   display: inline-block;
   float: right;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 1056px) {
   .RegistrationOrderReviewRegisterButton {
      margin-right: 20px;
   }
}

@media screen and (max-width: 880px) {
   .RegistrationOrderReviewTableDiv  {
   }
}
 
@media screen and (max-width: 750px) {
   .RegistrationOrderReviewTableDiv  {
      width: 99%;
      margin-left:  0%;
   }
}

@media screen and (max-width: 648px) {
   .RegistrationOrderReviewTableDiv  {
      font-size: 120%;
   }
}

@media screen and (max-width: 600px) {
   .RegistrationOrderReviewTableDiv  {
      font-size: 120%;
   }
   .RegistrationOrderReviewProductHeaderLabel.image  {
      width: 20%;
   }
   .RegistrationOrderReviewProductHeaderLabel.name  {
      width: 45%;
   }
   .RegistrationOrderReviewProductHeaderLabel.subtype {
      margin-left: 10px;
      width: 25%;
   }
   .RegistrationOrderReviewProductRowImage  {
      width: 20%;
   }
   .RegistrationOrderReviewProductRowImage img {
      height: 80px;
   }
   .RegistrationOrderReviewProductRowLabel.name  {
      width: 45%;
   }
   .RegistrationOrderReviewProductRowLabel.subtype {
      margin-left: 10px;
      width: 25%;
   }
   .RegistrationOrderReviewRegisterRow {
   }
   .RegistrationOrderReviewRegisterButton {
      margin-right: 20px;
   }
}

@media screen and (max-width: 550px) {
   .RegistrationOrderReviewTableDiv  {
      font-size: 120%;
   }
   .RegistrationOrderReviewProductHeaderLabel.image  {
      width: 20%;
   }
   .RegistrationOrderReviewProductHeaderLabel.name  {
      width: 45%;
   }
   .RegistrationOrderReviewProductHeaderLabel.subtype {
      margin-left: 10px;
      width: 25%;
   }
   .RegistrationOrderReviewProductRowImage  {
      width: 20%;
   }
   .RegistrationOrderReviewProductRowImage img {
      height: 80px;
   }
   .RegistrationOrderReviewProductRowLabel.name  {
      width: 45%;
   }
   .RegistrationOrderReviewProductRowLabel.subtype {
      margin-left: 10px;
      width: 25%;
   }
   .RegistrationOrderReviewRegisterRow {
   }
   .RegistrationOrderReviewRegisterButton {
      margin-right: 20px;
   }
}
@media screen and (max-width: 530px) {
   .RegistrationOrderReviewTableDiv  {
      font-size: 120%;
   }
   .RegistrationOrderReviewProductHeaderLabel.image  {
      width: 20%;
   }
   .RegistrationOrderReviewProductHeaderLabel.name  {
      width: 45%;
   }
   .RegistrationOrderReviewProductHeaderLabel.subtype {
      margin-left: 10px;
      width: 25%;
   }
   .RegistrationOrderReviewProductRowImage  {
      width: 20%;
   }
   .RegistrationOrderReviewProductRowImage img {
      height: 60px;
   }
   .RegistrationOrderReviewProductRowLabel.name  {
      width: 45%;
   }
   .RegistrationOrderReviewProductRowLabel.subtype {
      margin-left: 10px;
      width: 25%;
   }
   .RegistrationOrderReviewRegisterRow {
   }
   .RegistrationOrderReviewRegisterButton {
      margin-right: 20px;
   }
}

@media screen and (max-width: 500px) {
   .RegistrationOrderReviewTableDiv  {
      font-size: 100%;
   }
   .RegistrationOrderReviewProductHeaderLabel.image  {
      width: 20%;
      color: transparent;
   }
   .RegistrationOrderReviewProductHeaderLabel.name  {
      width: 45%;
   }
   .RegistrationOrderReviewProductHeaderLabel.subtype {
      margin-left: 10px;
      width: 25%;
   }
   .RegistrationOrderReviewProductRowImage  {
      width: 20%;
   }
   .RegistrationOrderReviewProductRowImage img {
      height: 50px;
   }
   .RegistrationOrderReviewProductRowLabel.name  {
      width: 45%;
   }
   .RegistrationOrderReviewRegisterButton {
      width: calc(100% - 48px);
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
   }
   .RegistrationOrderReviewButton.continue {
      width: calc(100% - 48px);
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
   }
}

/*------------------------------- Join The Club --------------------------------------------------{*/

.CatalogJoinClubDiv {
   margin-left:     2%;
   margin-right:    2%;
   margin-bottom:   2%;
}
.CatalogJoinClubLine1  {
}
.CatalogJoinClubCmdDiv {
   font-size:      80%;
}
.CatalogJoinClubLine2 {
}
.CatalogJoinClubButton {
    font-weight: bold;
    display: block;
    top: 15px;
    font-size: large;
    color: #630303;
}
.CatalogJoinClubButton:hover, .CatalogJoinClubButton:focus {
   color:             black;
   text-decoration:   underline;
   cursor:            pointer;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 500px) {
   .CatalogJoinClubCmdDiv {
      font-size: 100%;
   }
   .CatalogJoinClubLine2 {
      display: block;
   }
   .CatalogJoinClubButton {
      margin-left:     0px;
      margin-top: 10px;
      display: block;
   }
}

/*------------------------------- Manage Account --------------------------------------------------{*/

.ManageBody  {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   background-color: transparent;
}
.ManageMenuLineDiv {
   height:  26px;
   font-size: 130%;
   width: 98%;
}
.ManageAccountDiv {
   margin-left: 0px;
   margin-right: 0px;
   width: 100%;
}
.ManageAccountSavedText {
   font-size: 100%;
   color: rgba(128,128,128,1);
   text-transform: uppercase;  
   margin-left: 40px;
   vertical-align: middle;
   line-height: 64px;
}
.ManageMessageDiv {
   margin: 0px;
   padding: 15px 15px 0px 15px;
}
.ManageInfoHeader, .ManageInfoDescription, .ManageDetailRow {
   width: 100%;
}
.ManageRowContainer {
   padding: 10px;
}
.ManageImage {
   width: 10%;
   float: left;
   margin-top: 1%;
   margin-right: 3%;
   min-height: 10px;
   text-align: right;
}
.ManageImage img {
   max-width: 100%;
   width: 80px;
   max-height: 100%;
   height: auto;
}
.ManageInfo {
   width: 86%;
   float: left;
   margin-right: 0%;
   margin-bottom:   10px;
}
.ManageInfoHeader {
   display: inline-block;
}
.ManageName {
   float: left;
   margin: 0;
}
.ManageNotes {
   font-size: 100%;
}
.ManageInfoDescription {
   clear: both;
   font-size: 18px;
   line-height: 25px;
}
.ManageMemberStatusTableDiv {
   width:      100%;
   margin:     0 0 14px 0;
}
.ManageMemberStatusHeader  {
   background-color: rgba(250,250,250,1);
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   width:       100%;
   height:      35px;
   font-size:   100%;
}
.ManageMemberStatusHeaderLabel  {
   font-weight: bold; 
   float: left;
   line-height: 24px;
   vertical-align: middle;
   margin-left: 0px;
   margin-top: 6px;
}
.ManageMemberStatusHeaderLabel.spacer  {
   width:      5%;
}
.ManageMemberStatusHeaderLabel.status  {
   width:      10%;
}
.ManageMemberStatusHeaderLabel.desc  {
   width:      48%;
}
.ManageMemberStatusHeaderLabel.type  {
   width:      24%;
}
.ManageGroupGridDiv {
   width:      100%;
}
.ManageRow {
   padding:   0 0 10px 0;
   min-height: 60px;
   display:      block;
}
.ManageRowAlt {
   padding:   0 0 10px 0;
   min-height: 60px;
   display:      block;
}
.ManageRowControls {
   width:           100%;
   padding:         0 0 0px 0;
}
.ManageGroupSpacer {
   width:      5%;
   display:    inline-block;
}
.ManageCircleButton {
   vertical-align:  top;
   margin-top:   8px;
   width:      10%;
   display:    inline-block;
}
.ManageGroupText {
   vertical-align:  top;
   margin-top:   8px;
   width:      48%;
   display:    inline-block;
}
.ManageJoinRow {
   display:   inline-block;
   text-align:    left;
   width:      24%;
   min-height: 10px;
}
.ManageGroupTypeLabel {
   margin-right: 10px;
}
.ManageGroupType {
   height:  30px;
   font-size: 100%;
   margin-right: 20px;
   width:  150px;
   text-align:   left;
   border-style: solid;
   border-width: 1px;
   border-color: rgba(235,235,235,1);
}
.ManageGroupDateSpacer {
   width:     23%;
   display:   inline-block;
   height:    20px;
}
.ManageGroupDateDiv {
   width:     26%;
   display:   inline-block;
   padding:   0 20px 0 0;
}
.ManageGroupDate {
   width:      70%;
   min-width:  130px;
   max-width:  140px;
}
.ManageSelectOption {
   font-size: 100%;
   width:  auto;
}
.ManageBuyButton {
   display: inline-block;
}
.ManageBuyButton.noclick {
   cursor: auto;
}
.ManageHistoryTableDiv {
   margin-left:  1%;
   margin-right: 1%;
   width:       97%;
   display: inline-block;
}
.ManageHistoryOrderHeader  {
   background-color: rgba(250,250,250,1);
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   height: 46px;
   width: 100%;
}
.ManageHistoryOrderHeaderLabel  {
   font-weight: bold; 
   float: left;
   line-height: 24px;
   vertical-align: middle;
   margin-left: 0px;
   margin-top: 12px;
}
.ManageHistoryOrderHeaderLabel.id  {
   margin-left:  10px;
   width: 10%;
   text-align: left;
}
.ManageHistoryOrderHeaderLabel.name  {
   width: 46%;
   text-align: left;
}
.ManageHistoryOrderHeaderLabel.price  {
   width: 8%;
   text-align: right;
}
.ManageHistoryOrderHeaderLabel.payment  {
   width: 12%;
   text-align: center;
}
.ManageHistoryOrderHeaderLabel.status  {
   width: 12%;
   text-align: center;
}
.ManageHistoryOrderHeaderLabel.date  {
   width: 10%;
   text-align: center;
}
.ManageHistoryOrderProductRows  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.ManageHistoryOrderProductRow  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(235,235,235,1);
   border-style: solid;
   border-width: 1px;
   border-top-style: none;
   width: 100%;
   margin-bottom: 5px;
}
.ManageHistoryOrderProductAltRow  {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border-color: rgba(215,215,215,1);
   border-style: solid;
   border-width: 1px;
   border-top-style: none;
   width: 100%;
   background-color: rgba(250,250,250,1);
   margin-bottom: 5px;
}
.ManageHistoryOrderProductRow:hover, .ManageHistoryOrderProductAltRow:hover  {
   cursor:           pointer;
   background-color: #7AC114;
}
.ManageHistoryOrderProductRowLabel  {
   font-size: 90%;
   display: inline-block;
   margin-top: 3px;
   margin-left: 0px;
   margin-bottom: 3px;
   vertical-align: middle;
}
.ManageHistoryOrderProductRowLabel.id  {
   margin-left:  10px;
   width: 10%;
   text-align: left;
}
.ManageHistoryOrderProductRowLabel.name  {
   width: 46%;
   text-align: left;
}
.ManageHistoryOrderProductRowLabel.price  {
   width: 8%;
   text-align: right;
   color: #630303;
}
.ManageHistoryOrderProductRowLabel.payment  {
   width: 12%;
   text-align: center;
}
.ManageHistoryOrderProductRowLabel.status  {
   width: 12%;
   text-align: center;
}
.ManageHistoryOrderProductRowLabel.date  {
   width: 10%;
   text-align: center;
}
.ManageHistoryOrderHeader {
}
.ManageHistoryButtonRow {
   width: 100%;
   display: inline-block;
   vertical-align: middle;
}
.ManageHistorySearchButton {
   width: 125px;
   font-size: 18px;
   font-weight: bold;
   line-height: 30px;
   margin-left: 18px;
   margin-top: 8px;
   color: white;
   cursor: pointer;
   text-align: center;
   vertical-align: middle;
   padding: 6px 16px 6px 16px;
   float: left;
}
.ManageHistorySearchButton:hover, .ManageHistorySearchButton:focus {
}
.ManageHistorySearchButton.unselected {
   background-color: #630303;
}
.ManageHistorySearchButton.selected {
   background-color: #7AC114;
}
.ManageHistorySearchLabel {
   float: right;
   font-size: 110%;
   line-height: 64px;
   margin-right: 18px;
}
.ManageOrderDiv {
   margin-left: 1%;
   width: 98%;
}
.ManageOrderDetailsRow {
   margin-top: 10px;
   margin-left: 18px;
   float: left;
   width: 45%;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 850px) {
   .ManageHistoryOrderHeaderLabel.id  {
      width: 11%;
   }
   .ManageHistoryOrderHeaderLabel.name  {
      width: 45%;
   }
   .ManageHistoryOrderHeaderLabel.price  {
      width: 8%;
   }
   .ManageHistoryOrderHeaderLabel.status  {
      width: 12%;
   }
   .ManageHistoryOrderHeaderLabel.date  {
      width: 10%;
   }
   .ManageHistoryOrderProductRowLabel.id  {
      width: 11%;
   }
   .ManageHistoryOrderProductRowLabel.name  {
      width: 45%;
   }
   .ManageHistoryOrderProductRowLabel.price  {
      width: 8%;
   }
   .ManageHistoryOrderProductRowLabel.status  {
      width: 12%;
   }
   .ManageHistoryOrderProductRowLabel.date  {
      width: 10%;
   }
   .ManageRowControls {
   }
   .ManageMemberStatusHeaderLabel.spacer  {
      width:      5%;
   }
   .ManageMemberStatusHeaderLabel.status  {
      width:      12%;
   }
   .ManageMemberStatusHeaderLabel.desc  {
      width:      46%;
   }
   .ManageMemberStatusHeaderLabel.type  {
      width:      24%;
   }
   .ManageGroupSpacer {
      width:      5%;
   }
   .ManageCircleButton {
      width:      12%;
   }
   .ManageGroupText {
      width:      46%;
   }
   .ManageJoinRow {
      width:      24%;
   }
}
@media screen and (max-width: 820px) {
   .ManageHistorySearchLabel {
      float: left;
      margin-left: 18px;
   }
   .ManageHistoryButtonRow {
      height:  112px;
   }
}
@media screen and (max-width: 780px) {
   .ManageHistoryTableDiv {
      font-size: 90%;
   }
   .ManageHistoryOrderHeaderLabel.id  {
      width: 12%;
   }
   .ManageHistoryOrderHeaderLabel.name  {
      width: 35%;
   }
   .ManageHistoryOrderHeaderLabel.price  {
      width: 9%;
   }
   .ManageHistoryOrderHeaderLabel.status  {
      width: 15%;
   }
   .ManageHistoryOrderHeaderLabel.date  {
      width: 11%;
   }
   .ManageHistoryOrderProductRowLabel.id  {
      width: 12%;
   }
   .ManageHistoryOrderProductRowLabel.name  {
      width: 35%;
   }
   .ManageHistoryOrderProductRowLabel.price  {
      width: 9%;
   }
   .ManageHistoryOrderProductRowLabel.status  {
      width: 15%;
   }
   .ManageHistoryOrderProductRowLabel.date  {
      width: 11%;
   }
   .ManageHistoryOrderProductRow, .ManageHistoryOrderProductAltRow  {
      margin-bottom: 10px;
   }
   .ManageRowControls {
   }
   .ManageMemberStatusHeaderLabel.spacer  {
      width:      5%;
   }
   .ManageMemberStatusHeaderLabel.status  {
      width:      12%;
   }
   .ManageMemberStatusHeaderLabel.desc  {
      width:      44%;
   }
   .ManageMemberStatusHeaderLabel.type  {
      width:      26%;
   }
   .ManageGroupSpacer {
      width:      5%;
   }
   .ManageCircleButton {
      width:      12%;
   }
   .ManageGroupText {
      width:      44%;
   }
   .ManageJoinRow {
      width:      26%;
   }
   .ManageRowControls {
   }
   .ManageMemberStatusHeaderLabel.spacer  {
      width:      5%;
   }
   .ManageMemberStatusHeaderLabel.status  {
      width:      12%;
   }
   .ManageMemberStatusHeaderLabel.desc  {
      width:      44%;
   }
   .ManageMemberStatusHeaderLabel.type  {
      width:      26%;
   }
   .ManageGroupSpacer {
      width:      5%;
   }
   .ManageCircleButton {
      width:      12%;
   }
   .ManageGroupText {
      width:      44%;
   }
   .ManageJoinRow {
      width:      26%;
   }
}
@media screen and (max-width: 700px) {
   .ManageHistoryTableDiv {
      font-size: 90%;
   }
   .ManageHistoryOrderHeaderLabel.id  {
      display: none;
   }
   .ManageHistoryOrderHeaderLabel.name  {
      margin-left:  10px;
      width: 43%;
   }
   .ManageHistoryOrderHeaderLabel.price  {
      width: 11%;
   }
   .ManageHistoryOrderHeaderLabel.status  {
      width: 15%;
   }
   .ManageHistoryOrderHeaderLabel.date  {
      width: 13%;
   }
   .ManageHistoryOrderProductRowLabel.id  {
      display: none;
   }
   .ManageHistoryOrderProductRowLabel.name  {
      margin-left:  10px;
      width: 43%;
   }
   .ManageHistoryOrderProductRowLabel.price  {
      width: 11%;
   }
   .ManageHistoryOrderProductRowLabel.status  {
      width: 15%;
   }
   .ManageHistoryOrderProductRowLabel.date  {
      width: 13%;
   }
}
@media screen and (max-width: 600px) {
   .ManageHistoryTableDiv {
      font-size: 90%;
   }
   .ManageHistoryOrderHeaderLabel.id  {
      display: none;
   }
   .ManageHistoryOrderHeaderLabel.name  {
      margin-left:  10px;
      width: 62%;
   }
   .ManageHistoryOrderHeaderLabel.price  {
      width: 15%;
   }
   .ManageHistoryOrderHeaderLabel.status  {
      display: none;
   }
   .ManageHistoryOrderHeaderLabel.date  {
      width: 16%;
   }
   .ManageHistoryOrderProductRowLabel.id  {
      display: none;
   }
   .ManageHistoryOrderProductRowLabel.name  {
      margin-left:  10px;
      width: 62%;
   }
   .ManageHistoryOrderProductRowLabel.price  {
      width: 15%;
   }
   .ManageHistoryOrderProductRowLabel.status  {
      display: none;
   }
   .ManageHistoryOrderProductRowLabel.date  {
      width: 16%;
   }
   .ManageRowControls {
   }
   .ManageMemberStatusHeaderLabel.spacer  {
      width:      0%;
   }
   .ManageMemberStatusHeaderLabel.status  {
      width:      12%;
   }
   .ManageMemberStatusHeaderLabel.desc  {
      width:      45%;
      text-align: center;
   }
   .ManageMemberStatusHeaderLabel.type  {
      width:      29%;
   }
   .ManageGroupSpacer {
      width:      0%;
   }
   .ManageCircleButton {
      width:      12%;
   }
   .ManageGroupText {
      width:      45%;
   }
   .ManageJoinRow {
      width:      29%;
   }
}
@media screen and (max-width: 500px) {
   .ManageRowControls {
   }
   .ManageMemberStatusTableDiv {
   }
   .ManageMemberStatusHeaderLabel.spacer  {
      width:      0%;
      font-size:  90%;
   }
   .ManageMemberStatusHeaderLabel.status  {
      width:      16%;
      font-size:  90%;
   }
   .ManageMemberStatusHeaderLabel.desc  {
      width:      33%;
      font-size:  90%;
   }
   .ManageMemberStatusHeaderLabel.type  {
      width:      35%;
      font-size:  90%;
   }
   .ManageGroupSpacer {
      width:      0%;
   }
   .ManageCircleButton {
      width:      14%;
   }
   .ManageGroupText {
      width:      37%;
      font-size:  90%;
   }
   .ManageJoinRow {
      width:      35%;
   }
   .ManageGroupDateSpacer {
      width:      0%;
   }
   .ManageGroupDateDiv {
      width:     36%;
   }
   .ManageRowContainer {
      padding: 0px;
   }
   .ManageImage {
      display: none;
   }
   .ManageName {
      font-size:  120%;
      margin-top: 5px;
   }
   .ManageInfoDescription {
      font-size:  100%;
   }
   .ManageJoinRow {
      margin-right: 0px;
      text-align: left;
      margin-right: 0%;
   }
   .ManageNotes {
      font-size:  90%;
   }
   .ManageBuyButton {
      margin-top: 10px;
      width: calc(100% - 48px);
   }
   .ManageGroupTypeLabel {
      display: block;
      margin-right: 0px;
   }
   .ManageGroupType {
      width: 100%;
      margin-right: 0px;
   }
   .ManageHistoryButtonRow {
      height: auto;
   }
   .ManageHistorySearchLabel {
      width: 100%; 
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
   }
   .ManageHistoryOrderHeader  {
      display: none;
   }
   .ManageAccountSavedText {
      font-size: 100%;
      margin-top: 10px;
      margin-left: 0px;
      line-height: 20px;
   }
   .ManageHistorySearchButton {
      width: calc(100% - 32px);
      margin-left: 0px;
      margin-right: 0px;
   }
   .ManageHistoryTableDiv {
      display: inline-block;
   }
   .ManageHistoryOrderProductRows  {
      font-size: 130%;
      width: 100%;
      display: inline-block;
   }
   .ManageHistoryOrderProductRowLabel  {
      width: 100%;
      display: inline-block;
      text-align: left;
   }
   .ManageHistoryOrderProductRowLabel.id  {
      width: 100%;
      margin-left: 5px;
      margin-right: 0px;
      text-align: left;
      display: block;
   }
   .ManageHistoryOrderProductRowLabel.name  {
      width: 100%;
      margin-left: 5px;
      margin-right: 0px;
      display: block;
      text-align: left;
   }
   .ManageHistoryOrderProductRowLabel.payment  {
      width: 50%;
      margin-left: 5px;
      margin-right: 0px;
      display: inline-block;
      text-align: left;
   }
   .ManageHistoryOrderProductRowLabel.date  {
      width: 50%;
      margin-left: 5px;
      margin-right: 0px;
      display: inline;
      text-align: left;
   }
   .ManageHistoryOrderProductRowLabel.status  {
      width: 100%;
      margin-left: 5px;
      margin-right: 0px;
      display: inline-block;
      text-align: left;
   }
   .ManageHistoryOrderProductRowLabel.price  {
      width: 100%;
      margin-left: 5px;
      margin-right: 0px;
      display: inline;
      text-align: left;
   }
   .ManageOrderDetailsRow {
      width: 99%;
      float: none;
      margin-left: 0px;
      margin-right: 0px;
   }
   .ManageHistoryOrderProductRow  {
      margin-bottom: 15px;
   }
   .ManageHistoryOrderProductAltRow  {
      margin-bottom: 15px;
   }
}

/*------------------------------- Selection / Member Choice --------------------------------------------------{*/

.SelectionBody {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.SelectionDiv {
   width:  98%;
   margin-left: 1%;
}
.SelectionMenuLineDiv {
   height:  26px;
   font-size: 130%;
   width: 98%;
}
.SelectionCartDiv  {
   width: 98%;
   margin-left: 1%;
}
.SelectionCartBodyDiv  {
}
.SelectionCartTableDiv  {
}
.SelectionSummaryGroup  {
   width:        90%;
   margin-left:  5%;
}
.SelectionCartShippingRow  {
   width:        90%;
   margin-top:   15px;
   margin-left:  5%;
}
.SelectionTitleDiv {
   margin-top: 15px;
   margin-left: 10px;
   margin-bottom: 0px;
   width: 98%;
}
.SelectionTitleText {
   font-size: 200%;
   color: rgba(128,128,128,1);
   text-transform: uppercase;  
}
.SelectionSubTitleDiv {
   margin-top: 10px;
   margin-left: 30px;
   margin-bottom: 5px;
   width: 98%;
}
.SelectionSubTitleText {
   font-size: 120%;
   color: rgba(128,128,128,1);
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 500px) {
   .SelectionBody {
   }
   .SelectionMenuLineDiv {
   }
   .SelectionDiv {
      margin-left: 1%;
      width: 98%;
   }
   .SelectionCartDiv  {
      font-size: 100%;
      margin-left: 1%;
      width: 98%;
   }
   .SelectionCartBodyDiv  {
      width: 100%;
      margin-left: 0px;
      display: inline-block;
   }
   .SelectionCartTableDiv  {
      font-size: 130%;
   }
   .SelectionSummaryGroup  {
      width: 98%;
      margin-left: 2%;
   }
   .SelectionCartShippingRow  {
      width: 98%;
      margin-top: 15px;
      margin-left: 2%;
   }
   .SelectionTitleDiv {
      width: 98%;
      font-size: 100%;
      margin-top: 5px;
      margin-left: 0px;
      padding: 0 0 0 0;
      text-align: left;
      float: left;
   }
   .SelectionTitleText {
      font-size: 125%;
   }
   .SelectionSubTitleDiv {
      width: 98%;
      margin-top: 5px;
      margin-left: 0px;
      margin-bottom: 10px;
      padding: 0 0 0 0;
      text-align: left;
      float: left;
   }
   .SelectionSubTitleText {
      font-size: 100%;
      color: black;
   }
   .SelectionCartProductHeader {
      line-height: auto;
   }
}

/*------------------------------- Toolbar ------------------------------------------------------{*/

.CatalogMenuLineDiv {
   height:  26px;
   font-size: 130%;
   width: 98%;
   margin-bottom:    20px;
}
.CatalogTopMenu {
   background-color: transparent;
}
.CatalogMenuIcon {
   float:         left;
   margin-top:    0px;
   margin-left:   2px;
   margin-right:  14px;
   height:        36px;
   display:       none;
}
.CatalogMenuIcon:hover {
   cursor:        pointer;
}
.CatalogMenuPopup {
   display: none;
   position: fixed;
   margin-left:   2px;
   margin-top:    28px;
   background-color: rgba(250,250,250,1);
   width: auto;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2);
}
.CatalogMenuPopupActions {
   margin-top:  16px;
}
.CatalogMenuAction {
   padding:  0px 16px 8px 16px;
   display: block;
}
.CatalogMenuAction:hover {
   cursor: pointer;
   text-decoration: underline;
}
.CatalogTopMenuAction {
   margin:  4px 6px 0px 6px;
   color:   rgba(64,64,64,1);
   display:   inline-block;
}
.CatalogTopMenuAction:hover {
   cursor: pointer;
   text-decoration: underline;
   color: black;
}
.CatalogMenuPopupShowAllDiv  {
   padding: 0px 0px 0px 0px;
}
.CatalogMenuPopupShowAll  {
   padding:  0px 16px 0px 16px;
   display: block;
}
.CatalogMenuPopupShowAll:hover  {
   cursor: pointer;
   text-decoration: underline;
}
.CatalogMenuPopupUl  {
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 0px 0px;
   list-style-type: none; 
   list-style-image: none; 
}
.CatalogMenuPopupActionLi  {
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 0px 0px;
   border-color: rgba(235,235,235,1);
   border-top-style: solid;
   border-top-width: 1px;
}
.CatalogMenuPopupActionItem  {
   padding:  0px 16px 10px 16px;
   display: block;
}
.CatalogMenuPopupActionItem:hover  {
   cursor: pointer;
   text-decoration: underline;
}
.CatalogMenuPopupLi  {
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 0px 0px;
   border-color: rgba(235,235,235,1);
   border-top-style: solid;
   border-top-width: 1px;
}
.CatalogMenuPopupItem  {
   padding:  0px 16px 10px 16px;
   display: block;
}
.CatalogSubMenuPopupUl  {
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 0px 0px;
   list-style-type: none; 
   list-style-image: none; 
}
.CatalogSubMenuPopupLi  {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 15px;
}
.CatalogSubMenuPopupItem  {
   padding:  0px 16px 10px 16px;
   display: block;
}
.CatalogSubMenuPopupItem:hover  {
   cursor: pointer;
   text-decoration: underline;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/
@media screen and (max-width: 1300px) {
   .CatalogMenuIcon {
      display:   inline-block;
   }
}

/*------------------------------- Forgot Password  --------------------------------------------------{*/

.ForgotPasswordBody {
}
.ForgotPasswordDiv {
   width: 40%;
   margin-top: 2%;
   margin-left: 30%;
}
.ForgotPasswordDivTitle {
   display: none;
}
.ForgotPasswordTitle {
   font-size: 200%;
   color: rgba(128,128,128,1);
   text-transform: uppercase;  
   display: none;
}
.ForgotPasswordP {
   font-size:  120%;
   font-weight: bold;
   margin-bottom: 20px;
   display: none;
}
.ForgotPasswordText {
   font-size:  100%;
   line-height: 35px;
}
.ForgotPasswordControlList {
   list-style-type:  none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   padding-top: 30px;
}
.ForgotPasswordListInput {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-bottom: 15px;
}
.ForgotPasswordInputLabel {
   font-size: 110%;
}
.ForgotPasswordInput {
   height:  30px;
   font-size: 100%;
   width:  99%;
   border-style: solid;
   border-width: 1px;
   border-color: rgba(235,235,235,1);
}
.ForgotPasswordButtonRow {
   width: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-top: 28px;
   margin-bottom: 28px;
}
.ForgotPasswordColumn1 {
   width: 70%;
   float: left;
}
.ForgotPasswordColumn2 {
   width: 30%;
   float: right;
}
.ForgotPasswordCancelButton {
   float: left;
}
.ForgotPasswordCancelButton:hover, .ForgotPasswordCancelButton:focus {
}
.ForgotPasswordSubmitButton {
   float: right;
}
.ForgotPasswordSubmitButton:hover, .ForgotPasswordSubmitButton:focus {
}
.ForgotPasswordInputError {
   padding: 0px;
   margin: 0px;
   border: none;
   height:  auto;
   width:  99%;
   display: none;
   color: #630303;
   font-size:  110%;
}
.ForgotPasswordFooterText {
   font-size: 150%;
}
.ForgotPasswordInputError.alert {
   display: block;
}
.ForgotPasswordInput.alert {
   border-style: dashed;
   border-color: #630303;
   border-width: 3px;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 500px) {
   .ForgotPasswordDiv {
      width: 98%;
      margin-left: 1%;
   }
   .ForgotPasswordDivTitle {
      display: none;
   }
   .ForgotPasswordColumn1 {
      width: 100%;
   }
   .ForgotPasswordColumn2 {
      width: 100%;
   }
   .ForgotPasswordListInput {
      width: calc(100% - 1px);
   }
   .ForgotPasswordInput {
   }
   .ForgotPasswordButtonRow {
      margin-top: 0px;
   }
   .ForgotPasswordCancelButton {
      width: calc(100% - 48px);
      float: none;
      text-align: center;
   }
   .ForgotPasswordSubmitButton {
      width: calc(100% - 48px);
      float: none;
      text-align: center;
   }
   .ForgotPasswordInputError {
      width:  100%;
   }
}

/*------------------------------- Reset Password  --------------------------------------------------{*/

.ResetPasswordBody {
}
.ResetPasswordDiv {
   width: 70%;
   margin-top: 2%;
   margin-left: 30%;
}
.ResetPasswordDivTitle {
}
.ResetPasswordTitle {
   font-size: 200%;
   color: rgba(128,128,128,1);
   text-transform: uppercase;  
   display: none;
}
.ResetPasswordP {
   font-size:  130%;
   font-weight: bold;
   margin-bottom: 20px;
   display: none;
}
.ResetPasswordText {
   font-size:  120%;
   line-height: 35px;
}
.ResetPasswordControlList {
   list-style-type:  none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   padding-top: 30px;
}
.ResetPasswordListInput {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-bottom: 15px;
}
.ResetPasswordInputLabel {
   display: inline-block;
   font-size: 130%;
   width:  30%;
}
.ResetPasswordInput {
   height:  30px;
   font-size: 130%;
   width:  50%;
   border-style: solid;
   border-width: 1px;
   border-color: rgba(235,235,235,1);
}
.ResetPasswordButtonRow {
   width: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-top: 28px;
   margin-bottom: 28px;
}
.ResetPasswordColumn1 {
   width: 70%;
   float: left;
}
.ResetPasswordColumn2 {
   width: 30%;
   float: right;
   vertical-align: top;
}
.ResetPasswordSubmitButton {
   float: right;
}
.ResetPasswordSubmitButton:hover,.ResetPasswordSubmitButton:focus {
}
.ResetPasswordInputError {
   padding: 0px;
   margin: 0px;
   margin-left: 20%;
   border: none;
   height:  auto;
   width:  50%;
   display: none;
   color: #630303;
   font-size:  110%;
}
.ResetPasswordCustomerData {
}
.ResetPasswordLabel {
   vertical-align: top;
   display: inline-block;
   font-size: 130%;
   width:  30%;
   margin-top: 7px;
}
.ResetPasswordCustomerField {
   display: inline-block;
   font-size: 130%;
   margin-top: 7px;
}
.ResetPasswordFooterText {
   font-size: 150%;
}
.ResetPasswordInputError.alert {
   display: block;
}
.ResetPasswordInput.alert {
   border-style: dashed;
   border-color: #630303;
   border-width: 3px;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 500px) {
   .ResetPasswordDiv {
      width: 98%;
      margin-left: 1%;
   }
   .ResetPasswordDivTitle {
      display: none;
   }
   .ResetPasswordLabel {
      margin-top: 7px;
      font-weight: bold;
      width:  100%;
   }
   .ResetPasswordCustomerField {
      display: block;
      font-size: 130%;
      margin-top: 7px;
   }
   .ResetPasswordColumn1 {
      width: 100%;
   }
   .ResetPasswordColumn2 {
      width: 100%;
   }
   .ResetPasswordButtonRow {
      margin-top: 0px;
      width:  100%;
   }
   .ResetPasswordInputLabel {
      width:  100%;
   }
   .ResetPasswordInput {
      width:  100%;
      margin-left: 0px;
   }
   .ResetPasswordCancelButton {
      width: calc(100% - 48px);
      float: none;
      text-align: center;
   }
   .ResetPasswordSubmitButton {
      width: calc(100% - 48px);
      float: none;
      text-align: center;
   }
   .ResetPasswordInputError {
      margin-left: 0%;
      width:  calc(100% - 22px);
   }
}

/*------------------------------- Unsubscribe  ------------------------------------------------------{*/

.UnsubscribeBody {
}
.UnsubscribeDiv {
   width: 40%;
   margin-top: 2%;
   margin-left: 30%;
}
.UnsubscribeDivTitle {
}
.UnsubscribeTitle {
   font-size: 200%;
   color: rgba(128,128,128,1);
   text-transform: uppercase;  
   display: none;
}
.UnsubscribeP {
   font-size:  130%;
   font-weight: bold;
   margin-bottom: 20px;
}
.UnsubscribeText {
   font-size:  120%;
   line-height: 35px;
}
.UnsubscribeButtonRow {
   width: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-top: 28px;
   margin-bottom: 0px;
}
.UnsubscribeColumn1 {
   width: 70%;
   float: left;
}
.UnsubscribeColumn2 {
   width: 30%;
   float: right;
   vertical-align: top;
}
.UnsubscribeSubmitButton {
   float: right;
}
.UnsubscribeSubmitButton:hover,.UnsubscribeSubmitButton:focus {
}
.UnsubscribeCustomerData {
}
.UnsubscribeLabel {
   vertical-align: top;
   display: inline-block;
   font-size: 130%;
   width:  20%;
   margin-top: 7px;
}
.UnsubscribeCustomerField {
   display: inline-block;
   font-size: 130%;
   margin-top: 7px;
}
.UnsubscribeFooterText {
   font-size: 150%;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 500px) {
   .UnsubscribeDiv {
      width: 98%;
      margin-left: 1%;
   }
   .UnsubscribeDivTitle {
      display: none;
   }
   .UnsubscribeLabel {
      margin-top: 7px;
      font-weight: bold;
      width:  100%;
   }
   .UnsubscribeColumn1 {
      width: 100%;
   }
   .UnsubscribeColumn2 {
      width: 100%;
   }
   .UnsubscribeButtonRow {
      margin-top: 0px;
      width:  99.8%;
   }
   .UnsubscribeInputLabel {
      width:  100%;
   }
   .UnsubscribeCustomerField {
      width:  100%;
   }
   .UnsubscribeInput {
      width:  calc(100% - 22px);
      margin-left: 0px;
      margin-bottom: 15px;
   }
   .UnsubscribeSubmitButton {
      width: calc(100% - 48px);
      margin-left: 0px;
      float: none;
      text-align: center;
   }
   .UnsubscribeInputError {
      width:  calc(100% - 22px);
      margin-top: -10px;
   }
}

/*------------------------------- NewsletterHook  ------------------------------------------------------{*/

.NewsletterHookBody {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.NewsletterHookForm {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.NewsletterHookDiv {
   outline: none;
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   width: 100%;
}
.NewsletterHookRow1 {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-bottom: 5px;
   text-align: center;
}
.NewsletterHookRow2 {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.NewsletterHookInputLabel {
   font-size: 13px;
   vertical-align: top;
   display: block;
   width:  100%;
}
.NewsletterHookColumn1 {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-top: 1px;
   width: 50%;
   float: left;
   vertical-align: middle;
   background-color: transparent;
}
.NewsletterHookColumn2 {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   width: 50%;
   float: right;
   vertical-align: middle;
   background-color: transparent;
}
.NewsletterHookInput {
   height: 24px;
   width:  98%;
   margin-right: 2%;
   border-style: solid;
   border-width: 1px;
   border-color: rgba(235,235,235,1);
   display: inline-block;
}
.NewsletterHookSubmitButton {
   font-size: 18px;
   font-weight: bold;
   line-height: 30px;
   width:  98%;
   margin-top: 0px;
   margin-left: 2%;
   background-color: #630303;
   color: rgba(255,255,255,1);
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.NewsletterHookSubmitButton:hover,.NewsletterHookSubmitButton:focus {
   background-color: #7AC114;
   color: #630303;
}

/*------------------------------- Newsletter  ------------------------------------------------------{*/

.NewsletterBody {
}
.NewsletterDiv {
   width: 40%;
   margin-top: 2%;
   margin-left: 30%;
}
.NewsletterTitle {
   font-size: 200%;
   color: rgba(128,128,128,1);
   text-transform: uppercase;  
   display: none;
}
.NewsletterText {
   font-size:  110%;
   line-height: 35px;
}
.NewsletterP {
   font-size:  130%;
   font-weight: bold;
   width: calc(100%-10px);
   padding: 6px 0px 6px 10px;
   margin-bottom: 10px;
   background-color: #630303;
   color: rgba(240,240,240,1);
}
.NewsletterControlList {
   list-style-type:  none;
   margin: 0 0 0 0;
   margin-top: 20px;
   padding: 0 0 0 0;
}
.NewsletterListInput {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-bottom: 15px;
}
.NewsletterInputLabel {
   font-size: 130%;
   vertical-align: top;
   display: block;
   width:  100%;
}
.NewsletterColumn1 {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   width: calc(70% - 10px);
   float: left;
   vertical-align: middle;
   background-color: transparent;
   height: 30px;
   padding: 6px 0px 6px 10px;
}
.NewsletterColumn2 {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   margin-top: 10px;
   width: 30%;
   float: right;
   vertical-align: middle;
   background-color: transparent;
}
.NewsletterInput {
   height: 24px;
   font-size: 130%;
   width:  100%;
   border-style: solid;
   border-width: 1px;
   border-color: rgba(235,235,235,1);
   display: inline-block;
   margin-bottom: 15px;
}
.NewsletterSubmitButton {
   float: right;
}
.NewsletterSubmitButton:hover,.NewsletterSubmitButton:focus {
}
.NewsletterInputError {
   padding: 0px;
   margin: 0px;
   margin-left: 20%;
   border: none;
   height:  auto;
   width:  50%;
   display: none;
   color: #630303;
   font-size:  110%;
}
.NewsletterInputError.alert {
   display: block;
}
.NewsletterInput.alert {
   border-style: dashed;
   border-color: #630303;
   border-width: 3px;
}
.NewsletterCustomerField {
   display: inline-block;
   font-size: 130%;
   margin-top: 7px;
}
.NewsletterFooterText {
   font-size: 150%;
   vertical-align: middle;
   line-height: 30px;
}
.NewsletterCustomerData {
   width:  100%;
}
.NewsletterLabel {
   vertical-align: top;
   display: inline-block;
   font-size: 130%;
   width:  20%;
   margin-top: 7px;
}
.NewsletterCustomerField {
   display: inline-block;
   font-size: 130%;
   margin-top: 7px;
}

/*------------------------------- Media Statements ------------------------------------------------------{*/

@media screen and (max-width: 500px) {
   .NewsletterDiv {
      width: 98%;
      margin-left: 1%;
   }
   .NewsletterDivTitle {
      display: none;
   }
   .NewsletterLabel {
      margin-top: 7px;
      font-weight: bold;
      width:  100%;
   }
   .NewsletterCustomerField {
      display: block;
      font-size: 130%;
      margin-top: 7px;
   }
   .NewsletterColumn1 {
      width: 100%;
   }
   .NewsletterColumn2 {
      width: 100%;
   }
   .NewsletterButtonRow {
      margin-top: 0px;
      width:  99.8%;
   }
   .NewsletterInputLabel {
      width:  100%;
   }
   .NewsletterInput {
      width:  calc(100% - 22px);
      margin-left: 0px;
      margin-bottom: 15px;
   }
   .NewsletterSubmitButton {
      width: calc(100% - 48px);
      margin-left: 0px;
      float: none;
      text-align: center;
   }
   .NewsletterInputError {
      margin-left: 0px;
      width:  calc(100% - 22px);
      margin-top: -10px;
   }
}

/*------------------------------- Walla Walla  ----------------------------------------------------------{*/