/* =Default
 **********************************************/

* {
    color: #696969;
    font: normal 12px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    }
html {
    overflow: scroll;
    }
body {
    background-color: #f7f1d9;
    margin: 24px auto;
    position: relative;
    width: 760px;
    }
a {
    border: 0;
    color: #f63;
    font-weight: bold;
    }
a:hover {
    color: #c60;
    }
img {
    border: 0;
    }
table {
    border: 0;
    }
table tr td {
    text-align: left;
    vertical-align: top;
    }

/* use for IE b/c extra bottom padding is always created */
.imageonly {
    font-size: 1px;
    line-height: 1px;
    }

.caption {
    font: italic normal normal 11px Arial, Helvetica, sans-serif;
    }

a.del {
    background-color: #243f64;
    border: solid 1px #243f64;
    color: #fff;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    padding: 0px 4px;
    text-decoration: none;
    }
a.del:hover {
    background-color: #fc5d06;
    border: solid 1px #fc5d06;
    color: #243f64;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    padding: 0px 4px;
    text-decoration: none;
    }

/* =Common
 **********************************************/
#head,
#main,
#foot {
    width: 760px;
    }
#main {
    background-color: #eef0db;
    border-left: solid 1px #a7b17c;
    border-right: solid 1px #a7b17c;
    float: left;
    }
#main div.block {
    clear: both;
    width: 760px;
    }
/* border in #main add extra pixel to height and width */
#head {
    padding: 1px;
    }
#main div.block p.gen {
    padding: 0 12px 12px 12px;
    }
#main div.page_title {
    background-color: #fc5d06;
    }
#main div.page_title label {
    color: #fff;
    font: italic normal bold 32px "Times New Roman", Times, serif;
    line-height: 75px;
    margin-left: 12px;
    vertical-align: bottom;
    }
div.sidebar {
    background-color: #243f64;
    color: #fff;
    float: left;
    width: 200px;
    min-height: 430px;
    }
div.sidebar p {
    color: #fff;
    }
div.content {
    background-color: #fff;
    float: left;
    width: 560px;
    min-height: 434px;
    }

a.pg_on,
label.pg_off,
label.pg_sel {
    font: normal normal bold 10px Arial, Helvetica, sans-serif;
    padding: 0 4px;
    margin: 2px;
    text-decoration: none;
    }
a.pg_on {
    border: solid 1px #f63;
    color: #f63;
    }
a.pg_on:hover {
    color: #fff;
    text-decoration: none;
    }
a.pg_on:hover,
label.pg_sel {
    background-color: #f63;
    border: solid 1px #f63;
    color: #fff;
    }
label.pg_off {
    border: solid 1px #ddd;
    color: #ddd;
    }
span.sort_on,
span.sort_off {
    padding: 0 2px;
    margin: 0 4px 0 2px;
    }
span.sort_on {
    background-color: #fee;
    border: solid 1px #fdd;
    }
span.sort_off {
    background-color: #fff;
    border: solid 1px #fff;
    }

label.desc {
    color: #ee0;
    font-weight: bold;
    }


/* =Common (Forms)
 **********************************************/
form {
    padding: 16px;
    }
form p {
    margin-bottom: 12px;
    }
label.frm_title {
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    }
input.txt {
    border: solid 1px #999;
    color: #243f64;
    font-size: 12px;
    padding: 1px 4px;
    }
input.btn_go,
input.btn_go_ro,
input.btn_active,
input.btn_active_ro {
    font-weight: bold;
    padding: 0 8px;
    }
input.btn_active {
    background-color: #f63;
    border: solid 1px #c60;
    color: #fff;
    }
input.btn_go,
input.btn_active_ro {
    background-color: #243f64;
    border: solid 1px #243f64;
    color: #fff;
    }
input.btn_go_ro {
    background-color: #243f64;
    border: solid 1px #243f64;
    color: #f63;
    }


/* =Index Page
 **********************************************/
#home_image {
    border: solid 1px #aaa;
    height: 378px;
    margin: 4px;
    width: 300px;
    }
#home_image img {
    margin: 0;
    padding: 0;
    }
#home_right {
    float: right;
    margin: 4px 4px 4px 0;
    width: 434px;
    }
#home_right ul {
    list-style: none;
    margin-top: 12px;
    }
