/* Paragraph & Table Styles */

	div#commerce h1													{ margin: 17px 0% 24px 0%; padding: 6px 0% 9px 0%; font-size: 1.5em; font-weight: 600; font-family: 'Source Sans Pro', sans-serif; color: #0B4693; background-color: transparent; width: 100%; float: left;  border-bottom: 1px solid #D6D6D6; }
	div#commerce h2													{ color: #3C3C3E; }
	div#commerce h3													{ color: #3C3C3E; }
	div#commerce h4													{ color: #3C3C3E; }
	div#commerce p													{ color: #3C3C3E; }
	div#commerce table tr th										{ border-width: 0px 0px 1px 0px; }
	div#commerce table tr td										{ border: 0px none; }

/* Custom Colour & Button Styles */

	div#commerce .color-1st											{ background-color: #E08A00; }
	div#commerce .color-1st:hover									{ background-color: #E08A00; }
	div#commerce .color-2nd											{ background-color: #E08A00; }
	div#commerce .color-2nd:hover									{ background-color: #E08A00; }
	div#commerce .color-3rd											{ background-color: #3C3C3E; }
	div#commerce .color-3rd:hover									{ background-color: #3C3C3E; }
	div#commerce button.update										{ background-color: #E08A00; }
	div#commerce button.update:hover								{ background-color: #E08A00; }
	div#commerce .continue-shopping a								{ background-color: #555555; }
	div#commerce .continue-shopping:hover a							{ background-color: #555555; }
	div#commerce button.add_address_button							{ background-color: #FA7D23; }
	div#commerce button.add_address_button:hover					{ background-color: #FA7D23; }
	div#commerce .button a											{ font-size: 0.875em; color: #FFFFFF; background-color: #E08A00; text-transform: uppercase; font-weight: 400; line-height: normal; border-radius: 0; }
	div#commerce .button a:hover									{ background-color: #E08A00; }
	div#commerce button												{ font-size: 0.875em; color: #FFFFFF; background-color: #E08A00; text-transform: uppercase; font-weight: 400; line-height: normal; border-radius: 0; }
	div#commerce .red-star											{ color: #FF0000; }
	div#commerce .cta-buttons button								{ background-color: #FA7D23; }

/* Popup Styles */

	div#commerce #popup-panel										{ border-width: 1.5em; }
	div#commerce #popup-panel label									{ margin: 1em 0%; }
	div#commerce #popup-panel input									{ border: 1px solid #CCCCCC; -webkit-appearance: none; }
	div#commerce #popup-panel select								{ border: 1px solid #CCCCCC; -webkit-appearance: none; }
	div#commerce #popup-panel div.close								{ line-height: 0.938em; }
	div#commerce #popup-panel button								{ background-color: #FA7D23; border-radius: 0; }
	div#commerce #popup-panel button:hover							{ background-color: #FA7D23; }
	div#commerce #popup-panel button.close							{ background-color: #D02727; }
	div#commerce #popup-panel button.close:hover					{ background-color: #D02727; }

/* Basket Items Styles */

	div#commerce div#basket-items									{ background-color: transparent; }
	div#commerce div#basket-items table								{ border-top: 1px solid #9A9A9A; }
	div#commerce div#basket-items table tr th						{ background-color: #EFEFEF; }
	div#commerce div#basket-items #checkout a						{ background-color: #FA7D23; }
	div#commerce div#basket-items .edit_basket_item					{ display: none; }
	div#commerce div#basket-items table td							{ vertical-align: middle; }
	div#commerce div#basket-items table td.item						{ line-height: 28px; }
	div#commerce div#basket-items table td.price					{ line-height: 28px; }
	div#commerce div#basket-items table td.qty input.qty			{ margin: 0%; padding: 3px 4px; display: inline-block; vertical-align: middle; border: 1px solid #AAAAAA; -webkit-appearance: none; }
	div#commerce div#basket-items table td.qty button				{ display: inline-block; vertical-align: middle; }
	div#commerce div#basket-items table td.pricetotal				{ line-height: 28px; }
	#commerce #basket-items table td.image .image-container .thumb 		{ border:none; }
	#commerce #checkout-details table td.image .image-container .thumb 	{ border:none; }

/* Basket Summary Styles */

	div#commerce div#basket-summary									{ background-color: transparent; }
	div#commerce div#basket-summary table tr th						{ background-color: transparent; }
	div#commerce div#basket-summary .button							{ margin: 0.25em 0% 0%; display: block; width: 100%; box-sizing: border-box; text-align: center; border-radius: 0; }
	div#commerce div#basket-summary button							{ margin: 0.25em 0% 0%; display: block; width: 100%; box-sizing: border-box; text-align: center; border-radius: 0; }

/* Checkout Styles */

	div#commerce div#checkout-details								{ padding: 0%; }
	div#commerce div#checkout-details table tr						{ border-bottom: 0px none; }
	div#commerce div#checkout-details table tr th					{ background-color: #FFFFFF; }

