/* Checkout headers                                             */

.form-control-collapse {width:max-content;}

/* Used for pages that have sections like the address page, checkout page etc. */
.sectionHeader {
 color: #444;
 font-size: 14pt;
 line-height: 1.5em;
 background: #e9e9e9; /* Old browsers */
 text-indent: 10px;
 text-shadow: 0 1px #F9F9F9;
 background: -moz-linear-gradient(top,  #e9e9e9 0%, #e3e3e3 50%, #f1f1f1 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(50%,#e3e3e3), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* IE10+ */
 background: linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startcolorstr='#e9e9e9', endcolorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
 border-radius: 5px 5px 0 0; /* make .checkoutSection border-radius match this */
}

.panel-heading:hover {
 
 cursor:pointer;
 background-color:#f1f1f1;
 
}

/* Used for links within the sectionHeader */
a.sectionHeader:link,
a.sectionHeader:active,
a.sectionHeader:hover,
a.sectionHeader:visited {
 font-weight: bold;
 color: #444444;
 text-decoration: underline;
}
a.sectionHeader:hover
{ color: #222222; }

.subHeader {
 color: #666666; 
 font-size: 10pt;
 padding-left: 5px;
 padding-top: 5px;
}

/* Form Fields and Labels */
.asterisk {
color: #cc3333;
}

.fieldSpacer {
 height: 10px;
}
.fieldHSpacer {
 height: 12px;
}
.smallFieldSpacer {
 height: 5px;
}
.fieldIndent {
 width: 10px;
 min-height:10px;
}
.fieldLabel {
 color: #000;
 font-size: 12px;
 min-width:110px;
 background:transparent;
 font-weight:bold;
}
.hrTotalSpacer {
 width: 50px;
}
.middleSpacer {
 width: 10px;
}

.sectionLabel {
 color: #666666; 
 font-size: 12px;
 text-decoration: none; 
}

.billSelect,
.shipSelect{ 
 font-size: 12px;
 width: 50px;                                      
}

.billDateSelect{ 
 font-size: 12px;
}

.billInput,
.shipInput{ 
 font-size: 12px;
 height: 20px;
 border: 1px solid #959585; 
 padding: 1px; 
 margin-top: 2px;
 margin-bottom: 2px; 
 text-align: left; 
 vertical-align:middle;
 width: 200px;                                            
}


.billPhoneInput{
 font-size: 12px;
 height: 20px;
 border: 1px solid #959585; 
 padding: 1px; 
 margin-top: 2px;
 margin-bottom: 2px; 
 text-align: left; 
 vertical-align:middle;
}

.sameAsBilling {

}

.billShipTable{
 border: 1px;
}

.billShipHeader{
   color: #ffffff; 
 font-size: 12px;
 text-decoration: none; 
}

.billShipExistHeader{
   color: #00A28D; 
 font-size: 11px;
 text-decoration: none;
 
}

.billShipExistText{
   color: #5B6983; 
 font-size: 12px;
 text-decoration: none; 
}

a.billShip:link, a.billShip:visited, a.billShip:active{
 color: #00A28D; 
 font-size: 12px;
 text-decoration: none;
}

a.billShip:hover{
 color: #00A28D; 
 font-size: 12px;
 text-decoration: underline;
 font-weight: bold;
}

.billShip{
   color: #000000; 
 font-size: 12px;
 text-decoration: none; 
}

.billShipWhite{
   color: #000000; 
 font-size: 12px;
 text-decoration: none; 
}

a.billShipWhite:link, a.billShipWhite:visited, a.billShipWhite:active{
 color: #73C202; 
 font-size: 12px;
 text-decoration: none;
}

a.billShipWhite:hover{
 color: #73C202; 
 font-size: 12px;
 text-decoration: underline;
 font-weight: bold;
}

.billShipCopy{
   color: #5B6983; 
 font-size: 12px;
 text-decoration: none; 
}

.billShipNote{
   color: #5B6983; 
 font-size: 11px;
 font-style: italic;
}

.billShipMsg{
   color: #00A28D; 
 font-size: 12px;
 text-decoration: none; 
}

.billShipField{
   color: #333;
 font-size: 12px;
 line-height: 24px;
 text-decoration: none;
 padding-right:10px;
 min-width:125px;
}
.billShipLine{
   color: #BCCBDA; 
}


.billCountry,
.shipCountry{
   color: #000000; 
 font-size: 12px;
 text-decoration: none; 
}

.processingDisplay {
  height: 200px;
  width: 750px;                                             
}

.processing {
  display: inline;
  width: 750px;
}

.cardSelect{
 font-size: 12px;
 width: 200px;                                                                     
}

.addrSelect { 
 font-size: 12px;
 width: 200px;                                              
}

.processText {
 font-family: Tahoma,Arial,Helvetica;
 font-size: 14pt;
 color: #dddddd;
}


/* Order Summary Totals Display */
.totalDisplay {
 font-family:verdana,arial,geneva,helvetica;
 font-size: 12px;
 color: #000000;
 margin-left:8px;
}
.totalDisplayRed {
 font-family:verdana,arial,geneva,helvetica;
 font-size: 12px;
 color: #cc3333;
}

.freightDetailsLink{ margin-left:5px; }

/* Order Summary Total HR */
.totalLine {
}

.imgOverlay{
  z-index: 5;
  display: none;
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0px;
  left: 0px;  
}

#csc{ width: 50px; min-width:50; }
.CSCHelpDefault{ display:none; }
.CSCHelpDisplay{
 position: relative;
 width: 300px;
 height: 250px;
 left: 45px;
 top: -425px;
 overflow: auto;
 padding: 4px;
 background-color: #ffffff;
 border: 2px solid #cccccc;
 cursor: pointer;
 z-index: 10;
}
#CSSHelpPosition{ position:absolute; } 

.applyButton{
  float:right;
  padding: 5px 23px 5px 5px;
}

.promoInput{
   width:170px;
}   

#errorSummary {
  background-color:#FFFFEE;
  border:1px solid red;
  color:#660000;
  display:none;
  margin-top:20px;
  padding:5px;
  clear:both;

}

.errorField,
.checkoutInput.errorField{
  background-color:#FFFFCC;
  border:1px solid #AA0000;
}
.warningField,
.checkoutInput.warningField {
background-color:#FFFFEE;
border:1px solid #FFDD33;
}
/* Checkout Gift Wrap Options Button (from Tea Collection) */
#reviewGift a#giftPress {
   padding: 0 5px 0 5px;
}

