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

/* Search panel */
#search { position: relative; /*background: #6b7d63 url(../../images/global/panels/search-panel-bg.png) bottom left no-repeat;*/ float:left; }
#search .content { width: 164px; height: 28px; padding: 6px 8px 8px 8px; background: url(../../images/global/panels/search-panel-bg.png) bottom left no-repeat; }
#search .roundedborders { float: left; position: relative; width: 155px; background: #fff url(../../images/global/panels/search-input-bg.jpg) bottom right no-repeat; }
#search .roundedborders input { float: left; color: #999999; font-size:0.91em; width: 110px; padding: 8px 0 6px 9px; border: 0px;/*	background: url(../../images/global/panels/search-input-bg.jpg) bottom right no-repeat;*/ }
/*Only applied to Safari - uses browser select js*/
.safari .roundedborders input { padding: 10px 0 2px 9px !important; }
#search .roundedborders .topleft { position: absolute; top: 0px; left: 0px; clear: both; }
#search .roundedborders .bottomleft { position: absolute; bottom: 0px; left: 0px; clear: both; }
#search .content a { border: none; }
#search .content a:hover { border: none; }
#search .content .button { display: block; position: absolute; top: 0px; right: -11px; clear: both; }
#mainmenu { float:left; margin:8px 0 0; background: #61705A; }
#mainmenu .content { width: 180px; font-size:0.91em;  }
#mainmenu ul { float: left; }
#mainmenu ul li { float: left; }
#mainmenu ul li ul li { background: #7f8f78 url(../../images/global/menu/drop-down-bg.png) top left repeat; }
#mainmenu ul li a { display: block; padding: 5px 10px 5px 18px; width: 152px; color: #f5f0e0; }
#mainmenu ul li a:hover { background: #5a6853; }
/* "Or view" panel */
#mainmenu #orview { float: left; width: 180px; padding: 25px 0 3px 0; background: #55624e url(../../images/global/panels/mainmenu-or-view.gif) top left no-repeat; }
#mainmenu #orview ul li a { display: block; padding: 2px 10px 2px 25px; width: 145px; color: #e4dcc1; background: url(../../images/global/arrow-right-yellow.gif) 18px 50% no-repeat; }
#mainmenu #orview ul li a:hover { background: #404d3a url(../../images/global/arrow-right-yellow.gif) 18px 50% no-repeat; }
ul#mainnav li.topmenu { width: 163px; }
ul#mainnav li.topmenu a { float: left; display: block; width: 163px !important; padding: 5px 0 5px 17px !important; color: #F2E6B4 !important; background: #535d4e !important; }
ul#mainnav li.topmenu a:hover { background: #444b40 !important; }
.sf-menu, .sf-menu * { z-index: 10; }
.sf-menu { line-height: 1.0;  background:#7f8f78; }
.sf-menu ul { position: absolute; top: -999em; width: 180px; /* left offset of submenus need to match (see below) */ }
.sf-menu a.submenuarrow { background: url(../../images/global/arrow-right-white-shadow.gif) 165px 7px no-repeat !important; }
.sf-menu a.submenuarrow:hover { background: #5a6853 url(../../images/global/arrow-right-white-shadow.gif) 165px 7px no-repeat !important; }
.sf-menu a.submenuarrowdown { background: url(../../images/global/arrow-down-white-shadow.gif) 165px 7px no-repeat !important; }
.sf-menu a.submenuarrowdown:hover { background: #5a6853 url(../../images/global/arrow-down-white-shadow.gif) 165px 7px no-repeat !important; }
/* Spans to position the rounded corners */
.top img, .bottom img { behavior: url("iepngfix.htc"); }
ul#mainnav span { display: block; clear: both; }
ul#mainnav span.top { position: absolute; top: -3px; left: 0; }
ul#mainnav span.bottom { bottom: -3px; left: 0; }
li.bottom { background: none !important; bottom: -3px; }
li.bottom img { float:left; }
.sf-menu ul span img { behavior: url("iepngfix.htc"); }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu ul li { width: 100%; }
.sf-menu ul li.first { padding: 3px 0 0 0; background: url(../../images/global/menu/drop-down-bg.png) 0 3px no-repeat; }
.sf-menu ul li.last { padding: 0 0 3px 0; }
/* All of the below came from 3rd party - CATEGORY NAV */
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { top: 0; }
/*** Position SUBmenus and SUBSUBmenus ***/
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul, .sf-vertical li:hover ul li ul, .sf-vertical li.sfHover ul li ul { top: -3px; left: 181px; position: absolute; }
/* -------------------------------------------------------- QUICKLINKS NAV*/
.sf-quicklinks, .sf-quicklinks * { z-index: 10; }
.sf-quicklinks { float: left; position: relative; }
.sf-quicklinks ul { position: absolute; display: none; top: -999em; width: 151px; }
.sf-quicklinks ul li { text-align: left; }
.sf-quicklinks ul li a { display: block; width: 138px; padding: 5px 5px 5px 8px; color: #e5eef3; background: url(../../images/global/menu/quicklinks-bg.png) top left no-repeat; border-bottom: none !important; }
.sf-quicklinks ul li a.last { border-bottom: none !important; }
.sf-quicklinks ul li a.last:hover { border-bottom: none !important; }
.sf-quicklinks ul li a:hover { color: #fff; background: #3f6278; border-bottom: none !important; }
.sf-quicklinks li:hover ul, .sf-quicklinks li.sfHover ul { left: 0; z-index: 99; }
ul.sf-quicklinks li:hover li ul, ul.sf-quicklinks li.sfHover li ul { top: -999em; }
ul.sf-quicklinks li li:hover ul, ul.sf-quicklinks li li.sfHover ul { left: 0; /* match ul width */ top: 0; }
ul.sf-quicklinks li li:hover li ul, ul.sf-quicklinks li li.sfHover li ul { top: -999em; }
ul.sf-quicklinks li li li:hover ul, ul.sf-quicklinks li li li.sfHover ul { left: 0; /* match ul width */ top: 0; }
.ie #quicklinks .top img { /* Fix bugs in both IEs */ margin: 0 0 -3px 0; }
#quicklinks .bottom { float: left; width: 100%; }
#quicklinks .quicktop, #quicklinks .quickbottom { padding: 0 !important; margin: 0 !important; background: red; }
/*** Position SUBmenus and SUBSUBmenus ***/
.sf-horizontal li:hover ul, .sf-horizontal li.sfHover ul, .sf-horizontal li:hover ul li ul, .sf-horizontal li.sfHover ul li ul { left: 0; /* Left margin */ top: 17px; }
.panel .header, .panel .content, .panel .footer, .panel .footer img, .panel .illustration, .panel .contentnarrow, .lightgreen .singlelink, .panel .top, .panel .title, .panel .header .top img, .panel .header .texttitle, .panel .header img { float:left; }
/* Growing Guides Panel */
/* Set the repeating background */
#growingguides a { color: #547793; }
#growingguides a:hover { color: #000; text-decoration: underline; }
#growingguides { background: url(../../images/global/panels/growing-guides-main-bg.gif) top left repeat-y; }
#growingguides .content { width: 180px; background: url(../../images/global/panels/growing-guides-bg.gif) top left no-repeat; }
#growingguides .content .title { padding: 13px 0 0 12px; width: 168px; }
#growingguides ul { float: left; width: 180px; }
#growingguides ul li { padding: 6px 10px 0 23px; background: url(../../images/global/arrow-right-blue.gif) 15px 11px no-repeat; }
#growingguides .viewall { float: right; margin: -8px 0 0 0; padding: 0 9px 0 0; width: 67px; height: 44px; }
#growingguides .viewall img { float: left; behavior: url("iepngfix.htc"); }
.shop-template .centrecolumn { width:602px !important; margin:0 0 0 6px !important; }
/* Styling for AJAX drop-down search results */
#results_outer { width: 602px; padding: 0 0 0 7px; display: none; z-index:1000; }
#results_outer .results_bridge { position: absolute; top: 0; left: -5px; clear: both; }
#results_outer .results_header { float: left; width: 602px; height: 26px; background: url(../../images/global/panels/ajax-top.png) top left no-repeat; behavior: url("iepngfix.htc"); }
#results_outer .results_header .results_showall { float: left; text-align: right; width: 582px; padding: 6px 10px; }
#results_outer .results_header .results_showall a { color: #f2eddc; border-bottom: 1px dotted #f2eddc; }
#results_outer .results_header .results_showall a:hover { color: #fff; border-bottom: 1px dotted #fff; }
#results_outer .results_footer { float: left; width: 602px; height: 5px; background: url(../../images/global/panels/ajax-bottom.png) top left no-repeat; behavior: url("iepngfix.htc"); }
#results { float: left; width: 602px; padding: 4px 0 18px 0; background: url(../../images/global/panels/ajax-main-bg.png) top left no-repeat; }
#results div { float: left; display: inline; width: 265px; margin: 0 18px 0 8px; padding: 5px 4px 5px 6px; cursor: pointer; }
#results .selected { color: #fff; background: #34422d; }
#results .selected a { color: #fff; background: #34422d; }
#results .selected span { color: #d9e0d6; }
#results .unselected { color: #f2eddc; }
#results .unselected a { color: #f2eddc; }
#results .unselected span { color: #c1cdbc; }
#results strong { color: #feeba8; }
#viewall { position: absolute; left: 315px; bottom: 0; clear: both; padding: 5px 10px; background: #34412e; }
#viewall a { color: #fff6d7; }
#viewall a:hover { color: #fff; }
.reviewrow { padding:20px 0 0; }
/* Recently Viewed panel */
#recent a {
	border-bottom: 1px dotted #437ba3;
	text-decoration:none;
	color:#437ba3;
}
#recent a:hover {
	border-bottom: 1px dotted #000;
	color:#000;
}
#recent .content {
	width: 180px;
	background: #f7f3ed url(../../images/global/panels/recently-viewed-footer.gif) bottom left no-repeat;
	font-size:0.91em;
}
#recent .content ul {
	float: left;
	width: 153px;
	padding: 6px 10px 5px 17px;
}
#recent .content ul li {
	float: left;
	padding: 0 0 8px 0;
}
#recent .content ul span {
	display: block;
	float: left;
	width: 15px;
}
#recent .content ul div {
	float: left;
	width: 138px;
	padding: 0 0 1px 0; /*To show link underlining in IE*/
}
/* Tools panel */
#tools {
	float:left;
	padding:0 0 10px;
}
#tools a {
	color: #e1d8ba;
	border-bottom: 1px dotted #e1d8ba;
	text-decoration:none;
}
#tools a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
#tools .content {
	width: 156px;
	padding: 8px 12px 4px 12px;
	background: #5e6c58 url(../../images/global/panels/tools-footer.gif) bottom left no-repeat;
}
#tools .content ul li {
	padding: 0 0 12px 0;
}
#tools .content ul li div {
	float: left;
	padding: 0 5px 0 0;
}
#tools .content ul li div img {
	float: left;
	behavior: url("iepngfix.htc");
}
#tools .content div.oneup {
	margin: -1px 0 0 0;
}

#tools .content div.onedown {
	margin: 1px 0 0 0;
}