html, body { }
body { background:#000 url(/images/backgrounds/darkwood.jpg) top center; font-family: Georgia, Times, serif; }
body { font-family: Verdana, Helvetica, sans-serif; font-size:14px;  }

.soldout { background:#800; color:#fff; padding:20px; margin:10px 10px 10px -10px; z-index:100; }
.soldout h1 { color:#fff; }
.soldout h2 { color:#fff; font-size:24px; margin-bottom:30px; }

a { color:#000; font-weight:bold; outline:none; }
a:hover { color:#a56945; }

input { outline:none; }

h1 { }
h2 { font:bold 18px Arial,Helvetica,sans-serif; margin-bottom:10px; }
h3 { font:18px Arial,Helvetica,sans-serif; margin-bottom:10px; }
h4 { font:bold 14px Arial,Helvetica,sans-serif; margin-bottom:10px; }
h5 { font:14px Arial,Helvetica,sans-serif; margin-bottom:10px; }
h6 { font:bold 12px Arial,Helvetica,sans-serif; margin-bottom:10px; }

#customer_bar { height:30px; color:#999; line-height:30px; font-size:12px; }
#customer_bar a { color:#cc9; text-decoration:underline; }
#header { line-height: 0; }
#header img { margin:0 0 0 10px; padding:0; }
div.extrawide { width:990px; margin-left:-20px; }
div.woodtrim_h { background:url(/images/layout/woodtrim_h.jpg); height:10px; min-height:10px; }
div.woodtrim_v { background:url(/images/layout/woodtrim_v.jpg); }
#tabs { background:url(/images/layout/tab_bg.jpg); height:40px; min-height:40px; text-align: right; padding-right:20px; }
#tabs a img { margin:0; padding:0; }
#content { background:#f7e3b0; width:970px; margin-left:-20px; padding-left:20px; overflow:auto; }
#footer { line-height: 0; }
#footer div { float:left; }
#copyright { height:30px; color:#999; line-height:30px; font-size:12px; }
#copyright a { color:#cc9; text-decoration:underline; }

.absmiddle { vertical-align:middle; }

/* TESTING */
.green { background:green; }
.red { background:red; }

/* GENERAL */
.right { text-align:right; }
.center { text-align:center; }

/* FORMS */
div.error { border:0; padding:0; margin:0; background:transparent; }

/* PREP */
div.prep { margin-top:20px; }
div.prep p { margin-left:5px; }
div.prep p img { border:2px solid #000; float:right; margin:0 0 10px 10px;  }

/* ORDER */
div.steaks { background:#fff; border:1px solid #999; float:right; padding:9px; line-height:0; }
div.steaks img { border:1px solid #999; }
#giftcard { background:#e5e0c2; border:1px solid #999; font-size:12px; }
#giftcard p { margin:10px 10px; }
.ordernote { background:#e5e0c2; border:1px solid #999; padding:5px; font-size:11px; }
p.warning { background:#900; color:#fff; padding:5px; margin:10px 0;}


/* CART */
#cart { border:1px solid #ccc79f; background:#e5e0c2; }
#cart th { background:#ccc79f; }
#cart tr.item td { background:#e5e0c2; }
#cart input.quantity { width:20px; text-align:center; }
#cart .cartbuttonsrow { border-top:1px solid #ccc79f; }
#carttotals { background:#e0c185; border:1px solid #a67c52; }
#totals { width:210px; }
#totals td.data { text-align:right; }
#totals tr.totalrow td.data { border-top:1px solid #a67c52; }
#calc_shipping { background:#e5e0c2; border:1px solid #ccc79f; padding:9px; }
#coupon_code { background:#e5e0c2; border:1px solid #ccc79f; padding:9px; }
#calc_shipping p, #coupon_code p { margin:0 0 10px; }
#coupon_code p.error { padding:0; border:0; background:none; }
#coupon_code p.success { padding:0; border:0; background:none; }

/* CHECKOUT */
label { margin:2px 0; clear:left; float:left; width:80px; height:20px; font-size:12px; }
input, select { margin:2px 0 !important; height2:20px; }
#shipping_info label,#billing_info label,#payment_info label { width:110px; }

/* CONFIRM */
div.confirm {  }
div.confirm div.wrapper { padding:5px; font-size:12px; background:#e5e0c2; border:1px solid #999; overflow:auto; margin-bottom:20px; }
div.confirm div.wrapper label { width:110px; }
div.confirm div.wrapper2 { padding:5px; font-size:12px; background:#e5e0c2; border:1px solid #999; overflow:auto; margin-bottom:20px; }
div.confirm div.wrapper2 label { width:110px; }
div.confirm span { line-height:25px; }

/* GIFT CARD */
#giftcardcontainer { height:450px; width:630px; position:relative; background:url(/images/giftcard/giftcard.jpg) top center no-repeat; margin-bottom:20px; }
#giftcardtext { background:#fff; position:absolute; top:245px; left:215px; width:400px; padding:5px; border:1px solid #999; }
#giftcardtext textarea { width:240px; height:3em;}
#giftcardtext label { width:130px; }
#cardaddress { background:#e5e0c2; border:1px solid #999; font-size:12px; padding:5px; }



/* COLORBOX PLUGIN */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/icons/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/icons/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