#reviewGift, #reviewGift a#giftPress:link {
   background-color: #9B9286;
   color: #FFF;
   height: 20px;
   line-height: 20px;
   text-align:center;
   text-decoration: none;
 font-size: 12px;
}

#reviewGift a#giftPress:visited, 
#reviewGift a#giftPress:hover, 
#reviewGift a#giftPress:active {
   color: #4D2615;
   text-decoration: underline;
}

.giftOptions{
 margin-left: 20px;
}

#giftwrap {
  width: 590px;
  padding: 20px 15px 0 15px;
  font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #595B5A;
}

.giftWrapLeft, 
.giftWrapRight {
  width:250px;
  padding: 10px 20px 0 0;
}

#gift_options{
 width:500px; 
}

.flatBoxes{
 margin-top: -2px;
}

#giftwrap th {
  font: bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
  color: #595B5A;
  background-color: white;
  padding: 0;
}

#gift_info {
  display: none;
  width: 100%;
  border: none;
  padding: 4px;
  font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #595B5A;
}

#gift_info > table {
  font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #595B5A;
}



/* Used for messaging the user after something has just happened, like and
 address was updated, or something added to the cart etc. */
.submitMessage {
 font-weight: bold;
 color: #440000;
}

.searchheader{ 
 font-size: 16pt;
 font-weight: normal;
 color: #444444;
 padding-left: 10px;
}

.searchtext{
 font-size: 8pt;
 font-weight: none;
 color: #444444;
}

