
/* Commerce Styles */

	#commerce h1																{ margin: 0%; font-family: 'Lato', sans-serif; font-size: 1.875em; line-height: 1.5em; font-weight: 400; color: #222222; }
	#commerce table tr.line_container											{ border-bottom: 1px solid #D6D6D6; }

/* Button Styles */

	#commerce .button a,
	#commerce button															{ margin: 0%; padding: 8px 10px; min-width: 0px; font-size: 1em; line-height: 1em; position: relative; color: #FFFFFF; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; }
	#commerce .color-1st														{ background-color: #016973; }
	#commerce .color-1st:hover													{ background-color: #1e95a1; }
	#commerce .color-2nd														{ background-color: #3aa6b0; }
	#commerce .color-2nd:hover													{ background-color: #60bdc5; }
	#commerce .color-3rd														{ background-color: #016973; }
	#commerce .color-3rd:hover													{ background-color: #1e95a1; }
	#commerce button.update 													{ background-color: #016973;}	

/* Basket Items Styles */

	#commerce #basket-items														{ margin: 32px 0% 0% 0%; padding: 24px 24px; background-color: #FFFFFF; }
	#commerce #basket-items #basket-count										{ margin: 8px 0%; width: 48%; display: inline-block; vertical-align: middle; float: none; }
	#commerce #basket-items #continue-shopping									{ display: inline-block; vertical-align: middle; float: none; }
	#commerce #basket-items #checkout											{ display: inline-block; vertical-align: middle; float: none; }
	#commerce #basket-items table												{ margin: 32px 0% 8px 0%; border-bottom: 1px solid #D6D6D6; }
	#commerce #basket-items table th											{ padding: 12px 8px; line-height: 1em; color: #434343; border-bottom: 1px solid #D6D6D6; }
	#commerce #basket-items table td											{ padding: 12px 8px; vertical-align: middle; }
	#commerce #basket-items table td.noitems									{ padding: 24px 8px; }
	#commerce #basket-items table td.qty button									{ line-height: 20px; }
	#commerce #basket-items td.item button.edit									{ display: none; }

/* Basket Summary Styles */

	#commerce #basket-summary													{ margin: 32px 0% 0% 0%; padding: 24px 24px; background-color: #FFFFFF; }
	#commerce #basket-summary #heading											{ margin: 8px 0%; }
	#commerce #basket-summary table												{ margin: 32px 0% 8px 0%; }
	#commerce #basket-summary table th											{ padding: 12px 8px; line-height: 1em; color: #434343; border-bottom: 1px solid #D6D6D6; }
	#commerce #basket-summary table td											{ padding: 12px 8px; vertical-align: middle; border-bottom: 1px solid #D6D6D6; }
	#commerce #basket-summary div.button										{ padding: 0%; width: 100%; font-size: 1em; text-align: center; }
	#commerce #basket-summary button											{ width: 100%; text-align: center; }

/* Checkout Styles */

	#commerce #checkout-details													{ margin: 32px 0% 0% 0%; padding: 24px 24px; background-color: #FFFFFF; box-shadow: 0px 2px 16px rgba(100,100,100,0.125); }
	#commerce #checkout-details h3												{ margin: 0%; padding: 12px 16px; font-size: 0.875em; line-height: 1em; }
	#commerce #checkout-details table											{ margin: 16px 0% 48px 0%; border-bottom: 1px solid #D6D6D6; }
	#commerce #checkout-details table th										{ padding: 12px 8px; line-height: 1em; color: #434343; border-bottom: 1px solid #D6D6D6; }
	#commerce #checkout-details table td										{ padding: 12px 16px; vertical-align: middle; }
	#commerce #checkout-details table th:first-of-type							{ text-align: left; }
	#commerce #checkout-details input[type=text],
	#commerce #checkout-details input[type=date],
	#commerce #checkout-details input[type=time],
	#commerce #checkout-details textarea,
	#commerce #checkout-details select											{ padding: 12px 10px; font-size: 1em; line-height: 1.25em; border: 1px solid #D6D6D6; border-radius: 4px; }

