body, html{
margin: 0;
padding: 0;
background: url(art/backgroundtop.gif) top left repeat-x #999900;
font-family: Verdana, sans serif;
font-size: 10pt;}

#wrapper{
width: 840px;
margin: 0 auto;}

#left_fade{
background: url(art/fade_left.gif) 0 0 repeat-y;
}

#right_fade{
background: url(art/fade_right.gif) 100% 0 repeat-y;
}

h4{
margin: 10px 0 3px 32px;
font-size: 9pt;
color: #666;
font-weight:normal;
text-transform: uppercase;}

p{
margin: 0 0 25px 32px;
font-size: 8pt;
color: #666;
line-height: 14pt;}

p.error{
display: none;}

a, a:link, a:visited, a:active{
color: #666600;}

a:hover{
color: #999900;
text-decoration: none;}

.cookie_crumbs{
padding: 30px 0 7px;
margin: 0 170px 30px 0;
font-size: 8pt;
color: #666600;
border-bottom: 2px solid #666600;}

.cookie_crumbs a,
.cookie_crumbs a:link,
.cookie_crumbs a:visited,
.cookie_crumbs a:active{
text-decoration: none;
color: #333300;}

.cookie_crumbs a:hover{
color: #999900;}

input{
border: 1px solid #999900;}

textarea{
border: 1px solid #999900;}

/* MENU */

ul#menu{
list-style-type: none;
background: #666600;
margin: 0 auto;
padding: 0;
width: 800px;
border-top: 9px solid #eee99f;
border-bottom: 9px solid #eee99f;
height: 30px;}

ul#menu li{
margin: 0;
float: left;}

ul#menu li a{
display: block;
height: 30px;
width: 155px;
text-align: center;
text-indent: -5000px;
border-right: 4px solid #eee99f;}

ul#menu li a.home{
border-left: 5px solid #eee99f;
background: url(art/menu_home_off.gif) 54px 5px no-repeat #cc9900;}

ul#menu li a.about{
background: url(art/menu_aboutus_off.gif) 38px 8px no-repeat;}

ul#menu li a.products{
background: url(art/menu_products_off.gif) 43px 8px no-repeat #cc9900;}

ul#menu li a.contact{
background: url(art/menu_contactus_off.gif) 38px 5px no-repeat;}

ul#menu li a.cart{
border-right: 4px solid #eee99f;
background: url(art/menu_viewcart_off.gif) 36px 5px no-repeat #cc9900;}

/* FOOTER */

#footerlinks{
float: right;
font-family: Georgia, serif;
font-style: italic;
margin: 20px 30px 0 0;}

.about #footerlinks{
margin: 10px 30px 0 0;}

#footerlinks a,
#footerlinks a:link,
#footerlinks a:visited,
#footerlinks a:active{
color: #999;
text-decoration: none;}

#footerlinks a:hover{
color: #666;}

#footer{
border-top: 2px solid #aaaa00;
color: #666;
margin: 10px 30px 0;
padding: 11px 0;
font-size: 9px;}

/* PRODUCT CONTENT */

#body{
margin: 1px 0 0 20px;
width: 800px;
background: #fff;
border-top: 4px solid #cccc66;}

#content{
background: url(art/leaftext.gif) bottom right no-repeat #fff;}

#content #header{
width: 150px;
float: right;}

h1{
position: absolute;
margin: 24px 0 0 16px;
height: 193px;
width: 110px;
background: url(art/bb_logo.gif) top left no-repeat;
text-indent: -5000px;}

#leaftext{
/*margin: 170px 0 0 16px;
background: url(art/leaftext.gif) top left no-repeat;
height: 93px;
width: 103px;*/
text-indent: -5000px;}

h3{
color: #bbbb33;
margin: 5px 0 3px 34px;
font-size: 9px;}

table.products{
margin: 0 0 0 22px;}

table.products td{
vertical-align: top;
border: 1px solid #cccc99;
width: 138px;
padding: 4px;
text-align: center;}

table.products h4{
font-family: Georgia, serif;
color: #aaaa11;
font-size: 12px;
font-variant: small-caps;
font-weight: bold;
margin: 10px 10px 0;}

table.products p{
font-size: 11px;
margin: 0 10px 10px;}

/* ABOUT CONTENT */