/* Resolution Specific Behaviour */

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

	/* Basket Items Styles */

		div#commerce #basket-items table td input					{ margin: 0% 0.25em 0% 0%; }
		div#commerce #basket-items table td							{ width: auto; float: none; display: table-cell; }
		div#commerce #basket-items table td.items					{ width: 40%; }

	/* Checkout Styles */

		div#commerce #checkout-details table td						{ width: auto; float: none; display: table-cell; }
		div#commerce #checkout										{ margin: 0% 0% 0% 0%; }
		div#commerce #billing-address								{ float: left; }
		div#commerce #delivery-panel								{ float: left; }


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


		div#commerce div.basket-left								{ padding: 0% 0% 0% 0% !important; width: 100% !important; float: none; }
		div#commerce div.basket-right								{ padding: 0% 0% 20px 0% !important; width: 100% !important; float: none; }
		div#commerce #basket-offer-rightcol ul#categories li		{ margin: 0% 0% 0% 2%; width: 49%; float: left; }
		div#commerce #basket-offer-rightcol ul#categories li:nth-of-type(2n+1) { margin-left: 0%; width: 49%; clear: both; }
		div#commerce #delivery-address								{ width: 100% }
		div#commerce #billing-address								{ width: 100% }

	/* Checkout Mobile Styles */

		div#commerce #checkout-details								{ width: 100%; }
		div#commerce #checkout-details table tr:nth-of-type(1)		{ display: table-row; }
		div#commerce #checkout-details table th						{ display: table-cell; }
		div#commerce #checkout-details table td.image				{ float: none; }
		div#commerce #checkout-details table td.item				{ float: none; }
		div#commerce #checkout-details table td.price				{ display: table-cell; }
		div#commerce #checkout-details table td.qty					{ float: none; }
		div#commerce #checkout-details table td.pricetotal			{ float: none; }

	/* ..... Mobile Styles */

		div#commerce #billing-address								{ width: 100%; }
		div#commerce #delivery-panel								{ width: 100%; }
		div#commerce .delivery_address_select						{ width: 50%; }
		div#commerce #delivery-address select						{ width: 100%; }
		div#commerce .billing_address_select						{ width: 50%; }
		div#commerce #billing-address select						{ width: 100%; }
		div#commerce #delivery-options								{ padding: 10px 0% 0%; width: 100%; border-left: 0px none; float: none; }
		div#commerce #delivery-options-time							{ padding: 0% 0%; width: 100%; border-left: 0px none; float: none; }
		div#commerce #sidebar										{ width: 100%; float: none; }
		div#commerce #sidebar table td								{ padding: 20px 0px 20px 0px; }
		div#commerce .cta-buttons .button							{ margin: 1em 0% 0% 0%; width: 100%; }
		div#commerce .cta-buttons .button:nth-of-type(2n)			{ margin-left: 0%; }
		div#commerce #sidebar #total-to-pay .summary				{ border-left: 0px none; }

		div#commerce div#basket-items table tr:nth-of-type(1)		{ display: table-row; }
		div#commerce div#basket-items table tr:last-of-type			{ border-bottom: 1px solid #9A9A9A; }
		div#commerce div#basket-items table td.item					{ padding: 13px 10px 3px 10px; line-height: 1em; }
		div#commerce div#basket-items table td.pricetotal			{ font-weight: 600; }

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


		div#commerce #basket-offer-rightcol ul#categories li .title	{ font-size: 1em; }

		div#commerce #continue-shopping								{ margin: 0% 0% 0% 0%; width: 100%; float: none; }
		div#commerce #basket-summary .continue-shopping.button		{ width: 100%; }
		div#commerce div#basket-summary .button,
		div#commerce div#basket-summary button						{ margin: 0%; }
		div#commerce div#basket-summary #checkout					{ margin: 1em 0% 0% 0%; width: 100%; float: none; background-size: auto auto; background-position: right bottom; }
		div#commerce .continue-checkout.button a					{ width: 100%; }

		div#commerce .cta-buttons button							{ margin: 0.75em auto 0.75em auto; width: 100%; max-width: none; font-size: 1.25em; display: block; }
		div#commerce .cta-buttons button:nth-of-type(2n)			{ margin-left: auto; }


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

	/* Checkout Mobile Styles */

		div#commerce #checkout										{ background-size: 100% auto; }
		div#commerce #checkout-details table						{ width: 100%; display: inline-block; }
		div#commerce #checkout-details table tr						{ padding: 20px 0% 20px 0%; width: 100%; display: inline-block; }
		div#commerce #checkout-details table tr:nth-of-type(2)		{ padding-top: 0%; }
		div#commerce #checkout-details table td						{ display: inline-block; }
		div#commerce #checkout-details table td.item				{ padding: 0px 0px 10px 0px; width: 100%; }
		div#commerce #checkout-details table td.price				{ padding: 0px 0px 0px 0px; width: 30%; display: inline-block; }
		div#commerce #checkout-details table td.qty					{ padding: 0px 0px 0px 0px; width: 25%; }
		div#commerce #checkout-details table td.pricetotal			{ padding: 0px 0px 0px 0px; width: 40%; }

		div#commerce .delivery_address_select						{ width: 100%; }
		div#commerce .billing_address_select						{ width: 100%; }

		div#commerce #delivery-address-new strong,
		div#commerce #billing-address-new strong					{ width: 90%; display: block; }
		div#commerce #delivery-address-new input[type="text"],
		div#commerce #delivery-address-new select,
		div#commerce #billing-address-new input[type="text"],
		div#commerce #billing-address-new select					{ width: 90%; }

	}