@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');

/* General Commerce Styles */

	#commerce *																	{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	#commerce h1																{ margin: 0% 0% 0.5em 0%; padding: 0.5em 0% 0% 0%; font-size: 2.25em; line-height: 1.25em; font-weight: 600; color: #2372B4; }
	#commerce h2																{ margin: 0.5em 0% 0.5em 0%; padding: 0% 0% 0% 0%; font-size: 1em; line-height: 1.25em; font-weight: 600; color: #2372B4; }
	#commerce h3																{ margin: 0.5em 0% 0.5em 0%; padding: 0% 0% 0% 0%; font-size: 1em; line-height: 1.25em; font-weight: 600; color: #2372B4; }
	#commerce h4																{ margin: 0.5em 0% 0.5em 0%; padding: 0% 0% 0% 0%; font-size: 1em; line-height: 1.25em; font-weight: 600; color: #2372B4; }
	#commerce p																	{ margin: 0.5em 0% 0.5em 0%; padding: 0% 0% 0% 0%; font-size: 1em; line-height: 1.25em; font-weight: 400; color: #000000; }

	#commerce table																{ margin: 0% 0% 0% 0%; width: 100%; font-size: 1em; border: 0px none; }
	#commerce table tr															{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; font-size: 1em; border: 0px none; }
	#commerce table th															{ margin: 0% 0% 0% 0%; padding: 10px; font-size: 1em; border: 0px none; }
	#commerce table td															{ margin: 0% 0% 0% 0%; padding: 10px; font-size: 1em; border: 0px none; }

	#commerce table tr.line_container											{ border-bottom: 1px solid #9A9A9A; }
	#commerce table tr.line_container:last-child								{ border-bottom: 0px none; }
	#commerce table td.qty														{ text-align: center; }
	#commerce table td.price													{ text-align: center; }
	#commerce table td.pricetotal												{ text-align: center; }

	#commerce label																{ display: block; }
	#commerce input,
	#commerce select,
	#commerce textarea															{ margin: 0% 0% 0% 0%; padding: 0.25em 0.25em 0.25em 0.25em; width: 90%; font-size: 1em; line-height: 1.25em; font-weight: 400; color: #000000; border: 1px solid #808080; }
	#commerce textarea															{ min-height: 5em; }
	
	#commerce input[type=checkbox],
	#commerce input[type=radio]													{ width: auto; }

	#commerce .disabled															{ opacity: 0.35; }

	#commerce .button,
	#commerce button															{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; }

	#commerce .button a															{ display: block; }
	
	#commerce .button a,
	#commerce button															{ padding: 5px; font-size: 1em; line-height: initial; font-weight: bold; color: #FFFFFF; border: 0px none; text-align: center; }

	#commerce .color-1st														{ background-color: #C1272D; }
	#commerce .color-1st:hover													{ background-color: #C1272D; }

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

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

	#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 span.icon															{ width: auto; font-size: 1em; display: inline; position: relative; }
	#commerce span.icon:after													{ font-style: normal; font-weight: normal; line-height: 1em; text-align: center; font-family: 'FontAwesome'; }

	#commerce span.icon.update													{ font-size: 0.875em; }
	#commerce span.icon.update:after											{ content: '\f021'; }

	#commerce span.icon.delete:after											{ content: '\f00d'; }

	#commerce hr																{ margin: 0% 0% 0% 0%; border-color: #9A9A9A; }

