@charset "utf-8";
	/* CSS Document */

	* {
		margin: 0;
		padding: 0;
	}
	
	html, body {
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
	a {
		outline: none;	
	}
	
	input, textarea, select {
		padding: 3px;	
	}
	
	body {
		font: 80% Arial, Helvetica, sans-serif;	
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: bottom;
		background-image: url(/img/grass.jpg);
	}
	
	.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
		background-image: url(/img/pageshadow.gif);
		background-repeat: repeat-y;
		width: 1010px;
	}
	
	.footer, .push {
	height: 50px; /* .push must be the same height as .footer */
	}
	
	.footer {
		color: #999;
		
	}
	
	.footer a {
		color: #666;
		text-decoration: none;
		font-weight: bold;
	}
	
	.footerLeft {
		width: 690px;
		float: left;
		margin-left: 20px;
		margin-top: 25px;
	}
	
	.footerRight {
		width: 280px;
		float: right;
		margin-top: 25px;
		margin-right: 20px;
		text-align: right;
	}
	
	#frame {
		width: 1010px;
		margin: 0px auto;
		
	}
	
	#header {
		height: 150px;
		background-color: #fff;
	}
	
	#logo {
		width: 500px;
		float: left;
	}
	
	#logo h1 {
		padding-top: 25px;
		padding-bottom: 5px;
		padding-left: 5px;
		margin: 0px;
		padding-right: 0px;
	}
	
	#logo h1 a {
		text-indent: -9999px;
		background-image: url(/img/logo.jpg);
		background-repeat: no-repeat;
		width: 400px;
		height: 115px;
		display: block;
	}
	
	#user {
		width: 400px;
		float: right;
		padding-top: 30px;
		text-align: right;
	}
	
	#user a {
		color: #7AA055;
		font-weight: bold;
		text-decoration: none;
	}
	
	#page {
		background-image: url(/img/pageshadow.gif);
		background-repeat: repeat-y;
		height: 100%;
	}
	
	#tabs {
		height: 50px;
		background-image: url(/img/pagetop.gif);
		background-repeat: no-repeat;
		clear: left;
	}
	
	#oldie #tabs ul li {
		width: 120px;
		text-align: center;
	}
	
	#tabs ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		margin-left:5px;
	}
	
	#tabs ul li {
		float: left;
		background-image: url(/img/tableft.green.gif);
		background-repeat: no-repeat;
		background-position: top left;
		height: 29px;
		margin-right: 1px;
	}
	
	#tabs ul li a {
		background-image: url(/img/tabright.green.gif);
		background-repeat: no-repeat;
		background-position: top right;
		text-decoration: none;
		color: #FFF;
		display: block;
		padding-top: 6px;
		padding-right: 12px;
		padding-left: 6px;
		margin-left: 6px;
		height: 23px;
		font: 110% Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#tabs ul li:hover {
		background-image: url(/img/tableft.lgreen.gif);	
	}
	
	#tabs ul li:hover a {
		background-image: url(/img/tabright.lgreen.gif);	
	}
	
	#tabs ul li#selected {
		height: 33px;
		position: relative;
		top: -4px;
		background-image: url(/img/tableft.white.gif);
	}
	
	#tabs ul li.homeTab#selected {
		background-image: url(/img/tableft.white.home.gif);
		left: -1px;
	}
	
	#tabs ul li#selected a {
		background-image: url(/img/tabright.white.gif);	
		color: #7AA055;
		padding-top: 9px;
		padding-bottom: 1px;
	}
	
	#cats {
		width: 180px;
		float: left;
		margin-left: 20px;
	}
	
	#cats h2, #basket h2 {
		border-bottom: 2px solid #ccc;
		padding-bottom: 4px;
		padding-left: 4px;
		padding-right: 4px;
		font-weight: normal;
		font-size: 150%;
	}
	
	#cats ul {
		list-style-type: none;
		margin-bottom: 10px;
	}
	
	#cats ul li {

	}
	
	#cats ul li a {
		font: 120% Arial, Helvetica, sans-serif;
		color: #000;
		text-decoration: none;
		display: block;
		padding: 3px 4px;
	}
	
	#cats ul li#shopsel {
		background-color: #A2BC88;
		color: #fff;
		
	}
	
	#cats ul li#shopsel a {
		color: #fff;
		font-weight: bold;
		padding: 3px 3px;
	}
	
	#cats ul li#shopsel a:hover {
		background-color: #7AA055;	
	}
	
	#cats ul li#shopsel ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#cats ul li#shopsel ul li {
	
	}
	
	#cats ul li#shopsel ul li#catsel {
		background-color: #7AA055;
	}
	
	#cats ul li#shopsel ul li#catsel a {
		font-weight: bold;	
	}
	
	#cats ul li#shopsel ul li a {
		font-size: 100%;
		font-weight: normal;
		padding: 2px 4px;
	}
	
	#text {
		float: left;
		width: 555px;
		margin-left: 30px;
		
	}
	
	#text h1 {
		margin-bottom: 15px;
		font-weight: normal;
	}
	
	#text p {
		margin: 8px 0px;	
	}
	
	#basket {
		float: right;
		width: 180px;
		margin-right: 20px;
		text-align: right;
	}
	
	.footer {
		background-image: url(/img/pageshadow.gif);
		background-repeat: repeat-y;
		width: 1010px;
		margin: 0px auto;
	}
	
	.searchBreadcrumb {
		font-size: 80%;
		color: #666;
		margin: 0px;
		margin-top: 2px
	}
	
	.loginCol {
		padding: 15px;
		border: 1px solid #ccc;
	}
	
	.loginCol h2 {
		margin-top: 0px;
	}
	
	.searchBreadcrumb a {
		color: #666;
		text-decoration: none;
	}
	
	.searchBreadcrumb a:hover {
		color: #333;
	}
	
	
	
	.searchResult {
		padding: 10px;
		border-top: 1px solid #ccc;
	}
	
	.searchResult form {
		margin: 0;
		padding: 0;
	}
	
	.searchResult h4 {
		font-size: 130%;
		font-weight: bold;
		margin-top: 0px;
		margin-bottom: 8px;
	}
	
	
	.featureList {
		font-style: italic;
	}
	
	
	.searchResultFirst {
		padding: 10px;
	}
	
	.searchResultFirst form {
		margin: 0;
		padding: 0;
	}
	
	.searchResultFirst h4 {
		font-size: 130%;
		font-weight: bold;
		margin-top: 0px;
	}
	
	a.searchNavPage {
		color: #666;
		border: 1px solid #666;
		font: 110% Arial, Helvetica, sans-serif;
		font-weight: bold;
		width: 18px;
		height: 16px;
		padding-top: 2px;
		text-align:center;
		text-decoration: none;
		display: block;
		float: left;
		margin-right: 4px;
		marign-bottom: 4px;
	}
	
	.searchNav {
		border: 1px solid #ccc;
		margin: 0px;
		padding: 5px;
	}
	
	.searchNav form {
		margin: 0;
	}
	
	.searchPrice {
		font: 200% Arial, Helvetica, sans-serif;
		color: #000;
		margin-top: 0px;
		margin-bottom: 0px;
		font-weight: bold;
	}
	
	.buttonAdd {
		width: 97px;
		height: 23px;
		color: transparent;
		text-transform: capitalize;
		text-indent: -9999px;
		background-image: url(img/button.add.jpg);
		background-repeat: no-repeat;
		border: 0px;
		padding: 0px;
		cursor: pointer;
	}
	
	.buttonAdd:hover {
		background-image: url(img/button.add.sel.jpg);
	}
	
	a.moreInfo {
		width: 90px;
		height: 20px;	
		color: transparent;
		text-transform: capitalize;
		text-indent: -9999px;
		background-image: url(img/button.more.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
	a.moreInfo:hover {
		background-image: url(img/button.more.sel.jpg);
	}
	
	a.orderButton {
		width: 97px;
		height: 23px;
		text-align: left;
		text-indent: -9999px;
		background-image: url(img/button.order.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
	a.orderButton:hover {
		background-image: url(img/button.order.sel.jpg);
	}
	
	#search {
		margin-top: 8px;	
	}
	
	.searchText {
		width: 110px;
		font-size: 14px;
	}
	
	.searchButton {
		width: 56px;
		height: 23px;
		color: transparent;
		text-transform: capitalize;
		text-indent: -9999px;
		background-image: url(img/button.search.jpg);
		background-repeat: no-repeat;
		border: 0px;
		padding: 0px;
		cursor: pointer;
	}
	
	.searchButton:hover {
		background-image: url(img/button.search.sel.jpg);
	}
	
	.checkButton {
		width: 50px;
		height: 23px;
		color: transparent;
		text-transform: capitalize;
		text-indent: -9999px;
		background-image: url(img/button.check.jpg);
		background-repeat: no-repeat;
		border: 0px;
		padding: 0px;
		cursor: pointer;
	}
	
	.checkButton:hover {
		background-image: url(img/button.check.sel.jpg);
	}
	
	.loginButton {
		width: 50px;
		height: 23px;
		color: transparent;
		text-transform: capitalize;
		text-indent: -9999px;
		background-image: url(img/button.login.jpg);
		background-repeat: no-repeat;
		border: 0px;
		padding: 0px;
		cursor: pointer;
	}
	
	.loginButton:hover {
		background-image: url(img/button.login.sel.jpg);
	}
	
	.basketCell {
		font-size: 9px;
		border-bottom: 1px solid #ccc;
		padding: 2px;
		text-align: left;
	}
	
	.basketCell select,input {
		padding: 1px;
		width: 34px;
		font-size: 10px;
	}
	
	.featuredProduct {
		width: 163px;
		float: left;
		height: 200px;
		text-align: center;
		border: 1px solid #ccc;
		margin: 5px;
		padding: 5px;
	}
	
	.featuredProduct img {
		border: 0px;	
	}
	
	.featuredProduct a {
		color: 	#7AA055;
		text-decoration: none;
		font-weight: bold;
	}
	
	#breadcrumb {
		color: #666;
		margin-bottom: 8px;
	}
	
	#breadcrumb a {
		color: #666;
		text-decoration: none;
		margin-left: 2px;
	}
	
	.formRow label {
		float: left;
		width: 100px;
		font-weight: bold;
	}
	
	.formRow {
		padding-top: 4px;
	}
	
	.loginCol {
		vertical-align: top;
	}
	
	.loginCol h2 {
		color: #7AA055;
		font-weight: normal;
	}
	
	.loginCol input {
		width: 130px;
	}
	
	.greenBox {
		border: 1px solid #7AA055;
		padding: 10px;
		width: 400px;
		
	}
	
	.greenBox b {
		display: block;
		width: 120px;
	}
	
	.bannerPage {
		margin-bottom: 15px;
	}
	
	.homeBox {
		width: 	268px;
		height: 180px;
		border: 1px solid #ccc;
		margin-bottom: 15px;
	}
	
	.homeBox h3 {
		color: #7AA055;
		font-weight: normal;
		font-size: 150%;
	}
	
	.homeBox#rightHand {
		float: right;
	}
	
	.homeBox#leftHand {
		float: left;
	}
	
	.homeBox .formRow {
		clear: both;
	}
	
	.homeBox .formRow label {
		width: 80px;	
	}
	
	.homeBox#rightHand .formRow input {
		float: right;	
		width: 150px;
	}
	
	.subContent {
		margin: 10px;	
	}
	
	.homeProduct {
		width: 163px;
		float: left;
		height: 200px;
		text-align: center;
		border: 1px solid #ccc;
		padding: 5px;
		margin-bottom: 15px;
	}
	
	.homeProduct img {
		border: 0px;	
	}
	
	.homeProduct a {
		color: 	#7AA055;
		text-decoration: none;
		font-weight: bold;
	}
	
	ul.subcat_list {
		margin-left: 20px;	
	}
	
	.subcatBox {
		border: 1px solid #ccc;
		margin-top: 15px;
		padding: 8px;
	}
	
	.subcatBox h3 a {
		color: #7AA055;
		text-decoration: none;
		margin-bottom: 5px;
	}
	
	.subcatBox p {
		margin: 0px;	
	}
	
	.tableHead {
		background-color: #7AA055;
		color: #fff;
		font-weight: bold;
		padding: 5px;
	}
	
	.tableData {
		padding: 5px;	
	}