html { overflow: scroll; }
body { background-color: #f0fdbc; margin: 0; padding: 0 0 30px 0; }
body, p, td, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }
textarea { font-size: 0.7em; }
a:link, a:visited { color: #3c4419; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }
img { border: 0; }
#siteo {
	width: 795px;
	margin-right: auto;
	margin-left: auto;
}
#sitei {
	float: left;
	width: 775px;
	background-color: white;
	border: solid 10px white;
}
/*<agl.folder "header">*/
	#header { float: left; width: 775px; background-color: #aab385; }
	#homelink { float: left; width: 210px; }
	#hdcontact { float: right; clear: right; width: 330px; }
	#hdcontact a { display: block; width: 306px; padding: 16px 12px 10px 12px; }

	#topnav { float: right; clear: right; width: 555px; }
	#topnav ul { float: right; width: 545px; color: white; text-align: right; list-style-type: none; margin: 0; padding: 0; font-size: 0.6em; line-height: 1.5em; padding-right: 10px; }
	#topnav li { display: inline;  }
	#topnav a { padding: 0 10px 0 10px; border-right: 1px solid #3c4419; }
	#topnav a:link, #topnav a:visited { color: white; text-decoration: none; }
	#topnav a:hover, #topnav a:active, #topnav a:focus { color: #3c4419; text-decoration: underline; }
	#topnav a.sel:link, #topnav a.sel:visited { color: #3c4419; }
	#events a:link, #events a:visited { color: #f00; }
/*</agl.folder>*/
/*<agl.folder "main nav">*/
	#mainnav { float: left; width: 775px; line-height: 29px; font-size: 0.8em; background-color: #aab385; margin-top: 10px; }
	#mainnav ul { margin: 0; padding: 0; list-style-type: none; }
	#mainnav li { float: left; width: 175px; }
	#mainnav a { display: block; width: 174px; text-align: center; }
	#mainnav a:link, #mainnav a:visited { background-repeat: repeat-x; text-decoration: none; border-right: 1px solid white; }
	#mainnav a:hover, #mainnav a:active, #mainnav a:focus { background-position: 0 -29px; text-decoration: underline; }

	#garden a:link, #garden a:visited { color: white; background-color: #aab385; background-image: url(/assets/joa01s/img/bg_ro_garden.gif);  }
	#garden a:hover, #garden a:active, #garden a:focus { color: #3c4419;  }
	#indoor a:link, #indoor a:visited { color: white; background-color: #7a5e52; background-image: url(/assets/joa01s/img/bg_ro_indoor.gif);  }
	#indoor a:hover, #indoor a:active, #indoor a:focus { color: #45352c; }
	#special a:link, #special a:visited { color: white; background-color: #915866; background-image: url(/assets/joa01s/img/bg_ro_special.gif);  }
	#special a:hover, #special a:active, #special a:focus { color: #6d3645; }

	#garden {  }
	#gardenselect { color: white; background-color: #2e3313; background-image: url(/assets/joa01s/img/selected_garden.jpg); background-repeat: no-repeat; }
	#indoor {  }
	#indoorselect { color: white; background-color: #49190f; background-image: url(/assets/joa01s/img/elected_indoor.jpg); background-repeat: no-repeat; }
	#special {  }
	#specialselect { color: white; background-color: #522834; background-image: url(/assets/joa01s/img/selected_special.jpg); background-repeat: no-repeat; }