.searchinput{
 font-size: 10pt;
 width: 225px;
 font-weight: normal;
}

.searchsubheader{
 font-size  : 12pt;
 font-weight: bold;
 color: #444444;
}

.searchtextbold{ 
 font-size: 8pt;
 font-weight: bold;
 color: #444444;
}

.advSearchPadder{
   background-color: #cecece;
   margin-top: 5px;
   margin-bottom: 5px;
}

.presellMsg { color: red; }

.commentsSection{ border: 1px solid #ccc; border-bottom:0;}
#commentArea .comments{ width:360px; margin: 5px; padding:4px; }
.procDisplayDiv {
  height: 465px;
  width: 700px;
  background-image:url("/images/1by1pix.gif");
  background-repeat: repeat;
}
#giftCertificate{ white-space: nowrap; }

/******************** Template Changes *********************/
.checkoutLeft{
  float:left;
  width:630px;
}
.checkoutRight{
  float:right;
  width: 320px;
}

.checkoutSection,
.reviewSection{
  border: 1px solid #EFEFEF;
  border-radius: 5px 5px 0 0;
  margin:15px 0 0; 
  /* padding: 0 5px 5px 5px; moved into >780 media query */
  clear:both;
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fcfcfc 90%, #f6f6f6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(90%,#fcfcfc), color-stop(100%,#f6f6f6));
  background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#fcfcfc 90%,#f6f6f6 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#fcfcfc 90%,#f6f6f6 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#fcfcfc 90%,#f6f6f6 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#fcfcfc 90%,#f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
  /*
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  */
}

.sectionHeader{
  margin:0 0 15px; /* Moved into >780 media query margin:0 -5px 15px; */
}
.checkoutInput{ 
  min-width:200px; 
  margin: 2px 0; 
  padding:1px; 
  border:1px solid #CECECE; 
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* make consistant between input and select elements */
}
.commentArea{
  padding-right:10px;
}
textarea.checkoutInput{
  width: 100%;
}

.cPhone .checkoutInput {
  min-width: 35px;
  padding: 0;
  text-align:center;
  margin: 2px;
}

.cInput{
 padding-left:10px;
 clear:both;
}
  .cInput label{ 
    display:block;
    float:left;
    min-width:200px;
    /*overflow:hidden;*/
    line-height:24px;
  }

.termsSection{ padding-bottom:15px; }
  .radioPayList{
    margin:0; padding:0; float:left; clear:both;
  }
    .radioPayList li{ 
      display:block;
      float:left; 
      list-style:none;
      margin: 0 0 0 5px; 
    }
    .termsDesc{ line-height: 55px; }
    .termsDesc img{ padding-right:3px; }
  #cardMonth,#cardYear{ width:auto; min-width:0; margin-right:10px;  } 

.giftToggle{ float:left; clear:both; padding-left:10px; }
.checkoutBilling .checkoutEmailOptIn label{ display:inline; float:none; width:auto; }
.checkoutSummary{
  /*
  width:300px;
  float:right;
  */
  font-size:12px;
}
.cSummary{
  text-align:right;
  line-height:22px;

}
.cSummary label{
  display:block;
  float:left;
  text-align:left;
  width: 220px;
  line-height:22px;
  margin:0;
}

.cartOuter{
   clear:both;
}

.lineOuter{
   float:left; 
   width:100%;
   clear:both;
   /* vvvvvvvvv 012500 vvvvvvvvv */
   display: flex;
   margin: 5px 0px;
   border-width: 0px 0px 1px 0px;
   border-style: solid;
   border-color: whitesmoke;
   /* ^^^^^^^^^ 012500 ^^^^^^^^^ */
}

/* vvvvvvvvv 012500 vvvvvvvvv */
.lineQty {
   width:30px;
}

.lineProdDesc {
   flex-grow:8;
   word-break:break-word;
   flex-basis:1px;
   text-transform:capitalize;
}

.lineColorDesc {
   width:60px;
   flex-grow:1;
}

.lineSizeDesc {
   width:25px;
   flex-grow:1;
}
/* ^^^^^^^^^ 012500 ^^^^^^^^^ */

.lineDesc{ 
   float:left;
   /* width:220px; 012500 remove */
   /* vvvvvvvvv 012500 vvvvvvvvv */
   flex-grow:1;
   flex-grow: 1;
   display: flex;
   justify-content: space-around;
   /* ^^^^^^^^^ 012500 ^^^^^^^^^ */
}

.lineTotal{ 
   float:right;
   text-align:right;
   width:45px; /* 012500 change from 80px to 45px */
   flex: none; /* 012500 add */
}

.total{ 
   font-weight:bold; 
}

.cSummarySeperator{ 
  clear:both; 
  border:0;
  border-bottom: 1px solid #ccc;
  margin: 2px 0;
}

.checkoutButtons,
.reviewButtons{
  padding-top:5px; 
  clear:both;
}

a.checkoutButton{
  -moz-box-shadow: 0 0 2px 1px #dcdcdc;
  -webkit-box-shadow: 0 0 2px 1px #dcdcdc;
  box-shadow: 0 0 2px 1px #dcdcdc;

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  border:1px solid #c8c8c8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #666;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  text-shadow: 0 1px #F9F9F9;
  cursor: pointer;
  padding: 6px 13px;
  margin: 2px 15px;
  white-space:nowrap;
  display:inline-block;
  background: rgb(245,245,245); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
  background: linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

}

a.checkoutButton:hover{
  color:#444;
  -moz-box-shadow: 0 0 2px 1px #dcdcdc;
  -webkit-box-shadow: 0 0 2px 1px #dcdcdc;
  box-shadow: 0 0 2px 1px #dcdcdc;
  background: #e5e5e5; /* Old browsers */
  background: -moz-linear-gradient(top,  #e5e5e5 0%, #c0c0c0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#c0c0c0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e5e5e5 0%,#c0c0c0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e5e5e5 0%,#c0c0c0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e5e5e5 0%,#c0c0c0 100%); /* IE10+ */
  background: linear-gradient(top,  #e5e5e5 0%,#c0c0c0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */
}

a.checkoutButton:active{
  -moz-box-shadow: inset 0 0 5px 1px #AAA;
  -webkit-box-shadow: inset 0 0 5px 1px #AAA;
  box-shadow: inset 0 0 5px 1px #AAA;
}


/*** Review Template ***/

.reviewPaymentDetail{ float:left; width:48%; }
.cardAddressReview{ float:right; width:48%;}

#checkoutReview .cartOuter,
/*#checkoutReview .lineDesc{ float:none; width:100%; }*/
#checkoutReview .cSummary { line-height:1 vertical-align:middle; }
#checkoutReview .cSummary label{ float:left; clear:both; line-height:1; width:auto; }
.checkoutButton.reviewEdit{ text-indent:0; margin:3px 5px 0 0; padding:2px 5px; float:right }
/*
#checkoutReview .reviewCart,
#checkoutReview .reviewCart tr,
#checkoutReview .reviewCart td{ background:transparent }
*/
.cardNameVal,
.cardAddr1Val,
.cardAddr2Val,
.cardCountryVal,
.billNameVal,
.shipNameVal,
.billAddr1Val,
.shipAddr1Val,
.billAddr2Val,
.shipAddr2Val,
.billCountryVal,
.shipCountryVal{
 display:block;
}

h4.reviewFreightCarrier{

}

span.reviewFreightCarrier{

}

.clearFix{
 clear:both;
}


/* Review Screen */
a.editButton{
float:right;
padding:2px 10px;
}
a.checkoutButton{

}

.cartTable{ width:100%; }
.cartTable th,
.cartTable td{ padding: 4px; }
.cartImage img{ width:75px; }
.reviewAddrOuter{ float:left; clear:both; width:100%; }

.reviewShipping{
  width:49%;
  float:left;
  clear:none;
  margin-left:1%;
}
.reviewBilling{
  width:49%;
  float:left;
  clear:none;
  margin-right:1%;
}

/* Freight Section */
.freightDetails,
.freightDetailsTable{
  width:100%;
}
.freightDetails th,
.freightDetails td{
  text-align:center;
  font-size:12px;
}
.freightWhseHeading{
  margin:0; padding: 5px 0;
}
.freighTable .fieldLabel:first-child{
  text-align:left;
}
.pickupWhse{ font-weight: bold; }
.whseLabel{
  text-align:left;
}
.whseSelect,
.whseMyAccount{
  text-align:center;
}
.freightCostSumm{
  padding-top:5px;
}

.freightOrig{
  text-decoration:line-through;
  padding-right: 5px; 
}
.freightDiscounted{
  color:red;
}
/* Freight pickup section */
.freightPickupTable{ width:100%; }
.pickupDateFormat{ font-size:12px; }

.freightSummary{ float:left; width:100%; clear:both; }
h4.reviewFreightWhse,
h4.reviewFreightCarrier{
 float:left;
 width:50%;
 padding:0 0 5px 0;
 margin:0;
}
span.reviewFreightWhse,
span.reviewFreightCarrier{
 float:left;
 width:50%;
}
span.reviewFreightWhse{
 clear:left;
}

.checkoutCreditCard{ padding-top:5px; }

/* Offer section */
.offerBlock{
 border:1px solid green;
 text-align:center;
 border-radius: 5px;
}

.offerMessage{
 color:green;
}

a.offerCartButton{
 margin:2px;
 padding:4px;
}

#errorSummary{ 

}


.qmark{
  color: #428BCA;
  font-size: 17px;
  margin-left: 5px;
  /*
  border-radius:10px;
  background-color:#999;
  */
  cursor:pointer;
}


.required,
.requiredCountry{
  /*position:absolute; ... stupid IE */
  color:#990000;
  margin-left:-0.5em;
}


.checkoutShipInner,
.checkoutBillInner,
.checkoutCreditCard{
  width:100%;
  clear:both;
}

#comments .commentCheck label{ display:inline-block; float:none; padding-left:10px; }

@media screen and (min-width: 768px) {
  
  /* Add padding to checkout / review sections when larger than phone */
  .sectionHeader {
    margin:0 -5px 15px;
  }
  .checkoutSection,
  .reviewSection{
    padding: 0 5px 5px 5px;
  }

}



/**** Processing Animated Text ******/
  .processingDisplay {
    width: 100%;
    text-align: center;
  }
  h1.loader {
    padding-top: 50px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
    font-size: 6em;
    color: transparent;
    letter-spacing: 0.01em;
  }
  .loader span {
    text-shadow: 0 0 2px rgba(204, 208, 212,0.8), 0 15px 25px rgba(0, 0, 0, 0.3), 0 -2px 3px rgba(0, 0, 0, 0.1), 0 -5px 10px rgba(255, 255, 255, 0.5), 0 5px 10px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(255, 255, 255, 0.2), 0 0 20px rgba(255, 255, 255, 0.45);
    animation: loading 1.35s ease-in-out infinite alternate;
    -webkit-animation: loading 1.35s ease-in-out infinite alternate;    
  }
  @keyframes loading {
  to {
    text-shadow: 0 0 2px rgba(204, 208, 212,0.2), 0 0 3px rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0);
  }}
  @-webkit-keyframes loading {
  to {
    text-shadow: 0 0 2px rgba(204, 208, 212,0.2), 0 0 3px rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0);
  }}  
  .loader span:nth-child(2) {
    animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
  }
  .loader span:nth-child(3) {
    animation-delay: 0.30s;
    -webkit-animation-delay: 0.30s;
  }
  .loader span:nth-child(4) {
    animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
  }
  .loader span:nth-child(5) {
    animation-delay: 0.60s;
    -webkit-animation-delay: 0.60s;
  }
  .loader span:nth-child(6) {
    animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
  }
  .loader span:nth-child(7) {
    animation-delay: 0.90s;
    -webkit-animation-delay: 0.90s;
  }
  .loader span:nth-child(8) {
    animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
  }
  .loader span:nth-child(9) {
    animation-delay: 1.20s;
    -webkit-animation-delay: 1.20s;
  }
  .loader span:nth-child(10) {
    animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
  }


