body {
  font-family:Arial;
  font-size:12px;
  background-color: #804000;
  color:#ffcc99;
  }

h1 {
  font-size:16px;
  color:#ffcc99;
  margin-bottom:0px;
  margin-top: 8px;
  padding-left: 10px;
}

h2 {
  font-size:16px;
  color:#ffcc99;
  }

h3 {
  font-size:14px;
  color:#ffcc99;
  }

p {
  margin-top:0px;
  }

code {
  font-size:14px;
  color:#ffcc99;
  }

pre {
 font-size:14px;
 color:#ffcc99;
 padding:5px;
}

a:link, a:visited, a:active, a:hover {
  text-decoration:none;
  color:#ff9933;
  font-size:12px;
}

a:active, a:hover {
 text-decoration:underline;
}

ul {
  margin: 0;
}

/* Box */

.box { 
  background: #400000;
  width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.boxtop { 
  background: url(/images/djabbi/corners/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 20px; 
  background: url(/images/djabbi/corners/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(/images/djabbi/corners/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 20px; 
  background: url(/images/djabbi/corners/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 20px 0px 20px;
  overflow: hidden;
}

#outer {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  background-color:#400000;
  overflow: hidden;
  padding: 25px;
}

#title {
  overflow: hidden;
  border-bottom: 2px solid #804000;
  height: 90px;
  clear: both;
}

#menu {
  float: right;
}

#menu-spacer {
  float: left;
  width: 20px;
  height: 5px;
}

#menu a {
  float: left;
}

#menu a, #menu img {
  border: 0;
  height: 90px;
  width: 97px;
}

#logo {
  float: left;
  border: 0;
  margin-top: 10px;
}

#title-line .tracking_form {
  float: right;
  margin: 5px 10px 0 0;
}

#title-line .tracking_form .text-field {
  border: 1px solid;
  width: 100px;
  background-color: #FFEAD5;
  padding: 2px 3px 2px 3px;
}

#title-line h1 {
  float: left;
}

#title-line {
  overflow: hidden;
  border-bottom: 2px solid #804000;
  padding-bottom: 5px;
  height: 30px;
}

/* Flash */

#flash-notice, #flash-error, #no-js-warn {
  margin: 1em 0;
  background: #ffff00;
  color: #400000;
  text-align: center;
  font-weight: bold;
}

.flash-boxtop {
  background: url(/images/flash-tr.gif) no-repeat top right; 
}

.flash-boxtop div {
  font-size: 0;
  height: 5px; 
  background: url(/images/flash-tl.gif) no-repeat top left; 
}

.flash-boxbottom { 
  background: url(/images/flash-br.gif) no-repeat bottom right; 
}

.flash-boxbottom div { 
  font-size: 0;
  height: 5px; 
  background: url(/images/flash-bl.gif) no-repeat bottom left; 
}

#notice-message, #error-message{
  padding: 0px 10px 0px 10px;
  margin: 0 10px 0 10px;
  position: relative;
}

.formError {
  color: red;
}

#content {
  width:100%;
  float:right;
  font-size:12px;
  }

#table {
  width:98%;
  padding:10px;
  margin-top:10px;
  border:1px dashed #804000;
  margin-bottom:10px;
  font-size:12px;color:#ffcc99;
  overflow: hidden;
  }

/* Products */
form#new_order {
  text-align: left;
}

form#new_order h2 {
  text-align: center;
}

form#new_order p {
  text-align: center;
}

form .field {
  width: 370px;
  margin-left: 150px;
  overflow: hidden;
  margin-bottom: 10px;
  float: left;
}

form .field .formError {
  text-align: right;
}

form .field label, form .field input, form .field select {
  float: left;
}

.hidden {
  display: none;
}

.visible {
  display: block;
}

body.no-script .with-js {
  display: none;
}

body.with-js .with-js {
  display: block;
}

body.no-script .without-js {
  display: block;
}

body.with-js .without-js {
  display: none;
}

form .field label {
  width: 150px;
  text-align: right;
  padding-right: 10px;
}

form .field input, form .field select {
  width: 200px;
}

form #customer_zipcode_field, form #recipient_zipcode_field {
  width: 220px;
}

form #customer_zipcode_field input, form #recipient_zipcode_field input {
  width: 50px;
}

form #customer_city_field, form #recipient_city_field {
  width: 150px;
  margin-left: 0;
}

form #customer_city_field label, form #recipient_city_field label {
  width: 30px;
}

form #customer_city_field input, form #recipient_city_field input {
  width: 100px;
}

form #message_field {
  margin-left: 260px;
}

#shipping_link, #message_link {
  width: 100%;
  text-align: center;
}

#customer-data, #recipient-fields, #message {
  width: 100%;
  overflow: auto;
}

#innen {
  height:100%;
  padding:5px;
  border-bottom:1px dashed #804000;
  margin-top:5px;
  margin-left:20px;
  margin-right:20px;
  font-size:12px;color:#ffcc99;text-align:center;
  }

#footer1 {
  padding:5px;
  border-bottom:1px dashed #804000;
  margin-top:5px;
  margin-left:20px;
  margin-right:20px;
  font-size:12px;color:#ffcc99;text-align:center;
  }

