@import url("menu.css");

a:link    { color: #4b6f30; }
a:visited { color: #4b6f30; }
a:hover   { color: #014636; }
a:active  { color: #000000; }

/* {{{ YUI Base */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

body {
	/* For breathing room between content and viewport. */
	margin:10px;
}

h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}

h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #000;
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome 
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}*/

/* }}} */
/* {{{  Layout and Page Frame */

body {
	background: #fff url('../images/background-page.png') top left repeat-x;
	color: #4e453b;
	font-family: Trebuchet MS, sans-serif;
	margin: 0;
	padding: 0 10px;
}

#doc3 {
	position: relative;
	margin: 0 auto;
	width:expression(documentElement.clientWidth > 1198? "1198px":(documentElement.clientWidth < 790? "788px": "auto" ));
	max-width: 1200px;
	min-width: 790px;
}

#bd {
	margin-top: 1em;
	background: #fff;
	position: relative;
	zoom: 1;
}

#bd .top-center {
	background: url('../images/elements/background-bd-center.png') repeat-x top left;
	zoom: 1;
}

#bd .top-left {
	background: url('../images/elements/background-bd-left.png') no-repeat top left;
	zoom: 1;
}

#bd .top-right {
	background: url('../images/elements/background-bd-right.png') no-repeat top right;
	position: relative;
	padding: 12px 6px 8px;
	zoom: 1;
}

#bd-content {
	margin: 10px 10px;
	clear: both;
	padding-top: 1em;
	zoom: 1;
}

/*
 * IE6 hack to fix bizzare unclickable block-level link bug. No one will
 * ever know why this is broken or why this fixes the problem.
 */
#bd-content #yui-main .yui-b {
	padding-left: .5em;
	zoom: 1;
}

/* }}} */
/* {{{ Header */

h1#logo {
	background: url('../images/logo.png') no-repeat top left;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 443px;
	height: 65px;
	margin: 0;
	padding: 0;
}

h1#logo span {
	display: block;
	text-indent: -3000em;
}

#hd { height: 72px; }

h1#logo a {
	display: block;
	height: 71px;
	white-space: nowrap; /* keeps text from showing in Opera */
	text-decoration: none;
	outline: none;
}

h1#logo img { display: none; }

/* }}} */
/* {{{ Header Account/Cart Links */

#top_cart_links {
	position: absolute; /* keeps text from sliding behind logo */
	top: 0;
	right: 0;
	margin: 0 8px 0 0;
	display: inline;
}

#top_cart_links li {
	float: left;
	list-style: none;
	text-align: center;
	padding: 0;
	background: #8778af;
	font-size: 100%;
	line-height: 30px;
	border-left: 1px solid #A99BCF;
}

#top_cart_links li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

#top_cart_links li a:hover {
	text-decoration: underline;
	color: #2f2923;
}

#cart_link a {
	background: transparent url('../images/elements/cart.png') right 50% no-repeat;
	padding-left: 10px;
	padding-right: 30px;
	margin-right: 5px;
}

#checkout_link a,
#account_link a {
	padding: 0 10px;
}

#top_cart_links #phone_number {
	color: #d9d1ef;
	border: 0;
	padding: 0 10px;
}

/* }}} */
/* {{{ Header Status Bar */

#status_bar {
	padding: 0 10px;
	color: #d9d1ef;
}

#top_cart_links li #status_bar a {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}

#top_cart_links form,
#top_cart_links .swat-form-field,
#top_cart_links .swat-form-field-contents {
	display: inline;
}

#status_bar #logout_confirm {
	display: block;
	text-align: center;
	font-size: 120%;
	color: #5C5141;
}

#status_bar input {
	font-size: 85%;
}


/* }}} */
/* {{{ Header Menu Links */

#top_links {
	display: inline;
	position: absolute; /* keeps text from sliding behind logo */
	top: 38px;
	right: 0;
	margin: 1em 10px 0 0;
}

#top_links li {
	float: left;
	padding: 0 0 0 1.25em;
	list-style: none;
	text-align: center;
	font-style: italic;
}

#top_links a {
	color: #e8dfff;
	text-decoration: none;
}

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

