/* CSS Document */
html {overflow:scroll;}
body {text-align:center; background-image:url(images/bgs/bg.gif); background-repeat:repeat-x; background-color:#669900; font-family:Arial, Helvetica, sans-serif; color:#2E6100; font-size:1em; }
img {border:none}
a {color:#669900; text-decoration:none;}
a:hover {text-decoration:underline;}
b {color:#669900;}
.red {color:#FF0000}
#centeringbox {margin:0 auto; width:970px; position:relative; text-align:left;}
form {margin:0px; border:0; padding:0;}

/*Header of page & menus*/
#header {background-image:url(images/bgs/bgheaderouter.gif); width:100%; height:200px; position:relative; }

#topmenu {background-image:url(images/bgs/bgtopmenu.gif); width:504px; height:37px; position:absolute; left:274px; top:38px; color:#FFFFFF; font-size:0.7em;}
#topmenu a {color:#FFFFFF}
/*.viewbask, .viewaccount, .cards {position:absolute; top:10px; width:auto; }
.viewbask {left:247px;}
.viewaccount {left:317px}*/
#contactflags {color:#fff; width:250px; float:left; position:relative; top:45px; left:100px; font-weight:bold;}
#contactflags .flags {position:relative; top:2px;}
#minibask {width:264px; height:67px; background-image:url(images/minibasket_bg.gif); float:right; margin-right:18px; position:relative; top:0px;}
#minibask iframe {position:relative; left:107px; margin-top:10px; float:left;}
#minibask #basklinks {position:relative; left:115px; top:8px; float:left; clear:both; width:140px;}
#minibask .viewbask {}
#minibask .viewaccount {}
#minibask #basklinks a {margin-left:5px; color:#fff; font-size:9px; font-weight:bold;}

#menu {background-image:url(images/bgs/bgmenu.gif);	width:624px; height:40px; position:absolute; left:154px; top: 76px; font-size:0.9em;}
#menu a {color:#2E6100;}
.stuff, .why, .environment, .questions, .customersthink {position:absolute; top:11px; width:auto}
.stuff {left:36px;}
.why {left:120px;}
.environment {left:237px}
.questions {left:350px}
.customersthink {left:453px;}

#lowermenu {background-image:url(images/bgs/bglowermenu.gif); width:651px; height:31px; position:absolute; left:125px; top: 117px; color:#ffffff;font-size:0.9em;}
#lowermenu a {color:#FFFFFF}
.navhome, .navlatest, .navfriend, .navjoin, .navlinks, .navcontact {position:absolute; top:7px; width:auto}
.navhome {left:165px}
.navlatest {left:212px}
.navfriend {left:300px}
.navjoin {left:387px}
.navlinks {left:524px}
.navcontact {left:570px}

#leftbar {float:left; width:167px; margin-top:15px;}
#leftbar img {padding:0px; margin:0px;}
#leftbar ul {border-left: 3px solid #fff; border-right: 3px solid #fff; width:161px; list-style-type:none; margin:0px; padding:0px; background:#e8f0d9; height:373px;}
#leftbar ul li {border-bottom: 3px solid #fff; margin:0px; padding:5px; width:161px;}
#leftbar ul li a {color:#669900;}
#leftbar ul li a:hover {text-decoration:underline;}
#leftbar ul img {float:right; position:relative; top:-20px; margin-top:-25px; margin-bottom:-25px;}
#right_content {float:left; width:796px;}

/*Main content of page, homepage*/
#mainbodyouter { background-image:url(images/bgs/bgmidsectionouter2.gif); background-repeat:repeat-y; width:796px; position:relative; z-index:1; top:-50px; margin-bottom:-50px;}
.bgblend {position:absolute; height:auto;}
#maincontent, #maincontenthome{width:754px; position:relative; left:22px;}
#maincontent{background-color:#ffffff;}
#maincontenthome {background-color:#669900; height:340px; padding:0px; margin:0px;}
#bodypanels {width:324px; left:415px; top:20px; position:absolute;}
#topbox1, #topbox2, #topbox3, #topbox4 {width:324px; position:relative;}
#topbox1 {background-image:url(images/bgs/topboxtitle.gif); height:46px; }
#topbox2 {background-image:url(images/bgs/topboxbody.gif);  padding:18px 6px 0px 18px; width:300px; font-size:0.7em}
#topbox3 {background-image:url(images/bgs/topboxtitle.gif);  height:46px; margin-top:10px}
#topbox4 {background-image:url(images/bgs/topboxbody.gif);  padding:7px 6px 8px 18px; width:300px; font-size:0.7em; height:32px}
#lowerboximg {position:absolute; z-index:5; left:223px; top:0px}

#homepagespecials {width:350px; float:left;color:#fff; border:3px solid #fff; margin-top:20px;}
#homepagespecials form {display:inline; padding:0px; margin:0px;}
#homepagespecials h3 {color:#fff; font-size:14px; margin:5px 0px 5px 5px;}
#homepagespecials .featuredprod {width:350px; border-top:3px solid #fff; padding:5px 0px 5px 0px; }
#homepagespecials .featuredprod img {float:left; margin-right:5px;}
#homepagespecials .featuredprod .title {font-size:14px;}
#homepagespecials .featuredprod .short {font-size:10px;}
#homepagespecials .featuredprod .price {font-size:16px; font-weight:bold; margin-bottom:5px;}


/*page titles*/
#selltitle,#baskettitle,#accounttitle,#faqtitle,#landingtitle ,#whytitle,#customerstitle,#contacttitle,#linktitle,#friendtitle,#environmenttitle,#mailingtitle,#revtitle,#terms, #local, #freenappy, #thanks {background-image:url(images/stuff_we_sell_title.gif); width:752px; height:69px; position:relative;}
#accounttitle {background-image:url(images/account_title.gif);}
#baskettitle {background-image:url(images/baskettitle.gif);}
#faqtitle {background-image:url(images/faqtitle.gif);}
#whytitle {background-image:url(images/why_title.gif);}
#landingtitle {background-image:url(images/landing_title.gif);}
#customerstitle {background-image:url(images/customers_title.gif);}
#contacttitle {background-image:url(images/contact_title.gif);}
#linktitle{background-image:url(images/links_title.gif);}
#friendtitle {background-image:url(images/friend_title.gif);}
#environmenttitle {background-image:url(images/environment_title.gif);}
#mailingtitle {background-image:url(images/mailing_title.gif);}
#revtitle {background-image:url(images/review_title.gif);}
#terms {background-image:url(images/terms_title.gif);}
#thanks {background-image:url(images/thanks_title.gif);}
#freenappy {background-image:url(images/free_nappy.gif);}
#local {background-image:url(images/LEAtitle.gif);}
.history {position:relative; left:225px; top:10px; font-size:0.8em; text-align:right; width:510px }

/*Page Content itemlist,itemclas,itemdetl*/
#prodlist, #prodlist2 {width:504px; position:relative; min-height:396px; padding-top:5px;}
/*#prodlist a {color:#FFFFFF; text-decoration:none;}*/
#prodlist table {font-size:0.8em;}
#prodlist2 {width:742px; padding:25px 0px 10px 10px; color:#000000; font-size:0.8em;}
#prodlist2 a {color:#669900;}
#prodlist2 h2 {color:#669900;  margin:0px; font-size:1.3em; font-weight:bold;}
#regi {text-align:center;}
#regi a{color:#669900;text-decoration:none;}
#regi a:hover {text-decoration:underline;}

.imgright {float:right;}
.imgleft {float:left; border:1px solid #669900; margin:0px 5px 0px 5px;}

.prodsmall, .classmall {width:122px; margin:1px 1px 5px 2px; float:left; background-color:#669900; color:#FFFFFF; text-align:center; font-size:0.7em; padding:12px 0px 0px 0px; height:208px;}
.classmall {height:170px;}
.buttonspacer {width:110px; height:160px; margin:auto; }
.prodspacer {display:block; width:110px; height:90px; margin:auto;color:#FFFFFF;}
.prodspacer2 {display:block; width:100px; height:90px; margin:auto;  font-size:1.1em; color:#FFFFFF;}

#faq { width:375px; height:515px; overflow:auto;}
#answer {position:absolute; left:390px; top:25px; height:515px}

#writereview {text-align:center}
#writereview a {color:#669900; text-decoration:none;}
#writereview a:hover {text-decoration:underline}

.tablepos { color:#000000; font-size:1em; width:100%; border:0; font-family:Arial, Helvetica, sans-serif;}
.tabletitle {background-color:#669900; color:#FFFFFF; font-weight:bold; border-right:1px solid #FFFFFF; padding-left:5px}
#itemship a {color:#669900; text-decoration:none;}
#itemship a:hover {text-decoration:underline;}
.tableinfo {border:1px; border-style:solid; border-color:#669900; border-top:0px; border-left:0px}

/*itemdetl page control*/
.prodimag {background-color:#669900; width:500px; text-align:center; padding:30px 0px 30px 0px; margin-top:6px}
.proddetl {border:0px; height:auto; border-bottom:1px; border-top:1px; border-style:solid; border-color:#4f8200; width:500px; padding:5px 0px 5px 0px; margin:5px 0px 5px 0px;}
#panelmenu {background-color:#669900; color:#FFFFFF; position:relative;}
.nappy {position:absolute; left:20px;}
.thewrap {position:absolute; left:110px;}
.inthebox {position:absolute; left:190px;}
.savings {position:absolute; left:325px;}
.aboutbamboo {position:absolute;left:390px;}
#zero, #one, #two, #three, #four, #five, .infowindow {min-height:50px; color:#000000; padding:6px; font-size:0.8em;} 
.titleblock {background-color:#E8F0D9;color:#669900; padding:5px 0px 3px 10px; margin:3px 0 3px 0; font-size:0.8em; width:auto; }
#prodfeat {border:0px; min-height:227px; border-bottom:1px; border-top:1px; border-style:solid; border-color:#4f8200; width:500px; padding:5px 0px 5px 0px; margin:5px 0px 5px 0px;}
#prodfeat a {color:#FFFFFF;}

/*right column*/
#rightcol {position:absolute; width:248px; left:504px; top:75px;}
.righttitle {background-color:#669900; color:#FFFFFF; padding:3px 0px 3px 10px; position:relative; font-size:0.8em;}
.mouse, .mouse2 {position:absolute; left:180px; top:-30px; z-index:1;}
.mouse2 {left:680px;}
.rightmenu, .specoffers, #detlright, #panelmenu { color:#669900; padding:5px 0px 3px 10px; margin-top:3px; font-size:0.8em; width:auto;}
.rightmenu {background-color:#E8F0D9;}
.specoffers {background-image:url(images/bgs/bgspecoff.gif); background-color:#CBDDA9;}
#detlright {color:#000000;}
#detlright h1 {color:#669900; margin:0px; font-size:1.2em}

/*Footer*/
#footer {background-image:url(images/bgs/bgmidsectionouter2.gif); background-repeat:repeat-y; position:relative; width:796px; text-align:left; clear:both; padding:0px; margin:0px;}
#leftbox {border:1px solid #4f8200; width:246px; position:relative; left:22px; top:4px; float:left;}
#middlebox {border:1px solid #4f8200; width:246px; position:relative; left:26px; top:4px; float:left;}
#rightbox {border:1px solid #4f8200; width:246px; position:relative; left:30px; top:4px; float:left;}
.footerBoxT {background-image:url(images/bgs/bgfooterboxtop.gif); height:42px;}
.footerBoxB {background-image:url(images/bgs/topboxbody.gif);  padding:7px 6px 8px 18px; font-size:0.7em; height:32px; text-decoration:underline;}
.footerboximg {position:absolute;left:151px;top:0px;}
.bottomborder {position:relative;}
#credits {position:relative; top:0px; clear:both; padding-top:0px; background-color:#669900; text-align:center; color:#FFFFFF; font-size:0.8em; line-height:1.5em;}
#credits a{color:#FFFFFF;}

#Layer1 {position:absolute; width:220px; height:16px; left:10px; top:10px;}

.level1 {
	font-weight:bold;
	font-size:13px;
	display:inline;
	margin:0px;
	text-decoration: none;
	color: #669900;
	padding: 0px;
}
.level2 {
	font-weight:normal;
	font-size:12px;
	display:inline;
	margin:0px 0px 0px 0px;
	color: #669900;
	text-decoration: none;
}
.level3 {
	font-weight:normal;
	font-size:10px;
	color: #333;
	text-decoration: none;
}
.level4 {font-weight:normal; font-style:italic; font-size:12px;}

#infotext {display:none;}
#info h1 {font-size:13px; font-weight:bold; margin:0px; padding:0px,}
#info h2 {font-size:12px; font-weight:bold; margin:0,5,0,0px; padding:0px,}
#info {font-size:11px;}
#info b {font-weight:normal; color:#FFFFFF}
#info a {text-decoration: none;}