body {
  margin : 0px;
  padding: 0;
  border: none;
  text-align: center;
  background-color : #000000;
}

.unknownItem { font-weight : bold; }
.itemNoLongerSold { font-weight : bold; color : red; }
.itemBackorder { font-weight : bold; color : red; }

h1 {
  margin : 10px 0px 18px 0px;
  padding : 0px;
  font-size : 1.7em;
  color: #2e2e2e;
}
h2 {
  margin : 6px 0px 14px 0px;
  padding : 0px 0px 0px 0px;
  font-size : 1.3em;
  color: #2e2e2e;
}
h3 {
  font-size : 1.1em;
  color: #2e2e2e;
}
h4 {
  font-size : 1em;
  color: #2e2e2e;
}

input { margin : 0.1em; }

.box {
  margin : 0px 0px 10px 0px;
}
.box BIG {
  color : #886f45;
}
.box .boxContents {
  margin : 5px;
}
.box .boxContents .boxWithSpace { margin : 0em 0em 1em 0em; }
.box .boxContents .boxContentsOrderOn {
  line-height : 1.5em;
  font-weight : bold;
  text-decoration : underline;
}
.box .boxContents .boxContentsOrderOn {
  line-height : 1.5em;
}
.box UL {
  list-style-type : none;
  padding-left : 0px;
  margin-left : 0px;
  padding : 0px;
  margin : 0px;
  text-indent : 0px;
}

#invoicetable {
  margin: 10px 2px 5px 0px;
  border-spacing: 0px;
  border-style: ridge;
  border-width: 1px;
  border-collapse: collapse;
}
#invoicetable TH {
  padding: 3px;
  border-width: 1px;
  border-style: ridge;
}
#invoicetable TD {
    padding: 3px;
    border-width: 1px;
    border-style: ridge;
}

.listPrice, .listPriceOffer {
  font-weight : bold;
  margin-top : 1em;
}
.listPriceOffer .ordinary { text-decoration : line-through; }
.listPrice .offer { display : none; }

#itemList { width : 100%; }

#itemList TD {
  vertical-align : top;
  padding-bottom : 2px;
}

#itemList .itemCellImage { text-align : right; }
#itemList .itemCellImage IMG { border : none; }

#itemList .itemCell A {
  display : block;
  font-weight : bold;
  text-decoration : underline;
  margin-bottom : 1em;
}

#itemList .itemCell .shortDescription { margin-bottom : 1em; }

.listHeader {
  margin-bottom : 1em;
  margin-top : 1em;
  margin-left : 3px;
  margin-right : 3px;
}
.listHeader .left {
  float : left;
  clear : left;
}
.listHeader .right {
  text-align : right;
}

.showItemHeader .leftHeader {
  margin-bottom : 0.5em;
  font-size : 1.6em;
  font-weight : bold;
  float : left;
  clear : left;
}
.showItemHeader .rightHeaderNoOffer {
  margin-bottom : 0.5em;
  font-size : 1.6em;
  font-weight : bold;
  text-align : right;
}
.showItemHeader .rightHeaderOffer {
  margin-bottom : 0.5em;
  font-size : 1.6em;
  text-align : right;
  text-decoration : line-through;
}
.showItemHeader .itemNr {
  float : left;
  clear : both;
}
.showItemHeader .itemOffer {
  font-size : 1.6em;
  font-weight : bold;
  text-align : right;
}
.showItemHeader .itemNoOffer {
  font-size : 1.6em;
  font-weight : bold;
  text-align : right;
  visibility : hidden;
}
.imageList {
  float : left;
  clear : both;
}
.imageList .itemImage {
  margin-top : 1em;
  margin-right : 1em;
}
.itemDescription {
  margin-top : 1em;
  font-weight : bold;
}
.shownWithHeader {
  margin-top : 1em;
  font-weight : bold;
  line-height : 1.5em;
}
.shownWith {
  list-style-type : none;
  display : block;
  margin : 0px;
  padding : 0.1em;
  padding-top : 0.05em;
}

.newsletterForm { text-align : center; }

.goToPaymentForm { text-align : center; }

.orderContentsHeader {
  margin-top : 1em;
  font-weight : bold;
  line-height : 1.5em;
}

.finalOrderTable {
  border-spacing : 30px 10px;
  text-align : right;
}
.finalOrderTable .leftMost {
  border-spacing : 0px 10px 30px 10px;
  text-align : left;
}

.accountHeader, .showOrderHeader { font-weight : bold; }

#updateSearchFieldsTable {
  border-spacing : 0px;
  border-style : ridge;
  border-width : 1px;
}
#updateSearchFieldsTable TD {
  padding : 3px;
  border-width : 1px;
  border-style : ridge;
  vertical-align : top;
}

td {
  font : 14px arial,helvetica,sans-serif;
  color : #2e2e2e;
  line-height : 26px;
}

p {
  font : 14px arial,helvetica,sans-serif;
  color : #2e2e2e;
  line-height : 26px;
}

small {
  font : 9px verdana,helvetica,sans-serif;
  color : #808080;
  line-height : 26px;
  letter-spacing : 1px;
}

big {
  font : 22px times new roman,georgia,arial,verdana,helvetica,sans-serif;
  color : #2e2e2e;
  line-height : 26px;
  letter-spacing : 1px;
}

a:link {
  font : 14px georgia,arial,verdana,trebuchet ms,arial;
  color : #2e2e2e;
  text-decoration : none;
  background : transparent;
  line-height : 26px;
  letter-spacing : 1px;
}
a:visited {
  font : 14px georgia,arial,verdana,trebuchet ms,arial;
  color : #2e2e2e;
  text-decoration : none;
  background : transparent;
  line-height : 26px;
  letter-spacing : 1px;
}
a:hover {
  font : 14px georgia,arial,verdana,trebuchet ms,arial;
  color : #2e2e2e;
  text-decoration : none;
  background: none;
  line-height : 26px;
  letter-spacing : 1px;
}
a:active {
  font : 14px georgia,arial,verdana,trebuchet ms,arial;
  color : #2e2e2e;
  text-decoration : none;
  line-height : 26px;
  letter-spacing : 1px;
}

.messageInfo, .messageSuccess, .messageWarning, .messageError, .messageValidation {
  border: 1px solid;
  margin: 10px 0px;
  padding: 10px 10px 0px 50px;
  background-repeat: no-repeat;
  background-position: 10px 15px;
  min-height: 50px;
}

.messageInfo {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('images/message-info.png');
}
.messageSuccess {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('images/message-success.png');
}
.messageWarning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('images/message-warning.png');
}
.messageError {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('images/message-error.png');
}
.messageValidation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url('images/message-validation.png');
}

table.inputs {
    width: 100%;
}

table.inputs td.text {
    width: 1%;
    padding-right: 40px;
}

table.inputs td.input {
    width: 98%;
}

table.inputs td.requiredFieldMarker {
    width: 1%;
    color: #ff0000;
}

table.inputs input {
    width: 100%;
}