@charset "UTF-8";

/* CSS Document */
body { margin:0 0 0 0 !important; padding:0; color: #404040; background:url(../imgs/bg-footer.gif) bottom left repeat-x #fff; text-align:center; }
body,table,tr,td { font-family: Georgia,Times New Roman,Times,serif; font-size:12px; color: #000; height: auto; vertical-align:top; }

/*#outerwrapper { background:url(../imgs/bg-header.gif) repeat-x; }*/
#div__header { background:url(../imgs/bg-header.gif) repeat-x; text-align:center; height:120px; }
#div__title, #div__label { display:none; }
#div__body, #div__footer { width:980px !important; margin:0 auto !important; text-align:left; position: relative; overflow:hidden; }

/* --- Global Margins --- */
h1,h2,h3,h4,h5,h6,form { margin:0;}
p { margin:0 0 10px 0;}

/* --- Text Styles --- */
.greyTxt{}
.greyTxt a { color:#242424; }
.whiteTxt { color:#fff; }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.noU { text-decoration:none; }

/* --- Main Link Styles --- */
a { color:#66a529; text-decoration:none; }
a:hover { color:#ffa100; }
img { border:0; }

#body-wrapper {}
#header-wrapper { position:relative; height:115px; width:980px; margin:0 auto; padding:0; }
#header-wrapper #logo { position:absolute; top:0; left:0; }
#header-wrapper #tagline { position:absolute; top:0; left:712px; }
#header-wrapper #actions { position:absolute; top:65px; left:755px; }

#header-wrapper #breadcrumbs { font:bold 11px Arial, Helvetica, sans-serif; position:absolute; top:129px; left:243px; text-align:left; color:#eae6d9; z-index:99 !important;
background:url(../imgs/ico-home.gif) 0 0 no-repeat; padding-left:19px; }
#header-wrapper #breadcrumbs a { color:#eae6d9; font-size:11px; padding:0px; }
#header-wrapper #breadcrumbs a:hover { text-decoration:underline; font-size:11px; }

#header-wrapper ul { position:absolute; top:60px; left:230px; list-style:none; height:40px; margin:0; padding:0; }
#header-wrapper ul li { float:left; height:40px; background:url(../imgs/bg-nav-tab.gif) no-repeat; margin-right:2px; }
#header-wrapper ul li a { float:left; color:#d0cac8; padding:10px 11px 14px; font:bold 15px/15px Verdana,Geneva,Arial,Helvetica,sans-serif; background:url(../imgs/bg-nav-tab.gif) right -40px no-repeat; }
#header-wrapper ul li:hover {background-position:0 -80px; }
#header-wrapper ul li:hover a { color:#fff; text-decoration:none; background-position:right -120px;}
#header-wrapper ul li.selected { background-position:0 -160px; }
#header-wrapper ul li.selected a { background-position:right -200px; color:#5d4f48; }
#content-wrapper { margin-bottom:20px; }
#header-td { text-align:center; position:relative; }

#container {
	display:block;
	position: absolute;
	padding:0;
	width:100%;
	height:210px;
	margin: 46px 0 0 0;
}

#side-col { float:left; width:230px; }
#side-col .promo {}

#side-col .box { width:220px; margin-bottom:10px; }
#side-col .box h4 { height:30px; color:#fff; font:bold 13px/30px Arial; padding-left:15px; background:url(../imgs/bg-left-nav-box.gif) top right; }
#side-col .box .top { height:10px; background:url(../imgs/bg-left-nav-box.gif) 0 0 no-repeat; }
#side-col .box .content { padding:1px 0; border:2px solid #d9d9d9; border-width:0 2px; }
#side-col .box .content ul { margin:15px 0 0 13px; padding:0; list-style:none; }
#side-col .box .content ul ul { margin:0; }
#side-col .box .content li { margin-bottom:8px; margin-right:5px; }
#side-col .box .content li a { font:bold 12px Arial; }
#side-col .box .bottom { height:10px; background:url(../imgs/bg-left-nav-box.gif) -220px -8px no-repeat; }

#COMPOSTING #COMPOSTING, #GARDENING #GARDENING, #WATER #WATER { height:30px;  margin-bottom:0 !important; padding-bottom:0 !important; }
#COMPOSTING #COMPOSTING a, #GARDENING #GARDENING a, #WATER #WATER a { padding:5px; background:url(../imgs/bg-footer.gif) bottom left repeat-x #a0c57b; display:block; 
-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

#side-col #side-nav ul { margin:0 18px 0; padding:1px 0; list-style:none; }
#side-col #side-nav ul li.category { margin:10px 0 0 0; }
#side-col #side-nav ul li.category a { font:bold 16px Georgia; color:#331a0e; }
#side-col #side-nav ul li { margin:7px 0 7px 10px; }
#side-col #side-nav ul li a { font-size:13px; }
#side-col #side-nav.sub ul { margin:0 8px 0; padding:1px 0; list-style:none; }
#side-col #side-nav.sub  ul ul { margin:0; }
#side-col #side-nav.sub  ul ul li { margin:0; padding:4px 0 4px 20px; }
#side-col #side-nav.sub ul li.selected { background:url(../imgs/bg-left-nav-tab.gif) top right no-repeat;}
#side-col #side-nav.sub ul li.selected a { color:#000; }
#side-col #cart .top { background-position:0 -30px; height:32px; }
#side-col #cart .content { border-width:0 1px; border-color:#8b7969; text-align:center; padding:9px 0 0; font-family:Arial; color:#404040; font-weight:bold; }
#side-col #cart .content b { color:#7f7f7f; }
#side-col #cart .actions { padding:8px 0 0;}
#side-col #cart .bottom { background-position:-220px -52px; }

#side-col #browse-articles .tabs { padding:10px 0 10px 6px; margin:0; list-style:none; }
#side-col #browse-articles .tabs li { cursor:pointer; float:left; height:20px; margin:0; color:#8cbc5f; font:bold 11px/20px Arial, Helvetica, sans-serif;  }
#side-col #browse-articles .tabs li span { padding:0 10px; float:left; }
#side-col #browse-articles .tabs li.selected { background-image:url(../imgs/bg-tag.gif); color:#1a290a; }
#side-col #browse-articles .tabs li.selected span { background:url(../imgs/bg-tag.gif) bottom right no-repeat; }
#side-col #browse-articles .pannels .pannel { display:none; padding:0 10px; font-family:Arial; }

#main-col { width:750px; float:left; background:url(../imgs/bg-main-box.gif) -750px 0 repeat-y; }
#main-col .main-bottom { height:8px; background:url(../imgs/bg-main-box.gif) 0 -9px repeat-y; }

#main-tools { padding:0 10px; height:32px; overflow:hidden; position:relative; background:url(../imgs/bg-bread-cat.gif) 0 0 no-repeat; }
#main-tools ul { margin:0; padding:0; list-style:none; }
#main-tools ul li { float:left; font:bold 11px Arial; color:#9f948e; padding:0px 0 0 1px; }
#main-tools ul li a { color:#eae6d9; margin-right:10px; }
#main-tools ul li a i { display:inline-block; width:25px; height:16px; vertical-align:middle; }
#main-tools .print i { background-position:-1px -1px; }
#main-tools .email i { background:url(../imgs/ico-email.gif) 2px 2px no-repeat; }
#main-tools .share i { background:url(../imgs/ico-share.gif) 6px 1px no-repeat; }
#main-tools .search-box { position:absolute; top:6px; right:6px; height:22px; width:170px; background:url(../imgs/bg-search2.gif) no-repeat; overflow:hidden; }
#main-tools .search-box input { border:0; background-color:transparent; padding:4px 0; margin-left:10px; font-size:11px; font-family:arial; color:#666; font-weight:bold; }
#main-tools .social-box { position:absolute; top:9px; right:174px; height:22px; width:140px; }

#main-col .headline { height:32px; line-height:32px; color:#663c0a; font:bold 12px/32px arial; padding:0 0 0 10px; margin:15px 2px 15px 0; background:url(../imgs/bg-headline.gif) no-repeat; }

#article-wrapper { padding:20px; position:relative; }
#article-wrapper .article-date { position:absolute; top:20px; left:30px; color:#403d15; width:60px; height:74px; padding-top:8px; font-family:Arial; font-weight:bold; background:url(../imgs/bg-date-badge.gif) no-repeat; }
#article-wrapper .article-date span { display:block; text-align:center; }
#article-wrapper .article-date .dd { font-size:30px; line-height:30px; }
#article-wrapper .article-head,
#article-wrapper .article-body,
#article-wrapper .article-footer { margin-left:85px; }
#article-wrapper .article-head { margin-bottom:20px; }
#article-wrapper .article-head h2 { font-size:24px; font-weight:normal; padding-bottom:5px; border-bottom:1px solid #bfbfbf; margin-bottom:7px; position:relative; }
#article-wrapper .article-head .byline { font-size:14px; }
#article-wrapper .article-head .comments { font-family:Arial; float:right; }
#article-wrapper .article-head .comments a { background:url(../imgs/sprite-icons.gif) no-repeat; padding-left:27px; font-weight:bold; margin-left:8px; }
#article-wrapper .article-head .comments a.count { background-position:0 -165px; }
#article-wrapper .article-head .comments a.add { background-position:0 -188px; }
#article-wrapper .article-body { color:#404040; font-size:14px; margin-bottom:35px; }
#article-wrapper .article-footer { margin-bottom:25px; }
#article-wrapper .article-footer .tags { float:right; width:370px; position:relative; font-family:Arial; }
#article-wrapper .article-footer .tags i {position:absolute; left: -25px; width:20px; height:20px; background:url(../imgs/sprite-icons.gif) no-repeat 0 -137px;}
#article-wrapper .article-footer .share i { display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle; background:url(../imgs/sprite-icons.gif) no-repeat -1px -60px; }
#article-wrapper .article-footer .share { font-weight:bold; font-size:13px; font-family:Arial; }

#article-wrapper .article-comments .post { padding:20px 30px 20px 0; font-size:13px; border-bottom:1px solid #bfbfbf; }
#article-wrapper .article-comments .post .permalink { float:left; width:36px; font-weight:bold; text-align:center; text-decoration:underline; }
#article-wrapper .article-comments .post .post-date { float:left; width:123px; }
#article-wrapper .article-comments .post .post-body { float:left; width:521px; }
#article-wrapper .post-form { margin:18px 0 0 160px; }
#article-wrapper .post-form h4 { margin:0 0 22px 0; font-size:18px; font-weight:normal; }
#article-wrapper .post-form .sml { float:left; }
#article-wrapper .post-form .sml input { width:260px; }
#article-wrapper .post-form .fieldwrapper { margin-bottom:12px;}
#article-wrapper .post-form label { font-family:arial; color:#7f7f7f; font-weight:bold; display:block; }
#article-wrapper .post-form textarea { width:547px; height:100px; }
#article-category { padding:20px; }
#article-category .article .img { margin-bottom:12px; display:block; }
#article-category .article h2 { font-weight:normal; font-size:18px; margin-bottom:15px; }
#article-category .article h2 a { color:#66a529; }
#article-category .article p { color:#404040; font-size:13px; line-height:21px; }
#article-category .article p a { color:#404040; font-weight:bold; text-decoration:underline; }
#article-category .primary .img,
#article-category #article-rotator .img { float:left; margin-right:20px;}
#article-category #article-rotator { position:relative; }
#article-category #article-rotator h2 { font-size:24px; line-height:29px; }
#article-category #article-rotator p { font-size:15px; }
#article-rotator .count { list-style:none; position:absolute; top:170px; left:220px; margin:0; padding:0; }
#article-rotator .count li { float:left; width:22px; height:23px; background:url(../imgs/sprite-buttons.gif) -22px -300px; }
#article-rotator .count li.first { background-position:0 -300px; }
#article-rotator .count li.last { width:23px; background-position:-44px -300px; }
#article-rotator .count li a { float:left; width:23px; height:22px; color:#414141; text-align:center; font:bold 11px/23px Arial, Helvetica, sans-serif; }
#article-rotator .count li a:hover,
#article-rotator .count li a.selected { background:url(../imgs/sprite-buttons.gif) -89px -300px; color:#d7d7d7; }
#article-rotator .count li.first a:hover,
#article-rotator .count li.first a.selected { background:url(../imgs/sprite-buttons.gif) -67px -300px; }
#article-rotator .count li.last a:hover,
#article-rotator .count li.last a.selected { background:url(../imgs/sprite-buttons.gif) -111px -300px; }
#article-rotator .controls { position:absolute; top:170px; left:462px; }
#article-category .primary { border-bottom:1px solid #e1e1e1; margin-bottom:20px; padding-bottom:10px; }
#article-category #category-contents { padding:0; }
#article-category #category-contents .col { float:left; width:205px; margin-right:43px; }
#article-category #category-contents .last { margin-right:0; }
#store-category { margin-bottom:7px; }
#store-category #category-top { left:-2px; top:-2px; width:710px; position:relative; background:url(../imgs/bg-category-top.gif) bottom left no-repeat #ffa100;  padding:5px 20px 20px 30px; color:#402800;}
#store-category #category-top h2, #store-category #category-top h1 { font-size:30px; font-weight:normal; color:#fff; margin-bottom:6px; }
#store-category #category-top p { font-size:14px; line-height:17px; }
.cat-item { width:50% }

#CATBOTTOM { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 20px }

#category-contents { padding:0 20px; }
/*#category-contents .col { width:50%; float:left;  }*/
#category-contents .prod { margin-bottom:20px; font-family:Arial; line-height:18px; }
#category-contents .prod img { float:left; margin:0 5px 10px 0; }
#category-contents .prod h4 { font-size:14px; }
#category-contents .headline { clear:both; }
#store-category .prod-row .prod,
#related-products .prod-row .prod { float:left; font-size:12px; width:25%; margin:0; padding:0; font-family:Arial; line-height:18px; }
#store-category .prod-row .prod a,
#related-products .prod-row .prod a { display:block; margin:0 20px; }
#sub-category-contents { padding:1px 0 0 0; }
#sub-category-contents table { padding:0 !important; }
.items-cell { text-align:center}
.prod-item { font-size:12px; margin:0; padding:0 0 7px 0; font-family:Arial; line-height:14px; }
.prod-item .name { display:block; margin:0 15px; height:30px; overflow:hidden; font-weight:bold; }
.prod-item .price { display:block; margin:0 10px; }
.prod-item span.price { margin-top:5px; display:block; }
.prod-item span.desc { margin-top:5px; display:block; font-size:11px; }
.prod-item .price table.bglt  { margin:5px auto 0 auto; border:1px solid #CCC; }
.prod-item .price .bglt td { width:50%; text-align:center;  }
.prod-item .price .bglt .listheadernosort { color:#000; font:normal 11px Arial, Helvetica, sans-serif; padding-right:5px;  }
.prod-item .price .bglt .texttable { font-family:Arial, Helvetica, sans-serif }
.prod-item a { margin:0 10px; }
.prod-item .stockmsg { color:#F00; display:block; padding-top:5px; }
#item-contents { padding:10px 20px; }
#item-contents  #item-photo  { float:left; width:419px; }
#item-contents  #item-photo .main { width:378px; text-align:center; margin-bottom:10px; }
#item-contents  #item-photo .thumbs a { float:left; padding:1px; margin-right:10px; } 
#item-contents  #item-photo .thumbs a.selected { padding:0; border: 2px solid #ffa100; }
#item-contents  #item-photo .thumbs a:hover { border-color:#ffa100;}
#item-contents  #item-info  { float:left; width:270px; }
#item-contents  #item-info h1 { font-size:24px; line-height:27px; font-weight:normal; margin-bottom:10px; }
#item-contents  #item-info p { line-height:18px; font-family:Arial; }
#item-contents #item-addtocart { margin-top:20px; padding-top:20px; background-image:url(../imgs/bg-addtocart.gif); }
#item-contents #item-addtocart .price { padding-left:20px; margin-bottom:10px; font:bold 16px Arial, Helvetica, sans-serif; }
#item-contents #item-addtocart .price .msg-qty { font-size:14px; display:block; color:#f30; text-transform:uppercase; text-decoration:underline; }
#item-contents #item-addtocart .price .msg-qty:hover { color:#66a529 }
#item-contents #item-addtocart .price table.bglt { margin:0 10px; border:1px solid #CCC; } 
#item-contents #item-addtocart .price .bglt td { font:bold 16px Arial, Helvetica, sans-serif; width:50%; text-align:center; }
#item-contents #item-addtocart .price .bglt .listheadernosort { color:#000; font:normal 15px Arial, Helvetica, sans-serif; padding-right:10px;  }
#item-contents #item-addtocart .price .bglt .texttable {  }
#item-contents #item-addtocart .qty { margin-bottom:20px; padding-left:20px; font:normal 16px/30px Arial, Helvetica, sans-serif; }
#item-contents #item-addtocart .qty #qty { font-size:20px; width:67px; margin:0 5px; vertical-align:middle;}
#item-contents #item-addtocart .qty a { vertical-align:middle; }
#item-contents #item-addtocart .item-addtocart-options td { padding:5px 0; } 
#item-contents #item-addtocart .item-addtocart-options table, item-addtocart-options .price table { margin:0 auto; }
#item-contents #item-addtocart .add-links { height:39px; text-align:center; font:bold 13px/40px Arial, Helvetica, sans-serif; background:url(../imgs/bg-addtocart.gif) bottom; }
#item-contents #item-addtocart .add-links a { color:#000; margin:0 10px; }
#item-contents #item-addtocart .add-links a:hover { color:#ffa100; }
#item-contents #item-addtocart .add-links .email i { background-position:-1px -32px; }
#item-contents #item-addtocart .add-links .bookmark i { background-position:-1px -208px; }

#item-details, #related-products { padding:0 20px;}
#item-details .tabs { list-style:none; }
#item-details .tabs li { float:left; }
#item-details .tabs li span { cursor:pointer; color:#402800; font-weight:normal; text-transform:uppercase; padding:0 12px; float:left; height:32px; line-height:35px; }
#item-details .tabs li.selected { background-image:url(../imgs/bg-headline-tab.gif); }
#item-details .tabs li.selected span { color:#404040; font-weight:bold; background:url(../imgs/bg-headline-tab.gif) right 35px; }
#item-details .pannels .pannel { display:none; width:685px; color:#505050; font:normal 13px/18px Arial, Helvetica, sans-serif; }

#related-products .related-cell { width:150px; text-align:center; }
#related-products .seemore { font-family:Arial; padding:20px 0 0 0; }
#related-products .seemore a {color:#000; text-decoration:underline; }
#footer-wrapper { height:308px; }
#footer-wrapper .col { float:left; width:185px; padding-top:20px; margin-bottom:10px }
#footer-wrapper .col h3 { font-size:18px; font-weight:normal; color:#331a0e; margin-bottom:7px; }
#footer-wrapper .col ul { margin:0; padding:0; list-style:none; font-weight:bold; font:bold 13px Arial; }
#footer-wrapper .col ul li { margin-bottom:7px; }
#footer-wrapper .col ul li a { color:#295e2d; }
#footer-wrapper .col ul li a:hover { text-decoration:underline; }

#footer-wrapper #signup { width:220px; }
#footer-wrapper #signup p { font-family:Arial; color:#3a422e; }
#footer-wrapper #signup .sign-up { width:220px; margin-bottom:10px; }
#footer-wrapper #signup .sign-up .text-input { width:120px; padding:5px 2px; margin-bottom:5px; text-align:left; }
#footer-wrapper #signup .sign-up span { text-align:left; }
#footer-wrapper #signup .sign-up .btn { background-color:#8eb966; }
#copyright {clear:both; border-top:1px solid #b9d69d;  text-align:center; padding:20px; color:#000; font-family:Arial; }
#copyright a { color:#000; }

/* --- Pages --- */
#page-search  h1 { font-size:16px; margin:0; position:relative; top:20px; background-color:#FFF; }
#page-search { font-size:12px; width:540px; overflow:hidden; margin:10px 0 10px 60px; padding:0;  }
#page-search .r a { font-size:14px;  }

/* --- Buttons --- */
.btn { display:inline-block; height:20px; line-height:20px; background-image:url(../imgs/sprite-buttons.gif)}
.btn span { display:inline-block; text-indent:-99999px; text-align:left; }
.lrg { height:23px; line-height:23px; }

.btn_cart { width:82px; background-position:0 0; }
.btn_cart:hover { background-position:0 -30px; }
.btn_checkout { width:72px; background-position:0 -60px; }
.btn_checkout:hover { background-position:0 -90px; }
.btn_login { width:50px; background-position:0 -120px; }
.btn_login:hover { background-position:0 -150px; }
.btn_signup { width:72px; background-position:0 -180px; border:0; }
.btn_signup:hover { background-position:0 -210px; }
.btn_submit { width:72px; background-position:0 -240px; }
.btn_submit:hover { background-position:0 -270px; }
.btn_prev { width:90px; background-position:0 -330px; }
.btn_prev:hover  { width:90px; background-position:0 -360px; }
.btn_pause { width:70px; background-position:0 -390px; }
.btn_pause:hover  { width:70px; background-position:0 -420px; }
.btn_next { width:70px; background-position:0 -450px; }
.btn_next:hover  { width:70px; background-position:0 -480px; }
.btn_addtocart { width:100px; height:30px; background-position:0 -510px; border:0; }
.btn_addtocart:hover { background-position:0 -540px; }

.icn i { display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle; background:url(../imgs/sprite-icons.gif); }
.icn.twtr { padding-left:25px; background:url(../imgs/sprite-icons.gif) 0 -88px no-repeat;}
.icn.fbc { padding-left:25px; background:url(../imgs/sprite-icons.gif) 0 -114px no-repeat;}

.bgbutton { background-color:#f9a027; border:1px solid #cd821d; color:#333; padding:3px 10px; font-size:15px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;  text-shadow: 0px 1px 0px #FFF
}
.bgbutton:hover { background-color:#7cb248; border:1px solid #548b1d; color:#1c2b0e; }


/* --- Float Hack --- */
.cf:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.cf { display:inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */
.cf { display:block;}



/** ************************************************************* **/
/** ************************************************************* **/
/** ************************************************************* **/

/** Zoom pop up styles **/

#zoomPopUp {
	border: 10px solid #CCC;
	width: 550px;
	left:0px;
	top: 160px;
	padding:10px !important;
	background: white;
	z-index: 100000 !important;
}
#zoomPopUp #popUpName {
	float: left;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	height: 25px;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	color:#000!important;
}
#zoomPopUp .treb14-redspace {
	float: right;
	width: 58px;
}
#zoomPopUp #image {
	border-top: 1px solid #f2e2e3;
	border-bottom: 1px solid #f2e2e3;
	padding: 10px 0 !important;
	clear: both;
	text-align:center;
}
#zoomPopUp #zoomImage {
	height: auto;
	clear: both;
}
#zoomPopUp #thumbs {
	margin: 10px auto 0 auto !important;
	clear: both;
}
#zoomPopUp #thumbs img {
	width: 65px !important;
	height: 65px !important;
}
#zoomPopUp-inner {
	position: relative;
	z-index: 100000;
}