/* Basket Styles */

	#commerce #basket-items														{ padding: 10px; width: 66%; background-color: #EFEFEF; float: left; }
	#commerce #basket-items #basket-count										{ margin: 4px 0%; width: 50%; font-size: 1.125em; float: left; }
	#commerce #basket-items #continue-shopping									{ margin: 4px 0%; width: 30%; text-align: center; float: left; }
	#commerce #basket-items #continue-shopping a								{ color: #676858; }
	#commerce #basket-items #continue-shopping a:hover							{ text-decoration: underline; }
	#commerce #basket-items #checkout											{ width: 20%; }
	#commerce #basket-items #empty-basket										{ margin: 10px 0% 0% 10px; }
	#commerce #basket-items #empty-basket a										{ font-size: 0.75em; color: #D3C199; }
	#commerce #basket-items #empty-basket a:hover								{ text-decoration: underline; }

	#commerce #basket-items table												{ margin: 0.625em 0% 0% 0%; border-bottom: 1px solid #9A9A9A; }
	#commerce #basket-items table th											{ padding: 5px; font-size: 0.875em; border-bottom: 1px solid #9A9A9A; text-align: center; }
	#commerce #basket-items table td											{ margin: 0% 0% 0% 0%; }
	#commerce #basket-items table td.image										{ width: 15%; }
	#commerce #basket-items table td.image .image-container						{ width: 60%; padding-top: 60%; height: 0; position: relative; }
	#commerce #basket-items table td.image .image-container .thumb				{ margin: 0em auto 0em auto; padding: 1px 1px 1px 1px; left: 0; right: 0; top: 0; bottom: 0; background-color: #FFFFFF; border: 1px solid #9A9A9A; text-align: center; vertical-align: middle; white-space: nowrap; position: absolute; display: inline-block; }
	#commerce #basket-items table td.image .image-container .thumb:before		{ width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block; }
	#commerce #basket-items table td.image .image-container .thumb *			{ white-space: normal; display: initial; }
	#commerce #basket-items table td.item										{ width: 40%; }
	#commerce #basket-items table td.qty										{ width: 25%; }
	#commerce #basket-items table td.price										{ width: 10%; }
	#commerce #basket-items table td.pricetotal									{ width: 10%; }
	#commerce #basket-items table td img										{ max-width: 100%; max-height: 100%; vertical-align: middle; }
	#commerce #basket-items table td input,
	#commerce #basket-items table td select,
	#commerce #basket-items table td textarea									{ margin: 0% 0% 5px 0%; width: 100%; padding: 4px; font-size: 1em; }
	#commerce #basket-items table td input.qty									{ width: 50px; text-align: center; }

	#commerce #basket-items table.recipient_assign								{ margin: 10px 0% 10px 0%; border: 0px none; }
	#commerce #basket-items table.recipient_assign .recipient					{ border-width: 10px 0px 30px 0px; border-style: solid; border-color: transparent; }
	#commerce #basket-items table.recipient_assign td							{ padding: 0% 0% 0% 0%; font-size: 0.9375em; vertical-align: baseline; }
	#commerce #basket-items table.recipient_assign td input,
	#commerce #basket-items table.recipient_assign td select,
	#commerce #basket-items table.recipient_assign td textarea					{ font-size: 1.07em; }
	#commerce #basket-items table.recipient_assign td.recipient_right			{ text-align: right; }

	#commerce #basket-summary													{ padding: 10px; width: 27%; background-color: #EFEFEF; float: right; }
	#commerce #basket-summary #heading											{ margin: 4px 0%; font-size: 1.125em; }
	#commerce #basket-summary table												{ margin: 1em 0% 0% 0%; }
	#commerce #basket-summary table th											{ padding: 4px 10px; font-size: 0.875em; border-bottom: 1px solid #9A9A9A; text-align: left; }
	#commerce #basket-summary table td											{ padding: 4px 10px; font-size: 1.125em; border-bottom: 1px solid #9A9A9A; }
	#commerce #basket-summary p													{ padding: 5px; font-size: 0.75em; }

/* Checkout Styles */

	#commerce .checkout-left													{ width: 100%; float: left; }
	#commerce .checkout-right													{ width: 100%; float: right; }

/* Checkout Basket Styles */

	#commerce #checkout-details													{ padding: 20px 15px 20px 15px; }
	#commerce #checkout-details table											{ border-bottom: 0px none; }
	#commerce #checkout-details table th										{ padding: 5px; font-size: 0.875em; border-bottom: 1px solid #9A9A9A; text-align: center; }
	#commerce #checkout-details table td										{ width: 20%; }
	#commerce #checkout-details table td.product_label							{ width: 100%; }
	#commerce #checkout-details table td.image									{ width: 15%; }
	#commerce #checkout-details table td.image .image-container					{ width: 60%; padding-top: 60%; height: 0; position: relative; }
	#commerce #checkout-details table td.image .image-container .thumb			{ margin: 0em auto 0em auto; padding: 1px 1px 1px 1px; left: 0; right: 0; top: 0; bottom: 0; background-color: #FFFFFF; border: 1px solid #9A9A9A; text-align: center; vertical-align: middle; position: absolute; display: inline-block; }
	#commerce #checkout-details table td.image .image-container .thumb:before	{ width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block; }
	#commerce #checkout-details table td.image .image-container .thumb *		{ white-space: normal; display: initial; }
	#commerce #checkout-details table td img									{ max-width: 100%; max-height: 100%; vertical-align: middle; }
	#commerce #checkout-details table td.item									{ width: 25%; }
	#commerce #checkout-details table tr:last-child								{ border-bottom: 0%; }
	#commerce #checkout-details table td input									{ margin: 0% 0% 0% 0%; padding: 4px; width: 50px; font-size: 0.875em; text-align: center; }
	#commerce #checkout-details table.recipient_assign tr td input.fullwidth	{ width: 100px; text-align: left; }

	#commerce #checkout-details h3												{ margin-top: 0.25em; }
	#commerce #checkout-details textarea										{ width: 100%; }

