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

body { margin:0; padding:0; background:#fff url(/assets/images/bg-2.jpg); }

#wrap { width:874px; margin:10px auto 0; padding:0; background:#fff; border:13px solid #acd79b; }

#hdr { width:828px; height:200px; margin:23px auto 0; padding:0; background:url(/assets/images/bird-rock-coffee-roasters.jpg) top center no-repeat; }
#hdr a.logo { float:left; width:828px; height:200px; margin:0; padding:0; display:block; text-decoration:none; }
#hdr a.logo span { display:none; }

#hdr2 { width:856px; height:150px; margin:12px auto 0; padding:0; background:url(/assets/images/bird-rock-coffee-roasters-2.jpg) top center no-repeat; }
#hdr2 a.logo { float:left; width:856px; height:150px; margin:0; padding:0; display:block; text-decoration:none; }
#hdr2 a.logo span { display:none; }

#nv { width:828px; height:34px; margin:0 auto; padding:0; }

.menu ul li a.nv1 { float:left; display:block; width:72px; height:34px; margin:0 4px 0 18px; padding:0; background:url(/assets/images/nv/home-up.gif) top center no-repeat; }
.menu ul li a:hover.nv1, .menu ul li a.nv1a { float:left; display:block; width:72px; height:34px; margin:0 4px 0 18px; padding:0; background:url(/assets/images/nv/home.gif) top center no-repeat; }

.menu ul li a.nv2 { float:left; display:block; width:89px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/about-up.gif) top center no-repeat; }
.menu ul li a:hover.nv2, .menu ul li a.nv2a { float:left; display:block; width:89px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/about.gif) top center no-repeat; }

.menu ul li a.nv3 { float:left; display:block; width:113px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/coffees-up.gif) top center no-repeat; }
.menu ul li a:hover.nv3, .menu ul li a.nv3a { float:left; display:block; width:113px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/coffees.gif) top center no-repeat; }

.menu ul li a.nv4 { float:left; display:block; width:83px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/news-up.gif) top center no-repeat; }
.menu ul li a:hover.nv4, .menu ul li a.nv4a { float:left; display:block; width:83px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/news.gif) top center no-repeat; }

.menu ul li a.nv5 { float:left; display:block; width:114px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/contact-up.gif) top center no-repeat; }
.menu ul li a:hover.nv5, .menu ul li a.nv5a { float:left; display:block; width:114px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/contact.gif) top center no-repeat; }

.menu ul li a.nv6 { float:left; display:block; width:140px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/shop-online-up.gif) top center no-repeat; }
.menu ul li a:hover.nv6, .menu ul li a.nv6a { float:left; display:block; width:140px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/shop-online.gif) top center no-repeat; }

.menu ul li a.nv7 { float:left; display:block; width:131px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/wholesale-up.gif) top center no-repeat; }
.menu ul li a:hover.nv7, .menu ul li a.nv7a { float:left; display:block; width:131px; height:34px; margin:0 4px; padding:0; background:url(/assets/images/nv/wholesale.gif) top center no-repeat; }

.menu ul li span { display:none; }