#content.about #header{
width: 308px;
float: right;}

#content.about{
background-image: none;}

h1.aboutus{
margin: 12px 0 0 16px;
height: 409px;
width: 267px;
background: url(art/bb_logo_about.jpg) top left no-repeat;
text-indent: -5000px;}

h2.aboutus{
width: 462px;
height: 30px;
margin: 26px 0 0 34px;
background: url(art/aboutus_hd.gif) top left no-repeat;
text-indent: -5000px;
border-bottom: 2px solid #b6b648;}

#content.about p{
width: 462px;}

/* WHOLESALERS CONTENT */

#content.wholesalers{
background: none;}

#content.wholesalers h2{
width: 615px;
height: 30px;
margin: 26px 0 25px 34px;
text-indent: -5000px;
border-bottom: 2px solid #b6b648;}

#content.wholesalers h2 span{
display: block;
background: url(art/wholesalers_hd.gif) top left no-repeat;
height: 38px;
width: 615px;}

#content.wholesalers p{
width: 615px;}

#content.wholesalers #footerlinks{
margin: 10px 30px 0 0;}

/* CATEGORIES CONTENT */

h2.products{
width: 615px;
height: 54px;
margin: 0 0 0 32px;
background: url(art/products_hd.gif) 0 26px no-repeat;
text-indent: -5000px;
border-bottom: 2px solid #b6b648;}

#content ul.products{
list-style-type: none;
width: 670px;
margin: 0;
padding: 0 0 0 7px;}

#content ul.products li{
display: inline-block;
width: 166px;
height: 189px;
border: 1px solid #b6b648;
font-family: Georgia, Times New Roman, serif;
text-align: center;
padding: 7px 0;
margin: 10px 25px 10px;
vertical-align: top;
font-variant:small-caps;}

#content ul.products li a{
text-decoration: none;}

#content ul.products ul.products{
display: none;}

/* CATEGORY CONTENT */

#content.category h2{
margin: 0px 0 50px 34px;
border-bottom: 2px solid #b6b648;
height: 54px;
width: 616px;
}

#content.Cards h2 span{
display: block;
background: url(art/note_cards_hdwshd.gif) 0 26px no-repeat;
text-indent: -5000px;
height: 102px;
width: 614px;}

#content.Gift h2 span{
display: block;
background: url(art/gift_notes_hdwshd.gif) 0 24px no-repeat;
text-indent: -5000px;
height: 104px;
width: 572px;}

#content.Kids h2 span{
display: block;
background: url(art/for_kids_hdwshd.gif) 0 20px no-repeat;
text-indent: -5000px;
height: 108px;
width: 614px;}

#content.Holiday h2 span{
display: block;
background: url(art/holiday_hdwshd.gif) 0 17px no-repeat;
text-indent: -5000px;
height: 111px;
width: 613px;}

#content.Cooks h2 span{
display: block;
background: url(art/for_cooks_hdwshd.gif) 0 20px no-repeat;
text-indent: -5000px;
height: 107px;
width: 613px;}

#content.Intrigue h2 span{
display: block;
background: url(art/intrigue_hdwshd.gif) 0 21px no-repeat;
text-indent: -5000px;
height: 107px;
width: 613px;}

#content ul.category{
list-style-type: none;
width: 670px;
min-height: 300px;
margin: 0;
padding: 0 0 0 29px;}

#content ul.category li{
display: inline-block;
width: 148px;
min-height: 182px;
border: 1px solid #b6b648;
font-family: Georgia, Times New Roman, serif;
text-align: center;
padding: 7px 0;
margin: 5px 3px;
vertical-align: top;
font-variant:small-caps;}

#content ul.category li p{
font-variant: normal;
margin: 2px 10px;
line-height: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;}

#content ul.category li a{
text-decoration: none;}

#content ul.category ul{
display: none;}

/* PRODUCT DETAIL PAGE */

#content.product_detail{
margin: 0 0 0 30px;}

.detail_pic{
float: left;
width: 151px;}

