body 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}


.offer_title1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    font-weight: bold;
    color: #000000;
}

.offer_title3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    color: darkblue;
}


.seller_display 
{
    font-size: medium;
    font-weight: bold;
      color: darkblue;
}

#products {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#products td {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
}

#products th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #569094;
    color: white;
}

.container-4 {
  vertical-align: middle;
  white-space: nowrap;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:80%;
  max-width: 665px;
}

.container-4 input.search{
  box-sizing: content-box;
  height: 48px;
  background: #FFFFFF;
  font-size: 14pt;
  float: left;
  color: #000000;
  padding-left: 15px;
  width:90%;
  margin:0px;
  padding-top:0px;
  padding-bottom:0px;
}

.container-4 input.icon{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  height: 50px;
  width: 50px;
  font-size: 20pt;
}

.stock_info_in_1 {
font-size:14px;
text-align:center;
font-weight: normal;
color: darkgray;
}

.stock_info_in_2 {
font-size:14px;
text-align:center;
font-weight: bold;
color: green;
}

.stock_info_in_3 {
font-size:14px;
text-align:center;
font-weight: normal;
color: green;
}

.stock_info_out_1 {
font-size:14px;
text-align:center;
font-weight: normal;
color: darkgray;
}

.stock_info_out_2 {
font-size:14px;
text-align:center;
font-weight: bold;
color: red;
}

.stock_info_out_3 {
font-size:14px;
text-align:center;
font-weight: normal;
color: red;
}