/* }}} */
/* {{{ Search Disclosure */

.search-disclosure .swat-disclosure-container {
	background-color: #e9e6d8;
}

#search_disclosure_keywords_field label {
	font-weight: normal;
	color: #5f5851;
}

.no-js #search_disclosure_keywords_field label {
	font-size: 85%;
}

#search_disclosure_keywords_field .swat-entry {
	margin-right: 0.3em;
	vertical-align: middle;
}

.no-js #search_disclosure_keywords_field .swat-entry {
	width: 8em;
}

#search_disclosure_button_field .swat-primary {
	font-size: 85%;
	height: 23px;
	padding: 2px;
}

#search_disclosure_container {
	border: none;
	*height: 1%; /* IE hack*/
	background: #f5f3eb;
}

#search_form {
	height: 11em;
}

#search-disclosure-animate {
	height: 13em;
}

.search-disclosure-sub-container {
	height: 13em;
}

#search_form label img {
	vertical-align: middle;
}

#search_form .highlight label {
	color: #333;
}

#first_group .swat-form-field,
#second_group li,
#light li,
#third_group .swat-form-field {
	padding: 1px;
	margin: 1px;
}

#search_form #first_group .swat-form-field.highlight,
#search_form #second_group li.highlight,
#search_form #light li.highlight,
#search_form #third_group .swat-form-field.highlight {
	background-color: #ebe7d9;
	border: 1px solid #d5d0c9;
}

#second_group li {
	padding: 1px 5px 2px 1px;
}

#second_group li.highlight {
	padding: 0 4px 1px 0;
}

#second_group li input {
	/* fix for weird heights of checkboxes in IE6 and 7 */
	_height: 16px;
	.height: 16px;
}

#search_form #keywords,
#search_form select {
	padding: 1px;
}

#search_form #keywords {
	padding: 2px;
	width: 99px;
	font-size: 85%;
}

#search_form {
	padding: 0.5em 1em;
}

#search_form label {
	font-weight: normal;
	font-size: 85%;
	color: #3c3f33;
}

#search_form .swat-flydown {
	font-size: 85%;
}

#search_form .swat-checkbox-list input {
	margin-top: 0;
	margin-bottom: 0;
}

#search_form #first_group,
#search_form #third_group {
	display: block;
	width: 205px;
}

#search_form #first_group label,
#search_form #third_group label {
	float: left;
	width: 83px;
	padding-right: 5px;
	text-align: right;
	margin-top: 1px;
	white-space: nowrap;
}

#search_form select {
	width: 105px;
}

#search_form #light {
	width: 111px;
	float: left;
}

#search_form #light label {
	width: auto;
	float: none;
}

#search_form #attr li {
	list-style: none;
	clear: both;
}

#search_form #attr #column_1 {
	margin-right: 5px;
}

#first_group,
#second_group,
#third_group {
	float: left;
	margin-right: 7px;
}

#search_button_field {
	text-align: right;
}

.search-disclosure .search-disclosure-header .swat-disclosure-anchor-closed img,
.search-disclosure .search-disclosure-header .swat-disclosure-anchor-opened img {
	background: #faf9f2;
}

/* }}} */
/* {{{ Account Message */

#account_message form {
	float: right;
}

#account_message .swat-form-field {
	margin: 0;
}

#account_message.swat-message-display .swat-message-primary-content {
	font-weight: normal;
	font-size: 100%;
}

#account_message.swat-message-display .swat-message .swat-message-container {
	min-height: 0;
	padding: 8px 10px 6px 10px;
	vertical-align: middle;
	height: auto;
}

#account_message.swat-message-display .swat-message {
	background-image: none;
	margin: 7px 0 1em 0;
}

#account_message.swat-message-display {
	margin: 0 0 1em 0;
}

/* }}} */
/* {{{ Buttons */

input.compact-button,
.compact-button input {
	background-color: #faf9f2;
	border: 1px solid;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #444;
	font-size: 85%;
	padding: 1px 2px;
	margin-left: 4px;
	font-weight: normal;
	cursor: pointer;
	cursor: hand;
}
* html input.compact-button,
* html .compact-button input {
	padding-bottom: 0; /* IE hack */
}

