@import url(navigation.css);

* { margin: 0; }
.button { color:#543019; font-size:12px; font-weight:bold; padding:4px 20px 3px 16px; cursor:pointer; border:none; background-color:#eae0d5; }
.textinput { border: 1px solid #c3c3c3; }
body, p { font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 1.3em; }
img { border: 0; }
a:link, a:active, a:visited { font-family: verdana, tahoma, arial, helvetica, sans-serif; /*font-size: 12px;*/ color: #c4141c; text-decoration: none; }
a:hover { color: #80c828; }
#container { width:950px; margin: 0 auto; }
ul { padding-left:14px;  }
.clear { clear:both; }

#header, #main, #footer { width:950px; margin:0 auto; }

/* header */

#header { position:relative; width:923px; height:198px; padding:6px 27px 0 0; background:top left no-repeat url(/images/header-bgnd.jpg); }
#header img.login, #header img.register { float:right; margin-left:6px; }
#header ul, #header li { float:left; margin:0; padding:0; list-style:none; }
#header ul { padding-top:136px; }
#header li { display:inline; margin-top:8px; }
#header li a { font-size:14px; line-height:120%; font-weight:bold; color:#e8e4cc; border-left:1px solid #e8e4cc; padding:0 10px 0 12px; }
#header li a:hover { text-decoration:underline; }
#header li.first a { border:none; }
#header li a.selected { color:#532c17; }
#header .fblike { position:absolute; right:150px; width:90px; margin-top:2px; }
#registerbox { width:227px; position:absolute; top:40px; right:0; }
#regcontent { width:207px; padding:10px; color:#4F2215; background: top left no-repeat #80c828 url(/images/main-right-bgnd.jpg); }
#registerbox p { font-size:10px; margin:0; color:#4F2215; }
#registerbox form { margin-top:8px; }
#registerbox label { float:left; width:62px; color:#FFFFFF; text-align:right; margin:3px 8px 2px 0; }
#registerbox input { float:left; width:120px; margin:2px 0; }
#registerbox input.sub-button { width:57px; margin:5px 0 0 67px; }
#registerbox a { float:left; font-size:10px; margin:10px 0 0 6px; color:#4F2215; }
#registerbox a:hover { text-decoration:underline; }

/* main */

#main { position:relative; padding-bottom:130px; background:top right repeat-y #FFFFFF url(/images/main-bgnd.gif); }
#main .left { float:left; width:173px; padding:26px 0 0 12px; }
#main .middle { float:left; width:540px; }
#main .right { float:left; width:190px; padding:0 15px 0 20px; color:#FFFFFF; background:top left repeat-y #80c827 url(/images/main-right-bgnd.jpg); }
#main .left ul.submenu { margin:0; padding:0 14px 14px 12px; list-style:none; }
#main .left .submenu li { padding:2px 0 8px 0; background:bottom left repeat-x url(/images/submenu-border.gif); /*border-bottom:1px dotted #532C17;*/ }
#main .left .submenu li a { color:#532C17; font-size:12px; }
#main .left ul.submenu ul { list-style:none; margin:0; padding:0; }
#main .left img.viewprods { margin-bottom:10px; }
#main .left .content { padding:0 14px 14px 8px; }
#production { margin:20px 0 0 18px; text-align:center; }
#production img { margin-bottom:10px; }
#production p, #production a { font-size:14px; color:#2c4c1c; }
#production a { background:top left no-repeat url(/images/play-button-bgnd.gif); display:block; width:47px; height:19px; padding-top:3px; }
#promo-code { width:142px; height:30px; padding:3px 7px 0 5px; margin-bottom:14px; background:top left no-repeat url(/images/promo-code-bgnd.gif); }
#promo-code .textinput { float:left; width:90px; margin-top:2px; }
#promo-code .button { float:right; border:none; padding:0; }
#main .middle .content { width:500px; padding:20px 20px 0 20px; }
#main .middle img.annie { position:absolute; right:225px; bottom:0; }
#main .middle img.berries { position:absolute; right:23px; bottom:4px; }
#main .right .content { padding-bottom:20px; }
#main .right p { color:#FFFFFF; }
#main .right a { color:#FFFFFF; text-decoration:underline; }
#main .right h3 { font-size:11px; }
#main .right h3 a { color:#4F2215; }
#main .right table { font-size:11px; color:#4F2215; background-color:#FFFFFF; border-color:#4F2215; }
#main .right table p { color:#4F2215 }

/* product page */

#main .middle .prodcat { float:left; width:135px; margin:0 18px 14px 0; text-align:center;  }
#main .middle .prodcat img { margin-bottom:5px; border:1px solid #8c7465; }
#main .middle .prodcat a { color:#56321c; }
#main .middle .prodimg { padding-top:36px; }
#main .middle .related { padding-top:36px; }
#main .middle .related h3 { margin-bottom:12px; }
/* category page */

#main .middle .product_content_browse { background:bottom left repeat-x url(/images/border-bottom.gif); }
#main .middle .prodcatleft { float:left; width:335px; padding:18px 0; }
#main .middle .prodcatright { float:right; width:165px; padding-bottom:2px; }
#main .middle .prodcatleft p { margin-bottom:12px; }
#main .middle .prodcatleft a.product { font-weight:bold; color:#543019; }
#main .middle .prodcatleft a.more { color:#543019; padding:1px 22px 2px 0; background:top right no-repeat url(/images/button-more.gif); }

/* Product Specific */

#main .middle p.proddesc { font-size:11px; }
#order_box { color: #543019; border: 1px dotted #543019; background: #eae0d5; margin-bottom:12px; }
#order_box th, .insideform2 th { font-size:12px; color: #543019; padding:6px 0 6px 10px; text-align:left; }
#order_box td { color: #543019; padding:2px 2px 2px 10px; text-align: left; }
#order_box .br { border-right: 1px dotted #543019; }
#order_box .bbb { border-top: 1px dotted #543019; }
#order_box input.textinput { width:56px; height:21px; }
a.ca  { color:#000000; }
#main .middle .basketdetails { float:right; width:190px; font-size:11px; }
#main .middle .basketdetails .button { width:190px; margin-bottom:12px; }
#main .middle .basketdetails p { font-size:11px; margin-bottom:4px; }
#main .middle .basketdetails p.total { font-size:24px; font-weight:bold; }
#main .middle .basketdetails a { font-size:11px; color:#000000; }

/* footer */

#footer { padding:10px 0; text-align:center; }
#footer, #footer a { font-size:12px; line-height:120%; color:#4e2a12; }
a.webdirector:link, a.webdirector:visited, a.webdirector:active { color: #8B956A; font-family: Verdana, sans-serif; font-size: 11px; text-decoration: none; }
a.webdirector span { font-style: italic; }
a.webdirector:hover { color: #8B956B; }
a.webdirector:hover span { color: #D11313; font-style: italic; }











/******* OLD STYLES NOT YET REPLACED ***********/


/* Last order popup */
#popup_container { position: absolute; top: 150px; left: 130px; width: 600px; border: 2px solid #DEBC79; background: #F5E9D0; background-image: url(/images/form-bg.gif); background-repeat: repeat-x; background-position: bottom; display: none; padding: 10px; }
#popup_container .button { background-color: #896A49; border: 1px solid #3E3950; color: #FFF; }
.popup_product_container { float: left; width: 165px; text-align: center; }

#loyalty_promo { color: #DE0029; font-weight: bold; }
#last_order_items { height: 340px; width: 400px; overflow: auto; border: 1px solid #DEBC79; background-color: #FFF; float: left; }
#last_order_items_wide { height: 340px; width: 600px; overflow: auto; border: 1px solid #DEBC79; background-color: #FFF; float: left; }
#last_order_upsell { width: 195px; height: 340px; overflow: auto; border: 1px solid #DEBC79; background-color: #FFF; float: right; text-align: center; }

#last_order_actions { text-align: right; background-color: #FFF; border: 1px solid #DEBC79; margin: 10px 0px 0px 0px; padding: 10px; }

/* Shopping cart */
#shopping_cart { color: #3E392C; background: #FFF url(/images/product_header.jpg) no-repeat top; width: 534px; padding-top: 12px; margin-left: 20px; }
#shopping_cart table { margin-top: 10px; }
#shopping_cart .button { background-color: #f3f5ec; border: 1px solid #c4cfa6; color: #8a956a; font-size: 11px; font-weight: bold; }
#shopping_cart .row { background: #FFF; }
#shopping_cart table th { text-align: left; }

/* Checkout */
#order_summary td { border-bottom: 1px solid #EFEFEF; }
#order_summary { border: 1px solid #999; padding: 5px; }
#checkout { color: #3E392C; background: #FFF url(/images/product_header.jpg) no-repeat top; width: 534px; margin-left: 20px; }
#checkout table { margin-top: 10px; }
#checkout .button { background-color: #f3f5ec; border: 1px solid #c4cfa6; color: #8a956a; font-size: 11px; font-weight: bold; }
#checkout h2 { margin-left: 100px; margin-top: 8px; font-family: Verdana, sans-serif; font-size: 16px; font-weight: bold; color: #E9E9E9; }
#checkout .row { background: #FFF; }
#checkout table th { text-align: left; }
.spacer { clear: both; }
.greenbold { font-size: 11px; font-weight: bold; color: #566522; }
.form td { text-align: left; }
.menupath { text-decoration: underline !important; }
.team img { padding-right: 8px; }
#email_container { width: 400px; margin: 0 auto; }
#email_container h1 { padding: 5px; }
#email_container p { padding: 5px; }

.form_container { background-color: #FFF; margin-top: 4px; border: 1px solid #8b956A; }

#submenu ul { margin-left: 15px; padding: 0; }

.bignum { font-size: 30px; }
.freeinbag {color: #008040}

select.dropdown { background-color: #F2F4EB; color: #8A956A; width:105px; border-color: #b0b0b0; }

.bestselling { float:left; width:125px; margin:20px 12px 0 0; }
.bestselling p { text-align:center; }
.bestselling a.product { color:#4E2A12; font-weight:bold; }