<!--

/***** general *****/

body {
	background-color: #CB441A;
}

div.right_container {
	position: absolute;
	margin-left: 775px;
	margin-top: 75px;
	width: 100%
	height: 100%
	border: 1px solid #000000;
}

div.container {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 1;
}

div.header {
	position: relative;
	width: 100%;
	height: 250px;
	margin-top: 30px;
	padding: 0px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

div.header2 {
	position: relative;
	width: 100%;
	height: 250px;
	margin-top: 30px;
	padding: 0px;
	background-image: url(images/header2.jpg);
	background-repeat: no-repeat;
}

div.sprout {
	position: absolute;
	margin-top: 250px;
	padding: 0px;
	z-index: 3;
}


/***** content *****/


div.content {
	position: relative;
	width: 526px;
	min-height: 100%;
	margin-top: -346px;
	margin-left: 147px;
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 85px;
	padding-right: 10px;
	background-image: url(images/spacer.jpg);
	background-repeat: repeat-y;
	text-align: left;
}

div.content2 {
	position: relative;
	width: 526px;
	min-height: 100%;
	margin-top: -375px;
	margin-left: 147px;
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 85px;
	padding-right: 10px;
	background-image: url(images/spacer.jpg);
	background-repeat: repeat-y;
	text-align: left;
}

div.content_right {
	position: relative;
	top: -20px;
	width: 276px;
	height: 100%;
	float: right;
}

div.images_left {
	position: relative;
	width: 234px;
	height: 100%;
	float: left;
	padding-top: 0px;
	border-right: 2px dashed #FEF67C;
}

div.greensidebar {
	position: relative;
	width: 300x;
	height: 100%;
	padding: 5px;
	background-color: #C3C355; 
}

div.clear {
	position: relative;
	width: 526px;
	height: 1px;
	clear: both;
}

div.footer {
	position: relative;
	width: 590px;
	height: 100px;
	margin-top: -20px;
	margin-left: 147px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	clear: both;
}

div.checkmark {
	position: relative;
	float: right;
}

div.right_image {
	position: relative;
	width: 100%;
	height: 346px;
	margin-top: -2px;
	padding: 0px;
	background-image: url(images/right_image.jpg);
	background-repeat: no-repeat;
}


/************ text and image formatting ************/


p {
	font-family: "Trebuchet MS", "Arial";
	font-size: .8em;
}

span.green {
	font-size: 2em;
	color: #4A9B00;
}

span.smgreen {
	font-size: 1.25em;
	color: #4A9B00;
	font-weight: bold;
}

span.orange {
	font-size: 1.4em;
	color: #CB441A;
}

p.smorange {
	font-family: "Trebuchet MS", "Arial";
	font-size: .9em;
	font-weight: bold;
	color: #CB441A;
}

p.smallblack {
	font-size: .8em;
	color: #000000;
	padding-top: 7px;
	align: center;
}

p.smallblackleft {
	font-size: .8em;
	color: #000000;
	padding-top: 7px;
	text-align: left;
}

p.smallwhite {
	font-size: .8em;
	color: #ffffff;
	padding-top: 7px;
	align: center;
}

a {
	font-family: "Trebuchet MS", "Arial";
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	color: #CB441A;
}

a.menu {
	font-family: "Trebuchet MS", "Arial";
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	color: #FFFFFF;
}

a.menu:hover {
	color: #ACF836;
}

a.child {
	font-family: "Trebuchet MS", "Arial";
	font-size: .7em;
	text-decoration: none;
	color: #FFFFFF;
}

a.child:hover {
	color: #ACF836;
}

img.border {
	border: 2px dashed #FEF67C;
}

/************ label menu - products page ****************/


#label_menu {
 width: 250px;
 height: 500px;
 background: url(images/sprout_labels.gif);
 background-repeat: no-repeat;
 padding: 0;
 position: relative;
}

#label_menu li {
 margin: 0; 
 padding: 0; 
 list-style: none; 
 display: block; 
 position: absolute;
}

#label_menu a {
 display: block; 
}

#alfalfa {
 left: 145px; 
 top: 20px; 
 width: 75px; 
 height: 55px;
}

#broccoli {
 left: 66px; 
 top: 20px; 
 width: 65px; 
 height: 50px;
}

#deli {
 left: 15px; 
 top: 80px; 
 width: 65px; 
 height: 45px;
}

#daikon {
 left: 95px; 
 top: 90px; 
 width: 65px; 
 height: 60px;
}

#onion {
 left: 25px; 
 top: 150px; 
 width: 65px; 
 height: 55px;
}

#garlic {
 left: 87px; 
 top: 185px; 
 width: 65px; 
 height: 60px;
}

#clover {
 left: 162px; 
 top: 150px; 
 width: 55px; 
 height: 50px;
}

#peashoots {
 left: 140px; 
 top: 240px; 
 width: 85px; 
 height: 50px;
}

#wheatgrass {
 left: 75px; 
 top: 270px; 
 width: 60px; 
 height: 65px;
}

#sunflower {
 left: 15px; 
 top: 245px; 
 width: 55px; 
 height: 50px;
}

#bean {
 left: 35px; 
 top: 365px; 
 width: 55px; 
 height: 75px;
}

#mixbean {
 left: 150px; 
 top: 365px; 
 width: 55px; 
 height: 75px;
}

#alfalfa a {
 height: 55px;
}

#broccoli a {
 height: 55px;
}

#deli a {
 height: 45px;
}

#daikon a {
 height: 60px;
}

#onion a {
 height: 55px;
}

#garlic a {
 height: 60px;
}

#clover a {
 height: 50px;
}

#peashoots a {
 height: 50px;
}

#wheatgrass a {
 height: 56px;
}

#sunflower a {
 height: 50px;
}

#bean a {
 height: 75px;
}

#mixbean a {
 height: 75px;
}

#alfalfa a:hover {
 background: url(images/sprout_labels.gif) -154px -521px no-repeat;
}

#broccoli a:hover {
background: url(images/sprout_labels.gif) -75px -521px no-repeat;
}

#deli a:hover {
background: url(images/sprout_labels.gif) -24px -581px no-repeat;
}

#daikon a:hover {
background: url(images/sprout_labels.gif) -104px -591px no-repeat;
}

#onion a:hover {
background: url(images/sprout_labels.gif) -34px -651px no-repeat;
}

#garlic a:hover {
background: url(images/sprout_labels.gif) -96px -686px no-repeat;
}

#clover a:hover {
background: url(images/sprout_labels.gif) -171px -651px no-repeat;
}

#peashoots a:hover {
background: url(images/sprout_labels.gif) -149px -741px no-repeat;
}

#wheatgrass a:hover {
background: url(images/sprout_labels.gif) -84px -771px no-repeat;
}

#sunflower a:hover {
background: url(images/sprout_labels.gif) -24px -746px no-repeat;
}

#bean a:hover {
background: url(images/sprout_labels.gif) -44px -866px no-repeat;
}

#mixbean a:hover {
background: url(images/sprout_labels.gif) -159px -866px no-repeat;
}

-->