input.compact-button:hover,
.compact-button input:hover {
	background: #f3eee6;
}

/* }}} */
/* {{{ Headings */

h2#page_title,
h2#product_page_title {
	font-size: 180%;
	color: #6d2125;
	margin: 0;
	padding: 0 1em 0 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 1em 0 0.5em 0;
}

h3 {
	font-size: 131%;
	color: #5F4A37;
}

/* }}} */
/* {{{ Navbar */

#tagline,
#nav_bar.swat-nav-bar {
	position: absolute;
	top: 16px;
	left: 25px;
	margin: 0 0 1em 0;
	color: #424f2c;
}

#navbar.swat-nav-bar { font-weight: bold; }
.swat-nav-bar a,
.swat-nav-bar span {
	font-weight: normal;
}

.swat-navbar-first { font-weight: bold; }

/* }}} */
/* {{{ Footer */

#ft {
	padding: 0;
	position: relative;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	background: #e9e6d8;
	zoom: 1;
}

#ft .top-center,
#ft .top-left {
	zoom: 1;
}

#ft .top-center {
	background: transparent url('../images/elements/background-bd-btm-center.png') repeat-x left bottom;
}

#ft .top-left {
	background: transparent url('../images/elements/background-bd-btm-left.png') no-repeat left bottom;
}

#ft .top-right {
	background:transparent url('../images/elements/background-bd-btm-right.png') no-repeat right bottom;
}

#ft #footer_menu {
	margin: 0 50px;
}

#ft #footer_menu #footer_group_about, 	#ft #footer_menu #footer_group_resources, 	#ft #footer_menu #footer_group_website, 	#ft #footer_menu #footer_group_catalog {
	float: left;
	width: 25%;
}

#ft #footer_menu h4 {
	font-size: 131%;
	font-weight: normal;
	color: #4e453b;
	margin: 1em 0 .5em 0;
}

#ft #footer_menu h4 a {
	color: #5f5851;
	text-decoration: none;
}

#ft #footer_menu h4 a:hover {
	text-decoration: underline;
}

#ft ul {
	margin: 0 0 0 1.2em;
}

#ft li {
	padding: 0.2em 1em 0.2em 0;
	color: #a4a19d;
}

#ft li a {
	color: #6f6253;
	text-decoration: none;
}

#ft li a:hover {
	text-decoration: underline;
}

#ft #footer_contact {
	clear: both;
	text-align: center;
	padding: 1.75em 0 1.5em 0;
	font-size: 85%;
	color: #a4a19d;
}

#ft #footer_menu #footer_group_catalog li {
	color: #5f5851;
}

#ft #footer_menu #footer_group_catalog ul {
	margin: 0;
	padding:0;
}

#ft #footer_menu #footer_group_catalog li {
	list-style: none;
	min-height: 55px;
	height: auto !important;
	height: 55px;
}

#ft #footer_menu #footer_group_catalog img {
	float: right;
	margin-left: 10px;
}

#ft #footer_menu #footer_group_catalog a.button {
	display: block;
	margin: 10px 0 0 0;
	padding: 3px 3px 3px 0;
	outline: 0;
}

#ft #geotrust {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

/* }}} */
/* {{{ Override YUI Base CSS */

th, td {
	border: 0;
	padding: 0.2em;
}

th {
	text-align: left;
}

dl,
ul {
	margin-left: 1em;
}

em { font-weight: inherit; }
strong { font-style: inherit; }

/* }}} */
/* {{{ Clearing Container fix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* }}} */
/* {{{ Data Tables */
.data-table th {
	background: #f3eee6;
	font-weight: bold;
	border-bottom: 1px solid #dcceb2;
	border-top: 1px solid #dcceb2;
}

.data-table th h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.data-table th,
.data-table td {
	padding: 0.4em;
	text-align: left;
}

.data-table th.right,
.data-table td.right {
	text-align: right;
}

.data-table td {
	border-bottom: 1px solid #ece4d7;
}

/* }}} */
/* {{{ General Styles */

ul.spaced li,
ol.spaced li {
	margin-bottom: 0.5em;
}

