html, body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0;
}

body {
	position: relative;
	background: #fff url("images/back.jpg");
}

.hide {
	display: none;
}

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #fff url('images/container_back.gif') repeat-y;
}

div#banner {
	width: 300px;
	background-color: red;
	position: absolute;
	height: 45px;
	background: #fff url('images/xmas_delivery.jpg') no-repeat;
	left: 425px;
	top: 50px;
}

#nav #brand_l {
	position: absolute;
	top: 60px;
	_top: 65px;
	left: 22px;
	color: #666;
	font-size: 80%;
}

	#nav #brand_l a {
		color: #69884F;
		text-decoration: none;
	}

		#nav #brand_l a:hover {
			text-decoration: underline;
		}

#nav #brand {
	position: absolute;
	top: 80px;
	left: 20px;
	color: #69884F !important;
	font-size: 80%;
}

	#nav #brand:hover {
		color: #666 !important;
	}

	#nav #wedo, #nav #brand_list {
		top: 50px !important;
		left: 120px !important;
	}

#nav {
	margin: 0 0 15px 0;
	padding: 0;
	height: 120px;
	background-color: #fff;
	position: relative;
}
	#nav h2 {
		text-indent: -10000px;
		position: absolute;
		left: 20px;
		top: 15px;
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-size: 2.3em;
		line-height: 1em;
		background-image: url('images/logo.jpg');
		background-repeat: none;
		background-position: 0 0;
		height: 109px;
		width: 315px;

	}
		#nav h2 a {
			position: absolute;
			height: 109px;
			width: 315px;
			top: 0px;
			left: 0px;
			padding: 0px;
			margin: 0px;
			z-index: 1;
			/*font-family: Arial, Helvetica, Arial, Tahoma, sans-serif;
			text-decoration: none;
			font-weight: bold;
			color: #E4008D;*/
		}

	#nav h3 {
		margin: 0;
		padding: 0;
		position: absolute;
		font-family: Georgia, "Helvetica", "Times new Roman", serif;
		font-weight: normal;
		font-size: 100%;
		color: #686968;
		background-color: #fff;
		right: 30px;
		top: 110px;
		padding-left: 20px;
	}

	    #nav h3 span {
	         display: block;
            font-size: 150%;
	    }

	#nav #shortcuts {
		position: absolute;
		list-style-type: none;
		margin: 0;
		padding: 0 10px 0 0;
		top: 0;
		right: 0;
		font-size: 70%;
		height: 25px;
		width: 950px;
	}

		#nav #shortcuts li {
			float: right;
			margin-left: 5px;
		}

			#nav #shortcuts li a {
				float: left;
				padding: 5px 10px;
				text-decoration: none;
				color: #999;
			}

				#nav #shortcuts li.here a, #nav #shortcuts li a:hover {
					background-color: #eee;
					color: #69884F;
				}


	#nav #garden_organic {
		position: absolute;
		right: 20px;
		top: 45px;
		margin: 0;
		padding: 0;
	}

		#nav #garden_organic a {
			display: block;
			width: 168px;
			height: 53px;
			background-position: 0 0;
			background-image: url("images/garden_organic.gif");
			text-indent: -10000px;
		}

			#nav #garden_organic a:hover {
				background-position: 0 53px;
			}

	ul#cats {
		height: 31px;
		list-style-type: none;
		padding: 0 0 0 16px;
		margin: 0;
		border-bottom: 1px solid #eee;
		background-color: #fff;
	}

		ul#cats li {
			float: left;
			font-size: 0.8em;
		}

			ul#cats li a {
				display: block;
				font-weight: bold;
				height: 31px;
				margin-left: 2px;
				text-decoration: none;
				text-indent: -10000px;
				background-position: 0 0;
			}

				ul#cats li.homepage a { width: 36px; }
				ul#cats li.furniture a { width: 144px; }
				ul#cats li.outdoor-living a { width: 113px; }
				ul#cats li.gifts a { width: 48px; }
				ul#cats li.lifestyle a { width: 71px; }
				ul#cats li.lighting a { width: 72px; }
				ul#cats li.pots a { width: 47px; }
				ul#cats li.seeds a { width: 57px; }
				ul#cats li.sale a { width: 44px; }
				ul#cats li.tools a { width: 107px; }
				ul#cats li.wildlife a { width: 72px; }

				ul#cats li a:hover, ul#cats li.here a {
					background-position: 0 31px;
					text-decoration: none;
				}

			/* Sub categories */

			ul#cats li.seeds ul { }

			ul#cats li ul {
				display: none;
				margin: 0;
				padding: 10px;
				list-style-type: none;
				width: 260px;
				border: 3px solid #eee;
				z-index: 20;
				position: absolute;
				background-color: #fff;
			}

				ul#cats li:hover ul, ul#cats li.hover ul {
					display: block;
				}

				ul#cats li ul li {
					margin: 0 10px 20px 0;
					padding: 0;
					width: 125px;
					display: block;
					overflow: hidden;
				}

					#container ul#cats li ul li a {
						width: 115px;
						margin: 0;
						height: auto;
						text-indent: 0;
						color: #000;
						background-color: #eee;
						padding: 5px;
						font-size: 120%;
						color: #666;
					}

						#container ul#cats li ul li a:hover {
							background-color: #eee;
							color: #69884F;
						}


					/* Sub sub categories */

					#container ul#cats li ul li ul {
						border: none;
						padding: 0;
						width: auto;
						position: relative;
						left: 0;
					}

						ul#cats li ul li ul li, #container ul#cats li ul li.light {
							display: inline;
							float: none;
							margin: 0;
						}

							#container ul#cats li ul li ul li a, #container ul#cats li ul li.light a {
								font-weight: normal;
								color: #666;
								background-color: transparent;
								font-size: 12px;
							}

							#container ul#cats li ul li ul li a:hover, #container ul#cats li ul li.light a:hover {
								background-color: #eee;
								color: #69884F;
							}




