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

/* =Defaults (Global)
----------------------------------------------- */
* {
    margin: 0;
    padding: 0;
    }

html {
    overflow: scroll;
    }

body {
    background-color: #404040;
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    margin: 0 auto;
    width: 990px;
    }

img {
    border: 0;
    }

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

a.reverse {
    color: #c13d6c;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    text-decoration: underline;
    }
a.reverse:active,
a.reverse:hover {
    color: #614617;
    }

table {
    border: 0;
    }
table tr th,
table tr td {
    border: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    }

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


/* =Forms
----------------------------------------------- */
select.form-select {
    background-color: #fff;
    border: solid 1px #999;
    color: #006;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 0 4px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    }
input.text {
    background-color: #fff;
    border: solid 1px #808080;
    color: #006;
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 2px;
    white-space: nowrap;
    }
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 2px #363636;
    color: #363636;
    }
input.on-ro {
    background-color: #363636;
    border: solid 2px #ddd;
    color: #fff;
    }
input.go {
    background-color: #99703c;
    border: solid 2px #5b441a;
    color: #fff;
    }
input.go-ro {
    background-color: #5b441a;
    border: solid 2px #99703c;
    color: #fff;
    }
input.off,
input.off-ro {
    background-color: #efefef;
    border: solid 2px #ddd;
    color: #ccc;
    }
label.gen {
    color: #363636;
    font: normal small-caps bold 12px Arial, Helvetica, sans-serif;
    height: 20px;
    }


/* =Main (Container)
----------------------------------------------- */
div#main {
    background-color: #fff;
    border: solid 1px #614617;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 988px;
    }


/* =Header, Mid, Foot (Common)
----------------------------------------------- */
div#head,
div#mid,
div#foot {
    clear: both;
    width: 100%;
    }


/* =Header
----------------------------------------------- */
div#head {
    min-height: 86px;
    }
div#hdtop {
    background-color: #dad48a;
    border-bottom: solid 1px #614617;
    height: 64px;
    width: 100%;
    }
div#hdtop a.mlink {
    color: #fff;
    }
div#hdtop a.mlink:hover {
    text-decoration: underline;
    }
div#hdlogo {
    float: left;
    font-size: 1px;
    line-height: 1px;
    width: 153px;
    }
div#hdnav {
    float: right;
    width: 788px;
    }
div#hdnav-t {
    clear: both;
    color: #614617;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    padding: 8px;
    text-align: right;
    text-decoration: none;
    }
div#hdnav-t span.spacer {
    margin-left: 4px;
    margin-right: 4px;
    }
div#hdbot {
    width: 100%;
    }
ul.hdmenu,
ul.hdmenu li {
    display: block;
    float: left;
    }
ul.hdmenu {
    margin: 3px;
    }
ul.hdmenu li {
    color: #614617;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 155px;
    }
ul.hdmenu li a.cat,
ul.hdmenu li a.cat-sel {
    border: solid 1px #ddd;
    display: block;
    float: left;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    margin-left: 3px;
    width: 145px;
    }
ul.hdmenu li a.cat-sel,
ul.hdmenu li a.cat:active,
ul.hdmenu li a.cat:hover {
    background-color: #efd9c2;
    border: solid 1px #c13d6c;
    display: block;
    text-decoration: none;
    }


/* =Footer
----------------------------------------------- */
div#foot {
    min-height: 86px;
    }
div#fttop {
    border-top: solid 1px #614617;
    height: 48px;
    padding: 4px;
    width: 980px;
    }
div#ftban {
    background-color: #BDBDBD;
    height: 48px;
    width: 100%;
    }
div#ftbot {
    border-top: solid 1px #614617;
    height: 28px;
    width: 100%;
    }
ul#ftmenu,
ul#ftmenu li {
    display: block;
    float: left;
    }
ul#ftmenu {
    height: 16px;
    margin: 4px 4px 4px 8px;
    }
ul#ftmenu li {
    color: #614617;
    font: normal normal bold 10px Arial, Helvetica, sans-serif;
    height: 12px;
    line-height: 12px;
    padding: 2px 12px 2px 0;
    text-align: center;
    vertical-align: middle;
    }
ul#ftmenu li a {
    color: #614617;
    font: normal normal bold 10px Arial, Helvetica, sans-serif;
    }
div#ftcopy {
    color: #563d27;
    float: right;
    font: normal normal normal 11px Arial, Helvetica, sans-serif;
    margin: 4px 8px 4px 4px;
    }


/* =Mid
----------------------------------------------- */
div#mid {
    background-image: url('../../images/mid_bg.gif');
    background-repeat: repeat-y;
    border-top: solid 1px #614617;
    clear: both;
    }
div#mid-no {
    clear: both;
    }


/* =Left Nav
----------------------------------------------- */
div#left {
    float: left;
    padding: 8px;
    width: 141px;
    }
