@charset "utf-8";
/* CSS Document */

/************************************************General styling***************************************************/
html{ background-image:url(../_img/css/green-banner.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:3px 0 0 0;}
body{ margin:0 auto; text-align:center;}
.clear{clear:both;}
 h1, h2, h3 , h4, h5, h6, a, p, ul, li, img{ margin:0; padding:0;}
 img{ border:none;}
a{ color:#379300; outline:none;}
a:active {outline: none;}
/************************************************Header***************************************************/
#header{ width:920px; margin:0 auto; padding-top:1px; text-align:left;}
#header .util-links{ height:24px; width:800px; padding-top:5px; }
#header .util-links a{ background:url(../_img/icons/plus-icon-small.jpg) no-repeat left; padding-left:10px; font-size:11px; color:#8e8e8e; text-decoration:none; margin-left:16px; float:right; width:auto;  }
#header .util-links a:hover{ text-decoration:underline;}
#header .util-links p{ margin:0 0 0 16px; float:right; font-size:11px; color:#333333; width:auto;}
#header .util-links p a.logout{ background:none; float:none; color:#5d9b36; text-decoration:underline; margin:0 0 0 5px; padding:0; width:auto; }
#header .box-expand{ height:39px; overflow:hidden; }
#header .logo{ margin:0 0 0 -17px;}
#header .logo a{ background-image:url(../_img/css/logo.jpg); width:414px; height:83px; float:left;}
#header .logo a span, #header .logo a img{ display:none;}
#header .strap-line{ background-image:url(../_img/css/strap-line.png); width:400px; height:24px; margin:26px 0 0 -2px;}

#header .basket{ float:right; background:url(../_img/css/rounded-box.gif) no-repeat; margin:8px 0 0 10px; width:191px; height:31px; }
#header .basket p { margin:5px; padding:3px 0 3px 25px; background-image:url(../_img/icons/basket-icon.png); background-repeat:no-repeat; }
#header .search{ float:right; background:url(../_img/css/rounded-box.gif) no-repeat; margin:8px 0px 0 0; width:191px; height:31px;}
#header input.txt{ float:left; margin:6px 0 0 26px; border:solid 1px #CCCCCC; color:#999999; width:200px; font-size:12px;}
#header input.go{ float:right; margin:5px 5px; width:21px; height:21px;}

#header #social-media {
	float:right;
	margin-top:-28px;
}
#header #social-media img {
	margin:0 0 0 3px;
}

#links a	{ background: url(http://www.brunoandbean.com/_img/icons/plus-icon-small.jpg) no-repeat left;
			padding-left: 10px;
			font-size: 12px;
			color: #8E8E8E;
			text-decoration: none;
			margin-right: 16px;
			}
			#links a:hover {text-decoration: underline;}
			#social img {margin-right: 5px;}
			#banners img {float: right;}
			.box-expand1 {width: 920px; height: 1px;}

/************************************************ Navigation ***************************************************/
#navigation{ margin:30px auto 0 auto; width:920px;}
#navigation-banner-home{ height:4px; background-color:#646464; margin:0; overflow:hidden;}
#navigation-banner-kitchen{ height:4px; background-color:#d25d04; margin:0; overflow:hidden;}
#navigation-banner-bath{ height:4px; background-color:#0066a0; margin:0; overflow:hidden;}
#navigation-banner-living{ height:4px; background-color:#65391a; margin:0; overflow:hidden;}
#navigation-banner-dining{ height:4px; background-color:#d69d02; margin:0; overflow:hidden;}
#navigation-banner-bed{ height:4px; background-color:#901f20; margin:0; overflow:hidden;}
#navigation-banner-gifts{ height:4px; background-color:#5f25a9; margin:0; overflow:hidden;}
#navigation-banner-kids{ height:4px; background-color:#a8084b; margin:0; overflow:hidden;}
#navigation-banner-outdoor{ height:4px; background-color:#0a4406; margin:0; overflow:hidden;}

#navigation ul{ float:right; width:413px; height:33px; list-style:none; margin-top:0; }
#navigation ul li{ float:left; font-size:17px; margin:7px 12px 0 14px; width:auto; }
#navigation ul li a{ color:#FFFFFF; text-decoration:none;}
#navigation ul li a:hover{ color:#bed732;}