#home_right ul li a {
    font: italic normal bold 14px "Times New Roman", Times, serif;
    text-decoration: none;
    }
#home_intro {
    background-color: #a6b27b;
    clear: both;
    margin-top: 8px;
    height: 230px;
    }
#home_intro h1 {
    color: #696969;
    font: normal normal bold 16px Arial, Helvetica, sans-serif;
    line-height: 22px;
    padding: 24px 12px 12px;
    }
#home_intro p {
    padding: 0 12px 12px 12px;
    }


/* =Header
 **********************************************/
#head,
#tlogo,
#tnav {
    color: #fc5d06;
    background-color: #243f64;
    font: italic normal bold 12px "Times New Roman", Times, serif;
    min-height: 35px;
    }
#tlogo {
    float: left;
    width: 138px;
    }
#tnav {
    float: right;
    width: 622px;
    }
#tnav a {
    color: #fc5d06;
    display: block;
    float: left;
    font: italic normal bold 12px "Times New Roman", Times, serif;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    }
#tnav a.on {
    width: 96px;
    }
#tnav a.on:hover,
#tnav a.sel {
    width: 96px;
    color: #fff;
    }


/* =Footer
 **********************************************/
#foot div.block {
    width: 760px;
    }
#foot p {
    margin: 6px 12px;
    font: normal 10px Tahoma, Helvetica, sans-serif;
    }
#foot a {
    font: normal normal bold 10px Tahoma, Helvetica, sans-serif;
    text-decoration: none;
    }
#bnav span {
    padding: 0 12px;
    }
#bnav {
    background-color: #fc5d06;
    border-bottom: solid 1px #a7b17c;
    border-left: solid 1px #a7b17c;
    border-right: solid 1px #a7b17c;
    text-align: right;
    width: 760px;
    }
#bnav a {
    color: #243f64;
    font: italic normal bold 14px "Times New Roman", Times, serif;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 100px;
    }
#bnav a:hover {
    color: #fff;
    }


/* =Products List
 **********************************************/

table#prod {
    background-color: #fff;
    margin: 0 auto 0 auto;
    width: 100%;
    }
table#prod tr td {
    padding: 8px 2px;
    }



/* =Products Page
 **********************************************/
table#category {
    margin: 0 auto;
    width: 700px;
    }
table#category tr td {
    border-left: solid 1px #a5a892;
    padding: 4px;
    width: 700px;
    }
table#category tr td.last {
    border-right: solid 1px #a5a892;
    }
img.prod_img {
    border: 0;
    height: 170px;
    margin-bottom: 12px;
    width: 78px;
    }
a.cat_link {
    font: italic normal bold 13px "Book Antiqua", Times, serif;
    text-decoration: none;
    }



/* =Cart
 **********************************************/

table#cart {
    background-color: #fff;
    margin: 0 auto;
    width: 720px;
    }
table#cart tr th {
    border-bottom: solid 1px #8c8c8c;
    color: #fc5d06;
    font: normal normal bold 12px "Times New Roman", Times, serif;
    padding: 2px 4px;
    text-transform: uppercase;
    }
table#cart tr.action td {
    background-color: #aaa;
    border: solid 1px #8c8c8c;
    padding: 4px;
    }
table#cart tr.even {
    background-color: #ddd;
    }
table#cart tr.odd {
    background-color: #eee;
    }
table#cart tr.odd:hover,
table#cart tr.even:hover {
    background-color: #f7b18b;
    }
table#cart tr td {
    padding: 4px 4px 0 4px;
    text-align: center;
    }
table#cart tr td.num {
    text-align: right;
    }
table#cart tr.total_row_top td {
    border-top: solid 1px #8c8c8c;
    }
table#cart tr.total_row_bot td {
    border-bottom: solid 1px #8c8c8c;
    }
table#cart tr td.total_label {
    background-color: #eef0db;
    border-left: solid 1px #8c8c8c;
    border-right: solid 1px #8c8c8c;
    padding: 4px;
    text-align: right;
    }
table#cart tr td.total_value {
    border-right: solid 1px #8c8c8c;
    padding: 4px;
    text-align: right;
    }


/* =Checkout
 **********************************************/

fieldset.checkout_step {
    border: solid 2px #243f64;
    margin: 24px auto;
    padding: 8px;
    width: 704px;
    }
