
	#commerce h1												{ display: none; }
	#commerce h2												{ margin: 0.25em 0em 0em 0em; padding: 0em 0em 0em 0em; font-size: 1.5em; line-height: 1.5em; font-weight: 400; color: #F7B820; font-family: 'Archivo Narrow', sans-serif; }
	#commerce h3												{ margin: 1em 0em 1em 0em; padding: 0.25em 0.75em; font-size: 1.125em; line-height: 1.5em; font-weight: 600; color: #FFFFFF; background-color: #4B4146; border-radius: 3px; }
	#commerce .button a,
	#commerce button											{ text-decoration: none; text-transform: uppercase; }

	#commerce .color-1st										{ background-color: #2C292C; }
	#commerce .color-1st:hover									{ color: #FFFFFF; background-color: #2C292C; }

	#commerce .color-2nd										{ background-color: #2C292C; }
	#commerce .color-2nd:hover									{ background-color: #2C292C; }

	#commerce .color-3rd										{ background-color: #2C292C; }
	#commerce .color-3rd:hover									{ background-color: #2C292C; }

	#commerce button.update										{ background-color: #808080; }
	#commerce button.update:hover								{ background-color: #909090; }

	#commerce button.remove										{ background-color: #FF0000; }
	#commerce button.remove:hover								{ background-color: #FF4040; }

	#commerce button.edit_basket_item							{ display: none; }

	#commerce table												{ background-color: #ECECEC; }
	#commerce table tr th										{ background-color: transparent; border-bottom: 0px none; }
	#commerce table tr td										{ background-color: transparent; }

	#commerce #basket-items										{ padding: 0%; width: 100%; background-color: transparent; float: none; }
	#commerce #basket-items .basket-buttons-top					{ display: none; }
	#commerce #basket-items table								{ border-bottom: 0px none; }
	#commerce #basket-items table tr th							{ border-bottom: 0px none; }
	#commerce #basket-items table tr th.items					{ width: 25%; }
	#commerce #basket-items table tr th.price					{ width: 25%; }
	#commerce #basket-items table tr th.quantity				{ width: 25%; }
	#commerce #basket-items table tr th.subtotal				{ width: 25%; }
	#commerce #basket-items table tr td							{ width: 0%; padding: 0; }
	#commerce #basket-items table tr td.item					{ width: 25%; padding: 10px; }
	#commerce #basket-items table tr td.price					{ width: 25%; padding: 10px; }
	#commerce #basket-items table tr td.qty						{ width: 25%; padding: 10px; }
	#commerce #basket-items table tr td.pricetotal				{ width: 25%; padding: 10px; }
	#commerce #basket-items table td input						{ width: 50px; }

	#commerce #basket-summary									{ padding: 0%; width: 100%; background-color: transparent; text-align: right; float: none; }
	#commerce #basket-summary #heading							{ display: none; }
	#commerce #basket-summary table								{ margin: 0%; border-bottom: 0px none; }
	#commerce #basket-summary table tr th						{ width: 75%; border-bottom: 0px none; text-align: right; }
	#commerce #basket-summary table tr td						{ width: 25%; border-bottom: 0px none; }

	#commerce #checkout-details									{ padding-left: 10px; padding-right: 10px; }
	#commerce #checkout-details h3								{ width: 47%; }
	#commerce #checkout-details table tr td						{ width: 0%; padding: 0; }
	#commerce #checkout-details table tr td.item				{ width: 50%; padding: 10px; }
	#commerce #checkout-details table tr td.price				{ width: 50%; padding: 10px; }
	#commerce #checkout-details table tr td.qty					{ width: 50%; padding: 10px; }
	#commerce #checkout-details table tr td.pricetotal			{ width: 50%; padding: 10px; }

	#commerce #billing-address.fullwidth						{ padding-right: 3%; width: 50%; }
	#commerce .existing_address									{ width: 70%; }
	#commerce #billing-address h3								{ font-size: 1.125em; }

	#commerce .cta-buttons										{ margin-top: 1em; padding: 0; float: none; }
	#commerce .cta-buttons button								{ margin: 0% auto; display: block; }

	#commerce .checkout_proceed .left,
	#commerce .checkout_proceed .right							{ padding: 10px; width: 47.5%; background-color: #ECECEC; float: left; }

	#commerce .checkout_proceed .left							{ margin-right: 2.5%; }
	#commerce .checkout_proceed .right							{ margin-left: 2.5%; }

	div.popup-panel.form.full button							{ float: left; }
	div.popup-panel.form.full button:hover						{ background-color: #564334; }
	div.popup-panel.form.full button.add_address_submit			{ float: right; }
	div.popup-panel.form.full button.add_address_submit:hover	{ background-color: #000000; }

	div.popup-panel.form button									{ float: none; }
	div.popup-panel.form button:hover							{ background-color: #000000; }

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

		#commerce table tr td									{ display: block; }

		#commerce #basket-items table tr td.item				{ width: 50%; float: left; }
		#commerce #basket-items table tr td.qty					{ width: 50%; text-align: right; }
		#commerce #basket-items table tr td.pricetotal			{ padding-right: 10px; width: 50%; }

		#commerce #checkout-details h3							{ width: 100%; }

		#commerce #billing-address.fullwidth					{ padding-right: 0%; width: 100%; }

		#commerce .checkout_proceed .left,
		#commerce .checkout_proceed .right						{ margin-left: 0%; margin-right: 0%; width: 100%; float: none; }
	}