.small-print {
	font-size: 85%;
	color: #666;
}

.nowrap { white-space: nowrap; }

.item-sku { font-weight: bold; }
.item-alias-sku { font-weight: normal; }

.first { margin-top: 0; }

#article_bodytext p {
	line-height: 1.4;
}

img.right {
	float: right;
	margin: 0 0 1em 1em;
}

img.left {
	float: left;
	margin: 0 1em 1em 0;
}

img.border {
	border: 1px solid #e6e2da;
	padding: 2px;
}

sup.legal {
	font-size: 10px;
	color: #999;
}

dl.sub-articles dd {
	margin: 0 0 1em 0;
}

dl.sub-articles dt a {
	font-size: 123.1%;
}

.red-text {
	color: #6d2125
}

.notification {
	background: #e6edcd;
	border: 1px solid #acc68e;
	padding: 1em;
	margin: 1em 0;
}

.notification h4 {
	margin: 0;
	color: #5F4A37;
	font-family: georgia,serif;
	font-size: 136%;
}

.notification p {
	margin: 0;
}

/* }}} */
/* {{{ Printer Friendly Styles */

@media print {

	body { background: none; }

	#hd #top_links,
	#hd #account_link,
	#hd #cart_link,
	#hd #logo span,
	#locale_switcher,
	#secure_server,
	#nav_bar,
	#search_disclosure,
	#tagline,
	#side_bar,
	#status_bar,
	#footer {
		display: none;
	}

	.yui-t1 #yui-main .yui-b { margin-left: 0; }

	#bd .top-right,
	#bd .top-left,
	#bd .top-center,
	#main-container-1,
	#main-container-2,
	#main-container-3,
	#main-content {
		margin: 0;
		padding: 0;
		background: none;
		border: 0;
	}

	.swat-message-display,
	.swat-frame {
		border: 0;
		background: none;
	}

	h1#logo {
		position: static;
		background: none;
	}

	#hd,
	h1#logo,
	h1#logo a { height: auto; }

	h1#logo img {
		height: 45px;
		width: 250px;
		display: inline;
	}

	#hd {
		border-bottom: 1px solid #000;
		padding-bottom: 5px;
	}

	#top_cart_links #phone_number {
		background: none;
		color: #000;
		margin: 0;
		padding: 0;
	}

}

/* }}} */


#product_bodytext,
#collection_products {
	color: #4e453b;
	font-family: Trebuchet MS, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	padding: 1em 5px 0pt;
}

/* {{{  Search Disclosure Advanced Button */
.no-js #search_disclosure_search_controls {
	right: 10px;
}

.search-disclosure .search-disclosure-search-controls {
	right: 78px;
}

.search-disclosure .search-disclosure-header .swat-button {
	font-weight: bold;
	padding: 0.2em 4px;
}

.search-disclosure .search-disclosure-header .swat-disclosure-anchor-closed,
.search-disclosure .search-disclosure-header .swat-disclosure-anchor-opened {
	font-size: 85%;
	border: 1px solid #000;
	display: block;
	padding: 4px 18px 0 7px;
	height: 16px;
	background-color: #faf9f2;
	background-position: bottom right;
	background-repeat: no-repeat;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #444;
}

.search-disclosure .search-disclosure-header .swat-disclosure-anchor-closed {
	background-image: url(../images/search/advanced-arrow-down.png);
}

.search-disclosure .search-disclosure-header .swat-disclosure-anchor-opened {
	background-image: url(../images/search/advanced-arrow-up.png);
}
/* }}} */
/* {{{ Recent Items */

#recent_container h4 {
	font-size: 131%;
	color: #4e453b;
}

/* }}} */
/* {{{ AddThis Button */

.addthis_button {
	padding-left: 18px;
	background: url(../images/elements/addthis.png) left center no-repeat;
	min-height: 17px;
}

/* }}} */
/* {{{ Garden Guide Page */

.garden-guide-link {
	width: 45%;
	margin: 1em 0 2em 0;
	padding-right: 3em;
	float: left;
}

.garden-guide-link img {
	float: left;
	margin-right: 1em;
}

/* }}} */