div#left label.m1-head {
    border-bottom: solid 1px #614617;
    color: #c13d6c;
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 4px;
    padding: 1px 0 0 0;
    }
div#left label.m1-head a {
    color: #614617;
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 4px;
    padding: 1px 0 0 0;
    }
div#left label.m1-head a:active,
div#left label.m1-head a:hover {
    color: #c13d6c;
    }
div#left label.m1-title {
    color: #c13d6c;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    display: block;
    padding: 1px 0;
    width: 141px;
    }
div#left ul {
    width: 141px;
    list-style: none;
    }
div#left ul.m1 {
    border-top: solid 1px #dfcbb5;
    margin-bottom: 12px;
    width: 141px;
    }
div#left ul.m1 li {
    border-bottom: solid 1px #dfcbb5;
    }

div#left a.lncat,
div#left a.lncat-sel {
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    display: block;
    padding: 1px;
    width: 139px;
    }
div#left a.lncat-sel,
div#left a.lncat:active,
div#left a.lncat:hover {
    background-color: #efd9c2;
    display: block;
    text-decoration: none;
    }


/* =Sub-Container
----------------------------------------------- */
div#sub {
    border-left: solid 1px #614617;
    float: right;
    min-height: 600px;
    padding: 4px 2px 4px 4px;
    width: 821px;
    }
div#sub h1.page_title {
    color: #c13d6c;
    font: normal normal bold 20px Arial, Helvetica, sans-serif;
    margin-bottom: 24px;
    }
div#sub h2.subtitle {
    color: #c13d6c;
    font: normal normal bold 16px Arial, Helvetica, sans-serif;
    margin-bottom: 12px;
    padding: 0 4px;
    }
div#sub h3 {
    color: #000;
    font: normal normal bold 13px Arial, Helvetica, sans-serif;
    margin-bottom: 12px;
    padding: 0 4px;
    }
div#sub p.gen {
    color: #000;
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    margin-bottom: 8px;
    padding: 4px 12px;
    }
div#sub ol {

    }
div#sub ol li {

    }

/* =Home
----------------------------------------------- */
div#home {
    width: 821px;
    }
div#home-img {
    background-color: #BDBDBD;
    float: right;
    height: 307px;
    width: 821px;
    }
div#home-new {
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    padding: 8px 0;
    width: 821px;
    }
div#home-new h1 {
    color: #BDBDBD;
    font: normal normal bold 13px Arial, Helvetica, sans-serif;
    }
div#home-new ul,
div#home-new ul li {
    display: block;
    float: left;
    }
div#home-new ul {
    margin: 8px 0;
    }
div#home-new ul li {
    color: #BDBDBD;
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    margin: 8px 2px 8px 0;
    text-align: center;
    width: 100px;
    }


/* =Log In
----------------------------------------------- */
div#login h1 {
    color: #BDBDBD;
    font-size: 19px;
    margin: 8px 0;
    }
div#login h2 {
    color: #BDBDBD;
    font-size: 17px;
    margin: 8px 0;
    }
div#login p {
    margin: 8px 0;
    }
div#login span.bold-highlight {
    color: #c00;
    font-weight: bold;
    }

h2.loghead {
    border-bottom: solid 3px #BDBDBD;
    color: #BDBDBD;
    font-size: 17px;
    margin: 24px 0 8px 0;
    padding-bottom: 8px;
    }

div.login-err {
    background-color: #fee;
    border: solid 1px #fbb;
    color: #d22;
    display: block;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 8px 12px 0 12px;
    width: auto;
    }
div.login-err h3 {
    color: #d22;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px;
    text-transform: uppercase;
    }
div.login-err p {
    font-size: 11px;
    }
#login_form {
    background-color: #efefef;
    border: solid 1px #ccc;
    padding: 12px;
    width: auto;
    }

div#login-ret,
div#login-new {
    margin-top: 48px;
    }


/* =List Page
----------------------------------------------- */
#list {
    float: right;
    font-size: 10px;
    width: 823px;
}


/* =Cart
----------------------------------------------- */
#store-cart {
    width: 823px;
    }
#store-cart table {
    width: auto;
    }
#store-cart table tr th,
#store-cart table tr td {
    padding: 4px;
    }
#store-cart table tr th {
    background-color: #fee;
    border-bottom: solid 2px #d63c6c;
    border-top: solid 2px #d63c6c;
    color: #d63c6c;
    font-weight: bold;
    }
#store-cart table tr.odd td {
    background-color: #fff;
    }

#store-cart table tr.odd td {
    background-color: #eee;
    }
#store-cart a.block_link {
    background-color: #fff;
    border: solid 2px #aaa;
    color: #aaa;
    cursor: pointer;
    display: block;
    font: normal normal bold 10px Arial, Helvetica, sans-serif;
    padding: 0 8px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: auto;
    }
#store-cart a.block_link:hover {
    background-color: #c60500;
    border: solid 2px #7f120f;
    color: #fff;
    }