a.goToShoppingCart,div.commandBar a,table.shoppingcartTable a:link,table.shoppingcartTable a:visited{
  color:black !important;
  text-decoration:none;
}

table.orderFlow,div.commandBar,div.shoppingCartBox,div.commentBox{
  margin:10px 1em 0 1em;
  padding:0 0 0 10px;
  text-align:left;
  width:auto !important;
}

table.orderFlow,div.commandBar{
  height:34px;
}

table.orderFlow td.right {
  text-align: right;
}  

div.commentBox{
  background:#cccccc;
  padding:5px;
  text-align:left;
}

div.commentBox *{
  vertical-align:top;
}

table.orderFlow{
  width: 98.4% !important;
}

div.commandBar table td {
    text-align: center;
}

div.commandBar *{
}

div.commandBar .commandButton,
table.orderFlow .commandButton,
.authenticate .commandButton {
  border:0;
  display:inline;
  height:32px;
  width:32px;
  background-repeat: no-repeat;
}

div.commandBar span.startOrderFlow,
div.commandBar input.startOrderFlow,
div.commandBar .startOrderFlow,
div.commandBar span.orderProcessSaveShoppingCart,
div.commandBar span.printPreview,
div.commandBar input.refreshShoppingCart,
div.commandBar input.deleteShoppingCart,
div.commandBar .gotoGTC,
div.commandBar .backToCatalog,
div.commandBar span.goToShoppingCart,
div.commandBar .goToShoppingCart,
div.commandBar input.retrieveOrderList,
div.commandBar input.retrieveShoppingcartList,
div.commandBar span.copy,
div.commandBar span.delete,
div.commandBar span.edit,
div.commandBar input.posCopy,
div.commandBar input.appendToCurrentCart,
div.commandBar .printPreview,
div.commandBar .deleteShoppingCart,
div.commandBar input.saveShoppingCart,
table.orderFlow input.recedeOrderFlow,
table.orderFlow input.proceedOrderFlow,
input.proceedOrderFlow,
input.registerOrderFlow,
a.printPreview,
input.login {
  border:0;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position: 0 4px;
/* provisional */  
 font-size:0.1pt;
/* provisional */    
}

div.commandBar .retrieveOrderList{
  background-image:url(outbox.png);
  background-image:url(gsc.png);
}

div.commandBar .retrieveShoppingcartList{
  background-image:url(savedshoppingcarts_list.png);
}

div.commandBar input.posCopy{
  background-image:url(shoppingcart_selected_positions.png);
}

div.commandBar .goToShoppingCart {
  background-image:url(gotoshoppingcart.png) !important;
  background-repeat: no-repeat;
  background-position:0px 0px !important;
}

div.commandBar input.startOrderFlow,
div.commandBar .startOrderFlow,
table.orderFlow input.proceedOrderFlow,input.proceedOrderFlow{
  background-image:url(proceed.png);
}

div.commandBar .backToCatalog{
  background-image:url(back.png);
}

div.commandBar .printPreview, 
span.printPreview{
  background-image:url(printer.png);
}

div.commandBar .gotoGTC{
  background-image:url(gtc.png);
}

div.commandBar input.refreshShoppingCart{
  background-image:url(shoppingcart_refresh.png);
}

div.commandBar .deleteShoppingCart {
  background-image:url(shoppingcart_delete.png);
}

div.commandBar input.deleteShoppingCart{
  background-image:url(shoppingcart_delete.png);
}

div.commandBar .copy{
  background-image:url(copy24.png);
  background-position: 0px 6px;
}

div.commandBar .delete{
  background-image:url(delete24.png);
  background-position: 0px 6px;
}

div.commandBar .edit{
  background-image:url(edit24.png);
  background-position: 0px 6px;
}

div.commandBar .posCopy{
  background-image:url(shoppingcart_selected_positions.png);
  background-position: 0px 6px;
}

div.commandBar input.appendToCurrentCart{
  background-image:url(shoppingcart_add_positions.png);
  background-position:0px 6px;
}

table.orderFlow input.recedeOrderFlow{
  background-image:url(recede.png);
}

input.registerOrderFlow{
  background-image:url(registerorderflow.png);
}

div.commandBar span.shoppingCartEmpty,div.commandBar a.shoppingCartEmpty{
  background-position:0 20px;
  padding-bottom:20px;
}

span.GTCNotRead{
  display:block;
  font-weight:bold;
}