#ambigAddrOverlay{
  position:absolute;
  z-index:9810;
  background:#fff;
  box-shadow: 0 0 75px #000;
  border:1px solid #666;
  border-radius:6px;
  text-align:center;
  padding: 15px;
}
#ambigAddrOverlay h2{ margin:0; padding: 0 0 10px 0; }
#ambigAddrOverlay hr{ width: 80%; margin: 5px auto; }
#ambigAddrOverlay ul{ margin:0; padding:0; }
#ambigAddrOverlay li{ list-style:none; }

#checkoutRightPanel.affix{ position:fixed !important; }
#checkoutRightPanel.affix-bottom{ position:absolute; bottom:80px; }

@media (max-width: 768px) {
    #checkoutRightPanel{ position: static !important; }
   #checkoutRightPanel .checkoutButtons{ display:none; }
}


/* Grouped Cart Classes w/ decoration */
.designColorOuter { float: left; margin:2px 5px 2px 2px; border:1px solid #CCCCCC; background-color:#FFF; }
.designColorInner { width:35px; height:16px; margin: 1px; overflow:hidden;}
.designColorInner img { width:35px; height:16px; }

#decorationPreviewOuter{ 
 width:500px; padding:25px; background-color:#FAFAFA; margin:0 auto 25px auto;
 font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 font-size: 14px;
 line-height: 20px;
}
.decoPreviewTitle{ text-align:center; }
.designLocationsOuter{ margin:0 auto; }
.designLocations{ float:left; }
.locImage{ float:left;text-align:center; }
.locImage img{ 
  width:100%;
  min-width:100px;
  max-width:250px;
}
.designProdList{
  margin:0 0 15px 0; padding:0;
  border-bottom: 1px solid #ddd;
  text-align:left;
}
.designProdList li{
  border-top: 1px solid #ddd;
  list-style:none;
  padding:5px;
  line-height:25px;
  background:#fff;
}
.designProdList li img{
  float:left;
  width:55px;
  height:auto;
  margin-right:10px;
}
.designProdSizeDesc{
  opacity:0.7;
}
.designProdDesc{ text-align:center; opacity:0.6; margin-top:0; }
.designProdGrid{ text-align:left; width:100%; border:1px solid #ccc; background-color:#eee; border-spacing: 1px; border-collapse: separate; }
.designProdGridHeader{ }
.designProdGridHeader th:first-child{ padding-left:5px; } 
.designSizeCol{ text-align:center; min-width:25px; }
#decoPreview{
  z-index: 9999;
  display: none;
  position: absolute;
  width: 600px;
  background-color: #ffffff;
  top: 125px;
  border: 1px solid #666;
  border-radius: 6px;
  box-shadow: 0 0 75px #000;
  box-sizing: border-box;
}
.designColorCol{ background-color:#fff; line-height:24px; }
.designQtyCol{background-color:#fff;text-align:center}
.designName{ background:#EEE; border:1px solid #ddd; padding:10px; margin-top:30px; }
#decorationPreviewOuter .designOuter:first-child .designName:first-child{ margin-top:0; }
#decorationPreviewOuter .locImage img{ width:175px; }
#decorationPreviewOuter .locDesc{ display:none; }

.cartProdRow td{ border-top: 1px solid #CCC; }
.decLineRow{ vertical-align:middle; }
.designOuter{ float:left; text-align:center; font-size:80%; }
.designSeperator{ margin: 15px 5px 0 5px; width:1px; height:105px; background: #ccc; float:left; }
.decLocImg{ float:left; }
.decLocImg img{ width: 75px; height:auto; }
.decGroupName{ display:inline-block; color:#000; }
.decLineLabel{ min-width:92px; display:inline-block; }
/*.decLineRow td:first-child{ padding-left:25px; }*/
.decLineTitle{ font-weight:bold; padding:0 4px 4px 4px; border-bottom:1px solid #ccc; float:left; }

.cartGroupedTable{ font-size:12px; width:98%; background-color:#EEE; border-spacing: 1px; border-collapse: separate; margin:10px 1%;  border-radius:6px 6px 0 0; }
.cartGroupedTable th{ text-align:center; background-color:#F6F6F6; }
.cartGroupedTable tbody tr:nth-child(even) td{ background-color:#FDFDFD;   }
.cartGroupedTable tbody tr:nth-child(odd) td{ background-color:#FFF;  }
.cartGroupedTable thead th:first-child{ border-radius: 6px 0 0 0; text-align:center; }
.cartGroupedTable thead th:nth-child(2){ text-align:left; padding-left:5px; }
.cartGroupedTable thead th:last-child{ border-radius: 0 6px 0 0; }
.cartGroupedTable .cartSizeHdr{ min-width:25px; }
.cartGroupedTable .cartQtyHeader{ min-width:26px; }
.cartGroupedTable td{ background-color:#fff; line-height:24px; }
.cartGroupedTable td.cartProdCell{ text-align:center; width:115px; line-height:16px; vertical-align:top; padding-top:5px; }
.cartGroupedTable td.cartQtyCell{ text-align:center; font-size:10px; color:#666; }
.cartGroupedTable td.cartQtyTotalCell{ text-align:center; }
.cartGroupedTable td.cartPriceCell{ text-align:center; padding:0 2px; }
.cartGroupedTable td.cartQtyCellEmpty{ color:#AAA; }
.cartGroupedTable td.cartTotalCell{ text-align:right; padding-right:2px; }
.cartColorOuter { float: left; margin:2px 5px 2px 2px; border:1px solid #CCCCCC; background-color:#FFF; }
.cartColorInner { width:35px; height:16px; margin: 1px; overflow:hidden;}
.cartDecoTitle{ text-align:center; color:#999; margin: 5px 0 0 0; }
.cartColorCol{ }

.reviewCart .designProdGrid{ width:auto; min-width:70%; margin:0 auto 15px auto; font-size:11px; line-height:14px; box-sizing: content-box; border:0; border-radius: 6px 6px 0 0; }
.designOuter{ width:100%; }
.designLocationsOuter{ width:100%; }
.designOuter .designLocations{ text-align:center; width:100%; }
.designOuter .locImage{ display:inline-block; float:none; margin:0 auto; max-width:150px; }
.designProdGridHeader{ background-color:#F6F6F6; }
.designProdGrid thead th:first-child{ border-radius: 6px 0 0 0; }
.designProdGrid thead th:last-child{ border-radius: 0 6px 0 0; }
.reviewCart .designName,
.designName{ 
 color: #444;
 background: #e9e9e9; /* Old browsers */
 text-shadow: 0 1px #F9F9F9;
 background: -moz-linear-gradient(top,  #e9e9e9 0%, #e3e3e3 50%, #f1f1f1 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(50%,#e3e3e3), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* IE10+ */
 background: linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startcolorstr='#e9e9e9', endcolorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
 border-radius: 5px 5px 0 0; /* make .checkoutSection border-radius match this */
 box-sizing: content-box;
 margin: 20px 15% 2px 15%;
 width: 70%;
 border:1px solid #EEE;
 padding: 0;
}

/****** vvv CS-42504 vvv ******/
.freight_company_warning {
   color: red;
   border: 1px solid #000000;
   padding: 5px;
   border-radius: 5px;
}
/****** ^^^ CS-42504 ^^^ ******/

.freightLtlTable{ width:100%; margin-bottom:15px; }
.ltlWhse{ font-weight:bold; }
#paypal-button{ display:inline-block; vertical-align:middle; }
.radioPayList li{ float:none; }
@media (min-width: 768px) {
  .radioPayList li{ float:left; }  
}
.checkoutSummary.affix{ top:65px; }
@media (max-width: 767px) {
  .checkoutSummary.affix{ position:static; } 
}
.radioPayList input{ margin:0 5px; }