/* Design & Code (c) Phlox Design, Inc. 2008 */

/* =Defaults (Global)
----------------------------------------------- */
* {
    border: 0;
    color: #7d4641;
    margin: 0;
    padding: 0;
    }
html { overflow: scroll; }
body {
    background-color: #eee;
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    margin: 0 auto;
    width: 777px;
    }
img { border: 0; }

a {
    color: #7e8538;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    text-decoration: none;
    }
a:active,
a:hover {
    color: #8f683f;
    text-decoration: underline;
    }

a.hl {
    color: #f00;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    text-decoration: underline;
    }

.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }

.nb { font-weight: normal; }
.ni { font-style: normal; }
.nu { text-decoration: none; }

.f8  { font-size: 8px; }
.f9  { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }

.tal-c { text-align: center; }
.tal-l { text-align: left; }
.tal-r { text-align: right; }

.val-b { vertical-align: bottom; }
.val-m { vertical-align: middle; }
.val-t { vertical-align: top; }

.white  { color: #fff; }
.black  { color: #000; }
.red    { color: #f00; }
.orange { color: #f80; }
.yellow { color: #ff0; }
.blue   { color: #00f; }
.green  { color: #008000; }
.lgray  { color: #eee; }
.gray   { color: #ccc; }
.dgray  { color: #aaa; }

.lime   { color: #b3bf53; }
.olive  { color: #7e8538; }
.lgreen { color: #eceac3; }
.brown  { color: #7d4641; }
.dbrown { color: #993205; }

/* needed for image wraparound to fix I.E.'s bug where it places extra padding on images */
.imgtrim {
    font-size: 1px;
    line-height: 1px;
    }

table {
    border: 0;
    }
table tr th,
table tr td {
    border: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    }
table#layout {
    width: 775px;
    }
table#layout tr td#lnav,
table#layout tr td#inner {
    text-align: left;
    vertical-align: top;
    }
table#layout tr td#lnav {
    border-right: solid 1px #7d4641;
    width: 154px;
    }
table#layout tr td#inner {
    width: 621px;
    }



/* =Forms
----------------------------------------------- */
select.lst,
input.pass,
input.txt {
    background-color: #fff;
    border: solid 1px #808080;
    color: #993205;
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    white-space: nowrap;
    }
select.lst {
    height: 22px;
    line-height: 15px;
    }
input.pass,
input.txt {
    height: 16px;
    padding: 2px;
    }
textarea.txta {
    background-color: #fff;
    border: solid 1px #808080;
    color: #993205;
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    padding: 2px;
    }
input.on,
input.on-ro,
input.off,
input.off-ro,
input.go,
input.go-ro {
    cursor: pointer;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    height: 23px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    }
input.on {
    background-color: #ddd;
    border: solid 1px #888;
    color: #363636;
    }
input.on-ro {
    background-color: #888;
    border: solid 1px #ddd;
    color: #fff;
    }
input.go {
    background-color: #99703c;
    border: solid 1px #5b441a;
    color: #fff;
    }
input.go-ro {
    background-color: #5b441a;
    border: solid 1px #99703c;
    color: #fff;
    }
input.off,
input.off-ro {
    background-color: #efefef;
    border: solid 1px #ddd;
    color: #ccc;
    }
label.reg {
    color: #363636;
    }
label.req {
    color: #e00;
    font-weight: bold;
    }
label.caption {
    color: #000;
    font-size: 10px;
    }
form.general {
    background-color: #eceac3;
    border: solid 1px #b3bf53;
    margin: 12px;
    width: 594px;
    }
form.general input.pass,
form.general input.txt {
    width: 150px;
    }
form.general select.lst {
    width: 156px;
    }
div.white-box {
    color: #000;
    border: solid 1px #fff;
    margin: 12px 4px;
    padding: 8px;
    }
div.white-box h2.wb-title {
    border-bottom: solid 1px #b3bf53;
    font-size: 14px;
    margin-bottom: 24px;
    padding-bottom: 8px;
    text-transform: uppercase;
    }


/* =Main (Container)
----------------------------------------------- */
div#main {
    background: #fff url('../../images/main_bg.gif') repeat-x fixed top;
    border-left: solid 1px #7d4641;
    border-right: solid 1px #7d4641;
    margin: 0 auto;
    width: 775px;
    }

/* =Home
----------------------------------------------- */
div#home-top {
    background: #fff url('../../images/home_top_bg.gif') repeat-y;
    }
div#feat-item {
    float: left;
    margin: 4px;
    text-align: left;
    width:300px;
    }
div#feat-item div.fbox {
    border: solid 1px #eee;
    margin: 0 auto;
    text-align:center;
    width: 330px;
    }
div#feat-item div.fbox img {
    clear: both;
    width:200px;
    margin: 0 auto;
    }
div#feat-item p {
    border-bottom: solid 1px #7d4641;
    border-top: solid 1px #7d4641;
    margin-top: 4px;
    padding: 4px;
    width: 324px;
    }
div#side-bar {
    float: right;
    }
div#side-bar div.box {
    border-bottom: dotted 1px #fff;
    clear:both;
    margin: 4px 4px 24px 4px;
    padding-bottom: 24px;
    }
div#home-bot div.more-item {
    float: left;
    margin: 3px;
    width: 200px;
    }
div#home-bot div.more-item img {
    border: solid 1px #eee;
    }
div#home-bot div.more-item p {
    border-bottom: solid 1px #7d4641;
    border-top: solid 1px #7d4641;
    padding: 4px;
    }