span.GTCNotRead:before{
  content:url(gtc_read_error.png);
}

input.refresh{
  background:transparent url(refresh.png) no-repeat top;
}

div.shoppingCartBox input.writeDateField{
  background:url(calendar.png) no-repeat center;
}

div.shoppingCartBox table input,div.shoppingCartBoxModal table input {
  padding:4px 2px;
  vertical-align:middle;
}

div.shoppingCartBox td{
  padding:2px 5px;
}

div.shoppingCartBoxModal table{
  width:100%;
}

input.login{
  background-image:url(login.png);
}

table.shoppingcartTable span.copy,
table.shoppingcartTable span.delete,
table.shoppingcartTable span.edit,
table.shoppingcartTable span.posCopy,
table.shoppingcartTable span.deleteRow,
table.shoppingcartTable span.printPreview {
  background:transparent no-repeat center;
  background-position:0px 0px;
}

table.shoppingcartTable .copy{
  background-image:url(copy.png);
}

table.shoppingcartTable .delete{
  background-image:url(delete2.png);
}

table.shoppingcartTable .edit{
  background-image:url(edit.png);
}

table.shoppingcartTable .posCopy{
  background-image:url(additemtocart16.png);
}

table.shoppingcartTable span.deleteRow{
  background-image:url(shoppingcart_delete16.png);
}

table.shoppingcartTable .refreshShoppingCart,
table.shoppingcartTable .deleteRow{
  width:18px;
  height:18px;
  padding:0;
  background-position: 0px 0px;
}

table.shoppingcartTable .refreshShoppingCart{
  background:url(shoppingcart_refresh16.png) no-repeat;
  margin-top:-8px;
}

table.shoppingcartTable .deleteRow{
  background:url(shoppingcart_delete16.png) no-repeat;
}

div.layoutShoppingCartState span.goToShoppingCart,
div.layoutShoppingCartState img.goToShoppingCart{
  background:transparent url(shoppingcart_full.png) no-repeat;
  height:32px;
  padding:4px 0 1px 0;

}

span.orderProcessSaveShoppingCart{
  background-image:url(shoppingcart_save.png);
}

input.saveShoppingCart{
  background-image:url(shoppingcart_save.png);
}

input.reset{
  background:transparent url(delete24.png) no-repeat bottom;
  background-position:0px 4px;
}

div.shoppingcartBox a{
  color:#DEE6EE  !important;
  text-decoration: none !important;
}

div.shoppingCartBox * a {
  color:#000000 !important;
  text-decoration: underline !important;
}

a.icon:link,a.icon:visited,a.icon:hover,a.icon:active{
  color:#DEE6EE !important;
}

.printConfirmation{
  background:transparent url('printer_view.png') no-repeat;
  background-position:0px 0px;
  padding:16px;
}

span.shoppingCartErrorMessage{
  border:#ff0000 2px solid;
  color:#ff0000;
  padding:1em;
}

table.shoppingcartTable,.authenticate table{
  border-collapse:collapse;
}

table.shoppingcartTable caption,table.shoppingcartTable th{
  background:#888888;
  color:#ffffff;
}

#webshopOrderFlow table.displayOrderFlowOptions{
  background-color:#ffffff;
  border:0;
}

div.displayOrderFlowOptionsContainer{
  background-color:#DFE7EF;
  border:1px solid #979797;
  display:block !important;
  height:70px !important;
  width:300px !important;
}

div.displayOrderFlowOptionsContainer input{
  padding:0 !important;
}

div.displayOrderFlowOptionsContainer table{
  border:0 !important;
  border-collapse:collapse;
  margin:0 !important;
  width:210px !important;
}

div.displayOrderFlowOptionsContainer td{
  padding:4px !important;
}

div.displayOrderFlowOptionsContainer{
  text-align:center;
}

.displayOrderFlowOptionsContainer > input{
  margin-top:25px;
}

.displayOrderFlowOptionsContainer * input.login{
  margin-top:-4px;
}

div.displayOrderFlowOptionsContainer table *{
  text-align:left;
  vertical-align:middle;
}

#webshopOrderFlow table.displayOrderFlowOptions td{
  padding:0 20px 0 0;
  vertical-align:top;
}

table.shoppingcartTable div{
  background:transparent;
  border:0;
  display:inline;
  padding:0;
}

