.content {
  font-family: Tahoma, Verdana, Arial, Georgia, Times New Roman;
  color: #333;
  font-size: 12px;
  line-height: 140%;
  margin: 4px;
}

.contentcaption {
  font-family: Tahoma, Verdana, Arial, Georgia, Times New Roman;
  color: #333;
  font-size: 12px;
  padding: 4px;
  margin: 4px;
  font-weight: bold;
}

.contentnarrow, .content-narrow {
  font-family: Tahoma, Verdana, Arial, Georgia, Times New Roman;
  color: #333;
  font-size: 12px;
  margin: 4px;
}

.price {
  color: #EE0000;
  font-weight: bold;
}

.price-old {
  color: #999999;
  text-decoration: line-through;
}

.price-new {
  color: #FF0000;
  font-weight: bold;
}

.availability-stock {
  color: #006600;
  font-size: 12px;
}

.availability-order {
  color: #DD0000;
  font-size: 12px;
}

.availability-none {
  color: #FF0000;
  font-size: 12px;
}

.sep {
  border-bottom: 1px dotted #CCCCBB;
}

hr {
  border: 0;
  color: #aaaaaa;
  height: 1px;
  border-bottom: 1px dotted #CCCCBB;
}

h1 {
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial; 
  font-size: 16px; 
  color: #333;
}

h2 {
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial; 
  font-size: 15px; 
  color: #333;
}

h2 a:link { text-decoration: none; font-size: 18px; font-weight: normal; color: #666; }
h2 a:visited { text-decoration: none; font-size: 18px; font-weight: normal; color: #666; }
h2 a:hover { text-decoration: none; font-size: 18px; font-weight: normal; color: #666; }
h2 a:active { text-decoration: underline; font-size: 18px; font-weight: normal; color: #666; }

.btn-norm {
  border-style: outset;
  border-width: 2px;
  border-color: #aaaaaa;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.btn-ok {
  border-style: outset;
  border-width: 2px;
  border-color: #00dd00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.btn-warn {
  border-style: outset;
  border-width: 2px;
  border-color: #dd0000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.btn-search {
  vertical-align: middle;
}

.field-search {
  vertical-align: middle;
}

.tbl-head {
    color: #000000;
    background-color: #fff;
    /* border-color: #ffffff #999999 #999999 #ffffff; */
    border-color: #eaeaea #999999 #999999 #eaeaea;
    font-weight: normal;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
}

.tbl-data {
    background-color: #fafafa;
    /* border-color: #ffffff #d1d9e8 #d1d9e8 #ffffff;*/
    border-color: #f0f0f0 #f0f0f0 #f0f0f0 #f0f0f0;
    padding: 2px;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
}

.products-data {
    vertical-align: top;
    background-color: #fff;
    border-color: #fff;
    border-bottom: 1px dotted #ccc;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    margin: 0;
}

.tbl-prefix {
    background-color: #fafafa;
    border-color: #f0f0f0 #f0f0f0 #f0f0f0 #f0f0f0;
    padding: 2px;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
}

.tbl-msg {
   border-width: 1px;
   border-color: #88A4D7;
   border-style: solid;
   font-size: 12px;
   background-color: #E2E7F0;
}

.tbl-msg-data {
   vertical-align: middle;
   padding: 5px 5px 5px 5px;
}

.tbl-msg-warn {
   border-width: 1px;
   border-color: #D7A488;
   border-style: solid;
   background-color: #F0E7E2;
}

.tbl-msg-warn-data {
   vertical-align: middle;
   padding: 5px 5px 5px 5px;
}

.tbl-msg-important {
   border-width: 1px;
   border-color: #999999;
   border-style: solid;
   background-color: #eaeaea;
}

.tbl-msg-important-data {
   vertical-align: middle;
   padding: 5px 5px 5px 5px;
}

.section-header {
    background-color: #f0f0f0;
    border-color: #ffffff #d1d9e8 #d1d9e8 #ffffff;
    padding: 2px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
}

.section-panel {
    background-color: #f0f0f3;
    border-color: #ffffff #c1c9d8 #c1c9d8 #ffffff;
    padding: 6px;
    font-weight: bold;
    font-size: 80%;
    border-width: 1px;
    border-style: solid;
}

/* these styles used to output products variants list in front-end */

.tbl-head-variants {
    color: #000000;
/*
    background-color: #d1d9e8;
    border-color: #ffffff #88a4d7 #88a4d7 #ffffff;
*/
    background-color: #fff;
    border-color: #eaeaea #999999 #999999 #eaeaea;
    font-weight: normal;
    border-width: 1px;
    border-style: solid;
    font-family: Tahoma, Verdana, Arial, Georgia, Times New Roman;
    font-size: 12px;
}

.tbl-data-variants {
    background-color: #fff;
     /* border-color: #ffffff #d1d9e8 #d1d9e8 #ffffff; */
    border-color: #eaeaea;
    padding: 5px 5px 5px 10px;
    border-width: 1px;
    border-style: solid;
    font-family: Tahoma, Verdana, Arial, Georgia, Times New Roman;
    font-size: 12px;
}

select, input, textarea{
    font: 90% Tahoma, Arial, Helvetica, sans-serif;
}