body {
  background: #4a413c;
  font-size: smaller;
  font-family: "Tahoma", helvetica, arial, verdana, sans-serif;
  text-align: center; }

a {
  color: #3D477A; }

h1 {
  font-size: 150%; }

h2 {
  background: #f8e5c0;
  border-top: solid 1px #4a413c;
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 8px;
  padding: 3px 4px; }
  h2 a {
    color: #3D477A;
    font-size: 80%;
    text-decoration: underline;
    float: right;
    margin-top: 3px; }

textarea {
  font-size: 100%; }

h3 {
  background: #6c3f28;
  border-top: solid 1px #3D477A;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 2px 3px; }
  h3 a {
    color: #fff;
    font-size: 80%;
    text-decoration: underline;
    float: right;
    margin-top: 3px; }
  h3 .links {
    color: #fff;
    float: right; }
    h3 .links a {
      float: none; }
  h3 .controls {
    float: none; }
    h3 .controls a {
      float: none; }

h4 {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 8px; }

#wrap {
  background: #fff;
  width: 80%;
  margin: 0 auto;
  text-align: left;
  padding: 12px; }

/* Left bar navigation */

ul li {
  margin-top: 8px; }
ul ul {
  margin-top: 4px;
  margin-left: 8px; }
  ul ul li {
    margin-top: 4px; }

/* ULs for dottest lists */

ul.dotted {
  padding-left: 16px;
  list-style-type: disc; }

/* ULs for tabs */

ul.tabs {
  margin: 8px 0 0 0; }
  ul.tabs li {
    display: inline; }
    ul.tabs li a {
      background: #6c3f28;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      padding: 4px 8px; }
    ul.tabs li a.active {
      background: #1BA4D4; }

div#list {
  margin: 8px 0; }
  div#list img {
    border: solid 3px #999;
    display: inline;
    margin: 6px; }

/* Standard Form Stuff */

fieldset {
  border: solid 1px #888;
  margin-top: 12px;
  padding: 12px; }
  fieldset legend {
    font-weight: bold; }

label {
  display: block;
  font-size: 90%;
  margin-top: 4px;
  font-weight: bold; }

label.inline {
  display: inline; }

input, textarea {
  border: solid 1px #111;
  font-family: helvetica, arial, verdana, sans-serif;
  padding: 2px; }

.left-form-field {
  margin-top: 4px;
  margin-bottom: 4px; }
  .left-form-field label {
    display: inline; }
  .left-form-field input {
    border: none; }

/* Subnavigation */

#subnav {
  margin-bottom: 8px;
  text-align: left; }
  #subnav li {
    display: inline;
    font-weight: bold; }
  #subnav a {
    font-weight: normal;
    color: #000; }
  #subnav a.active {
    font-weight: bold; }

.button, .editor_ok_button {
  margin-top: 3px;
  padding: 2px 4px; }

.editor_cancel {
  margin-left: 3px; }

#flash {
  background-color: #CCFF33;
  font-size: 120%;
  font-weight: bold;
  padding: 4px 0;
  text-align: center;
  margin: 6px 0; }

#logo {
  background: transparent url('/images/header.jpg') top center no-repeat;
  height: 76px; }

#content .gutter {
  border-left: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  border-top: solid 1px #e7e7e7;
  border-right: solid 1px #e7e7e7;
  padding: 12px;
  margin-top: 4px; }

#footer {
  clear: both;
  font-size: 90%;
  text-align: center;
  padding: 6px 0 0px 0; }

.dropdown, .filedropdown {
  background: #eee;
  border: solid 1px #c4c4c4;
  padding: 6px;
  margin-top: -8px; }

.filedropdown {
  margin-top: 0; }

.date {
  color: #666;
  font-size: 80%;
  font-weight: normal;
  float: right; }

.delete {
  text-align: right; }

.hint {
  color: #666;
  font-size: 90%;
  font-weight: normal; }

.inactive {
  font-style: oblique; }

.even {
  background-color: #fff; }

.odd {
  background-color: #eee; }

.subcategory_link {
  display: none; }

.destroy {
  float: right;
  margin-top: -12px; }

/* Produt listing table... and possibly all table foramts */

table {
  border-collapse: collapse;
  width: 100%; }
  table th {
    background-color: #6c3f28;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 4px 4px 2px 4px; }
  table tr.secondary {
    background: #ddd;
    border-bottom: solid 1px #ccc; }
  table td {
    border-bottom: solid 1px #ccc;
    padding: 4px; }
  table td.image {
    width: 90px;
    text-align: center; }
  table td.price {
    text-align: center; }
  table td.sku {
    width: 140px; }
  table td.active {
    width: 70px;
    text-align: center; }
  table td.money, table th.money {
    text-align: right;
    width: 90px; }
  table td.right {
    text-align: right; }
  table td.name {
    text-align: left; }

p.address {
  line-height: 1.5em; }

/* Special deletion box styles */

#destroy_text {
  background: #FF4D33;
  border: solid 1px #999;
  padding: 8px; }
  #destroy_text a {
    background: #fff;
    padding: 3px; }
  #destroy_text p {
    padding: 8px 0;
    font-weight: bold; }
  #destroy_text ul {
    padding-top: 0;
    margin-top: -8px; }
  #destroy_text .button-to {
    display: inline; }
    #destroy_text .button-to div {
      display: inline; }

/* Notes */

.note {
  border-top: solid 1px #999;
  padding: 12px; }
  .note .author {
    color: #666; }
  .note .date {
    float: right;
    font-size: 90%;
    font-weight: bold; }
  .note .copy {
    margin-top: 6px; }
  .note .delete {
    float: right;
    margin-top: -6px; }

/* Pagination */

.pagination {
  color: #aaa;
  clear: right;
  text-align: center;
  border-top: solid 1px #3D477A;
  border-bottom: solid 1px #3D477A;
  padding: 4px 0;
  margin: 8px 0; }
  .pagination a {
    color: #3D477A;
    text-decoration: none; }

/* Placements */

.placement {
  border-top: solid 1px #3D477A;
  padding-top: 8px;
  text-align: center; }

/* Search */

.search {
  text-align: right; }

/* Search Results */

ul.results {
  font-size: 90%;
  text-align: left; }
  ul.results li.selected {
    background-color: #eee; }
  ul.results li.title {
    background: #ddd;
    color: #999;
    font-weight: bold; }
  ul.results li.result {
    display: block;
    padding: 2px;
    padding-left: 12px; }

/* Table Sorting */

.sortable {
  text-align: center; }

.sortcol {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right center; }

.sortasc {
  background-color: #999;
  background-image: url(../images/up.gif); }

.sortdesc {
  background-color: #999;
  background-image: url(../images/down.gif); }

.nosort {
  cursor: default; }

#errorExplanation {
  border: solid 1px #f33;
  padding: 12px;
  margin-bottom: 8px; }
  #errorExplanation h2 {
    background: #f33;
    border: none;
    color: #fff;
    font-size: 130%;
    font-weight: bold;
    margin: -12px;
    margin-bottom: 8px; }
  #errorExplanation p {
    margin-bottom: 8px; }
  #errorExplanation ul {
    padding-left: 14px;
    list-style-type: disc; }
    #errorExplanation ul li {
      margin-bottom: 4px; }

.fieldWithErrors * {
  background: #f33;
  color: #fff; }