/* Checkout Addresses Styles */

	#commerce .existing_address													{ width: 75%; float: left; }
	#commerce .existing_address select											{ width: 100%; }

	#commerce .add_address														{ margin: 0% 0% 0% 5%; width: 20%; float: left; }
	#commerce .add_address p													{ margin: 0% 0% 0% 0%; font-size: 1em; }

	#commerce .add_address_button												{ padding: 5px 0.5em; font-size: 0.75em; }
	#commerce .add_address_button .mobile-text									{ display: none; }

	#commerce #delivery-panel													{ margin: 0% 0% 0% 0%; padding: 30px 10px 20px 10px; width: 100%; min-height: 165px; border-bottom: 1px solid #9A9A9A; float: left; }
	#commerce #delivery-panel .disabled button									{ display:none; }

	#commerce #delivery-address													{ padding-top: 0px; padding-right: 10px; width: 50%; float: left; }
	#commerce #delivery-address.hidden											{ display: none; }
	#commerce #delivery-address .details p										{ font-size: 0.875em; }

	#commerce #delivery-options													{ padding-left: 3%; width: 50%; border-left: 1px solid #9A9A9A; float: left; }
	#commerce #delivery-options table											{ border-bottom: 0px none; }
	#commerce #delivery-options td												{ padding: 5px 0%; vertical-align: middle; }
	#commerce #delivery-options .details p										{ font-size: 0.875em; }
	#commerce #delivery-options label											{ margin: 1em 0em; }
	#commerce #delivery-options input											{ margin-right: 1em; }
	#commerce #delivery-options strong											{ font-size: 0.875em; line-height: 1.4375em; font-weight: bold; }
	#commerce #delivery-options small											{ margin-left: 1em; font-size: 0.75em; line-height: 1.5em; color: #9A9A9A; }

	#commerce #delivery-options .delivery-options-time							{ margin-left: 1.8125em; }
	#commerce #delivery-options .delivery-options-time select					{ width: auto; }

	#commerce #billing-address													{ margin-top: 0em; padding: 20px 10px 20px 10px; width: 50%; min-height: 115px; float: left; }
	#commerce #billing-address h3												{ font-size: 1em; font-weight: 600; }
	#commerce #billing-address .hidden											{ display: none; }
	#commerce #billing-address .details p										{ font-size: 0.875em; }

	#commerce #billing-address.fullwidth										{ width: 68%; }

	#commerce #billing-address .billing-options table							{ border-bottom: 0px none; }
	#commerce #billing-address .billing-options td								{ padding: 5px 0%; vertical-align: middle; }
	#commerce #billing-address .billing-options .details p						{ font-size: 0.875em; }
	#commerce #billing-address .billing-options label							{ margin: 1em 0em; }
	#commerce #billing-address .billing-options input							{ margin-right: 1em; }
	#commerce #billing-address .billing-options strong							{ font-size: 0.875em; line-height: 1.4375em; font-weight: bold; }