.detail_pic img{
padding: 3px;
border: 1px solid #999900;}

.detail_pic p{
margin: 10px 0 0;}

.detail_pic a,
.detail_pic a:link,
.detail_pic a:visited,
.detail_pic a:active{
display: block;
color: #666600;
font-size: 8pt;
text-decoration: none;}

.detail_pic a:hover{
color: #999900;}

#content.product_detail #product_info{
margin: 0 170px 0 180px;
font-size: 8pt;
line-height: 12pt;
color: #666;}

#content.product_detail h2{
font-family: Georgia, Times New Roman, serif;
font-style: italic;
font-weight: normal;
font-size: 15pt;
color: #666600;}

#content.product_detail h3{
margin: 30px 0 5px;
font-size: 8pt;
color: #999900;
text-transform: uppercase;}

#content.product_detail .overview{
margin: 0 0 30px 0;}

#content.product_detail .prodbold{
font-weight: bold;
color: #999900;
text-transform: uppercase;}

#content.product_detail td{
height: 25px;
padding: 0 10px 0 0;}

#content.product_detail .product_title_link{
font-size: 10pt;}

#content.product_detail ul.category{
margin: 0;
padding: 0;}

#content.product_detail ul.category li{
border: none;}

#content.product_detail #footer{
margin: 10px 0 0;}

/* POPUP IMAGES */

#image_popup{
width: 100%;
float: none;
padding-left: 0px;
padding-right: 0px;
text-align: center;
height: 100%;
background: #fff;}

#image_popup h2 img{
display: none;}

#image_popup h2{
text-align: left;
padding: 30px 30px 0;
font-family: Georgia, Times New Roman, serif;
font-style: italic;
font-weight: normal;
font-size: 15pt;
color: #666600;}

#image_popup span.close{
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;}

#image_popup span.close a,
#image_popup span.close a:link,
#image_popup span.close a:visited,
#image_popup span.close a:active{
text-decoration: none;}

#image_popup span.close a:hover{
color: #999900;}

#image_popup .content{
background: none;
padding: 0 0 20px 0;}

/* CONTACT CONTENT */

#content.contact{
background: url(art/contactus_bg.gif) 504px 5px no-repeat;}

#content.contact h1{
background: none;}

#content.contact h2{
margin: 0px 0 30px 34px;
border-bottom: 2px solid #b6b648;
height: 57px;
}

#content.contact h2 span{
display: block;
background: url(art/contactus_hd.gif) 0 26px no-repeat;
text-indent: -5000px;
height: 63px;
width: 142px;}

#content.contact h4{
margin: 10px 0 5px 32px;}

#content.contact table{
margin: 0 0 0 32px;}

#content.contact td{
color: #666;
font-size: 8pt;
line-height: 14pt;
padding: 0 10px 0 0;}

#content.contact form td{
padding: 0 10px 5px 0;}

/* CART CONTENT */

#content.cart{
background: none;
color: #666;}

#content.cart #header{
width: 303px;
margin: 7px 13px 0;}

#content.cart h1{
position: absolute;
background: url(art/cart_illustration_alt.gif) no-repeat;
height: 298px;
width: 303px;
margin: 0;}

#content.cart h2{
margin: 0px 0 30px 34px;
border-bottom: 2px solid #b6b648;
height: 58px;
width: 740px;
}

#content.cart h2 span{
display: block;
background: url(art/cart_hd_alt.gif) 0 30px no-repeat;
text-indent: -5000px;
height: 69px;
width: 206;}

#content.cart #footerlinks{
margin-top: 10px;}

table.cart{
margin: 0 0 0 30px;
font-size: 9pt;
width: 475px;
border-left: 1px solid #999900;
border-top: 1px solid #999900;}

table.cart th{
background: #999900;
border: none;
color: #fff;
text-align: left;}

table.cart td{
border-right: 1px solid #999900;
border-bottom: 1px solid #999900;
}

table.cart td input{
margin: 3px 0 0 3px;}

.coupon{
margin: 10px 296px 10px 30px;
}

.coupon input{
margin: 10px 0 0;}

.pay_options{
margin: 10px 296px 30px 30px;
}

.pay_options p{
margin: 20px 0 5px;}

p.or{
margin: 0 0 10px 0;
font-weight: bold;
text-transform: uppercase;
color: #999900;}

.pay_options input{
border: none;}

/* CHECKOUT */

#content.checkout{
background: none;
margin: 0 30px;
color: #666;
font-size: 8pt;}

#content.checkout h2{
font-weight: normal;
font-family: Georgia, Times New Roman, serif;
font-style: italic;
color: #999900;
padding: 0;}