#content {
	position: relative;
	float: left;
	width: 710px;
	margin: 0 30px 0 0;
	padding: 0 0 20px 20px;
}

	#content a.buy, #content a.read {
		display: block;
		float: left;
		background-image: url("images/list_buy.gif");
		width: 69px;
		height: 24px;
		margin-top: 5px;
		text-indent: -10000px;
		margin-right: 20px;
	}

	#content a.read {
		background-image: url("images/list_read.gif");
	}

	#content #main {
		float: left;
		width: 535px;
	}

		#content #main h1 {
			margin-top: 50px;
			_margin-top: 25px;
			color: #333;
			font-weight: normal;
		}

			#content #main h1 span {
				font-family: Arial, Tahoma, sans-serif;
				font-size: 45%;
				margin-left: 10px;
				color: #888;
			}

			#content #main p {
				color: #666;
			}

	#content ul.products {
		list-style-type: none;
		margin: 60px 0 0 0;
		padding: 0;
	}

		#content ul.products li {
			color: #666;
			font-size: 80%;
			padding-bottom: 30px;
			border-bottom: 1px solid #eee;
			margin-bottom: 30px;
		}

			#content ul.products li.last {
				border-bottom: none;
			}

			#content ul.products li a {
				text-decoration: none;
				font-weight: normal;
			}

				#content ul.products li a:hover {
					text-decoration: underline;
				}

				#content ul.products li a strong {
					font-family: Georgia, "Helvetica", "Times new Roman", serif;
					font-size: 160%;
					font-weight: normal;
					color: #69884F;
				}

				#content ul.products li a.img {
					float: left;
					margin-right: 20px;
					width: 90px;
					height: 90px;
					text-align: center;
					display: block;
				}

					#content ul.products li a.img img {
						vertical-align: text-bottom;
						border: none;
					}

			#content ul.products li span.summary {
				display: list-item;
				padding-top: 5px;
			}

			#content ul.products li span.price {
				display: block;
				float: left;
				margin-top: 5px;
				font-family: Georgia, "Helvetica", "Times new Roman", serif;
				font-size: 150%;
				color: #666;
			}



	#content ul.pages {
		border-top: 1px solid #eee;
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 20px;
		clear: both;
	}

		#content ul.pages li {
			float: left;
			color: #666;
			margin-right: 10px;
			line-height: 28px;
			font-size: 80%;
		}

			#content ul.pages li a {
				float: left;
				background-image: url("images/pages.gif");
				background-position: 0 0;
				display: block;
				width: 28px;
				text-decoration: none;
				color: #888;
				text-align: center;
				line-height: 28px;
			}

				#content ul.pages li a:hover, #content ul.pages li.here a {
					color: #fff;
					background-position: 0 28px;
					text-decoration: none;
				}




	#content ul#subcats {
		z-index: 25;
		display: block;
		top: 200px;
		left: 0;
		list-style-type: none;
		width: 730px;
		height: 30px;
		padding: 0;
		margin: 0;
		background-color: #eee;
	}

		#content ul#subcats li {
			float: left;
		}

			#content ul#subcats li a {
				display: inline;
				float: left;
				font-size: 70%;
				text-decoration: none;
				margin-right: 5px;
				margin-top: 5px;
				padding: 3px 0;
				font-weight: normal;

				background-image: url("images/subcat_a.gif");
				background-position: top left;
				background-repeat: no-repeat;
			}

			#content ul#subcats li.last a {
				margin-right: 0;
			}

				#content ul#subcats li a span {
					padding: 3px 10px;
					color: #999;

					background-image: url("images/subcat_a_span.gif");
					background-position: top right;
					background-repeat: no-repeat;
				}

				#content ul#subcats li a:hover, #content ul#subcats li.here a {
					background-position: bottom left;
				}

					#content ul#subcats li a:hover span, #content ul#subcats li.here a span {
						color: #fff;
						background-position: bottom right;
					}




	#content #sidenav {
		float: left;
		margin-right: 20px;
	}

		#content #sidenav h3 {
			font-family: Arial, Tahoma, sans-serif;
			font-weight: bold;
			margin: 0;
			padding: 30px 0 4px 0;
			font-size: 80%;
			width: 155px;
		}

			#content #sidenav h3 a {
				padding: 5px 10px;
				color: #fff;
				text-decoration: none;
				display: block;
				background-image: url("images/sidenav_header.gif");
				background-position: center top;
				background-repeat: no-repeat;
				background-color: #69884F;
			}

				#content #sidenav h3 a:hover {
					text-decoration: underline;
				}

		#content #sidenav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			#content #sidenav ul li {
				margin-bottom: 0;
			}

				#content #sidenav ul li a {
					display: block;
					width: 135px;
					padding: 5px 10px;
					text-decoration: none;
					font-weight: normal;
					color: #666;
					font-size: 80%;
				}

					#content #sidenav ul li a:hover, #content #sidenav ul li a.here {
						background-color: #eee;
						color: #69884F;
					}

				#content #sidenav ul li ul {
				}

					#content #sidenav ul li ul li {
					}

						#content #sidenav ul li ul li a {
							padding-left: 30px;
							font-size: 80%;
							width: 115px;
						}


	#content ul.sort {
		list-style-type: none;
		margin: 10px 0 20px 0;
		padding: 0;
		float: right;
		height: 20px;
	}

		#content ul.sort li {
			float: left;
			font-size: 80%;
			color: #666;
			line-height: 20px;
			margin-left: 10px;
		}

			#content ul.sort li a {
				display: inline;
				float: left;
				font-size: 85%;

				text-decoration: none;
				padding: 3px 0 3px 0;
				line-height: normal;
				font-weight: normal;

				background-image: url("images/sort_a.gif");
				background-position: top left;
				background-repeat: no-repeat;
			}

			#content ul.sort li.last a {
				margin-right: 0;
			}

				#content ul.sort li a span {
					padding: 3px 10px 3px 10px;
					color: #999;

					background-image: url("images/sort_a_span.gif");
					background-position: top right;
					background-repeat: no-repeat;
				}

				#content ul.sort li a:hover, #content ul.sort li.here a {
					background-position: bottom left;
				}

					#content ul.sort li a:hover span, #content ul.sort li.here a span {
						color: #fff;
						background-position: bottom right;
					}



	#content h1 {
		clear: both;
		font-family: Georgia, "Helvetica", "Times new Roman", serif;
		color: #69884F;
		font-size: 160%;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}

	#content h3 {
		font-family: Georgia, "Helvetica", "Times new Roman", serif;
		font-weight: normal;
		color: #69884F;
		font-size: 130%;
		margin: 0;
		padding: 0;
	}

	#content p {
		font-size: 80%;
		line-height: 1.6em;
		margin: 1em 0px 10px 0px;
	}

	#content strong {
		color: #4C6339;
	}

	#content a {
		color: #69884F;
		font-weight:bold;
	}

		#content a:hover {
			text-decoration: underline;
		}