/* Checkout Summary */

	#commerce #discounts-panel													{ padding: 10px; width: 26%; float: right; }
	#commerce #discounts-panel .left											{ margin-right: 20px; }
	#commerce #discounts-panel input											{ }
	#commerce #discounts-panel .button											{ margin-top: -2px; font-size: 0.75em; float: right; }

	#commerce #payment-gateway-logo												{ margin-top: 20px; text-align: center; }
	#commerce #payment-gateway-logo img											{ width: 100%; }

	#commerce #total-to-pay														{ margin: 0% 0% 0% 0%; padding: 30px 10px 20px 10px; border-top: 1px solid #9A9A9A; }
	#commerce #total-to-pay table												{ border: none; }
	#commerce #total-to-pay .promocode											{ padding-right: 3%; width: 50%; float: left; }
	#commerce #total-to-pay .promocode input									{ margin: 0% 0% 5px 0%; padding: 6px 10px; width: 32%; float: left; display: block; }
	#commerce #total-to-pay .promocode .left									{ width: 49%; max-width: 150px; float: left; margin-left: 20px; }
	#commerce #total-to-pay .promocode .right									{ width: 49%; max-width: 150px; float: right; }
	#commerce #total-to-pay .rewardpoints										{ display: none; padding-right: 3%; width: 50%; float: left; clear: left; margin-top: 10px; }
	#commerce #total-to-pay .rewardpoints input									{ margin: 0% 0% 5px 0%; padding: 6px 10px; width: 32%; float: left; display: block; }
	#commerce #total-to-pay .rewardpoints .left									{ width: 49%; max-width: 150px; float: left; margin-left: 20px; }
	#commerce #total-to-pay .rewardpoints .right								{ width: 49%; float: right; }

	#commerce #total-to-pay .summary											{ padding-left: 3%; padding-right: 5%; width: 50%; border-left: 1px solid #9A9A9A; float: right; }

	#commerce #terms															{ padding: 20px 0px 20px 10px; text-align: left; }

	.checkout_proceed_placeholder												{ position:absolute; }
	.checkout_proceed															{ /* display:none; */ }
	
	.cta-buttons																{ padding: 0% 0% 0% 10px; float: left; }
	.cta-buttons .checkout														{ max-width: 310px; }
	#commerce .cta-buttons .checkout-payinfull											{ background-color:#fdcb24; color:#2c292c; }
	#commerce p.booking_btn_text												{ font-size:0.85em !important; width:100%; text-align:center; }