#footer-werbung {
  padding-top:10px;
  margin-top:5px;
  margin-left:20px;
  margin-right:20px;
  font-size:12px;color:#ffcc99;text-align:center;
  }

#footer-partner {
  padding:5px;
  margin-top:5px;
  margin-left:20px;
  margin-right:20px;
  font-size:12px;color:#ffcc99;text-align:center;
  }

#footer-ende {
  padding-top:5px;
  padding-bottom:20px;
  margin-top:5px;
  font-size:12px;color:#ffcc99;text-align:center;
  }


h1.popup {
  color:#ffcf9c;
  font-size:14px;
  text-align:center;
  padding: 10px 0 10px 0;
  }

p.close-window {
  font-size:11px;
  text-align:center;
  }

div#change-addressbook {
  margin:0;
  padding:0;
  }

table.box-middle-header {
  margin: 0 0 0 50px;
  padding: 0;
  }

table.box-middle-header h3 {
  color: #ffcf9c;
  font-family: Comic Sans MS;
  }

table.box-middle-body {
  margin: 0 0 0 50px;
  padding: 0;
  }

table.box-middle-body p {
  color: #ffcf9c;
  font-family: Comic Sans MS;
  }

OPTION.highlighted {
  background-color: #c2c2c2; 
  font-weight: bold; 
  font-size: 10px;
  }

OPTION.highlighted-sub {
  background-color: #d5d5d5; 
  font-weight: bold; 
  font-size: 10px;
  }

/* Products */
table#products, table#bought-products {
  width: 100%;
  border: 2px solid #804000;
}

table#bought-products {
  width: 60%;
}

table#products thead td, table#bought-products thead td {
  border-bottom: 1px solid #804000;
  font-weight: bold;
}

table#products tbody td, table#bought-products tbody td {
  border: 1px solid #804000;
}

table#bought-products tr.total td {
  border: 0;
  font-weight: bold;
}

table#bought-products td.total-caption {
  text-align: right;
}

table#products #image-header {
  width: 250px;
}

table#products #quantity-header {
  width: 50px;
}

table#products input.quantity {
  width: 50px;
}

/* Orders */
#order {
  overflow: auto;
  text-align: left;
}

#order ul {
  list-style: none;
  padding: 0;
}

#order .header-section li {
  overflow: hidden;
  float: left;
}

#order .header-section h2 {
  font-size: inherit;
  text-align: right;
  padding-right: 5px;
}

#order h2 {
  font-size: 14px;
}

#order li {
  overflow: auto;
}

#order #order-top {
  overflow: hidden;
}

#order ul.sections li.section {
  float: left;
  overflow: hidden;
  background-color: inherit;
  margin: 5px;
  padding: 5px;
  width: 350px;
}

#order ul.sections li.section h3 {
  width: 120px;
  float: left;
  font-size: inherit;
  margin: 5px 0 5px 0;
}


#order ul.sections li.section p {
  float: left;
  margin: 5px 0;
}

#order ul.sections li.section li {
  height: 24px;
}

#order form {
  background-color: inherit;
  padding: 0;
}

#order ul.sections li.section form {
  width: 200px;
}

#order .header-section {
  overflow: auto;
}

#order .header-section h2, .header-section p {
  float: left;
  width: 120px;
  margin: 0;
}

#order ul.actions {
  width: 100%;
  float: left;
  overflow: auto;
}

#order ul.actions .edit-link {
  margin-top: 3px;
}

#order ul.actions li {
  float: left;
  margin-left: 20px;
}

#buy-button {
  margin-left: auto;
  margin-right: auto;
}

.country-help {
  float: right
}

/* Translation form */

form.edit_translation ul, #hidden_translations ul {
  list-style-type: none;
  padding: 0;
}

#hidden_translations > ul > li {
  padding: 5px;
}

#hidden_translations ul li.odd {
  background-color: #4f0f0f;
}

form.edit_translation label {
  float: none;
}

.translatable.highlight {
  background-color: yellow !important;
  color: black;
}

#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {
  color: #FFCC99;
  background-color:#400000;
  border:4px solid #804000;
  padding:12px;
}

#simplemodal-container h2 {
  text-align: center;
}

#simplemodal-container code {
  background:#141414;
  border-left:3px solid #65B43D;
  display:block;
  margin-bottom:12px;
  padding:4px 6px 6px;
}

#simplemodal-container a.modalCloseImg {
  background:url(/images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-15px;
  right:-16px;
  cursor:pointer;
}

#simplemodal-container #basic-modal-content {
  padding:8px;
}

/* Administration bar */

.initially_hidden { display: none; }

#admin  {
  margin: 10px;
}

#admin li {
  list-style-type: none;
  margin-left: 10px;
  float: left;
}


ul.content_actions {
  margin-top: -3px;
  list-style-type: none;
  text-align: left;
}

ul.content_actions li {
  float: left;
  margin-right: 15px;
}

#new_feedback {
  overflow: auto;
}

#new_feedback .field {
  width: 500px;
}

#new_feedback #message_field, #new_feedback .field {
  margin-left: 100px;
}

#new_feedback .submit {
  width: auto;
}

#new_feedback textarea {
  float: left;
}