
.shoppingcartcontainer
{
	/* border-top: 5px dashed yellow; */
}


#almost_closing_time
{
	border: 1px solid #800;
	color: #900;
	padding: 2em 1em 2em 18%;
	background: url(/art/icons/alarm-clock.png) no-repeat 5% center;
	background-size: 8%;
}

.unavailable_message
{
	margin: 2em;
	color: #080;
	text-align: center;
}


.product_row
{
	margin-bottom: .5em!important;
}

.container_price
{
	display: inline-block;
	width: 57%
}

	.item_container
	{
		display: inline-block;
		width: 44%
	}

	.item_price
	{
		display: inline-block;
		width: 22%;
		text-align: right;
	}


/* MESSAGE POP-UP */

	#shopping_cart_message
	{
		position: fixed;
		top: 0;
		margin-top: -8em;
		padding: 1.6em 1.6em;
		text-align: center;
		color: #FFF;
		background-color: #060;
		width: 400px;
		z-index: 10000;
	}


	#shopping_cart_message.ok
	{
		background: url(/art/template/icons/ok-64x64.png) #060 no-repeat 1.6em center ;
		background-size: 2.6em 2.6em;
		padding-left: 50px;
	}



/* SHOPPING CART */


	#shopping_product_container
	{
		position: relative;
	}

	#shopping_order_panel
	{
		position: absolute;
		top: 0;
		left: 52%;
		width: 53%;
		text-align: left;
	}

	#shopping_product_content
	{
		width: 52%;
	}

	#shopping_product_description
	{
		margin: 1em 0;
		font: normal normal 1.05em segoe ui, segoe ui regular, arial!important;
	}

	#shopping_product_content IMG
	{
		border: 1px solid #EEE;
		width: 90%;
		margin: 0 0 1em 0;
	}



	.shopping_product_prices
	{
		margin: 0 0 2em 0;
	}


	.shopping_product_prices SPAN.shopping_product_prices_left
	{
		display: inline-block;
		width: 60%;
	}

	.shopping_product_prices SPAN.shopping_product_prices_right
	{
		display: inline-block;
		width: 38%;
		vertical-align: top;
	}

	.shopping_product_prices SPAN.shopping_product_prices_right.limited_stock I
	{
		display: block;
		text-align: center;
		margin: 0;
		color: #555;
	}

	.shopping_product_prices SPAN.shopping_product_prices_right.out_of_stock
	{
		color: #800;
		text-align: right;
		width: 31%;
	}

	.shopping_product_prices SPAN.product_description
	{
		display: block;
		font-size: .9em;
		line-height: 1.5em;
		width: 85%;
		margin-top: .5em;
		font-family: "Segoe UI Regular", Arial, Helvetica, Sans Serif;
	}

	.shopping_product_prices STRONG
	{

	}

	.shopping_product_prices EM
	{
		color: #080;
		font: normal normal 1.2em Verdana, arial, helvetica!important;
	}

	.shopping_product_prices EM SUP
	{
		color: #999;
	}

	.shopping_product_prices SPAN A
	{
		display: inline-block;
		width: 25px;
		height: 25px;
		opacity: .8;
	}

	.shopping_product_prices SPAN A.remove_qty_from_cart
	{
		background: url(/art/icons/red-circle-minus.png) no-repeat center top;
		background-size: 90%;
		visibility: hidden;
	}

	.shopping_product_prices SPAN A.add_qty_to_cart
	{
		background: url(/art/icons/green-circle-plus.png) no-repeat center top;
		background-size: 90%;
	}

	.shopping_product_prices SPAN A:hover
	{
		opacity: 1;
		background-size: 100%;
		text-decoration: none;
	}

	.shopping_product_prices SPAN INPUT
	{
		width: 30px!important;
		margin: 0 8px!important;
		text-align: center;
	}


/* First Draft

	#shopping_product_price
	{
		color: #080;
		font: normal normal 1.8em Verdana, arial, helvetica!important;
		text-align: right;
		margin: 0 0 0 0;
	}

	#shopping_product_price SUP
	{
		color: #999;
	}

*/

	#shopping_product_type
	{
		color: #666;
	}

	#shopping_product_containertype
	{
		color: #060;
		text-align: right;
		margin: 0 0 1em 0;
	}

	#proceed_to_checkout_from_product
	{
		text-align: right;
		margin-right: 5%;
	}



