/* Commerce General Styles */

	#commerce h1																{ margin: 0% 0% 1em 0%; padding: 0%; font-size: 1.5rem; line-height: 1.25em; font-weight: 400; text-transform: uppercase; color: #3D4C3D; }

	/* Button Styles */

	#commerce .button a,
	#commerce button															{ padding: 0.5rem 1rem; font-family: 'Nunito', sans-serif; transition: background-color 0.3s ease, border-color 0.3s ease; -webkit-transition: background-color 0.3s ease, border-color 0.3s ease; -moz-transition: background-color 0.3s ease, border-color 0.3s ease; }
	#commerce .button a:hover,
	#commerce button:hover														{ text-decoration: none; }
	#commerce .color-1st														{ background-color: #233C67; border-color: #233C67; }
	#commerce .color-1st:hover													{ background-color: #6888BE; border-color: #6888BE; }
	#commerce .color-2nd														{ background-color: #808080; border-color: #808080; }
	#commerce .color-2nd:hover													{ background-color: #939393; border-color: #939393; }
	#commerce .color-3rd														{ background-color: #808080; border-color: #808080; }
	#commerce .color-3rd:hover													{ background-color: #939393; border-color: #939393; }

	#commerce button.remove .icon												{ margin: 0%; }

	#commerce table tr.line_container											{ border-bottom: 1px solid #D6D6D6; }

/* Basket Items Styles */

	#commerce #basket-items														{ margin: 14px 0% 0% 0%; padding: 24px 24px; background-color: #EFEFEF; border-radius: 4px; }
	#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 table td.options									{ text-align: right; }
	#commerce #basket-items td.item button.edit									{ display: none !important; }
	#commerce #basket-items .edit_basket_item									{ display: none !important; }
	#commerce #basket-items button[name=add-part]								{ display: none !important; }

/* Basket Summary Styles */

	#commerce #basket-summary													{ margin: 14px 0% 0% 0%; padding: 24px 24px; background-color: #EFEFEF; border-radius: 4px; }
	#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: #EFEFEF; }
	#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; }
	#commerce #checkout-details button[name=add-part]							{ display: none !important; }

/* Delivery Panel Styles */

	#commerce #delivery-panel													{ margin: 32px 0% 0% 0%; padding: 24px 24px; background-color: #EFEFEF; border: 4px; }
	#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; }

/* Guest Checkout Panel Styles */

	#commerce div.guest-checkout-panel											{ margin: 32px 0% 0% 0%; padding: 24px 24px; background-color: #EFEFEF; }
	#commerce div.guest-checkout-panel button									{ padding: 0.5rem 1rem; font-weight: 700; }
	#commerce div.guest-checkout-panel label input[type=text],
	#commerce div.guest-checkout-panel label input[type=password],
	#commerce div.guest-checkout-panel label input[type=date],
	#commerce div.guest-checkout-panel label input[type=time],
	#commerce div.guest-checkout-panel label textarea,
	#commerce div.guest-checkout-panel label select								{ padding: 12px 10px; font-size: 1em; line-height: 1.25em; border: 1px solid #D6D6D6; border-radius: 4px; }

/* Billing Address Styles */

	/*#commerce #billing-address													{ margin: 32px 0% 0% 0%; padding: 24px 24px; width: 100%; background-color: #EFEFEF; border: 4px; }*/
	#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; float: none; border: 1px solid #D6D6D6; border-radius: 4px; }
	#commerce #billing-address div.existing_address								{ max-width: 424px; }
	#commerce #billing-address div.add_address									{ margin: 0% 0% 0% 8px; }
	#commerce #billing-address button.add_address_button						{ margin: 1px 0% 0% 0%; padding: 12px 22px; font-size: 1em; }
	#commerce #billing-address div.billing-options								{ padding: 0% 0% 0% 18px; }
	#commerce #billing-address.fullwidth										{ width: 100%; }

/* Total to Pay Styles */

	/*#commerce #total-to-pay														{ margin: 32px 0% 0% 0%; padding: 24px 24px; background-color: #EFEFEF; border: 4px; }*/
	#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: 0% 0% 0% 8px; padding: 12px 22px; font-weight: 700; }
	#commerce #total-to-pay div.summary											{ border: 0px; }
	#commerce #total-to-pay div.summary div.payments button						{ margin: 0% 8px 0% 0%; padding: 12px 22px; font-weight: 700; }

/* Popup Panel Styles */

	div.popup-panel.checkout_address label										{ padding: 16px 0% 2px 0%; }
	div.popup-panel.checkout_address label > br									{ display: none; }
	div.popup-panel.checkout_address label > strong								{ padding: 0% 0% 0.313rem 0.375rem; font-size: 0.813rem; font-weight: 400; display: block; color: #212121; }
	div.popup-panel.checkout_address label > input[type=text],
	div.popup-panel.checkout_address label > input[type=password],
	div.popup-panel.checkout_address label > input[type=date],
	div.popup-panel.checkout_address label > input[type=time],
	div.popup-panel.checkout_address label > textarea,
	div.popup-panel.checkout_address label > select								{ padding: 12px 10px; width: 95%; font-size: 1em; line-height: 1.25em; border: 1px solid #D6D6D6; border-radius: 4px; }
	div.popup-panel.checkout_address label > textarea							{ max-width: 480px !important; min-height: 6rem; }
	div.popup-panel.checkout_address label > .red-star							{ margin: 0.5rem 0% 0% 0%; width: 5%; text-align: center; float: right; }
	div.popup-panel.checkout_address button										{ padding: 0.875rem 1rem; font-family: 'Nunito', sans-serif; font-weight: 700; color: #FFFFFF; transition: background-color 0.3s ease, border-color 0.3s ease; -webkit-transition: background-color 0.3s ease, border-color 0.3s ease; -moz-transition: background-color 0.3s ease, border-color 0.3s ease; }
	div.popup-panel.checkout_address button.add_address_submit					{ background-color: #233C67; border-color: #233C67; }
	div.popup-panel.checkout_address button.add_address_submit:hover			{ background-color: #6888BE; border-color: #6888BE; }
	div.popup-panel.checkout_address button.close								{ background-color: #808080; border-color: #808080; }
	div.popup-panel.checkout_address button.close:hover							{ background-color: #939393; border-color: #939393; }

/* 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 #checkout-details h3											{ padding: 12px 0%; font-size: 1.125rem; }

	/* 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; }
		#commerce #billing-address h3											{ padding: 12px 0%; font-size: 1.125rem; }
		#commerce #billing-address div.existing_address							{ width: 100%; max-width: 100%; float: none; }	
		#commerce #billing-address div.add_address								{ margin: 12px 0% 0% 0%; width: 100%; float: none; }
		#commerce #billing-address div.add_address button						{ width: 100%; }

	/* Total to Pay Mobile Styles */

		#commerce #total-to-pay													{ margin: 16px 0% 0% 0%; padding: 24px 16px; }
		#commerce #total-to-pay h3												{ padding: 12px 0%; font-size: 1.125rem; }
		#commerce #total-to-pay div.promocode									{ border: 0px; }
		#commerce #total-to-pay div.promocode input								{ width: 100%; float: none; }
		#commerce #total-to-pay div.promocode button.left						{ margin: 12px 0% 0% 0%; width: 100%; max-width: 100%; float: none; }
		#commerce #total-to-pay div.cta-buttons									{ float: none; }
		#commerce #total-to-pay div.summary div.payments button					{ margin: 24px 0%; width: 100%; max-width: 100%; }

		div.popup-background.full div.popup-panel.form.checkout_address			{ padding: 2rem 1.5rem; }
	}