#navigation ul.home{ background-image:url(../_img/nav/navigation-grey.png); }
#navigation ul.kitchen{ background-image:url(../_img/nav/navigation-orange.png);}
#navigation ul.bath{ background-image:url(../_img/nav/navigation-blue.png);}
#navigation ul.living{ background-image:url(../_img/nav/navigation-brown.png);}
#navigation ul.dining{ background-image:url(../_img/nav/navigation-yellow.png);}
#navigation ul.bed{ background-image:url(../_img/nav/navigation-red.png);}
#navigation ul.gifts{ background-image:url(../_img/nav/navigation-purple.png);}
#navigation ul.kids{ background-image:url(../_img/nav/navigation-pink.png);}
#navigation ul.outdoor{ background-image:url(../_img/nav/navigation-green.png);}

/************************************************ Product-categories ***************************************************/
#footer{ width:910px; margin:150px auto 0 auto; background-image:url(../_img/nav/footer-gradient.jpg); background-repeat:repeat-x; background-color:#f1f1f1; border-top:solid 21px #d9d9d9; padding-left:10px; text-align:left; }
#footer span, #footer a.betenoir h5{ display:none; }
#footer ul{ list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:18px; margin-top:4px; color:#cac8c8; font-weight:bold;}
#footer ul a{text-decoration:none;color:#cac8c8; font-weight:bold;}
#footer ul a:hover{ color:#ababab;}