fieldset.checkout_step legend {
    color: #243f64;
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    margin: 4px;
    padding: 4px;
    text-transform: uppercase;
    }

table#checkout_items {
    background-color: #fff;
    margin: 0 auto;
    width: 700px;
    }
table#checkout_items tr th {
    border-bottom: solid 1px #8c8c8c;
    color: #fc5d06;
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    padding: 2px 4px;
    text-transform: uppercase;
    }
table#checkout_items tr.even {
    background-color: #ddd;
    }
table#checkout_items tr.odd {
    background-color: #eee;
    }
table#checkout_items tr td {
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    padding: 4px;
    text-align: center;
    }
table#checkout_items tr td.num {
    text-align: right;
    }
table#checkout_items tr.total_row_top td {
    border-top: solid 1px #8c8c8c;
    }
table#checkout_items tr.total_row_bot td {
    border-bottom: solid 1px #8c8c8c;
    }
table#checkout_items tr td.total_label {
    background-color: #eef0db;
    border-left: solid 1px #8c8c8c;
    border-right: solid 1px #8c8c8c;
    padding: 4px;
    text-align: right;
    }
table#checkout_items tr td.total_value {
    border-right: solid 1px #8c8c8c;
    padding: 4px;
    text-align: right;
    }
table#checkout_info {
    background-color: #fff;
    margin: 0 auto;
    width: 660px;
    }
table#checkout_info tr th {
    border-bottom: solid 1px #fc5d06;
    color: #fc5d06;
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    padding: 4px;
    text-align: left;
    text-transform: uppercase;
    }
table#checkout_info tr td {
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    padding: 4px;
    text-align: right;
    }
table#checkout_info tr td.field_lbl {
    background-color: #eee;
    text-align: left;
    }
label.pay_lbl {
    margin-right: 50px;
    }



/* =Item Details
 **********************************************/

#item_image {
    padding: 0 24px 24px 24px;
    float: left;
    width: 200px;
    }
#item_image img#productImage {
    border: solid 1px #a7b17c;
    max-width: 200px;
    }

#item_detail {
    float: right;
    padding: 0 24px 24px 24px;
    width: 460px;
    }
#item_detail h1 {
    font: normal normal bold 16px Arial, Helvetica, sans-serif;
    margin: 12px 0;
    }
#item_detail p {
    padding: 0 0 12px 0;
    }
#item_detail label {
    font-weight: bold;
    }


/* =Events
 **********************************************/

table#events {
    border: solid 1px #d7dabd;
    margin: 0 auto 12px auto;
    width: 730px;
    }
table#events tr td {
    border-bottom: solid 1px #ddd;
    padding: 4px 8px;
    }
table#events tr th {
    background-color: #d7dabd;
    color: #363636;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 8px;
    }
table#events tr.odd td {
    background-color: #fff;
    }
table#events tr.even td {
    background-color: #eee;
    }


/* =Log In
 **********************************************/

table#login {
    width: 400px;
    }
table#login tr td {
    padding: 2px 8px;
    }
table#login tr td h1 {
    color: #243f64;
    font: italic normal bold 20px "Times New Roman", Times, serif;
    }

/* =Registration
 **********************************************/

table#register {
    width: 500px;
    }
table#register tr td {
    font-weight: bold;
    padding: 2px 8px;
    }
table#register tr td.required {
    color: #f00;
    }



/* =Contact
 **********************************************/

table#contact {
    width: 300px;
    }
table#contact tr td {
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    padding: 2px 8px;
    }
table#contact tr td.required {
    color: #f00;
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    padding: 2px 8px;
    }

table#location {
    background-color: #fff;
    width: 400px;
    }
table#location tr td {
    font: normal normal normal 11px Arial, Helvetica, sans-serif;
    padding: 8px;
    width: 200px;
    }
table#location tr td h1 {
    color: #243f64;
    font: normal normal bold 13px Arial, Helvetica, sans-serif;
    line-height: 14px;
    }
table#location tr td h2 {
    color: #f63;
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    line-height: 14px;
    }
table#location tr td span.label {
    font: normal normal bold 11px Arial, Helvetica, sans-serif;
    }
table#location tr td span.emp {
    font: italic normal normal 11px Arial, Helvetica, sans-serif;
    }