/* cart.css */

/*#page table { border-collapse: separate; border-spacing: 2px; }
*/

.cart-form {
  text-align:  center;
}

.cart-form .text {
  font-size: 0.9em !important;
  line-height: 132%;
  margin: 1em 0 .8em;
}

.cart-form hr {
  margin: 1.5em 0 1em;
}

/* {{{ Forms */

.l-box {
  padding: 1em;
}
/*
.pure-form {
  font-size: 14px !important;
}
*/
.cart-item-title {
  font-size: 14px !important;
  margin-top: 0 !important;
  line-height: 1.25em !important;
}
.pure-form input, .pure-form select, .pure-form textarea {
  font-size: .9em !important; 
}
.pure-form button, .pure-form  input[type=button], .pure-form input[type=reset], .pure-form input[type=submit] {
  font-size: 15px !important;
}

.pure-form legend {
 border-color: #dbe6bc; 
}

.cart-item {
  background: #e4eec9;  
  border: 1px solid #dbe6bc;
}

.cart-form label {
  display: block;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 0.1875em;
}


.cart-form input,
.cart-form select {
  margin-bottom: 14px !important;
}

.pure-button {
	font-size: 15px;
}

.pure-button, a.pure-button {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  margin-right: 4px;
  border-color: #CCC;
  color: #666;
}

.pure-button:hover {
  text-decoration: none;  
}

.pure-button-primary, a.pure-button-primary {
   /*background-color: #93a340;
   border-color: #727e32; */
   /*
   background-color: #4A6D8C; 
   border-color: #30465A;
   color: #FFF !important;
   text-transform: uppercase;
   */
}

.pure-button-primary, a.pure-button-primary,
.pure-button-secondary, a.pure-button-secondary {
  /*
  background-color: #4A6D8C;
	border-color: #30465A;
	color: #FFF !important;
	text-transform: uppercase; 
	padding: 7px 22px;*/
	color: #FFF !important;
	border-radius: 0;
  border: 0;
  background: #799853;
  text-transform: none !important;
	
}

.pure-button-xsmall {
   font-size: 70%;
}
    
.pure-button-small {
   font-size: 85%;
}
    
.pure-button-large {
   font-size: 110%;
}
    
.pure-button-xlarge { 
   font-size: 125%;
}
.pure-button.right {
  float: right; 
}

.pure-form label.error,
.pure-form small.error {
  display: none;
  font-size: .8em;
  margin: 0px;
  height: 12px;
  margin-top: -12px;
}

.pure-form label.error, small.error {
  color: #dd514c;
  display: block;
}


.pure-form input.error,
.pure-form select.error {
  border: 1px solid #E7BEBE; 
  color: #D95C5C;
  background: #FFFAFA;
}

.pure-form input.error::-webkit-input-placeholder {
  color: #FFAAAB !important;
}

.pure-form input[name=rvar_cardnumber] {
   width: 186px;
}
#shop-card select,
#shop-card .pure-button-primary,
#reload-form .pure-button-primary {
  width: 100%; 
}

#shop-card label.error {
  margin-bottom: 8px;
}

#reload-form {
  text-align: center;
}
/* }}} */

/* Amount table */
.cart-form .cart-item-amount {
  font-size: 3em;
  font-weight: 500;
  color: #4c6e8b;
  line-height: 1em;
}

div.alert {
  font-weight: bold;
 
  background-color: #c60f13;
  border-color: #970b0e;
  color: white;
  padding: 8px;
  border-radius: 6px;
}
div.alert .close {
  float: right; 
  font-size: 1.375em;

  line-height: 0;
  margin-top: 6px;
  color: #333333;
  opacity: 0.3;
}

/* reciept */
.panel {
  font-size: 1.3em; 
  padding: 8px;
  background-color: #fff;
  margin-bottom: 12px;
  border-radius: 6px;
}

/* register */
#register-fields {
  display: none;
}
#register-error {
  margin-bottom: 12px; 
}
.main .inner-content {
  padding-right: 12px; 
}

/* gift card side panel */
#shop-card {
  margin-top: 2em;
  margin-bottom: 2em;
}


/* Receipt */

.receipt {
 background: #FFF;  
 border: 1px solid #dbe6bc;
 margin-bottom: 2em;
 text-align: center;
 line-height: 1.6;
}

.receipt-header {
  border-bottom: 1px solid #dbe6bc;
  padding-bottom: .5em;
  margin-top: 0px;
  margin-bottom: .5em;
  
}

.receipt-title {
  font-size: 21px;
  margin: 0;
  padding: 0;
}

.receipt-item {
text-align: left;
}

.receipt-item p {
  font-size: 14px; 
}

.receipt-item-amount {
  font-weight: bold;
  color: #4c6e8b; 
}

.receipt-confirmation {
  text-align: center;
  border-top: 1px solid #dbe6bc; 
  margin-top: 1em;
  padding-top: 1em;
  margin-bottom: 2em;
}

.receipt-confirmation strong {
  text-transform: uppercase;
}

.signin-separator {
  border-right: 1px solid #dbe6bc; 
}

#shipping-address {
  /* display: none; */
}

label[for=show-shipping-address],
input#show-shipping-address {
  float: left; 
  margin-top: 10px;
}

label[for=show-shipping-address] {
 
  margin-left: 8px;
}

.check-balance-form {
  margin-top: 16px; 
}
.balance-item {
  padding: 12px 12px 16px 12px;
}
.check-balance-form input[type=text] {
  font-size: 2em; 
  padding: 4px 4px 0px 4px;
}
#balance h3  {
  font-size: 1em;
  font-weight: bold;
  color: #4c6e8b;
} 

.hide-form {
  position: absolute;
  height:1px;
  overflow: hidden;
  text-indent: -999999em;
}