/* Delivery Panel Styles */

	#commerce #delivery-panel													{ margin: 32px 0% 0% 0%; padding: 24px 24px; background-color: #FFFFFF; border: 0px; box-shadow: 0px 2px 16px rgba(100,100,100,0.125); }
	#commerce #delivery-panel h3												{ margin: 0%; padding: 12px 16px; font-size: 0.875em; line-height: 1em; }
	#commerce #delivery-panel input[type=text],
	#commerce #delivery-panel input[type=date],
	#commerce #delivery-panel input[type=time],
	#commerce #delivery-panel textarea,
	#commerce #delivery-panel select											{ padding: 12px 10px; font-size: 1em; line-height: 1.25em; border: 1px solid #D6D6D6; border-radius: 4px; }
	#commerce #delivery-panel div.add_address									{ margin: 8px 0% 0% 8px; }
	#commerce #delivery-panel button.add_address_button							{ padding: 8px 10px; font-size: 1em; }
	#commerce #delivery-panel #delivery-options									{ border: 0px; }
	#commerce #delivery-panel #delivery-options div.details						{ padding: 0% 0% 0% 18px; }

/* Billing Address Styles */

	#commerce #billing-address													{ margin: 32px 0% 0% 0%; padding: 24px 24px; width: 100%; background-color: #FFFFFF; border: 0px; box-shadow: 0px 2px 16px rgba(100,100,100,0.125); }
	#commerce #billing-address h3												{ margin: 0%; padding: 12px 16px; font-size: 0.875em; line-height: 1em; }
	#commerce #billing-address input[type=text],
	#commerce #billing-address input[type=date],
	#commerce #billing-address input[type=time],
	#commerce #billing-address textarea,
	#commerce #billing-address select											{ margin: 0%; padding: 12px 10px; font-size: 1em; line-height: 1.25em; border: 1px solid #D6D6D6; border-radius: 4px; }
	#commerce #billing-address div.existing_address								{ max-width: 424px; }
	#commerce #billing-address div.add_address									{ margin: 8px 0% 0% 8px; }
	#commerce #billing-address button.add_address_button						{ padding: 8px 10px; font-size: 1em; }
	#commerce #billing-address div.billing-options								{ padding: 0% 0% 0% 18px; }

/* Guest Checkout Panel Styles */

	#commerce #address_delivery_container										{ margin: 0%; padding: 0%; background-color: transparent; }

/* Total to Pay Styles */

	#commerce #total-to-pay														{ margin: 32px 0% 0% 0%; padding: 24px 24px; background-color: #FFFFFF; border: 0px; box-shadow: 0px 2px 16px rgba(100,100,100,0.125); }
	#commerce #total-to-pay h3													{ margin: 0%; padding: 12px 16px; font-size: 0.875em; line-height: 1em; }
	#commerce #total-to-pay input[type=text],
	#commerce #total-to-pay input[type=date],
	#commerce #total-to-pay input[type=time],
	#commerce #total-to-pay textarea,
	#commerce #total-to-pay select												{ margin: 0%; padding: 12px 10px; font-size: 1em; line-height: 1.25em; border: 1px solid #D6D6D6; border-radius: 4px; }
	#commerce #total-to-pay div.promocode button.left							{ margin: 8px 0% 0% 8px; }
	#commerce #total-to-pay div.summary											{ border: 0px; }
	#commerce #total-to-pay div.summary div.payments button						{ margin: 0% 8px 0% 0%; }

/* 800px Resolution Specific Styles */

	@media only screen and (min-width: 0px) and (max-width: 800px) {

	/* Basket Items Mobile Styles */

		#commerce #basket-items #basket-count									{ width: 100%; }

	/* Checkout Mobile Styles */

		#commerce #checkout-details												{ margin: 16px 0% 0% 0%; padding: 24px 16px; }
		#commerce #delivery-panel div.add_address,
		#commerce #total-to-pay div.promocode button.left 						{ margin: 0.75em 0 0 0; }
		#commerce #total-to-pay h3,
		#commerce #checkout-details h3.order_notes,
		#commerce #delivery-address h3,
		#commerce #billing-address h3 											{ margin: 0.5em 0% 0.5em 0%; padding: 0% 0% 0% 0%; font-size: 1.25em; line-height: 1.25em; }

	/* Delivery Panel Mobile Styles */

		#commerce #delivery-panel												{ margin: 16px 0% 0% 0%; padding: 24px 16px; }

	/* Billing Address Mobile Styles */

		#commerce #billing-address												{ margin: 16px 0% 0% 0%; padding: 24px 16px; }

	/* Total to Pay Mobile Styles */

		#commerce #total-to-pay													{ margin: 16px 0% 0% 0%; padding: 24px 16px; }
		#commerce #total-to-pay div.promocode									{ border: 0px; }

	}