#side {
	float: left;
	width: 150px;
	padding: 5px 20px 10px 10px;
	_overflow: hidden;
}

	#side h3 {
		font-family: Georgia, "Helvetica", "Times new Roman", serif;
		font-weight: normal;
		color: #69884F;
		font-size: 130%;
		margin: 0;
		padding: 0;
	}

		#side h3 a {
			color: #69884F;
			text-decoration: none;
		}

			#side h3 a:hover {
				text-decoration: underline;
			}

	#side p {
		color: #666;
		font-size: 80%;
	}

	#side ul.social {
		margin: 5px 0 20px 0;
		padding: 0;
		list-style-type: none;
	}

		#side ul.social li {
			margin-bottom: 5px;
		}

			#side ul.social li a {
				display: block;
				background-position: left center;
				background-repeat: no-repeat;
				font-size: 80%;
				text-decoration: none;
				color: #69884f;
				padding: 2px 0 2px 25px;
				width: 150px;
			}

				#side ul.social li a:hover {
					text-decoration: underline;
				}

			#side ul.social li.twitter a {
				background-image: url("images/follow_twitter.gif");
			}

			#side ul.social li.blog a {
				background-image: url("images/follow_blog.gif");
			}


	#side #basket {
	}

		#side #basket ul {
			list-style-type: none;
			margin: 10px 0 0 0;
			padding: 0;
		}

			#side #basket ul li {
				font-size: 70%;
				margin-bottom: 5px;
				padding-bottom: 5px;
				border-bottom: 1px solid #eee;
				position: relative;
			}

				#side #basket ul li a, #side #basket ul li.delivery a {
					float: left;
					color: #666;
					text-decoration: none;
					width: 100px;
				}

					#side #basket ul li a:hover {
						color: #69884F;
					}

					#side #basket ul li a span, #side #basket ul li.delivery a span {
						color: #999;
					}

				#side #basket ul li strong {
					float: right;
					font-weight: normal;
					color: #69884F;
					text-align: right;
				}

					#side #basket ul li strong a {
						width: auto;
						float: none;
					}

						#side #basket ul li strong a img {
							margin-top: 3px;
							border: none;
							vertical-align: text-bottom;
						}

				#side #basket ul li div#basket_added, #side #basket ul li div#basket_added_back {
					position: absolute;
					top: -50px;
					left: -435px;
					width: 376px;
					height: 107px;
					padding: 30px 0 0 50px;
					font-size: 130%;
					z-index: 25;
				}

				#side #basket ul li div#basket_added_back {
					background-image: url("images/basket_added.png");
				}

					#side #basket ul li div#basket_added h3 {
						color: #333;
						font-size: 170%;
					}

					#side #basket ul li div#basket_added p {
						line-height: 23px;
					}


						#side #basket ul li div#basket_added p a.continue {
							display: block;
							float: left;
							background-image: url("images/button_continue_shopping.gif");
							width: 158px;
							height: 24px;
							text-indent: -10000px;
						}

						#side #basket ul li div#basket_added p span {
							float: left;
							margin: 2px 10px 0 10px;
						}

						#side #basket ul li div#basket_added p a.checkout {
							float: left;
							margin-top: 3px;
							color: #69884F;
							font-weight: bold;
							width: auto;
						}

							#side #basket ul li div#basket_added p a.checkout:hover {
								text-decoration: underline;
							}

			#side #basket ul li.total {
				font-size: 80%;
				margin-bottom: 30px;
				border-bottom: none;
			}

				#side #basket ul li.total a {
					float: left;
				}

				#side #basket ul li.total strong {
					float: right;
					font-size: 130%;
					color: #666;
					font-weight: bold;
				}

	#side form {
		margin: 0;
		padding: 0;
		width: 170px;
	}

		#side form fieldset {
			border: none;
			margin: 0;
			padding: 0;
		}

		#side form.search {
			padding-top: 0;
			margin-bottom: 30px;
		}

		#side form.search input {
			background-image: url("images/search_back.gif");
			background-repeat: no-repeat;
			background-color: #fff;
			outline: none;
			width: 143px;
			border: none;
			font-size: 70%;
			padding: 4px 2px 3px 25px;
			color: #666;
		}

		#side form.search input.submit {
			display: none;
		}

		#side form.subscribe label {
			display: none;
		}

		#side form.subscribe p.error {
			background-color: #FF831F;
			padding: 5px 10px;
			color: #fff;
		}

			#side form.subscribe p.error strong {
				display: block;
				font-family: Georgia, "Helvetica", "Times new Roman", serif;
				margin-bottom: 10px;
				font-size: 160%;
				font-weight: normal;
			}

		#side form.subscribe input {
			border: 1px solid #ccc;
			padding: 3px 1px;
			font-size: 85%;
			width: 165px;
			margin-bottom: 5px;
			color: #666;
		}
		
		#side form.subscribe textarea.comments {
			display: none;
		}

		#side form.subscribe input.clickable {
			border: none;
			width: auto;
			cursor: pointer;
		}

		#side img {
			border: 0;
		}

#footer {
	width: 920px;
	margin: 0 auto 10px auto;
	clear: both;
	padding: 10px 20px;
	background-color: #69884F;
}

	#footer p {
		font-size:0.7em;
		color: #fff;
		line-height: 1.6em;
		margin: 0;
	}

	#footer p.rkh {
		float: right;
	}

		#footer p a {
			color: #fff;
			text-decoration: none;
		}

			#footer p a:hover {
				text-decoration: underline;
			}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */