	#header {
		left: 6px;
	}
	a:link.productListing-heading,
	a:visited.productListing-heading,
	a:active.productListing-heading {
		color: #fff;
	}
	.social_buttons {
		position: absolute;
		top: 5px;
		text-align: center;
		left: calc(50% - 124px);
		overflow: hidden;
	}
	.fb_iframe_widget {
		float: left;
		position: relative !important;
		left: 0px;
		top: 0px;
		margin-left: 4px;
	}	
	.twitter_button {
		float: left;
	}
	/* Tablet Portrait (768px) */
@media only screen and (min-width: 250px) and (max-width: 1024px){
	.social_buttons {
		top: 37px;
	}
	body {
		overflow-x: hidden;
	}
	#formSearch {
		top: 131px !important;
	}
	.responsive-only { display: block; }
	#container { width: 100%; border-radius: 0 0 8px 8px}
	#header {
		top: 32px;
		z-index: 500;
		width: 100%;
		border-bottom: 1px solid #eee;
		background-position: 105% -40px;
		height: 125px;
 	}
	#sitename {
		width: 100%;
		font-size: 42pt;
	}
	#sitename .largecase { font-size: 58pt; }
	#sitename #title-plants { padding: 0}
	#siteblurb { top: 76px; left: 45px; margin-right: 75px}
	#feature, #story {
		width: auto;
		float: none;
	}

	#sidebar { width: 0; height: 0; padding: 0; overflow: hidden; }
	#sidebar #main-nav {
		display: block;
		position: fixed;
		margin: 0;
		top: 0px;
		left: 0;
		z-index: 1000;
		background: white;
		width: 100%;
		text-align: left;
		height: 32px;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 46%, rgba(206,206,206,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(46%,rgba(247,247,247,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 46%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 46%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 46%,rgba(206,206,206,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 46%,rgba(206,206,206,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
	}
	#mobile-menu-anchor {
		display: block;
		height: 32px;
		line-height: 30px;
		font-family: Verdana,Helvetica,Sans-Serif;
		font-size: 14px;
		list-style: none outside none;
		text-align: left;
		padding-left: 38px;
		cursor: default;
		border-bottom: 1px solid #666;
		background: url(../images/menuicon.png) no-repeat left center;
	}

	#sidebar #main-nav .nav {
		padding: 0; margin: 0;
		background: white;
		box-shadow: 2px 2px 4px #333;
		width: 70%;
		display: none;
	}
	#sidebar #main-nav ul { padding: 0; margin: 0 }
	#sidebar #main-nav .nav li { padding: 0; }
	#sidebar #main-nav .nav li a {
		display: block;
		padding: 4px 5px 3px 8px;
		line-height: 1.8em;
		border-bottom: 1px solid #eee;
	}
	#sidebar #main-nav .nav ul li a { padding-left: 16px; }

	#formSearch {
		position: absolute;
		top: 165px;
		width: 100%;
		z-index: 1000;
		border-bottom: 1px solid #ddd;
	}
	#formSearch input[type=text]{
		width: 80%;
		border-color: #aaa;
		padding: 2px 4px;
		color: #444;
	}
	#formSearch table { width: 100%;}
	#formSearch table td + td { width: 200px; text-align: left }


	#footer { width: auto;}
	#footer-menu { display: none }
	#footer p { clear: both; }

	.catalog-box-list li a {
		text-decoration: none;
		border: 1px solid #326007;
		border-radius: 6px;
		background: #DAEDC9;
		color: #326007;
		padding: 2%;
		margin-bottom: 1%;
	}
	.catalog-box-list li a:hover {
		background-color: #EDF7E3
	}
}

/* Phone Landscape (480px) */
@media only screen and (max-width: 480px) {
	.social_buttons {
		top: auto;
		bottom: 5px;
		position: fixed;
		z-index: 1000;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 6px;
		background: #FFF;
		margin-left: -5px;
	}
	#formSearch {
		position: absolute;
		top: 138px !important;
	}
	#feature {
		padding: 200px 0px 10px;
	}
	TD.productListing-data {
		vertical-align: middle;
	}
	TD.productListing-data {
		font-size: 10px;	
	}
	TD.productListing-data a {
		font-size: 12px;
	}
	.productListing-data a img {
		max-width: 67px;
		height: auto;
	}
	TD.main {
		font-family: Verdana,Arial,sans-serif;
		font-size: 11px;
		line-height: 1.5;
		display: inline-block;
	}
	#story {
		position: relative;
		padding: 0px 5px;
	}
	#story table.productListing {
		position: relative;
		left: -10px;
	}
	#story.home {
		position: relative;
		left: 0px;
	}
	h1 { font-size: 14px; }
	h2 { font-size: 13px; }
	body, p, td { font-size: 12px }
	#container, #footer { border-radius: 0; }
	#header {
		top: 32px;
		z-index: 500;
		width: 100%;
		background-position: 125% -40px;
		height: 125px;
	}
	#sitename {
		width: 100%;
		font-size: 32pt;
	}
	#sitename .largecase { font-size: 52pt; }
	#sitename #title-plants { padding: 0}
	#siteblurb { top: 76px; left: 45px; margin-right: 75px}
	#footer { 
		width: auto;
		margin-bottom: 40px;
	}
	#footer-menu { display: none; }

	.catalog-box-list {
		padding: 0;
		margin: 10px;
		list-style: none;
	}
	.catalog-box-list li {
		float: left;
		width: 48%;
		padding: 1%;
		height: 70px;
		text-align: center;
	}
	.catalog-box-list-categories li {
		width: 48%;
		height: auto;
	}
	.catalog-box-list-alpha { margin: 5px}
	.catalog-box-list-alpha li { width: 15%; height: auto; padding: 2% 2.5% }
	.catalog-box-list li br { display: none }
	.catalog-box-list li a { line-height: 1.7em; font-variant: small-caps; display: block;}

}

/* Phone Portrait (320px) */
@media only screen and (max-width: 380px) {
	h1 { font-size: 14px; }
	h2 { font-size: 13px; }
	body, p, td { font-size: 12px }
	#container, #footer { border-radius: 0; }
	#header {
		top: 32px;
		z-index: 500;
		width: 100%;
		background-position: 165% -70px;
		height: 95px;
	}
	#sitename {
		width: 100%;
		font-size: 22pt;
		top: 11px;
	}
	#sitename .largecase { font-size: 32pt; }
	#sitename #title-plants { padding: 0}
	#siteblurb {
		top: 54px;
		left: 25px;
		margin-right: 65px;
	}
#header {
    top: 32px;
    z-index: 500;
    width: 100%;
    border-bottom: 1px solid #EEE;
    background-position: 105% -40px;
    height: 125px;
}
	#header {
		background-size: 53% auto;
		background-position: 125% -40px;
	}
	#formSearch {
		top: 134px;
	}
	#formSearch input[type=text]{
		width: 200px;
	}
	#formSearch table td + td { width: 100px; text-align: center}

	#feature { padding-top: 175px; }

	#footer-menu, 
	#footer-badge1,
	#footer-badge2 {
		display: none 
	}


}

