@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px;}
body { background-color: #E8E0D3; font: 12px Verdana, Geneva, sans-serif; color: #000000;}

a { text-decoration: none; }
a:hover { text-decoration: underline;}

h1, h2 { display: block; padding-top: 9px; font-weight: bold; text-align: center; text-transform: uppercase; color: #FFFFFF;  font: 12px Verdana, Geneva, sans-serif;}

h1 { width: 179px; height: 25px; background: url('../images/bckgrnd-h1.png') top left no-repeat; }
h2 { width: 522px; height: 23px; background: url('../images/bckgrnd-h2.png') top left repeat-x; }

.clear { display: block; clear: both; height: 1px; width: 100%; font-size: 1px; line-height: 1px; }
.light { background-color: #F5F6D4; }
.dark { background-color: #D0C8B3; }
.blue { color: #0066CC; }
.bold {font-weight:bold;}
div.clr { clear: both; 	font-size: 0px; line-height: 0px; height: 0px; }
ul, ol {list-style:none;}

#wrapper { margin: auto; padding: auto; width: 890px; height: auto; }

#header { display: block; width: 890px; height: 130px; padding-top: 16px; }
#header #nav { display: block; width: 890px; height: 44px; margin-bottom: 2px; }
#header #nav #topnav { list-style: none; width: 890px; height: 44px; background: url('../images/bckgrnd-topnav.png') top left repeat-x; }
#header #nav #topnav li { display: inline; float: left; text-align: center; width: 175px; height: 44px; background: url('../images/bckgrnd-topnav.png') top left no-repeat; position: relative;}

#header #nav #topnav li ul { 
    height: 0;
    left: 0;
    position: absolute;
    top: 44px;
    visibility: hidden;
    width: 180px; 
}
#header #nav #topnav li ul li{ 
    width: 178px; 
}
#header #nav #topnav li:hover ul, #header #nav #topnav a:hover ul {
    visibility: visible;
}
#header #nav #topnav li ul a {
	height: auto;
}

#header #nav #topnav li.div { width: 1px; height: 44px; font-size: 1px; background-color: #A7BD92; border-right: 2px solid #A7BD92; }
#header #nav #topnav li.end { border: none; }
#header #nav #topnav li a { display: block; width: 175px; height: 30px; font-weight: bold; padding-top: 14px; color: #FFFFFF; text-transform: uppercase;}
#header #nav #topnav li a:hover { text-decoration: none; color: #F5F6D4; }

#header #actions { width: 890px; height: 68px; background-color: #BAB298; }
#header #actions #search { display: inline; float: left; width: 303px; height: 53px; margin-left: 20px; margin-top: 3px; background: url('../images/bckgrnd-search.png') top left no-repeat; }
#header #actions #search form input.txtfield { float: left; width: 247px; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 25px; border: 0px none; background-image: none; background-color: #FFFFFF!important; font: 1.1em Arial; color: #7B7B7B; font-weight: bold; }
#header #actions #seach form input.searchbutton { /*margin-left: 40px!important;*/}
#header #actions #cart { float: right; width: 140px; height: 55px; margin-right: 72px; margin-top: 8px; background: url('../images/bckgrnd-cart.png') top left no-repeat; }
#header #actions #cart * { color: #363636; font-size: 10px; }
a.hdr, span.hdr, span a b, #cart span.contents b, #cart span.contents b span.price { font-weight: bold!important; font-size: 1.1em; text-transform: uppercase; }
#header #actions #cart span.contents { display: block; margin-left: 55px; width: 100px; }
 
#stage { width: 835px; height: 299px; background: url('../images/bckgrnd-stage.png') top left repeat-x; padding-right: 55px; margin-top: -16px; position:relative;}
#logo { float:left; width: 253px; height: 278px; margin-top: 12px; }
#piece { float: right; width: 415px; height: 245px; padding:26px 26px 26px 66px; background: url('../images/bgprodhome.jpg') top left no-repeat; margin-top: 14px; }

#content { display: block; width: 890px; height: auto; position:relative;}
#content #lftcol { display: inline; float: left; width: 179px; height: auto; }
#content #lftcol #categories { width: 179px; margin-bottom: 4px; clear:both; overflow:hidden;}
#content #lftcol #categories ul {list-style-image: url('../images/list-bullet.png'); list-style-position: inside; margin:0px; padding:0px; margin-left:4px;}
#content #lftcol #categories ul li {width: 175px; line-height: 12px; color: #111111; font-size:9px; padding:3px 0px 2px 0px;} 
#content #lftcol #categories #cats li .subcat li { width: 170px; padding-left: 5px;}
#content #lftcol #categories #cats li a, #content #lftcol #categories #cats li .subcat li a { color: #1C2316; margin: 0px; padding: 0px;} 
#content #lftcol #categories #cats li.div, #content #lftcol #categories #cats li .subcat li.div { list-style: none; height: 3px; line-height: 3px; padding: 0; font-size: 3px; background: url('../images/list-divider.png') center left repeat-x; }
#content #lftcol #categories #cats li.active { height: auto!important; line-height: auto!important; list-style-image: url('../images/list-bullet-active.png'); list-style-position: inside;}
#content #lftcol #categories #cats .subcat { margin-top: 4px; }
#content #lftcol #websitefeedback { display: block; width: 179px; height: 149px; }

#content #midcol { display: inline; float: left; width: 524px; height: auto; margin: 0; padding: 0; padding-left:4px;}
#content #midcol .content { padding: 0px; }
#content #midcol #flash { display: block; padding-bottom: 4px; clear:both;}
#content #midcol #whatsnew { display: block; width: 522px; height: auto; }
#content #midcol #whatsnew .itemwrap { display: block; width: 502px; height: auto; padding: 10px 10px 20px 10px; }
#content #midcol #whatsnew .itemwrap .item { display: inline; width: 245px; height: 169px; background-color: #F6F3ED; margin-bottom: 10px; }
#content #midcol #whatsnew .itemwrap .item { margin-right: 12px; float: left; }
#content #midcol #whatsnew .itemwrap div .prodimage { display: inline; float: left; width: 109px; height: 169px; background: url('../images/bckgrnd-product.png') top left no-repeat; }
#content #midcol #whatsnew .itemwrap div .prodimage a {  }
#content #midcol #whatsnew .itemwrap div .prodimage a img {  }
#content #midcol #whatsnew .itemwrap div .prodtext { display: inline; float: right; width: 113px; height: 169px; padding-left: 12px; }
#content #midcol #whatsnew .itemwrap div .prodtext .title { font-weight: bold; }
#content #midcol #whatsnew .itemwrap div .prodtext .desc { font-size: .9em; color: #3A482C; }
#content #midcol #whatsnew .itemwrap div .prodtext .price { font-size: 1.1em; color: #02205F; }
#content #midcol #whatsnew .itemwrap div .prodtext a {  }
#content #midcol #whatsnew .itemwrap div .prodtext a img {  }

#content #midcol #resultsnav { display: block; position: relative; clear: both; width: 502px; height: 25px; margin-left: 10px; background-color: #D0C8B3; font-size: .9em; color: #111111; }
#content #midcol #resultsnav #links { display: inline; float: left; width: 45%; height: 15px; padding: 5px 0 5px 5px; font-size: .9em; color: #111111; }
#content #midcol #resultsnav #links ol {float:right;display:inline;text-align:left;width:140px; color: #111111; font-size:0.9em;}
#content #midcol #resultsnav #links ol li {float:left;display:inline;width:20px;}
#content #midcol #resultsnav #display { display: inline; float: right; text-align: right; width: 45%; height: 15px; padding: 5px 5px 5px 0; font-size: .9em; color: #111111; }

#content #rtcol { display: inline; float: right; width: 179px; height: auto; }
#salesads, #greenpages, #emailsignup { display: block; width: 179px; height: auto; text-align: center; padding-bottom: 10px; background-color: #F5F6D4; }
#content #rtcol #salesads { color: #02205F; font-size: .8em; }
#content #rtcol #greenpages, #content #rtcol #salesads, #content #rtcol #emailsignup { margin-top: 4px; }
#greenpages { text-align: left; padding-left: 6px; width: 173px; }
#greenpages h1, #greenpages img { margin-left: -6px; }

#footer { display: block; width: 890px; height: 54px; background: url('../images/bckgrnd-footer.png') top left no-repeat; margin: 12px auto 20px; }
#footer .footer-center {width: 520px; padding-top:10px; text-align:center; float:left; margin-left:185px;}
#footer .footer-center-copy {padding-top:5px;}
/*
#footer .footer-center ul {list-style:none;clear:both;}
#footer .footer-center ul li {float:left;}
*/
#footer #creditcards { display: block; float: left; width: 179px; height: 54px; text-align: center; }
#footer #creditcards img { margin: auto; padding: auto; margin-top: 13px; }
#footer #botnav { position: relative; display: inline; float: left; list-style: none; width: 681px; height: 12px; margin-left: 14px; margin-top: 10px; margin-bottom: 8px; }
#footer #botnav li { display: inline; float: left; width: auto; height: 12px; padding: 0 5px 0 5px; border-right: 1px solid #F5F6D4; }
#footer #botnav li a { display: block; margin: auto; padding: auto; width: auto; text-align: center; height: 12px; }
#footer #botnav li[value=first] { padding-left: 0; } 
#footer #botnav li[value=last] { border: none; }
#footer * { color: #F5F6D4; font-size: 10px; }
#footer span { margin-left: 12px; }

#search_mini_form { margin: 0; padding: 0; }	

#logo, #logo img { border: none!important; }

.page-head { display: block; clear: both; }

#breadcrumbs { display: block; width: 520px; height: 14px; line-height: 12px; font-size: 10px; color: #000000; }
#breadcrumbs .breadcrumbs { list-style: none; width: auto; height: 14px; line-height: 12px; font-size: 10px; color: #000000; }
#breadcrumbs .breadcrumbs li { display: inline; float: left; width: auto; height: 14px; line-height: 12px; font-size: 10px; color: #666666; }
#breadcrumbs .breadcrumbs li.div { width: 14px; text-align: center; }
#breadcrumbs .breadcrumbs li a { width: auto; line-height: 12px; font-size: 10px; color: #5E7547; text-decoration: none; }
#breadcrumbs .breadcrumbs li span { width: auto; font-size: 10px; color: #666666; font-weight: bold; text-decoration: none; }

.content { padding: 10px; }
.content h2 { /*margin-left: -10px;*/ }
.content h3 { font-size: 1.3em; font-weight: bold; }
.content ul { margin-left: 10px; margin-top: 10px; padding-left: 10px; }
.content ul li { line-height: 18px; }
.content a { color: #006; text-decoration: underline; }
.content a:hover { text-decoration: none; }

.mini-product-view { display: none; }
#shopping-cart-table { width: 487px; height: auto; }

#cart { width: 487px; height: auto; }
#cart #cartHdrs  { width: 487px; height: 27px; background-color: #D0C8B3; }
#cart #cartHdrs ul { list-style: none; width: 487px; height: 27px; line-height: 23px; color: #CB2327; }
#cart #cartHdrs ul li { display: inline; float: left; width: auto; height: 27px; line-height: 23px; color: #CB2327; text-align: center; font-weight: bold; }

#cart .cartProd { width: 487px; height: 171px; background-color: #F6F3ED; }
#cart .cartProd ul { list-style: none; width: 487px; height: 171px; }
#cart .cartProd ul li { display: inline; float: left; width: auto; height: auto; text-align: center; }

ul li.w100 { width: 90px!important; }
li.w244 { width: 234px!important; }
li.w76 { width: 76px!important; }
li.w68 { width: 68px!important; }

.cartProdImage { display: inline; float: left; width: 109px; height: 169px; background-image: url('../images/bckgrnd-product.png') top left no-repeat; }
.cartProdDetails { display: inline; float: right; width: 124px; height: auto; }

/* NEW STYLES */
.clear { clear: both; }
#contactForm { width: 500px; height: auto; border:none;}
#contactForm ul { list-style: none; width: 500px; height: auto; }
#contactForm ul li { width: 500px; height: auto; }
#contactForm ul li .input-box { border: 1px solid #e8e0d3; }
#contactForm ul li .input-box label {  }
#contactForm ul li .input-box label .required { font-size: 1.3em; color: red; }
#contactForm ul li .input-box .required-entry { color: red; }
#contactForm ul li .input-box .input-text { border: 1px solid black; }
#contactForm ul li .input-box .validate-email { color: #030; }

.content #messages_product_view {  }
.content #messages_product_view ul.messages {  }
.content #messages_product_view ul.messages li.success-msg {  }
.content #messages_product_view ul.messages li.success-msg ul {  }
.content #messages_product_view ul.messages li.success-msg ul li {  }

.content .product_info_box {  }
.content .product_info_box .product_essential {  }
.content .product_info_box .product_essential #product_addtocart_form {  }

.content .product_info_box .product_essential #product_addtocart_form .product-img-box {  }
.content .product_info_box .product_essential #product_addtocart_form .product-img-box img {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .product-name {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop p {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop p a {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop fieldset.no-display {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop fieldset input {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop fieldset input#related-products-field {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop div {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop div small {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop div small a {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop p.availability {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop div.price-box {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .price-box .regular-price {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .price-box .regular-price .span {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder fieldset.add-to-cart-box {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder fieldset legend {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder fieldset span.qty-box {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder fieldset span label {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder fieldset span input.input-text {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder fieldset span input.qty {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder fieldset button.form-button {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder fieldset button span {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder span.add-or {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder ul.add-to-box {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder ul li {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .add-to-holder ul li a {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .divider {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop h4 {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop div.short-description {  }
.content .product_info_box .product_essential #product_addtocart_form .product-shop .short-description p {  }
.content .product_info_box .product-collateral {  }
.content .product_info_box .product-collateral .collateral-box {  }
.content .product_info_box .product-collateral .collateral-box .head {  }
.content .product_info_box .product-collateral .collateral-box .head h4 {  }
.content .product_info_box .product-collateral .collateral-box .product-specs {  }
.content .product_info_box .product-collateral .collateral-box .product-specs p {  }
.content .product_info_box .product-collateral .add-tag-box {  }
.content .product_info_box .product-collateral .add-tag-box form#addTagForm {  }
.content .product_info_box .product-collateral .add-tag-box form#addTagForm div.input-box {  }
.content .product_info_box .product-collateral .add-tag-box form#addTagForm .input-box input.input-text {  }
.content .product_info_box .product-collateral .add-tag-box form#addTagForm .input-box input.required-entry {  }
.content .product_info_box .product-collateral .add-tag-box form#addTagForm fieldset {  }
.content .product_info_box .product-collateral .add-tag-box form#addTagForm fieldset button.form-button-alt {  }
.content .product_info_box .product-collateral .add-tag-box form#addTagForm fieldset button.form-button-alt span {  }

.title_bar, .page-head h3 {height:32px; line-height:32px; padding-bottom:5px; text-align:center; background: url('../images/title_bar_bg.jpg') top left no-repeat; color:#fff; text-transform: capitalize;}
img {border:none;}

#cartTotals {background-color:#d0c8b3; text-align:right; padding:10px 0px;/*height:28px; line-height:28px; padding-right:20px;*/}
#cartTotals .sub {color:#6e1315; font-weight:bold; font-size:12px;}
#cartTotals .price {color:#cb2327; font-weight:bold; font-size:14px; padding-left:20px;}
#cartButtons {padding-top:10px;}
#cartButtons img {padding-right:5px;}

.categories_with_cms {margin:0px -10px; padding:0px;}
.categories_with_cms_ul {list-style:none; padding:0px; margin:0px;}
.categories_with_cms_ul li {float:left; padding-left:0px; padding-bottom:20px; width:129px; height:209px; display:inline; background:url(../images/categories_with_cms_ul_li_bg.jpg) no-repeat left top;}
.categories_with_cms_img {text-align:left; padding:7px 0px 0px 12px; height:163px; width:103px; overflow:hidden; margin:0px;}
.categories_with_cms_text {padding:10px 0px 0px; margin:0px auto; width:110px; text-align:center; font-size:11px; font-family:Arial;}
.categories_with_cms_text a {color:#000; text-decoration:none;}
.categories_with_cms_flash {margin:0px auto; width:526px; text-align:center;}
.categories_with_cms_des {margin:10px auto; width:510px; text-align:left; font-size:15px; font-family:Arial;}

#star-gardening-tips {background-color:#fff; padding: 10px;}
#star-gardening-tips .star-gardening-tips-left {float:left; width:240px;}
/*#star-gardening-tips .star-gardening-tips-right {float:right; width:250px;}*/
#star-gardening-tips p.star-gardening-tips-title {font-weight:bold; font-size:12px;}
#star-gardening-tips table {margin-bottom:30px; font-size:11px;}
#star-gardening-tips a {text-decoration: none;}

div.Section1 {background-color: white; padding:0px 10px;}
div.Section1 h2 {background: none; font-weight:bold;}
div.Section1 b {font-weight:bold;}


/*Add By Ndee */
#piece .product_item_title {
color:#02205F;
font-size:18px;

}
#piece .listing-type-grid li.item {
width:415px;
}
#piece .product_item_right {
width:295px;

}


<!-- Julius -->
.nav {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.85em; background:transparent; width:600px; height:30px; margin:0 auto;
}
.nav ul {
padding:0; margin:0; list-style-type: none;
}
.nav ul li {
float:left; position:relative;
}

.nav ul li a, .nav ul li a:visited {
display:block; text-decoration:none; width:70px; height:30px; color:#000; padding-left:30px; line-height:29px;
}
* html .nav ul li a, .nav ul li a:visited {
width:100px; w\idth:70px;
}

.nav ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.nav ul li:hover a,
.nav ul li a:hover {
color:#c00; text-decoration:none; border:0;
}
.nav ul li:hover ul,
.nav ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #909; overflow:visible;
}
.nav ul li:hover ul li a,
.nav ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#c00; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.nav ul li:hover ul li a.drop,
.nav ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.nav ul li:hover ul li ul,
.nav ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.nav ul li:hover ul li a:hover,
.nav ul li a:hover ul li a:hover {
color:#00f; text-decoration:underline;
}
.nav ul li:hover ul li:hover ul,
.nav ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
}
.nav ul li:hover ul li:hover ul.left,
.nav ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.nav ul li:hover ul li:hover ul li a,
.nav ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .nav ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.nav ul li:hover ul li:hover ul li:hover a,
.nav ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}

.content ol li {
	list-style:outside decimal;
	padding:5px 0px 5px 0px;
	margin-left:20px;
}

div.kidsclub {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url('../images/landingpage_bg.jpg');
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #000000;
    font-family: Arial;
    font-size: 14px;
    height: 643px;
    padding-bottom: 148px;
    padding-left: 124px;
    padding-right: 40px;
    padding-top: 309px;
    width: 356px;
}
.kidsclub p {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.kidsclub h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    text-decoration: underline;
}
.kidsclub td {
    font-size: 12px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: left;
}
.kidsclub ul {
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.kidsclub ul li {
    font-size: 12px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.kidsclub table {
    font-size: 12px;
}
.kidsclub table p {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

div#piece img.feat{
	margin: -20px 0px 0px -20px !important;
}
.checkout-cart-index #content #midcol {width: 890px;}