.designers, .info{ width:168px; margin:16px 0 0 14px; float:left;}
.stuff{ width:148px; margin:16px 0 0 14px; float:left;}
.contact{ width:305px; margin:16px 0 0 64px; float:left; font-size:12px; }
.contact form { margin:0;}
.contact form input{ width:294px; border:solid 1px #dedede; margin-bottom:7px; color:#c6c5c5; font-size:14px; padding:2px 2px; }
.contact form textarea{ border:solid 1px #dedede; margin-bottom:7px; color:#c6c5c5;}
.contact form input.button{ width:83px; height:24px; float:right; margin-right:2px; border:none;}

.designers a.designer-title{ background-image:url(../_img/footer/header-designrs.gif); width:73px; height:17px; float:left;}
.stuff a.stuff-title{ background-image:url(../_img/footer/header-stuff.gif); width:69px; height:17px; float:left;}
.info a.info-title{ background-image:url(../_img/footer/header-info.gif); width:103px; height:17px; float:left;}
.contact a.contact-title{ background-image:url(../_img/footer/header-contact.gif); width:80px; height:17px; float:left; margin-bottom:4px;}
.contact h4{ font-size:14px; color:#797979; font-weight:bold; float:left; width:245px; margin:20px 0;}
/*.contact a.twitter{ float:right; margin:10px 20px 0 0;}*/

.contact #social-links ul {list-style-type:none; margin:0px 0px 0 0; }
.contact #social-links #twitter {background-image:url(../_img/general/i-twitter.png); background-repeat:no-repeat; background-position:right; padding:10px 45px 10px 0; float:right; margin-bottom:5px; margin-right:5px; }
.contact #social-links #rss {background-image:url(../_img/general/i-rss.png); background-repeat:no-repeat; background-position:right; padding:10px 45px 10px 0; float:right; margin-right:5px; }

h5.copyright{ font-size:14px; color:#CCCCCC; float:right; margin:10px 30px 0 0;}
a.betenoir{ background-image:url(../_img/footer/tag_betenoir.jpg); width:249px; height:21px; float:right; margin:0 30px 10px 0;}

/************************************************ Product-categories ***************************************************/
#product-categories{ width:920px; margin:0px auto;}
.living, .dining, .bed, .bath, .kitchen, .gifts, .kids, .outdoor{ width:186px; height:212px; float:left; margin-top:40px;}

#product-categories .living-image a{ width:186px; height:212px; /*background-image:url(../_img/home/living-image.jpg);*/ float:left; width:186px; height:135px; border-bottom:solid 7px #e9ebea;}
#product-categories .living-image a:hover{ border-bottom:solid 7px #65391a;}
#product-categories .living-grey-header{ background-image:url(../_img/home/living-grey-header.jpg); width:186px; height:70px; float:left;}
#product-categories .dining-image a{ width:186px; height:212px; background-image:url(../_img/home/dining-image.jpg); float:left; width:186px; height:135px; border-bottom:solid 7px #e9ebea;}
#product-categories .dining-image a:hover{ border-bottom:solid 7px #d69d02;}
#product-categories .dining-grey-header{ background-image:url(../_img/home/dining-grey-header.jpg); width:186px; height:70px; float:left;}
#product-categories .bed-image a{ width:186px; height:212px; background-image:url(../_img/home/bed-image.jpg); float:left; width:186px; height:135px; border-bottom:solid 7px #e9ebea;}
#product-categories .bed-image a:hover{ border-bottom:solid 7px #901f20;}
#product-categories .bed-grey-header{ background-image:url(../_img/home/bed-grey-header.jpg); width:186px; height:70px; float:left;}
#product-categories .bath-image a{ width:186px; height:212px; background-image:url(../_img/home/bath-image.jpg); float:left; width:186px; height:135px; border-bottom:solid 7px #e9ebea;}
#product-categories .bath-image a:hover{ border-bottom:solid 7px #00639c;}
#product-categories .bath-grey-header{ background-image:url(../_img/home/bath-grey-header.jpg); width:186px; height:70px; float:left;}
#product-categories .kitchen-image a{ width:186px; height:212px; background-image:url(../_img/home/kitchen-image.jpg); float:left; width:186px; height:135px; border-bottom:solid 7px #e9ebea;}
#product-categories .kitchen-image a:hover{ border-bottom:solid 7px #d25d04;}
#product-categories .kitchen-grey-header{ background-image:url(../_img/home/kitchen-grey-header.jpg); width:186px; height:70px; float:left;}
#product-categories .gifts-image a{ width:186px; height:212px; background-image:url(../_img/home/gifts-image.jpg); float:left; width:186px; height:135px; border-bottom:solid 7px #e9ebea;}
#product-categories .gifts-image a:hover{ border-bottom:solid 7px #5f25a9;}
#product-categories .gifts-grey-header{ background-image:url(../_img/home/gifts-grey-header.jpg); width:186px; height:70px;float:left;}
#product-categories .outdoor-image a{ width:186px; height:212px; background-image:url(../_img/home/outdoor-image.jpg); float:left; width:186px; height:135px; border-bottom:solid 7px #e9ebea;}
#product-categories .outdoor-image a:hover{ border-bottom:solid 7px #0a4406;}
#product-categories .outdoor-grey-header{ background-image:url(../_img/home/outdoor-grey-header.jpg); width:186px; height:70px; float:left;}
#product-categories .kids-image a{ width:186px; height:212px; background-image:url(../_img/home/kids-image.jpg); float:left; width:186px; height:135px; border-bottom:solid 7px #e9ebea;}
#product-categories .kids-image a:hover{ border-bottom:solid 7px #a8084b;}
#product-categories .kids-grey-header{ background-image:url(../_img/home/kids-grey-header.jpg); width:186px; height:70px; float:left;}


/************************************************ Category pages ***************************************************/
#product-list{ width:920px; margin:0 auto; text-align:left; }
#product-list .kitchen-header{ background-image:url(../_img/headers/kitchen-header.jpg); width:132px; height:34px; margin:60px 0 0 0;}
#product-list .kitchen-header h4{ display:none; }
#product-list .living-header{ background-image:url(../_img/headers/living-header.jpg); width:115px; height:45px; float:left; margin:60px 0 0 0;}
#product-list .living-header h4{ display:none;}
#product-list .bath-header{ background-image:url(../_img/headers/bathroom-header.jpg); width:86px; height:36px; margin:60px 0 0 0;}
#product-list .bath-header h4{ display:none;}
#product-list .dining-header{ background-image:url(../_img/headers/dining-header.jpg); width:128px; height:45px; margin:60px 0 0 0;}
#product-list .dining-header h4{ display:none;}
#product-list .bed-header{ background-image:url(../_img/headers/bed-header.jpg); width:72px; height:36px; margin:60px 0 0 0;}
#product-list .bed-header h4{ display:none;}
#product-list .gifts-header{ background-image:url(../_img/headers/gifts-header.jpg); width:88px; height:36px; margin:60px 0 0 0;}
#product-list .gifts-header h4{ display:none;}
#product-list .kids-header{ background-image:url(../_img/headers/kids-header.jpg); width:81px; height:36px; margin:60px 0 0 0;}
#product-list .kids-header h4{ display:none;}
#product-list .outdoor-header{ background-image:url(../_img/headers/outdoor-header.jpg); width:166px; height:36px; margin:60px 0 0 0;}
#product-list .outdoor-header h4{ display:none;}


#product-list .sort-by{ background-color:#eeeeee; margin:4px 0 0 0; padding:5px; width:230px; color:#7f7e7e;}
#product-list .sort-by a.sort-up{ background-image:url(../_img/icons/arrow-up.jpg); background-repeat:no-repeat; background-position:left; padding-left:10px; margin-left:5px; color:#84b232; }
#product-list .sort-by a.sort-down{ background-image:url(../_img/icons/arrow-down.jpg); background-repeat:no-repeat; background-position:left; padding-left:10px; margin-left:5px; color:#84b232; }

/********Product-list*********/
#product-select .product{ width:186px; margin:50px 0 8px 0; color:#666666; float:left; height:215px; overflow:hidden;}
#product-select .product h3.product-name{ font-size:18px; color:#909295; text-decoration:none; font-weight:100; width:186px; max-height:46px; overflow:hidden;}
#product-select .product a.living-product img, a.dining-product img, a.bed-product img, a.bath-product img, a.kitchen-product img, a.gifts-product img, a.outdoor-product img, a.kids-product img{ width:186px; height:135px; float:left; border-bottom: solid 7px #e9eaea; margin-bottom:8px; padding-bottom:5px; }
#product-select .product a.living-product img:hover{ border-bottom:solid 7px #65391a;}
#product-select .product a.dining-product img:hover{ border-bottom:solid 7px #d69d02;}
#product-select .product a.bed-product img:hover{ border-bottom:solid 7px #901f20;}
#product-select .product a.bath-product img:hover{ border-bottom:solid 7px #00639c;}
#product-select .product a.kitchen-product img:hover{ border-bottom:solid 7px #d25d04;}
#product-select .product a.gifts-product img:hover{ border-bottom:solid 7px #5f25a9;}
#product-select .product a.outdoor-product img:hover{ border-bottom:solid 7px #0a4406;}
#product-select .product a.kids-product img:hover{ border-bottom:solid 7px #a8084b;}

#product-select .plus-sign{ background-image:url(../_img/general/plus-sign.jpg); width:37px; height:39px; float:left; margin:169px 10px 0 10px;}
#product-categories .plus-sign {background-image:url(../_img/general/plus-sign.jpg); width:37px; height:39px; float:left; margin:154px 10px 0 10px;}


/************************************************ Individual product ***************************************************/
#product-list .product-image{ float:left; margin:45px 100px 10px 0; width:400px; }
#product-list .product-info{ float:left; margin:45px 0 20px 0; width:400px; color:#737373; }
#product-list .product-info h2{ font-size:30px; color:#737373;}
#product-list .product-info h3{ font-size:12px; margin:10px 0 10px 0; font-weight:100;}
#product-list .product-info h4{ font-size:22px; margin:10px 0 0 0; }
#product-list .product-info p{ margin:10px 0;}
#product-list .product-info h5{ margin:30px 0 10px 0; font-size:18px; color:#737373; border-bottom:solid 7px #e9eaea; padding:10px 0; }
#product-list .product-info form input{ margin:10px 0; float:right;}
#product-list .related-products{ border-top:solid 1px #dddddd; padding-top:35px;}
#product-list .related-products .header-bath{ color:#00639c; font-size:30px;}
#product-list .related-products .header-living{ color:#65391a; font-size:30px;}
#product-list .related-products .header-dining{ color:#d69d02; font-size:30px;}
#product-list .related-products .header-bed{ color:#901f20; font-size:30px;}
#product-list .related-products .header-kitchen{ color:#d25d04; font-size:30px;}
#product-list .related-products .header-gifts{ color:#5f25a9; font-size:30px;}
#product-list .related-products .header-outdoor{ color:#0a4406; font-size:30px;}
#product-list .related-products .header-kids{ color:#a8084b; font-size:30px;}

/************************************************ Product options ***************************************************/
#product-list .product-info ul{ list-style:none; margin:5px 0 0 0;}
#product-list .product-info li label{ margin:0 10px 0 0; width:70px; float:left;}
#product-list .product-info li.color ul li{ float:left; margin:10px 0 30px 0; width:100px;}
#product-list .product-info li ul li img{ width:100px; height:70px;}



/************************************************ Content page ***************************************************/

#content{ width:920px; margin:0 auto; color:#737373; text-align:left;}
#content h4{ font-size:46px; color:#737373; font-weight:100; margin:60px 0 0px 0;}
#content .reply{ margin:60px 0 0 0;}

.content-image{ float:left; margin:45px 0 10px 0; width:500px;}
.content-info{ float:left; margin:45px 0 20px 0; width:400px; color:#737373; }

#checkout-form input.send-button{ width:83px; height:24px; float:right; margin:20px 50px 0 0;}
#checkout-form .middle form textarea{ border:solid 1px #dedede; padding:2px 3px; font-size:16px; color:#848484; font-family:Arial, Helvetica, sans-serif; }




/************************************************ Designer spotlight ***************************************************/

#designer-list{ width:920px; margin:0 auto; text-align:left;}
#designer-list .designer-header{ background-image:url(../_img/headers/designer-header.jpg); width:361px; height:46px; margin:60px 0 0 0;}
#designer-list .designer-header h4{ display:none;}
#designer-list .designer-image{ float:left; margin:45px 0 10px 0; width:500px; }
#designer-list .designer-info{ float:left; margin:45px 0 20px 0; width:400px; color:#737373; }
#designer-list .designer-info h2{ font-size:30px; color:#737373;}
#designer-list .designer-info p{ margin:10px 0;}

#designer-list .designer-products{ border-top:solid 1px #dddddd; padding-top:35px;}
#designer-list .designer-products h2{ color:#737373; font-size:30px; }
#designer-list .designer-products #product-select .product a.designer img{ border-bottom: solid 7px #e9eaea; margin-bottom:8px; padding-bottom:5px;}
#designer-list .designer-products #product-select .product a.designer img:hover{ border-bottom: solid 7px #737373;}

/************************************************ Search results page ***********************************************/
#search-container{ width:920px; margin:0 auto; text-align:left; }
#search-container p{ color:#737373; }
#search-container .results-header{ background:url(../_img/headers/results-header.jpg) no-repeat; width:272px; height:45px; margin:60px 0 0 0; }
#search-container .results-header h4{ display:none; }
#search-container .navigation{ width:920px; margin:0; border:solid 1px #e9eaea; border-width:0 0 1px 0; padding:10px 0;}
#search-container .navigation ul{ list-style:none; width:300px; margin:0 auto; }
#search-container .navigation ul li{ float:left; width:100px; text-align:center; }
#search-container .navigation ul li.prev, #search-container .navigation ul li.next{ color:#737373;}
ul.search-results{ width:920px; margin:20px auto 0 auto; list-style:none; }
ul.search-results li.row{ width:920px; overflow:hidden; margin:10px 0 0 0; border-bottom:solid 2px #e9eaea; padding:10px 0; }
ul.search-results li.title{ width:920px; height:27px; line-height:27px; color:#999999; font-size:18px; font-weight:bold; border-bottom:solid 7px #e9eaea; }
.t1, .t2{ float:left;}
ul.search-results li .t1{ width:700px; }
ul.search-results li .t2{ width:120px;  }
ul.search-results li .t2 h3{ font-size:18px; font-weight:bold; color:#737373;}
ul.search-results li .t1 img{ float:left; margin: 0 20px 0 0;}
ul.search-results li .t1 a h3{font-weight:100; text-decoration:underline; font-size:18px; margin:0 0 10px 0; }

ul.search-results input{ float:left; margin:13px 0 0 5px; }
ul.search-results input.txt{ width:300px; padding:2px 3px; color:#444444; border:solid 1px #dedede; margin:10px 0 0 0; font-size:16px; }

a.printBtn { background-image:url(../_img/css/print.gif); background-repeat:no-repeat; padding-left: 24px; }

/************************************************ Product image zoomer styles ***************************************************/
#wrap {
  width: 450px;
  position: absolute; 
  margin-left:auto;
  margin-right:auto;
}
#small         { position: relative; width: 100%; }
#large         { background: white; position: relative; width:700px; text-align:left; }
#mover         { position: absolute; top: 20px; left: 20px; width: 104px; height: 104px; overflow: hidden; z-index: 100; background: white; display: none; border:1px solid #5b635b; cursor:url(i-magnifier.png), -moz-zoom-in; }
#overlay       { width: 102px; height: 102px; position: absolute; top: 0; left: 0; z-index: 5000; }