.menu {width:828px; height:34px; position:relative; z-index:100;border:0; font:12px Georgia, "Times New Roman", Times, serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:828px; w\idth:828px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level *
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected *
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#acd79b;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#acd79b;}
.menu ul ul :hover > a.drop {background:#acd79b;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#acd79b;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0; width:149px;border:0;}
/* another hack for IE5.5 */
* html .menu ul ul {top:33px;t\op:34px;}
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#111; text-decoration:none; height:auto; line-height:1em; padding:10px; margin:0; width:128px;border-top:0; border-right:1px solid #904130; border-bottom:1px solid #efe2d0; border-left:1px solid #904130; display:block;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
/* style the top level hover */
.menu a:hover {color:#904130; background:0;}
.menu ul ul a:hover{color:#111; background:#efe2d0;}
.menu :hover > a {color:#904130; background:0;}
.menu ul ul :hover > a {color:#111; background:#efe2d0;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu ul ul ul a.myTop { border-top:1px solid #904130; }
.menu ul ul a.myBtm { border-bottom:2px solid #904130; }

#bxWrap { width:828px; margin:0 auto; padding:0; background:#efe2d0; }
#bxWrap h1 { margin:0; padding:5px 30px; color:#904130; font:16px Georgia, "Times New Roman", Times, serif; text-align:left; text-transform:uppercase; }
#bxWrap h2 { margin:0; padding:5px 30px; color:#555; font:14px Georgia, "Times New Roman", Times, serif; text-align:left; text-transform:uppercase; }
#bxWrap h3 { margin:0; padding:5px 30px; color:#111; font:italic 13px Georgia, "Times New Roman", Times, serif; text-align:left; }
#bxWrap h4 { margin:0; padding:5px 30px; color:#111; font:12px Georgia, "Times New Roman", Times, serif; text-align:left; }
#bxWrap h5 { margin:0; padding:5px 30px; color:#111; font:11px Georgia, "Times New Roman", Times, serif; text-align:left; }
#bxWrap h6 { margin:0; padding:5px 30px; color:#111; font:11px Georgia, "Times New Roman", Times, serif; text-align:right; }
#bxWrap p { margin:0; padding:5px 30px; color:#444; font:12px Georgia, "Times New Roman", Times, serif; text-align:left; line-height:18px; }
#bxWrap ul { margin:5px 30px 5px 45px; padding:0; list-style:square; text-align:left; }
#bxWrap ul li { margin:0; padding:0 0 10px 0; list-style:square; color:#444; line-height:18px; font:12px Georgia, "Times New Roman", Times, serif; text-align:left; }
#bxWrap ul li a { border:none; margin:0; padding:5px 0; color:#444; text-decoration:underline; background:none; line-height:18px; }
#bxWrap ul li a:hover { color:#904130; text-decoration:underline; border-bottom:none; background:none; }

#bxWrap ol { margin:5px 30px 5px 45px; padding:0; text-align:left; }
#bxWrap ol li { margin:0; padding:0 0 10px 0; color:#444; line-height:18px; font:12px Georgia, "Times New Roman", Times, serif; text-align:left; }

#bxWrap a { color:#904130; text-decoration:none; border-bottom:1px solid #904130; }
#bxWrap a:hover { color:#acd79b; text-decoration:none; border-bottom:1px dashed #acd79b; background:#904130; }
#bxWrap a.imgLink { text-decoration:none; border:none; }
#bxWrap img.goLeft { float:left; margin:0 20px; padding:0; border:0; }
#bxWrap img.goImg { margin:0 auto 10px; padding:1px; border:1px solid #904130; background:#fff; }
#bxWrap img.goImgL { float:left; margin:0 28px 10px; padding:1px; border:1px solid #904130; background:#fff; }

/*home template*/

#bxAh { float:left; width:309px; margin:10px 0; padding:0; border-right:1px solid #904130; text-align:center; }
/*#bxAh img { margin:10px 0; padding:1px; border:1px solid #904130; background:#fff; text-align:center; }*/

#bxBh { float:left; width:298px; margin:10px; padding:0; text-align:center; }
#bxWrap #bxBh h2 { margin:0; padding:5px 70px 5px 20px; color:#555; font:14px Georgia, "Times New Roman", Times, serif; text-align:left; }
#bxWrap #bxBh h3 { margin:0; padding:5px 20px; color:#111; font:italic 13px Georgia, "Times New Roman", Times, serif; text-align:left; }
#bxWrap #bxBh h6 { margin:0; padding:5px 20px; color:#111; font:11px Georgia, "Times New Roman", Times, serif; text-align:right; }
#bxWrap #bxBh p { margin:0; padding:5px 20px; color:#444; font:12px Georgia, "Times New Roman", Times, serif; text-align:left; line-height:18px; }

#bxCh { float:left; width:190px; margin:10px 0; padding:0 0 10px 0; background:#fff; text-align:center; }
#bxWrap #bxCh h2 { margin:0; padding:5px 20px; color:#904130; font:12px Georgia, "Times New Roman", Times, serif; text-align:left; }
#bxWrap #bxCh img { margin:10px 0; padding:0; border:0; }
#bxWrap #bxCh a img { margin:10px 0; padding:0; border:0; }

#shopNv { float:left; width:170px; margin:10px 10px 0; background:#efe2d0; }
#shopNv ul { float:left; display:block; margin:0; padding:0; list-style:none; width:170px; text-align:center; }
#shopNv ul li { display:block; margin:0; padding:0; list-style:none; font:13px Georgia, "Times New Roman", Times, serif; }
#shopNv ul li a { border:none; margin:0; padding:5px 0; background:none; width:170px; text-align:center; display:block; }
#shopNv ul li a:hover { color:#acd79b; text-decoration:none; border-bottom:none; background:#904130; }
#shopNv ul li a.sN1, #shopNv ul li a:hover.sN1 { display:block; width:170px; height:30px; margin:0; padding:0; background:url(/assets/images/home/shop-brcr.jpg) top center no-repeat; border:0; }
#shopNv span { display:none; }

.mySubscriptions { float:left; width:170px; height:30px; margin:0 10px; background:#abd79a; border:0; }
.mySubscriptions a { border:none; margin:0; padding:5px 0; background:none; width:170px; text-align:center; display:block; text-transform:uppercase; }
.mySubscriptions a:hover { color:#acd79b; text-decoration:none; border-bottom:none; background:#904130; }

.myCartLink { float:left; width:170px; margin:0 10px; padding:10px 0; background:#EFE2D0; border:0; font:11px Georgia, "Times New Roman", Times, serif; color:#904130; }

#mySearch { float:left; width:170px; margin:0 10px; padding:3px 0; background:#904130; border-top:1px solid #efe2d0; font:12px Georgia, "Times New Roman", Times, serif; color:#fffeff; }
#mySearch form.ajaxSearch_form { float:left; width:170px; height:30px; margin:0; padding:0; border:0; }
#mySearch fieldset { float:left; margin:0; padding:0; border:0; }
#mySearch label { margin:0px; text-transform:uppercase; }
#mySearch #ajaxSearch_input { margin:3px 2px 3px 5px; width:110px; color:#904130; font:12px Georgia, "Times New Roman", Times, serif;}
#mySearch #ajaxSearch_submit { margin:3px 0; width:40px; color:#904130; font:12px Georgia, "Times New Roman", Times, serif;}

/*regions template*/

#bxWrap #bxRegions { float:left; width:608px; margin:10px; padding:0; border:0; text-align:center; }
#bxWrap #bxRegions .regionPic { float:left; display:block; width:155px; margin:0 20px 30px; padding:1px; text-align:center; border:1px solid #904130; background:#fff; }
#bxWrap #bxRegions .regionPic img { margin:0; padding:0; border:0; }
#bxWrap #bxRegions .regionPic a img { float:left; display:block; margin:0; padding:0; border:0; text-decoration:none; }
#bxWrap #bxRegions .regionPic .region { float:left; display:block; width:155px; margin:1px 0 0; padding:10px 0; background:#ccc; }
#bxWrap #bxRegions .regionPic .region a { width:155px; margin:0; padding:0; font:bold 13px Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#fffeff; text-decoration:none; border-bottom:0; background:0; }

#bxWrap #bxRegions .regionPic .africa { background:#740e24; }
#bxWrap #bxRegions .regionPic .america { background:#ba5118; }
#bxWrap #bxRegions .regionPic .asia { background:#c8aa2e; }
#bxWrap #bxRegions .regionPic .reserve { background:#daa727; }
#bxWrap #bxRegions .regionPic .blends { background:#78471e; }
#bxWrap #bxRegions .regionPic .decaf { background:#c3812b; }

/*shop online template*/

#bxShop { float:left; width:608px; margin:10px; padding:0; border:0; text-align:center; }
#bxShop .bxShopColumn { float:left; display:block; width:202px; margin:0 0 30px 0; padding:0; text-align:center; }
#bxShop .bxShopColumn .shopCoffees { float:left; margin:0 0 10px 0; padding:0; width:170px; background:#904130; }
#bxShop .bxShopColumn .shopCoffees a { float:left; width:170px; margin:10px 0; padding:0; font:14px Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#fffeff; text-decoration:none; border-bottom:0; background:0; }
#bxShop .bxShopColumn .shopCoffees img { margin:0; padding:0; background:none; border:0; }

#bxShop .bxShopColumn { float:left; display:block; width:202px; margin:0 0 30px 0; padding:0; text-align:center; }
#bxShop .bxShopColumn .shopRetail { float:left; margin:0 0 10px 0; padding:0; width:170px; background:#7a5aa6; }
#bxShop .bxShopColumn .shopRetail a { float:left; width:170px; margin:10px 0; padding:0; font:14px Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#fffeff; text-decoration:none; border-bottom:0; background:0; }
#bxShop .bxShopColumn .shopRetail img { margin:0; padding:0; background:none; border:0; }
 { float:left; margin:0; padding:0; width:170px; background:#; }

#formCartBx { float:left; width:280px; margin:0 0 0 15px; padding:0 0 10px 0; border:1px solid #ddd; background:#acd79b; }
#formCartBx h2, #bxWrap #bxBh #formCartBx h2 { margin:10px; padding:0; text-align:left; color:#000; font:16px georgia, verdana, arial, sans-serif; }
#formCartBx h3 { margin:10px; padding:0; text-align:left; color:#6f0c0c; font:14px georgia, verdana, arial, sans-serif; line-height:22px; }
#formCartBx p { margin:0 10px; padding:5px 0 15px 0; text-align:left; text-indent:0; color:#000; font:13px tahoma, arial, verdana, sans-serif; line-height:22px; }
#formCartBx form { float:left; width:260px; margin:10px 0 0 10px; padding:0; border:1px solid #ddd; }
#formCartBx fieldset { width:260px; margin:0; padding:0; border:0; background:#fff; }
#formCartBx fieldset label { float:left; margin:0; padding:10px 0 5px 5px; font:12px georgia, verdana, arial, sans-serif; color:#333; border:0; }
#formCartBx fieldset input { float:right; margin:5px; padding:2px; font:12px georgia, verdana, arial, sans-serif; color:#333; border:1px solid #ddd; }
#formCartBx fieldset input.sendem { float:none; margin:5px; width:248px; padding:2px 0; font:12px georgia, verdana, arial, sans-serif; color:#904130; border:1px solid #acd79b; background:#fff; }
#formCartBx fieldset input.sendem:hover { color:#904130; border:1px solid #904130; background:#acd79b; }
#formCartBx fieldset select { float:right; margin:10px; padding:0; font:12px georgia, verdana, arial, sans-serif; color:#000; border:1px solid #ddd; }
#formCartBx fieldset textarea { float:right; width:244px; margin:5px; padding:2px; font:12px georgia, verdana, arial, sans-serif; color:#333; border:1px solid #ddd; }
#formCartBx .cartLine { float:left; width:260px; margin:0; padding:0; border:0; }
#formCartBx .cartLine:hover { float:left; width:260px; margin:0; padding:0; background:#eee; border:0; }

/*content template*/

#bxD { float:right; width:498px; margin:10px; padding:0; border:0; text-align:center; }
.myCoffeeLinks { margin:0 0 10px 0; padding:10px 0; border:1px solid #acd79b; }
#bxBh .myCoffeeThumb { width:140px; }
#bxWrap #bxBh .myCoffeeLinks h3 { margin:0; padding:0 20px; color:#222; font:italic 13px Georgia, "Times New Roman", Times, serif; text-align:left; }
#bxWrap #bxBh .myCoffeeLinks p { margin:0; padding:5px 20px 0; color:#444; font:11px Georgia, "Times New Roman", Times, serif; text-align:left; line-height:16px; }
#bxWrap #bxBh .myCoffeeLinks img { float:left; margin:0 10px 10px; }










/*foxycart*/

#pageContainer { margin:10px; padding:10px; background:#fff; }

/*forms*/

#formBx { float:left; width:400px; margin:0 0 0 15px; padding:10px; border:0; background:#acd79b; border-top:1px solid #ddd; }
#formBx form { float:left; width:398px; margin:0; padding:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ddd; background:#fff; }
#formBx fieldset { width:398px; margin:0; padding:0; border:0; }
#formBx fieldset label { float:left; margin:0; padding:13px 10px 10px; font:12px Georgia, "Times New Roman", Times, serif; color:#333; border:0; }
#formBx fieldset input { float:right; width:146px; margin:10px 10px 10px 0; padding:2px; font:12px Georgia, "Times New Roman", Times, serif; color:#444; border:1px solid #ddd; }
#formBx fieldset input.sendem { float:none; margin:5px; width:378px; padding:2px 0; font:bold 13px Georgia, "Times New Roman", Times, serif; color:#333; border:1px solid #ddd; background:#fff; }
#formBx fieldset input.sendem:hover { color:#111; border:1px solid #eee; background:#acd79b; }
#formBx fieldset select { float:right; margin:10px; padding:0; font:12px Georgia, "Times New Roman", Times, serif; color:#000; border:1px solid #ddd; }
#formBx fieldset textarea { float:right; width:374px; margin:10px; padding:2px; font:12px Georgia, "Times New Roman", Times, serif; color:#333; border:1px solid #ddd; }
#formBx .fLine { float:left; width:398px; margin:0; padding:0; }
#formBx .fLine:hover { float:left; width:398px; margin:0; padding:0; background:#eee; border-bottom:0; }
#formBx fieldset input.invalid { background:#eee; border:1px solid #6F0C0C; }
#formBx fieldset img { float:right; margin:5px 10px 0 0; padding:1px; border:1px solid #ddd; }
/**/
#formBx .errors { float:left; width:378px; margin:0 0 10px 0; padding:10px; font:11px Georgia, "Times New Roman", Times, serif; color:#8f402f; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ddd; text-align:left; background:#fff; }
.thanks { float:left; width:358px; margin:0; padding:10px; font:11px Georgia, "Times New Roman", Times, serif; color:#333; border:1px solid #ddd; background:#fff; }

/*AjaxResults*/
#bxD fieldset { border:0; }
#bxD .ajaxSearch_result { margin:0 0 10px 0; padding:10px; font:13px Georgia, "Times New Roman", Times, serif; color:#333; border-bottom:1px solid #ACD79B; text-align:left; }

/*footers*/
#address { width:828px; margin:0 auto; padding:0; text-align:left; font:bold 11px Arial, Helvetica, sans-serif; color:#904130; }
#address span { float:left; margin:10px 0; padding:0; text-align:left; font:bold 11px Arial, Helvetica, sans-serif; color:#904130; }
#address a img { float:right; margin:5px 0 0; padding:0; background:0; border:0; text-decoration:none; }

#ftr { width:900px; margin:0 auto; padding:0; background:#acd79b; }

#ftrNv { float:left; margin:0px; padding:0; }
#ftrNv ul { float:left; margin:0 0 0 13px; padding:0 0 5px 0; list-style:none; text-align:left; display:inline; }
#ftrNv ul li { margin:0; padding:0; display:inline; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; line-height:22px; }
#ftrNv ul li a { color:#fff; text-decoration:none; }
#ftrNv ul li a:hover { color:#904130; text-decoration:underline; }
#copyright { float:right; color:#fff; margin:0 13px 0 0; padding:0; text-align:left; ; font:bold 11px Arial, Helvetica, sans-serif; line-height:22px; }