/*css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	border: 0px none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0px;
	padding: 0px;
	vertical-align: baseline;
}
:focus
{
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
}
body
{
	background: #fff;
	color: black;
	font-family: Helvetica,Verdana,Arial,Tahoma,sans-serif;
	font-size: 100%;
	margin: 0;
	text-align: center;
}
ol, ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
em, i
{
	font-style: italic;
}
strong, b
{
	font-weight: bold;
}
p
{
	padding-bottom: 10px;
}
/*end css reset */
body
{
	margin: 0px auto;
	padding: 0px 0px;
	text-align: center;
	background: #fff url(../images/bottombamboo_repeat.jpg) repeat-x left bottom;
	font-size: 12px;
	font-family: Verdana,Arial,Tahoma,sans-serif;
	color: #666;
	padding-bottom: 57px;
}
#bg
{
	background: url(../images/bg.jpg) repeat-x left top;
}
/*global tag styles, don't be scared of these, they are your friend*/
a:active, a:link, a:visited
{
	color: #92b53d;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
h1
{
	font-size: 22px;
	color: #8aa948;
}
h2
{
	font-size: 12px;
	font-weight: bold;
	color: #32a7d1;
	text-transform: uppercase;
	margin-bottom: 6px;
}
h3
{
	font-size: 12px;
	color: #32a7d1;
	text-transform: uppercase;
	margin-bottom: 6px;
	line-height: 17px;
}
.greenSubmitButton
{
	background: url(../images/GreenSubmitButton.jpg) no-repeat left top;
	width: 85px;
}
.globalButton
{
	height: 28px;
	border: none;
	color: White;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
}
/*add list formatting back into the main content area.*/
#mainContent ol, #mainContent ul
{
	padding: 0px 25px;
}
#mainContent ol li
{
	list-style: decimal outside;
}
#mainContent ul li
{
	list-style: disc outside;
}
#mainContent td
{
	padding: 3px; /* adding padding to the checkout and account page tables*/
	vertical-align: top; /*vertical ailign the product pages*/
}
button
{
	vertical-align: middle;
}

/*PAGE SETUP*/
.wrapper
{
	width: 1015px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
/*these are for keeping padding consistent throughout the site
use these classes to pad content areas throughout the site*/

#pageWrap
{
}
#headerWrap
{
	background: url(../images/topbamboo_repeat.jpg) repeat-x left top;
}
#header
{
	text-align: center;
	padding-top: 69px;
}
#breadcrumb
{
	margin-bottom: 10px;
	width: 645px;
	
	
}
#breadcrumb a
{
	text-decoration: underline;
}
#verticalNavWrap
{
	float: left;
	width: 155px;
	padding-left: 8px;
}
#contentWrap
{
	float: right;
	width: 830px;
	overflow: hidden; /*this is so wide content in the content area doesn't blow out the side in IE6. You can remove this as long as you have good HTML in your content area or don't care about IE6*/
}
#bodyContents
{
	border-left: solid 1px #d6d5d5;
	border-right: solid 1px #d6d5d5;
	background: #F0F4E3 url(../images/homeFooterBg.jpg) repeat-x left bottom;
}
#bodyRoundCornersBottom
{
	height: 14px;
	background: url(../images/bottomBg.jpg) no-repeat left top;
}
#mainBody
{
	background: White;
	padding: 12px 6px;
}
#mainContent
{
	min-height: 300px;
	width: 655px;
	float: left;
}

#rightColumn
{
	width: 170px;
	min-height: 300px;
	float: left;
	text-align: center;
}

/*HEADER ELEMENTS*/
#logo
{
	margin-bottom: 20px;
	text-decoration: none;
}
/*HORIZ NAV*/
#horizNav
{
	line-height: 14px;
	text-align: center;
	background: url(../images/horizNavBg.jpg) repeat left top;
	height: 14px;
	padding: 10px 0px 4px 0px;
	text-transform: uppercase;
	font-size: 12px;
}
/* Top Menu */
.nav, .nav ul
{
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align: left;
}

.nav a, .nav span
{
	display: block;
	padding: 0px 12px;
	text-decoration: none;
	color: #999;
	border-left: solid 1px #D6D5D5;
}
.nav li /* all list items */
{
	float: left;
	line-height: 14px;
}
.nav li.first span
{
	border: none;
}
.nav li li /* second level list items */
{
	display: block;
	clear: both;
	width: 182px;
	font-size: 12px;
	line-height: 14px;
	height: auto;
}
.nav li li a /* second level links*/
{
	padding: 3px 14px;
	border: none;
	color: White;
}
.nav li li a:hover /* second level links*/
{
	background: #999;
}
.nav li ul
{
	/* second-level lists */
	position: absolute;
	background: #AECB71;
	display: none;
	border-left: solid 1px #D6D5D5;
	border-right: solid 1px #D6D5D5;
	border-bottom: solid 1px #D6D5D5;
}

.nav li ul ul
{
	/* third-and-above-level lists */
	margin: -22px 0 0 100%;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul
{
	display: none;
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul
{
	/* lists nested under hovered list items */
	display: block;
}
.nav a.selected
{
	background: #143C7A;
	color: White;
}
/* INFO BAR */
#infoBarWrap
{
	background: #EEF3DF;
}
#infoBar
{
	padding: 12px 8px;
}
#searchWrap
{
	float: left;
	line-height: 0px; /*fixes the form alignment without floats*/
	font-size: 0px;
	width: 268px;
	padding-right: 5px;
	padding-top: 4px;
}
#searchWrap form
{
	margin: 0px;
	padding: 0px;
}
#searchBox
{
	width: 165px;
	height: 22px;
	padding: 6px 0px 0px 15px;
	border: none;
	background: url(../images/searchBg.gif) no-repeat left top;
	vertical-align: top;
}
#searchGo
{
	vertical-align: top;
}
#helpInfo
{
	float: left;
	width: 456px;
	text-align: center;
}
#contactInfo
{
	color: #92b53d;
	font-size: 18px;
}
#contactInfo a, #contactInfo #phoneNumber
{
	color: #3eacd3;
}
#accountLinks
{
	text-align: right;
	float: right;
	width: 261px;
	padding-top: 4px;
}
#accountLinks a
{
	text-decoration: none;
}
#accountLink
{
	background: url(../images/AccountLinkBg.jpg) no-repeat left top;
	width: 87px;
	display: block;
	color: White;
	float: left;
	margin-left: 7px;
}
#cartLink
{
	background: url(../images/cartLinkBg.jpg) no-repeat left top;
	width: 81px;
	display: block;
	color: White;
	float: right;
}
#loginLink
{
	background: url(../images/LoginBg.jpg) no-repeat left top;
	width: 78px;
	display: block;
	color: White;
	float: left;
}
/* VERTICAL NAV */
#verticalNav
{
	background-color: White;
	padding-right: 12px;
}
.leftNav
{
	padding-bottom: 4px;
}
.leftNav a
{
	color: #666;
}
.subcats
{
	padding-bottom: 6px;
}
.subcats li
{
	padding-left: 26px;
	line-height: 14px;
	padding: 3px 0px;
}
.atStart
{
	cursor: pointer;
}
/* FOOTER */
#footer
{
	text-align: center;
	padding: 22px 20px 0px 20px;
}

#footerRow
{
	border-bottom: solid 1px #e1e2e0;
	padding-bottom: 20px;
}

#blog
{
	border-right: solid 1px #e1e2e0;
	float: left;
	text-align: left;
	line-height: 12px;
}

#blog img
{
	position: relative;
	top: -7px;
	left: 25px;
}

#blogRSS
{
	padding-top: 0px;
}

#blogRSS a
{
	color: #32a7d1;
	font-size: 10pt;
}

#mission
{
	border-right: solid 1px #e1e2e0;
	float: left;
	text-align: left;
	font-size: 9pt;
	padding-left: 30px;
	padding-right: 30px;
}

.footerTitle
{
	font-weight: bold;
	color: #9ebf52;
	float: left;
}

#mission
{
	float: left;
	width: 300px;
	text-align: left;
}

#mission p
{
	line-height: 13pt;
	padding-top: 10px;
}

#signUpWrap
{
	float: right;
	width: 298px;
	text-align: left;
}
.signUpPromo
{
	font-size: 18px;
}
.signUpPromo2
{
	font-size: 22px;
	color: #8aa948;
	margin-bottom: 10px;
}
.signUpPromo2 a
{
	color: #32a7d1;
}
#subscribeLink a
{
	color: #32a7d1;
}
#subscribeLink
{
	float: right;
}
#signUp
{
	font-size: 0px;
	line-height: 0px;
	margin-bottom: 6px;
}
#Contact0Email
{
	width: 197px;
	height: 22px;
	padding: 6px 0px 0px 15px;
	border: none;
	background: url(../images/SignUpBox.gif) no-repeat left top;
	vertical-align: top;
}


#SEOtext
{
	text-align: left;
	margin-bottom: 10px;
	line-height: 13pt;
	padding-top: 10px;	
	border-bottom: solid 1px #e1e2e0;
	padding-bottom: 10px;
}

#footerLinks
{
	text-align: left;
	padding-top: 20px;
}
#footerLinks ul
{
	width: 178px;
	float: left;
}
#footerLinks ul li h2
{
	margin-bottom: 2px;
}
#footerLinks ul li
{
	line-height: 18px;
}
#footerLinks a
{
	color: #999;
}
#copyRight
{
	text-align: right;
	padding: 6px;
	color: #7b7b7b;
}
/* MICHAEL'S CUSTOMIZATIONS */

.font
{
	font-size: 8pt;
	color: #666666;
	font-family: verdana, arial, serif;
}
.fontA
{
	font-size: 8pt;
	color: #000000;
	font-family: verdana, arial, serif;
}
.fontB
{
	font-size: 10pt;
	color: #7BAA10;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.fontC
{
	font-size: 9pt;
	color: #7BAA10;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.fontD
{
	font-size: 10pt;
	color: #7BAA10;
	font-family: verdana, arial, serif;
	font-style: italic;
}
.fontE
{
	font-size: 8pt;
	color: #999999;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.fontF
{
	font-size: 9pt;
	color: #FFFFFF;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.fontG
{
	font-size: 8pt;
	color: #FFFFFF;
	font-family: verdana, arial, serif;
}
.fontH
{
	font-size: 8pt;
	color: #666666;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.fontI
{
	font-size: 10pt;
	color: #7BAA10;
	font-family: verdana, arial, serif;
}
.fontJ
{
	font-size: 7pt;
	color: #999999;
	font-family: verdana, arial, serif;
}

.ambition
{
	font-size: 8pt;
	color: #CD110B;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.desire
{
	font-size: 8pt;
	color: #FF7F00;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.virtue
{
	font-size: 8pt;
	color: #C1B619;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.compassion
{
	font-size: 8pt;
	color: #6A9C1B;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.breathe
{
	font-size: 8pt;
	color: #4573B3;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.imagine
{
	font-size: 8pt;
	color: #421483;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
.miracle
{
	font-size: 8pt;
	color: #811788;
	font-family: verdana, arial, serif;
	font-weight: bold;
}

.ProductNameText
{
	font-size: 11pt;
	color: #666666;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
ul.profile li
{
	line-height: 1.25em;
	list-style: disc;
	list-style-position: inside;
	color: #666666;
}

.vertrule
{
	background-repeat: repeat-y;
	background-image: url(skins/skin_1/../images/verticalrule.gif);
}

#topictitle
{
	font-size: 10pt;
	color: #7BAA10;
	font-family: verdana, arial, serif;
	font-weight: bold;
}
#topicimage
{
	padding: 15px;
	float: right;
}

/* PRODUCT PAGE */

.WishListWarning, #lblKitError
{
	color: Red;
}
#KitError
{
	text-align: center;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
}
#relatedBoxTop
{
	background: url(../images/RelatedBoxTop.jpg) no-repeat left top;
	padding-top: 10px;
}
#relatedBoxContent
{
	background: url(../images/FeaturedBoxContent.jpg) repeat-y left top;
	border-bottom: solid 1px White; /*IE hack*/
}
#relatedBoxBottom
{
	background: url(../images/FeaturedBoxBottom.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}
.relatedImageWrap
{
	padding-bottom: 10px;
}
#mainContent #relatedTable td
{
	text-align: center;
	background: url(../images/FeaturedDivider.gif) no-repeat left center;
}
#mainContent #relatedTable td.first
{
	background: none;
}
/* default class for stock hint display */
.StockHint_OutOfStock
{
	color: red;
}
.StockHint_InStock
{
	color: blue;
}
/* indented class variation for stock hint display */

.StockHint_Indented_OutOfStock
{
	color: red;
}
.StockHint_Indented_InStock
{
	color: blue;
}
/* CSS for shoppingcart [begin] */

#OrderNotes
{
	width: 99% !important;
}
/****** [end] ******/
/* CSS for productratings [begin] */

.CommentHelpfulText
{
	font-family: Arial,Helvetica;
	color: #009999;
}
/****** [end] ******/

/* CSS for Checkout GiftCard [begin] */

.CheckoutEmailGiftCardHeader
{
	background-color: #cccccc;
	color: #000000;
}
/****** [end] ******/

/* CSS for Checkout Terms And Conditions [begin] */
.CheckOutTermsBorder
{
	border-style: dashed;
	border-width: 1px;
	border-color: #000000;
}
/****** [end] ******/

/**************TabbedUI prototype*******************/

#pagetabs
{
	width: 100%;
	overflow: hidden;
}

#pagetabs a
{
	background-color: #DDDDDD;
	border-left: solid 1px black;
	border-top: solid 1px black;
	border-right: solid 1px black;
	color: #696969;
	padding: 0px 5px;
	line-height: 20px;
	height: 20px;
	position: relative;
	margin-right: 3px;
	text-decoration: none;
	vertical-align: middle;
	float: left;
}

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

#pagetabs a.activetab
{
	position: relative;
	color: #ffffff;
	border-bottom-color: white;
	background: #666;
}
#pagetabs a.activetab:hover
{
	text-decoration: none;
}
#tabcontent
{
	border: solid 1px gray;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 100%;
}
#tabcontent div.hiddenTab
{
	display: none;
}
#tabcontent div.selectedTab
{
	display: block;
}
/*HOME PAGE STYLES*/
#bannerWrap
{
	margin-bottom: 21px;
}
#featuredBoxTop
{
	/*background: url(../images/FeaturedBoxTop.jpg) no-repeat left top;*/
}
#featuredBoxContent
{
	/*background:url("../images/imgbg.gif") no-repeat scroll 0 0 transparent;*/
	height:185px;
	margin-top:20px;
}
#featuredBoxBottom
{
	/*background: url(../images/FeaturedBoxBottom.jpg) no-repeat left bottom;*/
}
#featuredProductsTable
{
	width: 100%;
}
#mainContent td.featuredProductCell
{
	text-align: center;
	background: url(../images/FeaturedDivider.gif) no-repeat left center;
	padding-bottom: 5px;
}
#featuredProductsTable td.first
{
	background: none;
}


/*RIGHT COLUMN*/

.promo
{
	color: #7b7b7b;
	font-size: 11px;
	padding-bottom: 18px;
}





/*CHECKOUT BUTTON STYLES*/
/*all buttons*/
.ContinueCheckoutButton, #btnShppingEqBilling, #btnCheckOut, .ContinueShoppingButton, #btnReturn, .CartDeleteButton, .CheckoutNowButton, .UpdateCartButton, .UpdateAccountButton, .SelectAddressButton, .CreateAccountButton, #btnRecalcShipping, #btnRequestEstimates, .UpdateWishButton, .MoveToCartButton, #btnUpdateRegistryItems, #btnupdateGiftSettings, .GiftRegistrySearchButton, .ShippingMultPageUpdateButton, .ShippingMultPageContinueCheckoutButton, .AccountPageContinueCheckoutButton, .PaymentPageContinueCheckoutButton, .ReviewPageContinueCheckoutButton, #btnRemoveEstimator, #ctrlEstimateAddress_GetEstimateButton, #LoginButton, #btnRequestNewPassword, .AddToCartButton, .AddToWishButton, .AddToGiftButton, #RegisterAndCheckoutButton, #btnSignInAndCheckout, .ShippingPageContinueCheckoutButton, #btnSaveAddress, #btnDeleteAddress, #btnNewAddress
{
	height: 21px;
	border: none;
	color: White;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	cursor: pointer;
	background-image: url(../images/ButtonSprite.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top left;
}

/*set widths and bg positons*/
#LoginButton, .CartDeleteButton
{
	background-position: 0px -105px;
	width: 75px;
}









.UpdateCartButton, .SelectAddressButton, .CreateAccountButton, #btnRecalcShipping, .UpdateWishButton, .MoveToCartButton, #btnUpdateRegistryItems, #btnupdateGiftSettings, .GiftRegistrySearchButton, .ShippingMultPageUpdateButton, .ShippingMultPageContinueCheckoutButton, .PaymentPageContinueCheckoutButton, .ReviewPageContinueCheckoutButton, .AddToCartButton, .AddToWishButton, .AddToGiftButton, .ShippingPageContinueCheckoutButton, #btnSaveAddress, #btnDeleteAddress
{
	background-position: 0px -84px;
	width: 100px;
}

.CheckoutNowButton, #btnRequestEstimates, #btnRemoveEstimator, #ctrlEstimateAddress_GetEstimateButton, .UpdateAccountButton
{
	background-position: 0px -63px;
	width: 125px;
}

.AccountPageContinueCheckoutButton, #btnCheckOut, #btnNewAddress, #btnSignInAndCheckout, #btnShppingEqBilling, #btnReturn
{
	background-position: 0px -42px;
	width: 150px;
}

.ContinueCheckoutButton, .ContinueShoppingButton, #btnRecalcShipping, #RegisterAndCheckoutButton, #btnShppingEqBilling
{
	background-position: 0px -21px;
	width: 175px;
}
#btnRequestNewPassword
{
	background-position: 0px 0px;
	width: 200px;
}
/*END CHECKOUT BUTTON STYLES*/
#btnCheckOut
{
	margin-left: 2px;
}
#breadcrumb
{
	display: none;
}
/* infinite carousel */
.infiniteCarousel
{ overflow:hidden;border-color:#C0C0C0;border-style:solid;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px;border-width:1px 2px 2px 1px; position:relative; float:left; width:650px; height:278px;z-index:0}
.infiniteCarousel .wrapper
{ overflow:hidden; position: absolute; top:0; left:0; width:680px; height:278px; }
.infiniteCarousel ul a img
{ border:none; }
.infiniteCarousel .wrapper ul
{ width: 9999px; list-style:none; position: absolute; top: 0; left:0; }
.infiniteCarousel ul li
{ display:block; float:left; width:680px; height:278px; }
.infiniteCarousel ul li a
{ display:block; }
.infiniteCarousel ul li a img
{ display:block; }
.infiniteCarousel .arrow
{ display: block; height: 25px; width:25px; text-indent: -99999px; position: absolute; top:6px; cursor: pointer; }
.infiniteCarousel .forward
{ background: url("../images/20090707_rightarrow.gif") no-repeat 0 0; right:6px;}
.infiniteCarousel .back
{ background: url("../images/20090707_leftarrow.gif") no-repeat 0 0; right:36px;}
.infiniteCarousel .forward:hover
{ background: url("../images/20090707_rightarrow.gif") no-repeat 0 0; right:6px;}
.infiniteCarousel .back:hover
{ background: url("../images/20090707_leftarrow.gif") no-repeat 0 0; right:36px;}
/*
.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
*/
#horizLinks span{cursor:pointer;}
#iframe
{
	width:300px;
	height:300px;
	background-color:#cc3366;
	position:absolute;
}
/* infinite carousel */
.postadframe
{
	 -moz-border-radius:3px 3px 3px 3px;
	float:left;
	height:650px;
	margin-bottom:-150px;
	overflow:hidden;
	position:relative;
	width:650px;
	z-index:0;
}
.postadframe .wrapost
{ overflow:hidden; position: absolute; top:0; left:0; width:680px; height:650px; }
#postadimg
{
	-moz-border-radius:3px 3px 3px 3px;
	float:left;
	height:1000px;
	left:-48px;
	margin-bottom:-150px;
	overflow:hidden;
	position:relative;
	top:-18px;
	width:800px;
}
#postadimg #wraimg
{ overflow:hidden; position: absolute; top:0; left:0; width:800px; height:1000px;z-index:1000; }