/* =Header, Mid, Foot (Common)
----------------------------------------------- */
div#head,
div#mid,
div#foot {
    clear: both;
    width: 775px;
    }
div#head,
div#foot {
    margin-left: -1px;
    }


/* =Header
----------------------------------------------- */
div#head {
    background-color: #eceac3;
    border: solid 1px #7d4641;
    height: 32px;
    margin-top: -1px;
    }
div#head a {
    padding: 2px;
    }
div#head_l {
    float: left;
    line-height: 32px;
    margin-left: 4px;
    text-align: left;
    }
div#head_r {
    line-height: 32px;
    margin-right: 4px;
    text-align: right;
    }
#cart_img {
    vertical-align: middle;
    }

/* =Footer
----------------------------------------------- */
div#foot {
    background-color: #fff;
    border: solid 1px #7d4641;
    font-size: 10px;
    min-height: 24px;
    }
div#foot a {
    font-size: 10px;
    padding: 2px;
    }
div#foot_l {
    float: left;
    margin: 4px;
    text-align: left;
    }
div#foot_r {
    margin: 4px;
    text-align: right;
    }

/* =Mid
----------------------------------------------- */
div#mid {
    background-color: #fff;
    }

/* =Left Nav
----------------------------------------------- */
div#left {
    min-height: 600px;
    }
div#left_nav ul {
    list-style: none;
    width: 154px;
    }
div#left_nav ul li {
    border-bottom: solid 1px #b3bf53;
    margin: 2px;
    }
div#left_nav ul li a {
    border: solid 1px #fff;
    display: block;
    margin: 8px 0 2px 0;
    padding: 2px 4px;
    }
div#left_nav ul li a.sel,
div#left_nav ul li a:hover {
    border: solid 1px #8f683f;
    background-color: #eceac3;
    color: #8f683f;
    text-decoration: none;
    }


/* =Sub-Container
----------------------------------------------- */
div.sub {
    margin-bottom: 24px;
    }
div.sub h1.page-title {
    color: #8f683f;
    font-size: 20px;
    margin: 12px;
    }
div.sub h2.subtitle {
    color: #8f683f;
    font-size: 16px;
    margin: 12px;
    }
div.sub h3 {
    color: #000;
    font-size: 14px;
    margin: 12px 12px 0 12px;
    }
div.sub p,
div.sub ol,
div.sub ul {
    color: #000;
    margin: 12px;
    }
div.sub ol li,
div.sub ul li {
    color: #000;
    margin-left: 32px;
    }


/* =Error
----------------------------------------------- */
div.form-err,
div.form-ok {
    font-weight: bold;
    margin: 12px;
    }
div.form-err h3 {
    color: #d22;
    font-size: 14px;
    margin: 8px;
    text-transform: uppercase;
    }
div.form-err {
    background-color: #fee;
    border: solid 1px #fbb;
    color: #d22;
    }
div.form-ok {
    background-color: #efe;
    border: solid 1px #008000;
    color: #008000;
    }
div.form-err p {
    color: #d22;
    }
div.form-ok p {
    color: #008000;
    }


/* =Registration
----------------------------------------------- */
table#register_table {
    width: 100%;
    }
table#register_table tr td {
    color: #000;
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    }
table#register_table tr td.opt,
table#register_table tr td.req {
    padding: 4px;
    }
table#register_table tr td.req {
    color: #f00;
    font-weight: bold;
    }
textarea.dis,
input.dis {
    background-color: #eee;
    border: solid 1px #bbb;
    }


/* =Listing
----------------------------------------------- */
div.list {
    border-top: solid 1px #993205;
    width: 621px;
    }
div.list a.pg_on,
div.list label.pg_off,
div.list label.pg_sel {
    font-size: 11px;
    font-weight: bold;
    padding: 0 4px;
    margin: 2px;
    }
div.list a.pg_on {
    background-color: #eceac3;
    border: solid 1px #b3bf53;
    color: #7e8538;
    font-weight: bold;
    }