/* Popup Styles */

	.popup-panel																{ max-width: 550px; color: #676858; background-color: #FFFFFF; border-radius: 10px 10px 10px 10px; }

	.popup-panel label															{ margin: 0.5em 0% 0.5em 0%; font-size: 1em; display: block; }
	.popup-panel input															{ padding: 0.25em 0.25em 0.25em 0.25em; width: 90%; font-size: 1em; line-height: 1.25em; }
	.popup-panel input[type=checkbox],
	.popup-panel input[type=radio]												{ width: auto; }
	.popup-panel textarea														{ padding: 0.25em 0.25em 0.25em 0.25em; width: 90%; font-size: 1em; line-height: 1.25em; }
	.popup-panel select															{ padding: 0.25em 0.25em 0.25em 0.25em; width: 90%; font-size: 1em; line-height: 1.25em; }
	.popup-panel .red-star														{ color: #FF0000; }

	.popup-panel button															{ padding: 5px; width: 45%; color: #FFFFFF; background-color: #758918; border: 0px none; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	.popup-panel.form button													{ float: right; }
	.popup-panel button:hover													{ background-color: #797979; }

	.popup-panel button.close													{ background-color: #D4D4D4; color:#6E6E6E; }
	.popup-panel.form button.close												{ float: left; }
	.popup-panel button.close:hover												{ background-color: #B6B6B6; }

	#ifmobile																	{ display: none; }

	#commerce #participant_popup												{ padding: 10px 15px; max-width: 580px; left: 50%; top: 50%; background-color: #CCCCCC; display: none; position: fixed; }
	#commerce #participant_popup .left											{ width: 46%; float: left; }
	#commerce #participant_popup .right											{ width: 46%; float: right; }
	#commerce #participant_popup li												{ list-style-type: none; }
	#commerce #participant_popup label											{ font-weight: bold; }
	#commerce #participant_popup input											{ width: 100%; display: block; }
	#commerce #participant_popup textarea										{ width: 100%; display: block; }
	#commerce #participant_popup .button										{ margin-top: 1em; }

	@media only screen and (min-width: 0px) and (max-width: 950px)
	{
		/* Basket Styles */

			#commerce #basket-items table td.image .image-container					{ width: 75%; padding-top: 75%; }

		/* Checkout Styles */

			#commerce #checkout-details table td.image .image-container				{ width: 75%; padding-top: 75%; }
	}

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

		/* Basket Styles */

			#commerce #basket-items													{ width: auto; float: none; }
			#commerce #basket-items #basket-count									{ width: auto; font-size: 1em; float: none; display: none; }
			#commerce #basket-items #continue-shopping								{ width: 100%; font-size: 1em; display: none; }
			#commerce #basket-items #checkout										{ margin: 0.25em 0% 0% 0%; width: 100%; font-size: 1em; display: none; }
			#commerce #basket-items table											{ border-bottom: 0; }
			#commerce #basket-items table tr:nth-of-type(1)							{ display: none; }
			#commerce #basket-items table th										{ display: none; }
			#commerce #basket-items table td										{ display: block; }
			#commerce #basket-items table td.noitems								{ padding: 0% 0% 0% 0%; width: 100%; float: left; }
			#commerce #basket-items table td.image									{ width: 20%; float: left; }
			#commerce #basket-items table td.image .image-container					{ width: 100%; padding-top: 100%; }
			#commerce #basket-items table td.item									{ width: 80%; float: right; }
			#commerce #basket-items table td.qty									{ width: 50%; text-align: left; float: left; }
			#commerce #basket-items table td.price									{ display: none; }
			#commerce #basket-items table td.pricetotal								{ padding-right: 0%; width: 30%; text-align: right; float: right; }

			#commerce #basket-summary												{ margin-top: 10px; width: auto; float: none; }

		/* Checkout Styles */

			#commerce .checkout-left												{ padding: 0% 0% 0% 0%; width: 100%; float: none; }
			#commerce .checkout-right												{ padding: 0% 0% 0% 0%; width: 100%; float: none; }

			#commerce #checkout-details												{ margin: 0% 0% 0% 0%; padding: 10px 0%; width: auto; float: none; }
			#commerce #checkout-details table										{ border-bottom: 0px none; }
			#commerce #checkout-details table tr:nth-of-type(1)						{ display: none; }
			#commerce #checkout-details table th									{ display: none; }
			#commerce #checkout-details table td									{ display: block; }
			#commerce #checkout-details table td.product_label						{ padding: 10px 0% 10px 0%; }
			#commerce #checkout-details table td.image								{ width: 20%; float: left; }
			#commerce #checkout-details table td.image .image-container				{ width: 100%; padding-top: 100%; }
			#commerce #checkout-details table td.item								{ width: 60%; float: left; }
			#commerce #checkout-details table td.qty								{ padding-right: 0%; width: 20%; text-align: right; float: left; }
			#commerce #checkout-details table td.price								{ display: none; }
			#commerce #checkout-details table td.pricetotal							{ padding-right: 0%; width: 80%; text-align: right; float: right; }

		/* Checkout Addresses Styles */

			#commerce .add_address_button											{ font-size: 1em; }

			#commerce #delivery-panel												{ padding: 10px 0px; width: auto; border-left: 0px none; float: none; }

			#commerce #delivery-address												{ width: 100%; float: none; }
			#commerce #delivery-address .details p									{ font-size: 1em; }
			#commerce #delivery-address select										{ width: 100%; font-size: 1em; }

			#commerce #delivery-options												{ padding-left: 0%; width: 100%; border-left: 0px none; float: none; }
			#commerce #delivery-options-time										{ padding-left: 0%; width: 100%; border-left: 0px none; float: none; }

			#commerce #billing-address												{ width: 100%; float: none; }
			#commerce #billing-address.fullwidth									{ width: 100%; }
			#commerce #billing-address .details p									{ font-size: 1em; }
			#commerce #billing-address select										{ width: 100%; font-size: 1em; }

		/* Checkout Summary */

			#commerce #sidebar														{ width: auto; float: none; }

			#commerce #total-to-pay .promocode										{ padding: 0px 0px 30px 0px; margin-bottom:30px; width: 100%; float: none; border-bottom:1px solid grey; }
			#commerce #total-to-pay .summary										{ padding-left: 0%; padding-right: 0%; width: 100%; border-left: 0px none; float: none; }

			.cta-buttons															{ padding: 0% 0% 0% 0%; }

	}

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

	}