table.shoppingcartTable td{
  background:#ffffff;
  border-bottom:1px solid #888888;
  padding:5px;
}

table.shoppingcartTable th{
  border:#888888 1px solid;
  padding:5px;
}

table.shoppingcartTable tr.evenAppendRow td{
  background:#d6e8do;
}

table.shoppingcartTable tr.evenRow td{
  background:#ffffff;
}

table.shoppingcartTable tr.oddAppendRow td{
  background:#eeeeee;
}

table.shoppingcartTable tr.oddRow td{
  background:#eeeeee;
}

.addItemToCart,
button.addItemToCartIcon,
span.addItemToCartIcon{
  background:transparent url(drop_shoppingcart32.png) no-repeat bottom;
}

div.productItem * .addItemToCart {
  background:transparent url(drop_shoppingcart24.png) no-repeat center;
}

.hidden{
  display: none !important;
}

.pageButton{
  margin-bottom:-5px;
}

.pageButtonInput{}

.smallBoxButton{
  margin-bottom:0;
}

.smallBoxButton,.pageButtonInput,.pageButton{
  border:0;
  display:inline;
  height:34px;
  vertical-align:bottom;
  width:34px;
}

.headersearchbutton {	
  border:0;
  display:inline;
  height:17px;
  vertical-align:bottom;
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF;
  width: 74px;
  background-image:  url(headersearch.png);
}	

.tableButton{
  border:0;
  display:inline;
  padding:8px;
}


#layoutContent div.layoutShoppingDirectInput h2,div.shoppingCartBoxModal h1,.shoppingCartBox h1{
  background:#1f8560;
  border:0;
  color:#ffffff;
  font-size:160%;
  margin:2px 0;
  padding:2px 10px 4px;
  vertical-align:middle;
}

#layoutContent div.layoutShoppingDirectInput table,div.shoppingCartBoxModal table,div.shoppingCartBox table,div.shoppingCartBox div{
  background:#eeeeee;
  border:#949494 1px solid;
  padding:5px 30px 5px 5px;
}

.staffelWK {
    color: #666666;
 font-size:11px;
 padding-left: 5px;
 padding-right: 5px;
 margin: 8px 0;
 border-collapse: collapse;
}
  
.staffelWK td {  
  border-right:1px solid #888888;	
}

#layoutContent div.layoutShoppingDirectInput,div.shoppingCartBox,div.shoppingCartBoxModal{
  border:0;
  margin:1em;
  padding:0;
  text-align:left;
}

#layoutContent div.layoutShoppingDirectInput,div.shoppingCartBoxModal{
  width:460px;
}

.authenticate{
  margin:10px;
}

.authenticate .orderFlow{
  background-color:#e8e8e8;
  border:1px solid #8a8a8a;
  height:34px;
  margin:0;
  padding:0 0 0 10px;
  text-align:left;
}

.authenticate .recedeOrderFlow{
  background:0 3px url(recede.png) transparent no-repeat;
  border:0;
}

.authenticate .content{
  border:1px solid #8a8a8a;
  padding:5px;
}

.authenticate .register td,.authenticate .anonymous td{
  padding:10px 10px;
  text-align:left;
}

.authenticate .login td{
  padding:10px 5px;
  text-align:left;
}

.authenticate .login ul{
  list-style-type:none;
}

.authenticate .proceed{
  background:0 3px url(proceed.png) transparent no-repeat;
  border:0;
}

.authenticate form.content{
  background:#dee6ee;
  margin:5px 0 0 0;
}

.shoppingcartfromFileIcon {
  background:transparent url(shoppingcartfromFile.png) no-repeat bottom;
}
submitCartfromFileIcon {
  background:transparent url(submitshoppingcartfromFile.png) no-repeat bottom;
}


div.showshoppingcart {
}

table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:0px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(bgup.gif);
    background-repeat: no-repeat;
    background-position: center right;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #eeeeee;
}

div.shoppingCartBox * input.edit,
div.shoppingCartBox * input.plz {
  font-size: 9pt;
  font-weight: bold;
}

div.shoppingCartBox * textarea,
div.shoppingCartBox * input.edit,
div.shoppingCartBox * select {
  width: 230px !important;
  font-size: 9pt !important;
  font-weight: bold;
  padding: 1px !important;
}

div.shoppingCartBox * input.plz {
  width: 46px;
}

table.shoppingcartTable .right {
    text-align: right;	
}

