@-ms-viewport{
  width: device-width;
}

	BODY
	{
		padding:0;
		margin: 0;
		background-color: #d0dece;
		text-align: left;
		font: normal normal .9em Arial, Helvetica, sans serif;
		overflow-x: hidden;
		height: 100%;
		width: 100%;
		max-width: 100%;
	}

	BODY.development
	{
		background-color: #080;
	}

	H1, H3, H4
	{
		color: #6A1E22;
	}

	H2
	{
		color: #00a651;
	}

	DIV
	{
		position: relative;
		/* border: 1px dashed red!important; */
	}
/*
	DIV DIV
	{
		border: 1px dashed blue!important;
	}

	DIV DIV DIV
	{
		border: 1px dashed green!important;
	}
*/

	A IMG { border: 0; }

	A, A:visited
	{
		color: #E00;
		text-decoration: none;
	}

	A:hover
	{
		text-decoration: underline;
		color: #080;
	}

	.loading
	{
		display: inline-block;
		padding-left: 30px;
		min-height: 30px;
		background: url(/art/loading.gif) no-repeat top left;
		text-align: left;
		width: auto;
	}

/* ICON */

	#shopcart
	{
		background: url(/art/template/icons/shopping-cart-50x50.png) no-repeat center .3em;
		background-size: 52%;
		position: absolute;
		top: 0;
		right: 0;
		height: .4em;
		border-left: 1px solid #FFF;
		padding: 2.4em 0 1.1em 0!important;
		width: 70px;
		text-align: center!important;
	}

	#shopcart SPAN
	{
		font-size: .8em;
	}


	.container
	{
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.container > DIV
	{
		width: 960px;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}

	#container_notice
	{
		background-color: #960c1d; color: #FFF; text-align: center; height: 3em; padding: .5em 0; font-size: 1.2em;
	}


		#container_notice A, #container_notice A:visited
		{
			border: 1px solid #FFF;
			border-radius: 4px;
			font-size: 1.2em!important;
			padding: .2em .6em;
			display: inline-block;
			float: right;
			margin-right: 5%;
			margin-top: -.5em;
			color: #FFF;
		}

		#container_notice A:hover
		{
			background-color: #FFF;
			color: #800;
			text-decoration: none;
		}


	#container_header
	{
		background-color: #00AD54;
	}

		#header
		{
			height: 64px;
			text-align: right;
			padding: 4px 40px 0 0;
			width: 922px;
			background-color: #ac2e34;
		}

		#header P
		{
			margin: 0;
			padding: 0;
		}

		#logo
		{
			background: url(/art/template/logo.png) no-repeat top left;
			width: 200px;
			height: 124px;
			position: absolute;
			top: 8px;
			left: 32px;
			text-decoration: none;
			z-index: 100;
		}

			#header A, #header A:visited
			{
				color: #FFF;
				font-size: 1.2em;
				text-decoration: none;
				display: inline-block;
				padding: 6px 28px;
				margin: 0;
				text-align: left;
			}

				#about
				{
					/* background-image: url(/art/template/icons/about-24x24.png); */

				}

				#employment
				{
					/* background-image: url(/art/template/icons/contact-24x24.png); */

				}

				#contact
				{
					background: url(/art/template/icons/email-outline-24x24.png) no-repeat 30px 4px;
					width: 110px;
					padding: 6px 8px 6px 70px!important;
					background-size: 10%;
					margin-right: 35px!important;
				}

				#telephone
				{
					background: url(/art/template/icons/phone-24x24.png) no-repeat 30px 4px;
					width: 110px;
					padding: 4px 8px 4px 70px!important;
					background-size: 10%;
					margin-right: 35px!important;
				}

				#navigation A:hover, #telephone:hover
				{
					background-color: #dc3c43!important;
				}




#container_search
{

}

	#search
	{
		text-align: right;
		padding: .4em .1em .4em 0;
		background: #660000;
	}

	#search SPAN
	{
		display: none;
	}

	#search #search_text
	{
		padding: .3em .6em .2em .6em;
		width: 215px;
		border: 0;
		font-size: 1.1em;
		margin-right: .4em;
		border-radius: 3px;
	}

	#search #close_search_box
	{
		display: none;
	}

	#search #search_icon, #search #search_icon:visited
	{
		background: url(/art/icons/search-white.png) no-repeat center center;
		background-size: 50%;
		display: inline-block;
		width: 65px;
		height: 30px;
		opacity: .8;
		vertical-align: top;
	}

	#search #search_icon:hover
	{
		opacity: 1;
		background-size: 55%;
		text-decoration: none;
		background-color: #880000;
	}


	#search_results_container
	{
		position: absolute;
		top: 2.65em;
		right: 7px;
		height: 400px;
		max-height: 700px;
		overflow: auto;
		background-color: #FFF;
		border: 2px solid #660000;
		padding: 0 0 1em 0;
		margin: 0;
		width: 330px;
		z-index: 15000;
		text-align: left;

	}

	#search_results_container H3
	{
		margin: 1em 0 0 0;
		padding: .5em 0 .5em .5em;
		background: #DDD;
	}

	#search_results_container A, #search_results_container A:visited
	{
		display: block;
		padding: .3em 1em .3em 4.8em;
		border-top: 1px solid #DDD;
		height: 3em;
		background-repeat: no-repeat;
		background-position: .5em top;
		background-size: 3.6em auto;
		margin: 0 0 .2em 0;
	}

	#search_results_container A:hover
	{
		background-color: #ddffdd;
		text-decoration: none;
	}

	#search_results_container A.searchfound_category
	{
		/* font-weight: bold; */
	}

	#search_results_container A.searchfound_variety
	{
		color: #008800;
	}

	#search_results_container A EM
	{
		display: block;
		color: #333;
		font-size: .9em;
	}

	#search_no_results
	{
		text-align: center;
		color: #800;
		font-weight: bold;
	}


	#container_content
	{

	}

		#content
		{
			background-color: #FFF;
			min-height: 600px;
			padding: 6em 0 1em 0;
		}

		#left_nav
		{
			position: absolute;
			top: 5.5em;
			left: 8%;
			width: 17%;
			font-size: 1.2em;
		}

		#left_nav H2
		{
			font-size: 1.2em;
		}


		#left_nav H2 A, #left_nav H2 A:visited
		{
			color: #00a651;
		}

		#left_nav UL
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#left_nav LI
		{
			margin: 0 0 .7em 0;
			background: none!important;
		}

		#left_nav LI.current_page_item
		{
			font-weight: bold;
		}

		#content_box
		{
			/* width: 62%;  Adjusted to 65 on Mar 29 2020*/
			width: 65%;
			margin: 0 0 0 31%;
			min-height: 700px;
		}

		#content_box H1
		{
			font-size: 2em;
			font-weight: normal;
		}

		#content_box H2
		{
			margin-top: 1.5em;
			font-size: 1.5em;
			font-weight: normal;
		}

		#content_box P, #content_box LI
		{
			line-height: 1.7em;
			font-size: 1em;
		}

		#content_box LI
		{
			margin-top: .5em;
			margin-bottom: .5em;
		}

		#content_box INPUT, #content_box SELECT, #content_box TEXTAREA
		{
			 font-size: 1.1em;
			 padding: .4em .6em;
		}



	.split_list UL
	{
		float: left;
		margin: .5em 0 0 25px;
		padding: 0;
		width: 42%;
		list-style: square;
	}


/* Products */

		.product_listing
		{

		}

		.category_description
		{
			/* Description paragraph */
		}

		#product_types
		{
			display: none;
		}

		.product_row
		{
			margin: 0 0 0 3%;
			padding: .2em 1%;
		}

		.product_row.highlight_product
		{
			background-color: #cffdcf;
		}

		.product_row SPAN
		{
			display: inline-block;
			vertical-align: top;
		}

		.product_row SPAN.variety
		{
			width: 43%;
		}

		.product_row SPAN.container
		{
			width: 20%;
			text-align: right;
		}

		.product_row SPAN.amount
		{
			width: 30%;
			color: #555;
			font-style: italic;
			padding-right: 1%;
		}

		.product_row SPAN.price
		{
			width: 22%;
			margin-left: 1%;
			text-align: right;
			padding-right: 1%;
			/* font-weight: bold; */
			color: #394;
			font-family: verdana;
			white-space: nowrap;
		}
			.product_row SPAN.price B
			{
				font-weight: normal;
			}

			.product_row SPAN.price SUP
			{
				color: #666;
				font-weight: normal;
				vertical-align: baseline;
			}




	#container_footer
	{

	}

		#footer
		{
			background-color: #ac2e34;
			height: 210px;
			margin: 0 auto;
			padding-top: 30px;
			color: #FFF;
		}

			#footer > DIV
			{
				float: left;
			}

			#footer H3
			{
				color: #FFF;
			}

			#footer P
			{
				margin: 0 0 .8em 0;
			}

			#footer A, #footer:visited
			{
				color: #FFF;
				text-decoration: none;
			}

			#footer A:hover
			{
				color: #fffa00;
			}

			#address
			{
				width: 45%;
				margin: 0 5%;
				background: url(/art/template/logo-flower.png) no-repeat top left;
			}

			#address P, #address H3
			{
				margin-left: 110px;
				color: #FFF;
			}

			#pages
			{
				width: 20%;
				margin: 0 5% 0 0;
			}

			#social
			{
				width: 19%;
				margin: 0;
			}






	.calendar_date
	{
		background: url(/art/calendar-icon.png) no-repeat left 4px;
		text-align: center;
		height: 104px;
		width: 116px;
	}

		.calendar_date .month
		{
			text-transform: uppercase;
			padding: 9px 0 11px 0;
			color: #FFF;
			display: block;
			font-size: 1.2em;
		}

		.calendar_date .date
		{
			color: #666;
			font-size: 3em;
		}










	/* Pop-up */

		#popup_bg
		{
			background-color: #333;
			opacity: .9;
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: 1000;
			overflow: hidden;
		}

		#popup_content
		{
			position: absolute;
			width: 100%;
			height: 450px;
			z-index: 1005;
			text-align: center;
		}

		#popup_photos
		{
			width: 760px;
			height: 450px;
			margin: 0 auto;
			background: url() no-repeat top center;
			z-index: 1010;
		}

		#popup_photos A
		{
			position: absolute;
			width: 43px;
			height: 45px;
			top: 200px;
			text-decoration: none;
		}

		A#photos_prev
		{
			background: url(/art/photos/prev.png) no-repeat top left;
			left: 0;
		}

		A#photos_next
		{
			background: url(/art/photos/next.png) no-repeat top left;
			right: 0;
		}

		A#photos_close
		{
			background: url(/art/photos/x.png) no-repeat top left;
			right: 0;
			top: 0;
		}

		#popup_photos A:hover
		{
			background-position: bottom left;
		}





	.tight
	{
		margin: 0!important;
		padding: 0!important;
	}



	FORM
	{

	}

	FORM LABEL SPAN
	{
		width: 140px;
		text-align: right;
		display: inline-block;
		padding-right: 15px;
	}

	FORM LABEL INPUT[TYPE=TEXT], FORM LABEL TEXTAREA
	{
		width: 50%;
	}


	#store_hours
	{
		position: relative;
		margin-top:0;
	}

		#store_hours P
		{
			border: 1px solid #BBB;
			border-left: 0;
			float: left;
			width: 14%;
			height: 6em;
			line-height: 1.2em;
			margin-top: 0;
		}

		#store_hours P:first-child
		{
			border-left: 1px solid #BBB;
		}

		#store_hours P.today
		{
			background-color: #D0DECE;
			font-weight: bold;
		}

		#store_hours P.closed
		{
			background-color: #F9F9F9;
			color: #444;
		}

		#store_hours P SPAN
		{
			text-align: center;
			display: block;
		}

		#store_hours P SPAN.day, #store_hours P SPAN.shortday
		{
			color: #6A1E22;
			font-weight: bold;
			font-size: .9em;
			padding-top: .5em;
		}

		#store_hours P SPAN.shortday
		{
			display: none;
		}

		#store_hours P SPAN.times
		{
			font-size: .9em;
			padding-top: .5em;
		}

		#upcoming_holidays BR
		{
			display: none;
		}


	.clickable
	{
		cursor: pointer;
	}




















	.desktop_n
	{
		display: none;
	}


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

		.container > DIV
		{
			width: 100%;
		}

		#header
		{
			width: 100%;
			margin: 0;
			padding-right: 0;
		}

		#logo
		{
			width: 20%;
			background-size: 90%;
		}

		#header .topnav A
		{
			padding-left: 5px;
			padding-right: 5px;
		}

		#popup_content
		{
			width: 90%;
			margin-left: 5%;
		}

		#popup_photos
		{
			width: 100%;
			background-size: 90%;
		}

		#popup_photos A
		{
			top: 20%;
		}

		#popup_photos A#photos_close
		{
			top: 0;
		}

		#content
		{
			padding-top: 3em;
		}

		#left_nav
		{
			left: 5%;
			top: 4em;
			font-size: 1em;
		}

		#content_box
		{
			margin-left: 27%;
			width: 67%;
		}

		#store_hours P
		{
			height: 8em;
		}

		#store_hours P SPAN.shortday
		{
			display: block;
		}

		#store_hours P SPAN.day
		{
			display: none;
		}

		#contact, #telephone
		{
			margin-right: 70px!important;
		}

	}

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

		.container > DIV
		{
			width: 99%;
		}

		#header
		{
			height: 50px;
		}

		#logo
		{
			background-size: 100%;
			width: 5%;
			height: 50px;
			top: 8px;
			left: 2%;
		}

		#header P
		{
			display: inline;
		}

		.topnav A
		{
			float: right;
			width: 40px!important;
			height: 50px;
			padding: 0!important;
			background-size: 50%!important;
		}

		.topnav A SPAN
		{
			display: none;
		}

				#about
				{
					background: url(/art/template/icons/about-24x24.png) no-repeat center center;
					padding: 0!important;
				}

				#employment
				{
					background: url(/art/template/icons/contact-24x24.png) no-repeat center center;
					padding: 0!important;
				}

				#contact
				{
					background: url(/art/template/icons/email-outline-24x24.png) no-repeat center center;
					padding: 0!important;
					margin-right: 0!important;
				}

				#telephone
				{
					background: url(/art/template/icons/phone-24x24.png) no-repeat center center;
					padding: 0!important;
					margin-right: 53px!important;
				}

		#shopcart
		{
			background-size: 62%!important;
			background-position: center .9em;
		}

		#content
		{
			background-color: #FFF;
			min-height: auto;
			padding: 1em 0 1em 0;
		}

		H1
		{
			font-size: 1.7em;
		}

		H2
		{
			font-size: 1.3em;
		}

		#left_nav
		{
			position: relative;
			top: auto;
			left: auto;
			width: 99%;
			margin: 12vw 0 0 0;
		}

		#left_nav H2
		{
			background-color: #ac2e34;
			padding: 1em;
			color: #FFF;
			margin-bottom: 0;
		}

		#left_nav H2 A, #left_nav H2 A:visited
		{
			color: #FFF;
		}

		#left_nav UL
		{
			list-style: none;
			margin: 0;
			font-size: 1em;
			border-top: 1px solid #DDD;
		}

		#left_nav LI
		{
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #DDD;
			background-color: #F9F9F9;
		}

		#left_nav LI:hover
		{

		}

		#left_nav LI A, #left_nav LI A:visited
		{
			padding: 1em 2%;
			display: inline-block;
			width: 96.5%;
		}

		#left_nav LI A:hover
		{
			background-color: #d0dece;
		}

		#content_box
		{
			width: 92%;
			margin: 0 0 0 4%;
		}

		.product_listing H3
		{
			margin-bottom: .2em;
			margin-top: 1.5em;
			padding: .5em 0 0 0;
		}

		.product_row
		{
			margin-left: 0;
		}


		#footer
		{
			height: auto;
			padding: 1em 0;
		}

		#footer > DIV
		{
			float: none;
			width: 88%!important;
			background: none!important;
			margin: 0 0 0 5%!important;
		}

		#footer P
		{
			margin: 0 0 .5em .5em;
		}

		#footer A
		{
			text-decoration: underline;
		}

		#address H3
		{
			margin-left: 0;
			padding: 0;
		}



		A.post-edit-link
		{
			display: none!important;
		}


		FORM LABEL SPAN
		{
			width: 90%;
			text-align: left;
			display: block;
			padding-right: 0;
		}

		FORM LABEL INPUT[TYPE=TEXT], FORM LABEL TEXTAREA
		{
			width: 90%;
		}



		#store_hours P
		{
			border: 1px solid #BBB;
			border-top: 0;
			width: 92%;
			height: auto;
			line-height: 1.2em;
			padding: 0 2%;
			margin: 0;
			float: none;
		}

		#store_hours P:first-child
		{
			border-top: 1px solid #BBB;
		}

		#store_hours P.today
		{
			background-color: #D0DECE;
			font-weight: bold;
		}

		#store_hours P.closed
		{
			background-color: #F9F9F9;
			color: #444;
		}

		#store_hours P SPAN
		{
			text-align: left;
			display: inline-block;
			vertical-align: top;
		}

		#store_hours P SPAN.day, #store_hours P SPAN.shortday
		{
			width: 40%;
			display: inline-block;
		}

		#store_hours P SPAN.shortday
		{
			display: none;
		}

		#store_hours P SPAN.times
		{
			width: auto;
		}

		#store_hours P SPAN BR
		{
			display: none;
		}

		#upcoming_holidays
		{
			margin-top: 1em;
		}

		#upcoming_holidays STRONG, #upcoming_holidays BR
		{
			display: block;

		}

		#container_notice
		{
			background-color: #960c1d; color: #FFF; text-align: center; height: 4em; padding: .5em 0; font-size: 1.2em;
		}




		/* Product Listing */

		.product_row
		{
			border-bottom: 1px solid #EEE;
		}

		.product_row SPAN.variety
		{
			width: 70%;
		}


		.product_row SPAN.container
		{
			text-align: left;
			width: 30%;
		}

		.product_row SPAN.amount
		{
			width: 24%;
			text-align: right;
		}

		.container_price
		{
			width: 98%;
			padding-left: 2%;
		}

/*
		.product_row SPAN.price
		{
			width: 20%;
			float: right;
			margin-top: -1.8em;
		}
*/

		.mobile_n
		{
			display: none!important;
		}

		.desktop_n
		{
			display: inherit;
		}


		#search #close_search_box
		{
			display: block;
			width: 2em;
			height: 2em;
			position: absolute;
			top: .4em;
			right: .8em;
			background: url(/art/template/icons/x-50x50.png) no-repeat center center;
			background-size: 80%;
			text-decoration: none;
		}

	}





/* WP */

A.post-edit-link, A.post-edit-link:visited
{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #CCC;
	background-color: #E9E9E9;
	text-decoration: none;
	color: #000;
	margin-left: -250px;
}

A.post-edit-link:hover
{
	background-color:#DDD;
	color: #444;
}