/* **************************************************************************
   cart.css
   **************************************************************************/

/**
 * cart list
 *************************/

/** 
 *  we've got some okapi modals hanging around;
 *  whether using them or not, we want them hidden from view.
 */ .mfp-hide { display: none; }

#cartlist th, 
#cartlist td {
	clear: both;
	font-size: 0.875rem;
	padding: 0.5rem;
	text-align: center;
	vertical-align: top;
}

#cartlist .cart-thumb a {
	display: block;
	margin: 0.25rem auto;
	max-width: 150px;
}

#cartlist .item-id {
	text-align: left;
}

#cartlist .item-id p {
	margin: 0;
}

#cartlist .item-id p.item-options {
	font-size: 0.75rem;
	margin: 0.25rem 0 0.5rem;
}

#cartlist label.remove-item,
#cartlist button.edit {
	cursor: pointer;
	font-size: 0.75rem;
	font-weight: normal;
	line-height: 1.5rem;
}

#cartlist span.quantity-label {
	display: none;
}

#cartlist input[name="quantity[]"] {
	padding-left: 15px;
	text-align: center;
	width: 5rem;
}

.included-in-package {
	font-size: 0.75rem;
}

@media only screen and (max-width: 640px) {

	#cartlist td 
	{
		text-align: left;
	}

	#cartlist .cart-thumb a {
		margin: 0;
	}

}

/**
 * cart tally
 *************************/

#checkout {
	font-size: 0.875rem;
}

/**
 * discounts input
 *************************/

.discount-entry p {
	margin: 0 0 1.5rem;
	max-width: 394px;
	position: relative;
}

.discount-entry input[type='text'] {
	padding-right: 91px;
}

.discount-submit {
	position: absolute; bottom: 0; right: 0;
	width: 85px;
}

/**
 * delivery setup
 *************************/

#delivery-setup > p {
	float: left;
	padding: 0 24px 0 0;
	width: 33.333333%;
}

@media only screen and (max-width: 640px) {

	#delivery-setup > p {
		float: none;
		padding: 0;
		width: auto;
	}

}

/**
 * cart buttons
 *************************/

#cart-buttons form {
	margin: 0;
}

#cart-buttons button, 
#cart-buttons input[type="button"],
#cart-buttons input[type="submit"]
{
	float: left;
	margin: 0 2% 0 0;
	width: 23%;
}

@media only screen and (max-width: 640px) {

	#cart-buttons button, 
	#cart-buttons input[type="button"],
	#cart-buttons input[type="submit"]
	{
		float: none;
		margin: 0.5rem 0;
		padding: 0 24px;
		text-align: left;
		width: 75%;
	}

}

/**
 * edit cart item page
 *************************/

#edit-cart-item .cart-item-details {
	font-size: 0.875rem;
}

#edit-cart-item .cart-item-details fieldset {
	margin: 1.5rem 0;
}

#edit-cart-item .cart-item-details #purchaseOptions .product > fieldset:first-child {
	margin-top: 0;
}

#edit-cart-item .cart-item-details #purchaseOptions .product input#quantity {
	width: 5rem;
}

/**
 * okapi
 *************************/

.okapi .discount-entry p {
	max-width: 300px;
}

.okapi .discount-entry input[type='text'] {
	padding-right: 91px;
}

.okapi .discount-submit {
	padding: 3px 0;
}

.okapi input[type=checkbox] + label {
	display: inline;
}