/*</agl.folder>*/
/*<agl.folder "content">*/
	.boldlink a:link, .boldlink a:visited { color: #3c4419; font-weight: bold; text-decoration: underline; }
	.boldlink a:hover,.boldlink a:active, .boldlink a:focus { text-decoration: none; }
	#content {
		float: left;
		width: 775px; 
		margin-top: 1px;
		background-color: #aab385;
	}
	#extcontent { float: left; width: 775px; background-image: url(/assets/joa01s/img/bg_extension.gif); background-repeat: repeat-y; margin-top: 1px; }
	.lhshome, .lhs {
		float: left;
		width: 524px;
		padding-bottom: 8px;
	}
	.lhshome { background-color: #BBC29D; }
	.lhshome a:link, .lhshome a:visited { text-decoration: none; }
	.lhshome a:hover, .lhshome a:focus { text-decoration: underline; }
	.lhs { background-color: #fff; }
	.lhs h1 { color: #3c4419; font-size: 1.2em; font-weight: normal; margin: 40px 30px 20px 40px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; }
	.lhs h2 { color: #3c4419; font-size: 0.9em; font-style: normal; margin: 20px 30px 5px 40px; }
	.lhs p { color: #333333; font-size: 0.7em; margin: 0 50px 10px 40px; padding: 0; }

	#rhs { float: right; width: 250px; }

	#rhstop { background-color: #aab385; width: 250px; min-height: 140px; }
	#rhstop img { margin-bottom: -3px; }
	#rhstop h1 { color: #3c4419; font-size: 0.9em; font-weight: bold; margin: 0; padding: 20px 20px 10px 20px; }
	#rhstop h2 { color: #3c4419; font-size: 0.7em; font-style: normal; padding: 0; margin: 0 30px 2px 40px; }
	#rhstop p { color: #3c4419; font-size: 0.6em; margin: 0; padding: 0 20px 10px 40px; }
	#rhstop a:link, #rhstop a:visited { text-decoration: none; }
	#rhstop a:hover, #rhstop a:focus { text-decoration: underline; }

	#rhssearch { background-color: #aab385; background-image: url(/assets/joa01s/img/bg_rhssearch.gif); background-repeat: no-repeat; background-position: right bottom; width: 250px; height: 308px; border-top: 1px solid white; }
	#rhssearch h1 { color: #3c4419; font-size: 1.2em; font-weight: normal; margin: 0; padding: 20px 20px 0 40px; }
	#rhssearch p { color: #3c4419; font-size: 0.6em; margin: 0; padding: 10px 20px 0 40px; }
	.searchoptions { width: auto; margin-top: 20px; margin-left: 40px; }
	.searchsubmit { margin-top: 20px; margin-left: 40px; width: auto; }
	select { width: 150px; border: solid 1px #3c4419; }
	/* input { color: white; background-image: url(/assets/joa01s/img/bg_submit.gif); background-repeat: repeat-x; width: 160px; border: solid 1px #3c4419; } */
/*</agl.folder>*/
/*<agl.folder "footer">*/

.footer1, .footer2, #address {
	float: left;
	width: 775px;
	font-size: 0.6em;
}

.footer1 {
	background-color: #aab385;
}
.footer1 ul, .footer2 ul, #copyright {
	text-align: center;
	list-style-type: none;
	line-height: 2em;
	margin: 1em 0;
	padding: 0;
}
.footer1 li, .footer2 li {
	display: inline;
}

.footer1 a {
	padding: 0 30px;
	border-left: 1px solid #3c4419;
}
.footer2 a {
	padding: 0 15px;
}
.footer1 a:link, .footer1 a:visited {
	color: white;
	text-decoration: none;
}
.footer1 a:hover, .footer1 a:active, .footer a:focus {
	color: #3c4419;
	text-decoration: underline;
}
.footer1 a.sel:link, #footer1 a.sel:visited { color: #3c4419; }
.footer2 a:link, .footer2 a:visited {
	color: #3c4419;
	text-decoration: none;
}
.footer2 a:hover, .footer2 a:active, .footer a:focus {
	color: #3c4419;
	text-decoration: underline;
}

#address {
	color: #767f4f;
	text-align: center;
	padding-top: 1em;
}


#copyright {
	float: left;
	padding-right: 50px;
	padding-left: 30px;
	color: #3c4419;
}

	#credits { color: #aab385; font-size: 0.6em; text-align: right; width: 795px; margin-top: 10px; margin-right: auto; margin-left: auto; }
	#credits a:link, #credits a:visited { color: #aab385; text-decoration: none; }
	#credits a:hover, #credits a:active, #credits a:focus { color: #3c4419; text-decoration: underline; }

/*</agl.folder>*/
/*<agl.folder "browse">*/
	#cat { float: left; width: 175px; color: #3c4419; background-color: #d4d9c2; background-image: url(/assets/joa01s/img/bg_cat.gif); background-repeat: no-repeat; background-position: left top; padding-top: 30px; padding-bottom: 40px; }
	#catname { font-size: 1.2em; padding-left: 20px; }
	#catlist { font-size: 0.8em; }
	#catlist ul { margin: 0; padding: 10px 0 0; list-style-type: none; }
	#catlist li {  width: 175px; list-style-type: none;  }
	#catlist a { display: block; padding: 5px 20px; }
	#catlist a:link, #catlist a:visited { color: #3c4419; text-decoration: underline; }
	#catlist a:hover, #catlist a:active, #catlist a:focus { background-color: #aab385; text-decoration: none; }
	#catlist a.sel:link, #catlist a.sel:visited { color: white; text-decoration: none; background-color: #3c4419; }
/*</agl.folder>*/
/*<agl.folder "array">*/
	#array { float: right; width: 600px; margin-bottom: 20px; }
	#specialinfo { color: #333333; font-size: 0.6em; margin: 0; padding: 20px 0 0 20px; }
	#arrayhead { color: #3c4419; font-size: 0.6em; background-color: #d4d9c2; width: 600px; height: 3em; }
	#breadcrumbs { float: left; width: 580px; padding-top: 7px; padding-left: 20px; }
	#sort { text-align: center; float: right; padding: 7px 20px 10px; border-left: 1px solid white; }
	.bold { font-weight: bold; }
	#arraycells { float: left; width: 600px; margin: 20px 0 0; }

.lev1 {
	float: left;
	width: 176px;
	padding: 0 0 16px 21px;
	line-height: 1.1em;
}
.lev1 img { border: solid 1px #999999; }

.lev1 a:link, .lev1 a:visited { color: #767f4f; font-size: 0.7em; font-weight: bold; text-decoration: none; }
.lev1 a:hover, .lev1 a:active, .lev1 a:focus { color: #3c4419; text-decoration: none; }

a:link .originalprice, a:visited .originalprice { text-decoration: line-through; }
a:hover .originalprice, a:focus .originalprice { text-decoration: line-through; }

a:link .specialprice, a:visited .specialprice { color: #660000; }

.specialprice, .originalprice { font-size: 0.9em; }
.specialprice { padding-left: 1em }

	.row {  float: left; width: 600px; }
	.clear { color: white; font-size: 10px; clear: both; }
/*</agl.folder>*/
/*<agl.folder "single">*/
	#bigpic { float: left; clear: left; width: 340px; margin-top: 20px; padding-left: 20px; }
	#bigpic img { border: solid 1px #999999; }
	#bigpic p { font-size: 0.6em; margin: 0; padding: 10px 0 0; }
	#bigpic a:link, #bigpic a:visited { color: #3c4419; text-decoration: underline; }
	#bigpic a:hover, #bigpic a:active, #bigpic a:focus { text-decoration: none; }

	#descript { float: right; width: 240px;  color: #333333; padding-bottom: 20px; }
	#descript h1 { font-size: 1.1em; font-weight: normal; margin: 0; padding: 15px 0 10px; border-bottom: 1px solid #999999; }
	#descript p { margin: 0; padding: 5px 0 0 0; font-size: 0.6em; }
	#descript td { font-size: 0.6em; }
.frmCellp { font-size: 0.6em; }
	#codeprice { float: left; width: 240px; border-bottom: 1px solid #999999; padding: 10px 0px; margin: 0 0 10px 0; }
	#prodcode { float: left; width: 100px; font-size: 0.6em; }
	#prodprice { float: right; width: 140px; font-size: 1.1em; text-align: right; padding-right: 10px; }

	#specialprice2 { float: right; clear: right; width: 140px; color: #660000; font-size: 1.1em; text-align: right; font-weight: bold; padding-bottom: 5px; }
	#prodprice2 { float: right; clear: right; width: 140px; font-size: 0.6em; text-align: right; }

	#details { color: #333333; font-size: 0.6em; padding-bottom: 0; width: 25em; float: right; padding-top: 10px;  background-color: purple; }

	.detailstable { width: 240px; border-collapse: collapse; }
	.lable { font-weight: bold; margin-top: 5px; }

/*</agl.folder>*/
/*<agl.folder "search">*/
	#searchcontent { float: left; width: 775px; margin-top: 1px; }
	#topsearch { background-color: #aab385; background-image: url(/assets/joa01s/img/bg_topsearch.gif); background-repeat: no-repeat; background-position: right top; width: 48.31em; height: 6.25em; }
	#topsearchlegend { width: 10em; float: left; padding-left: 20px; }
	.topsearchoptions { width: auto; float: left; padding-top: 30px; padding-left: 34px; }
	.topsearchsubmit { width: auto; float: right; padding-top: 15px; padding-right: 65px; }
	#topsearch h1 { color: #3c4419; font-size: 1.2em; font-weight: normal; margin: 0; padding: 10px 0 0; }
	#topsearch p { color: #3c4419; font-size: 0.6em; margin: 0; padding: 5px 0 0; }
	#resultsbar { color: #3c4419; font-size: 0.6em; background-color: #d4d9c2; width: 80.5em; height: 3em; margin-top: 1px; }
	#resultslegend { float: left; padding-top: 2px; padding-left: 20px; }
	.title { font-size: 2em; padding-right: 10px; }
	#sortarray { background-image: url(../images/bg_search.gif); background-repeat: no-repeat; background-position: right bottom; width: 48.31em; }
	.sortlev { color: #333333; width: 11em; margin: 0 0 20px; padding: 0 26px 0 0; float: left; }
	.sortlev img { display: block; margin: 4px 0 5px; padding: 0; border: solid 1px #999999; }
	.sortlev a:link, .sortlev a:visited { color: #767f4f; font-weight: bold; text-decoration: none; }
	.sortlev a:hover, .sortlev a:active, .sortlev a:focus { color: #3c4419; text-decoration: underline; }
	#tempsearch_button { position: relative; left: 42px; bottom: 22px; }
/*</agl.folder>*/

.midlinks {
	float: left;
	width: 524px;
	background-color: #BBC29D;
	border-top: 1px solid #fff;
	padding-bottom: 4px;
}
.midlinks .row {
	float: left;
	width: 524px;
}

.midlinks a {
	display: block;

	float: left;
	width: 175px;
	font-size: 0.6em; 
}

.lhs img {
	vertical-align: top;
}

.midlinks a img {
	vertical-align: top;
	border-right: 5px solid #fff;
}
.midlinks a.last {
	width: 174px;
}
.midlinks a.last img {
	border-right: 0;
}
.midlinks a:hover { text-decoration: none; }
.midlinks a:hover span { text-decoration: underline; }

.midtext {
	float: left;
	width: 524px;
	background-color: #BBC29D;
	border-top: 1px solid #fff;
	padding-top: 10px;
}

.midtext h1 { color: #3c4419; font-size: 0.9em; font-weight: bold; margin: 0; padding: 20px 20px 10px 27px; }
.midtext h2 { color: #3c4419; font-size: 0.7em; font-style: normal; padding: 0; margin: 0 30px 2px 27px; }
.midtext p { color: #3c4419; font-size: 0.6em; margin: 0; padding: 0 20px 10px 27px; }
.midtext a:link, #rhstop a:visited { text-decoration: none; }
.midtext a:hover, #rhstop a:focus { text-decoration: underline; }

.baselinks {
	float: left;
	width: 522px;
	background-color: #BBC29D;
	margin: 0 0 25px 2px;
	border-top: 1px solid #fff;
}
.baselinks .row {
	float: left;
	width: 522px;
	margin: 25px 0 0 0;
}

.baselinks a {
	display: block;
	float: left;
	width: 98px;
	margin-left: 25px;
	font-size: 0.6em; 
}
.baselinks a:hover { text-decoration: none; }
.baselinks a:hover span { text-decoration: underline; }

.baselinks img { border: solid 1px #999999; }