/* Product Page */

	.add_to_cart_container
	{
		text-align: right;
		margin-right: 5%;
	}

	#proceed_to_checkout_from_product .breadcrumb_section
	{
		text-decoration: underline;
	}

	#shopping_product_container INPUT.qty_to_cart, INPUT.qty_to_cart
	{
		width: 45px;
		margin: 0 0 0 .6em;
	}

	#shopping_product_container A.add_to_cart, #shopping_product_container A.add_to_cart:visited, #exact_form_container INPUT[TYPE="SUBMIT"],
	.green_button, .green_button:visited
	{
		display: inline-block;
		padding: .5em 1.2em .4em 1.2em;
		color: #FFF;
		margin: 0 0 0 1em;
		border: 0;
		background: rgba(0,170,0,1);
		background: -moz-linear-gradient(top, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,170,0,1)), color-stop(100%, rgba(0,102,0,1)));
		background: -webkit-linear-gradient(top, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		background: -o-linear-gradient(top, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aa00', endColorstr='#006600', GradientType=0 );

	}

	#shopping_product_container A.add_to_cart:hover, #exact_form_container INPUT[TYPE="SUBMIT"]:hover, .green_button:hover
	{
		background: #080!important;
		color: #FFF;
		text-decoration: none;
	}

	#shopping_product_container A.disabled, #shopping_product_container A.disabled:hover, .green_button.disabled, .green_button.disabled:hover
	{
		background: #999!important;
		cursor: not-allowed;
		opacity: .6;
	}


	.red_button, .red_button:visited
	{
		display: inline-block;
		padding: .5em 1.2em .4em 1.2em;
		color: #FFF;
		margin: 0 0 0 1em;
		border: 0;
		background: rgba(170,0,0,1);
		background: -moz-linear-gradient(top, rgb(153, 61, 65) 0%, rgb(172, 46, 52) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(172, 46, 52)), color-stop(100%,  rgb(153, 61, 65)));
		background: -webkit-linear-gradient(top, rgb(153, 61, 65) 0%, rgb(172, 46, 52) 100%);
		background: -o-linear-gradient(top, rgb(153, 61, 65) 0%, rgb(172, 46, 52) 100%);
		background: -ms-linear-gradient(top, rgb(153, 61, 65) 0%, rgb(172, 46, 52) 100%);
		background: linear-gradient(to bottom, rgb(153, 61, 65) 0%, rgb(172, 46, 52) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0000', endColorstr='#660000', GradientType=0 );

	}

	.red_button:hover
	{
		background: #800!important;
		color: #FFF;
		text-decoration: none;
	}




/* END SHOPPING CART */







/* DELIVERY OPTION */

	#checkout_delivery_options
	{

	}

	.delivery_option_container
	{
		float: left;
		width: 47%;
		margin: 1em 1%;
		padding: 1em 0;
		text-align: center;
		min-height: 270px;
		border: 1px solid #999;
	}

	.delivery_option_container.option_pickup
	{

	}


	#delivery_postalcode
	{
		width: 70px;
	}

	#delivery_available_areas
	{
		font-size: .8em!important;
		color: #444;
		padding: 0 2% 0 52%;
	}


	#checkout_delivery_option_pickup H4
	{
		background: url(/art/icons/option-pickup.png) no-repeat center bottom;
		background-size: 45%;
		padding-bottom: 113px;
	}

	#checkout_delivery_option_delivery
	{
		position: relative;
	}

	#checkout_delivery_option_delivery H4
	{
		background: url(/art/icons/option-delivery.png) no-repeat center bottom;
		background-size: 45%;
		padding-bottom: 113px;
	}

	#checkout_delivery_option_delivery_overlay
	{
		background-color: #FFF;
		width: 100%;
		top: 0;
		height: 270px;
		text-align: center;
		position: absolute;
	}

	#delivery_found_area
	{
		margin: -2em 0 .2em 0;
		font-width: .9em;
	}

	#checkout_delivery_option_delivery_overlay H4
	{
		background: none;
	}


	#checkout_delivery_option_delivery_overlay H4.green_checkmark
	{
		background: url(/art/icons/green-checkmark.png) no-repeat 5% center;
		background-size: 23%;
		padding: 1.1em 1em 1.1em 13%;
	}

	#checkout_delivery_fees
	{
		font-size: .8em;
	}

	#checkout_delivery_fees P
	{
		margin: 0;
	}

	.delivery_selected
	{
		background-color: #b8ecb8;
	}

	#checkout_delivery_fees SPAN
	{
		display: inline-block;
		margin: 0;
	}

	#checkout_delivery_fees .delivery_range
	{
		width: 65%;
		text-align: left;
		padding: .1em 0 .1em 3%;
	}

	#checkout_delivery_fees .delivery_fee
	{
		width: 22%;
		text-align: right;
		padding: .1em  3% .1em 0;
	}


/* CHECKOUT */

	#empty_shopping_cart, #empty_shopping_cart:visited
	{
		position: absolute;
		top: 1em;
		right: 1em;
		display: block;
		width: 50px;
		text-align: center;
		z-index: 9000;
		padding: .5em 1em;
		border: 1px solid #CCC;
		background-color: #E2E2E2;
		text-decoration: none;
		color: #222;
	}

	#empty_shopping_cart:hover
	{
		background-color: #AAA;
		color: #000;
	}

	#checkout_list
	{
		border-top: 1px solid #EEE;
		border-bottom: 1px solid #EEE;
		margin: 1em 0;
	}

	.checkout_item
	{
		padding: 1em 0;
	}

	.checkout_item SPAN, .checkout_total_lines SPAN
	{
		display: inline-block;
		vertical-align: middle;
	}

	.checkout_total_lines SPAN
	{
		margin-bottom: .6em;
	}

	.checkout_item SPAN.checkout_item_image
	{
		width: 15%;
		background: url() no-repeat top left;
		background-size: contain;
		height: 4vw;
		margin-right: 2%;
	}

	.shopping_image_expand
	{
		cursor: pointer;
	}



	.checkout_item SPAN.checkout_item_variety
	{
		width: 40%;
	}

		.checkout_item SPAN.checkout_item_variety EM
		{
			font-size: .9em;
			color: #060;
		}

	#changing_stock_list
	{
		margin-top: 1.5em;
	}

	#changing_stock_list SPAN
	{
		font-size: 1.2em;
		display: inline-block;
		width: 60%;
	}

	#changing_stock_list S
	{
		font-size: 1.2em;
		display: inline-block;
		width: 12%;
		text-align: right;
		color: #800;
	}

	#changing_stock_list B
	{
		font-size: 1.2em;
		display: inline-block;
		width: 12%;
		text-align: right;
	}


	#changing_stock_list EM
	{
		display: block;
		font-size: .9em;
		color: #060;
	}


	.checkout_item SPAN.checkout_item_qty
	{
		width: 10%;
		text-align: right;
	}


	.checkout_item SPAN.checkout_item_price
	{
		width: 12%;
		text-align: right;
		color: #666;
	}

	.checkout_item SPAN.checkout_item_total
	{
		width: 14%;
		text-align: right;
	}

	.checkout_item SPAN.checkout_item_remove
	{
		width: 6%;
		text-align: right;
	}

	.checkout_item SPAN.checkout_item_remove A, .checkout_item SPAN.checkout_item_remove A:visited
	{
		background: url(/art/template/icons/x-50x50.png) no-repeat center center;
		width: 24px;
		height: 24px;
		display: inline-block;
		background-size: 70%;
		opacity: .5;
	}

	.checkout_item SPAN.checkout_item_remove A:hover
	{
		background-size: 80%;
		opacity: .8;
		text-decoration: none;
	}

	#checkout_subtotal
	{
		font-weight: bold;
	}

	.checkout_total_qty
	{
		width: 67%;
		text-align: right;
		font-size: 1.2em;
	}

	.checkout_total_price
	{
		width: 24%;
		text-align: right;
	}

	#checkout_taxes_gst, #checkout_taxes_pst
	{
		font-size: .9em;
		color: #666;
	}

	#checkout_total .checkout_total_price, #checkout_total_continue .checkout_total_price
	{
		font-size: 1.2em;
		font-weight: bold;
	}

	#checkout_total_continue
	{
		margin-top: 2em;
		margin-right: 2%;
	}

	#checkout_continue_to_payment, #checkout_continue_to_information, #checkout_continue_to_save_information
	{
		text-align: right;
		width: 90%;
		margin-top: 2em;
	}


	.checkout_leftnav
	{
		margin-top: 1.2em;
		padding-top: 1em;
		border-top: 1px solid #DDD;
	}



	#checkout_continue_to_information
	{

	}


	#checkout_back
	{
		position: absolute;
		top: .4em;
		left: 0;
		width: 20%:
		text-decoration: underline;
	}

	.input
	{

	}

	.input SPAN
	{
		display: inline-block;
		width: 20%;
	}

	.input SPAN.inline_desktop
	{
		display: inline;
		margin-left: .5em;
		margin-right: .5em;
	}

	.input INPUT[TYPE="text"] { width: 65%; }

	#checkout_city			{ width: 20%; }
	#checkout_province		{ width: 5%; }
	#checkout_postalcode	{ width: 15%; }
	#checkout_phone			{ width: 40%; }
	#checkout_email			{  }
	#checkout_firstname			{  }
	#checkout_lastname			{  }
	#checkout_address		{  }

	.required_field
	{
		border: 1px solid #d06d72;
	}

	#order_printout
	{

	}

	#order_printout H2 SPAN
	{
		float: right;
		font-size: .85em;
		margin-right: 6%;
		display: inline-block;
	}








.loading
{
	padding-left: 30px;
	background: url(/art/loading.gif) no-repeat left center;
	display: inline-block;
}


	@media screen and ( max-width: 940px )
	{
		.checkout_item SPAN.checkout_item_image
		{
			width: 12%;
			height: 10vw;
		}

		.checkout_item_price
		{
			visibility: hidden;
		}

	}

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


		#shopping_order_panel
		{
			position: relative;
			width: 100%;
			left: auto;
			top: auto;
		}

		.input SPAN, .checkout_label_postalcode .inline_desktop
		{
			display: block;
			width: 100%;
		}

		.input INPUT[TYPE="text"]
		{
			width: 92%;
		}

		.checkout_item
		{
			border-top: 1px solid #BBB;
		}

		.checkout_item SPAN.checkout_item_variety
		{
			width: 87%;
			padding-top: .2em;
		}

		.checkout_item SPAN.checkout_item_qty
		{
			width: 38%;
			margin-top: 1em;
		}

		.checkout_item SPAN.checkout_item_remove
		{
			width: 11%;
		}

		.checkout_item_price
		{
			display: none!important;
		}

		.checkout_item_total
		{
			width: 48%!important;
		}

		.checkout_item INPUT.qty_to_cart
		{
			width: 50px!important;
		}

		.checkout_total_lines
		{
			font-size: .9em;
		}

		.checkout_label_postalcode
		{
			display: block;
		}

		#checkout_postalcode
		{
			width: 25%;
		}

		.checkout_label_postalcode SPAN
		{
			display: inline-block!important;
			margin-top: 1em;
		}

		.input .checkout_label_postalcode SPAN.inline_desktop
		{
			margin-left: 0;
			margin-right: 0;
		}

		.checkout_item SPAN.checkout_item_image
		{
			width: 10%;
			height: 12vw;
		}

		#checkout_province
		{
			width: 10%;
		}

		#checkout_city
		{
			width: 36%
		}


		#checkout_postal
		{
			width: 20%;
		}

		#checkout_phone
		{
			width: 65%;
		}

		.delivery_option_container
		{
			float: none;
			width: 98%;
		}

		#delivery_available_areas
		{
			padding: 0 2%;
		}

		#shopping_product_content
		{
			width: inherit;
			margin-bottom: 2em;
			text-align: center;
		}

		#shopping_product_content IMG
		{
			width: auto;
			max-height: 400px;
			max-width: 98%;
		}

	}


@media print
{
	BODY
	{
		background-color: #FFF!important;
	}

	#content_box
	{
		width: 80%!important;
		margin: 0 0 0 10%!important;
	}

	#order_printout
	{
		min-height: 5.8in;
	}

	#left_nav, #footer #pages, #footer #social, #navigation #about, #navigation #employment, #navigation #contact, #shopcart
	{
		display: none!important;
	}

	#footer
	{
		background-color: #FFF!important;
		border-top: 1px solid #666!important;
	}

	#address H3, #address P
	{
		color: #333!important;
	}



}