#content.checkout h3{
text-transform: uppercase;
margin: 10px 0 5px;}

.order_crumbs{
padding: 30px 0 7px;
margin: 0 30px 30px 30px;
font-size: 8pt;
color: #666600;
border-bottom: 2px solid #666600;}

.order_crumbs a,
.order_crumbs a:link,
.order_crumbs a:visited,
.order_crumbs a:active{
text-decoration: none;
color: #333300;}

.order_crumbs a:hover{
color: #999900;}

#content.checkout #footer{
margin: 10px 0 0;}

#content.checkout #footerlinks{
margin-right: 0;}

.make_payment{
text-align: right;}

.make_payment input{
border: 3px solid #999900;
color: #333;
padding: 3px;}

.paypal_notice{
padding: 10px;
margin: 10px 0;
border: 1px solid #999900;
background: #eee;}

.bottom_button{
padding: 20px 0 0 0;}

/* HOME CONTENT */

#wrapper #home{
height: 550px;
background: url(art/home_background_alt.jpg) 0 0 no-repeat;
}

#wrapper #home h1{
position: relative;
margin: 0 0 0 303px;
width: 195px;
height: 88px;
background: url(art/bb_type_home.gif) 0 19px no-repeat;
text-indent: -5000px;}

#wrapper #home #leaftext{
margin: 193px 0 0 31px;
height: 102px;
width: 134px;
background: url(art/leaftext_home.gif) top left no-repeat;
text-indent: -5000px;}

#wrapper #home #special_graphic{
float: left;
margin: 14px 0 0 16px;}

#wrapper #home #footerlinks{
float: right;
margin: 143px 16px 0 0;
font-family: Georgia, serif;
font-style: italic;}

#footerlinks a,
#footerlinks a:link,
#footerlinks a:visited,
#footerlinks a:active{
text-decoration: none;
color: #999;}

#footerlinks a:hover{
color: #666;}

#wrapper #home #footer{
color: #333;
font-size: 10px;
text-align: center;
margin: 145px 0 0 0;
border: none;
padding: 0;}

/* ------ */
/* TABBER */
/* ------ */

/* Non Selected & Selected Tabs Link Text Colors */
ul.tabbernav li a:link { color: #ffffff; }
ul.tabbernav li a:visited { color: #ffffff; }
ul.tabberactive li a:link { color: #000000; }
ul.tabberactive li a:visited { color: #000000; }

ul.tabbernav {
	/* Tab Content Top Border */
	border-bottom: 1px solid #999900;
	font: bold 11px Verdana, sans-serif;
	padding: 3px 0;
	margin: 0;
}

.tabberlive .tabbertab {
	/* Tab Content Sides & Bottom Border */
	border: 1px solid #999900;
	padding: 15px;
	border-top: 0;
}

ul.tabbernav li a {
	text-transform: uppercase;
	font-size: 7pt;
	/* Tab Borders */
	border: 1px solid #999900;
	/* Non Selected Tabs Background */
	background: #999900;
	padding: 3px 0.5em;
	margin-left: 3px;	
	border-bottom: none;	
	text-decoration: none;
}

ul.tabbernav li a:hover {
	/* Hovered Tabs Background Color */
	background: #666600;
	/* Hovered Tabs Border Color */
	border-color: #666600;
	/* Hovered Tabs Text Color */
	color: #ffffff;	
}

ul.tabbernav li.tabberactive a {
	border-bottom: 1px solid #ffffff;
	/* Selected Tabs Background Color */
	background-color: #ffffff;
	/* Selected Tabs Font Color */
	color: #999900;
}

ul.tabbernav li.tabberactive a:hover {
	border-bottom: 1px solid white;
	/* Selected Tabs Hover Background Color */
	background-color: #ffffff;
	/* Selected Tabs Hover Font Color */
	color: #000000;
}

ul.tabbernav li {
	list-style: none;
	display: inline;
	margin: 0;
}

.tabberlive .tabbertabhide { display: none; }
.tabberlive .tabbertab h2 { display: none; }
.tabberlive .tabbertab h3 { display: none; }
.tabberlive { margin-top: 1em; }
.tabber { display: none; }