div.list a.pg_on:hover,
div.list label.pg_sel {
    background-color: #7e8538;
    border: solid 1px #b3bf53;
    color: #fff;
    text-decoration: none;
    }
div.list label.pg_off {
    border: solid 1px #ddd;
    color: #ddd;
    }
table#list-item {
    width: 621px;
    }
table#list-item tr td {
    border-right: solid 1px #993205;
    border-bottom: solid 1px #993205;
    padding: 0;
    vertical-align: top;
    text-align: center;
    width: 206px;
    }


/* =Detail
----------------------------------------------- */
div#pn-box {
    float: right;
    }
div#pn-box img.pn-img {
    width: 48px;
    border: solid 2px #ddd;
    }
label.select-title {
    float: left;
    height: 20px;
    font-size: 12px;
    margin-right: 8px;
    width: auto;
    vertical-align: middle;
    }
label.select-title {
    font-size: 11px;
    font-weight: bold;
    display: block;
    }
select {
    clear: both;
    border: solid 1px #ccc;
    font-size: 11px;
    width: 112px;
    }
option {
    padding: 0px 4px;
    }
span.select-box,
span.select-box-on {
    display: block;
    float: left;
    padding: 2px 2px 2px 4px;
    margin-right: 4px;
    width: 120px;
    }
span.select-box {
    background-color: #eee;
    border: dashed 1px #ccc;
    }
span.select-box-on {
    background-color: #eceac3;
    border: solid 1px #7d4641;
    color: #00c;
    }


/* =Cart
----------------------------------------------- */
table#cart_table {
    margin: 8px;
    width: 600px;
    }
table#cart_table tr.col th {
    background-color: #eceac3;
    border-bottom: solid 1px #993205;
    border-top: solid 1px #993205;
    color: #7e8538;
    font-weight: bold;
    }
table#cart_table tr.even td {
    background-color: #eee;
    }
table#cart_table tr.odd td {
    background-color: #ddd;
    }
table#cart_table img {
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 2px;
    margin: 2px;
    }
a.block_link {
    border: solid 1px #7e8538;
    display: block;
    margin: 2px;
    padding: 1px 8px;
    text-align: center;
    text-decoration: none;
    }
a.block_link:hover {
    background-color: #7e8538;
    color: #fff;
    margin: 2px;
    }

/* =Checkout
----------------------------------------------- */
div.container,
div.section {
    margin: 8px;
    }
div.section {
    color: #000;
    border: solid 1px #fff;
    margin: 12px 4px;
    padding: 8px;
    }
div.section h1.sectit {
    border-bottom: solid 1px #b3bf53;
    font-size: 16px;
    margin-bottom: 24px;
    padding-bottom: 8px;
    text-transform: uppercase;
    }
div.section h2.ttl {
    font-size: 14px;
    border-bottom: dashed 1px #b3bf53;
    margin: 8px 0;
    padding: 4px 0;
    }
div.seccon div.bun {
    border: dotted 1px #b3bf53;
    margin: 8px 0;
    padding: 8px;
    }
table#checkout_items {
    border: solid 1px #993205;
    }
table#checkout_items tr th,
table#checkout_items tr td {
    background-color: #fff;
    padding: 4px;
    }
table#checkout_items tr.even td {
    background-color: #eee;
    }
table#checkout_items tr.odd td {
    background-color: #ddd;
    }
table#checkout_items tr th {
    background-color: #fff;
    border-bottom: solid 1px #993205;
    color: #7e8538;
    font-weight: bold;
    }
table#checkout_items tr.last td {
    border-top: solid 1px #993205;
    }
table#checkout_items tr td {
    text-align: left;
    }
table#checkout_items tr td.num {
    text-align: right;
    }
table#checkout_info tr th,
table#checkout_info tr td {
    padding: 4px;
    text-align: left;
    }
table#checkout_info tr td.req {
    color: #f00;
    font-weight: bold;
    }
table#checkout_info tr th.hd {
    border-bottom: solid 1px #b3bf53;
    }

.lime   { color: #b3bf53; }
.olive  { color: #7e8538; }
.lgreen { color: #eceac3; }
.brown  { color: #7d4641; }
.dbrown { color: #993205; }



/* =Orders
----------------------------------------------- */
table#orders {
    width: 100%;
    }
table#orders tr th {
    background-color: #eceac3;
    border-bottom: solid 1px #993205;
    border-top: solid 1px #993205;
    color: #7e8538;
    font-weight: bold;
    }
table#orders tr td {
    padding: 2px;
    }
table#orders tr.even td {
    background-color: #eee;
    }
table#orders tr.odd td {
    background-color: #ddd;
    }