table.totals {
  border-collapse: collapse;
  border-spacing: 0;
}
.totals th {
  background: #687587; /* Old browsers */
  background: -moz-linear-gradient(top, #687587 0%, #404853 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#687587), color-stop(100%,#404853)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #687587 0%,#404853 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #687587 0%,#404853 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #687587 0%,#404853 100%); /* IE10+ */
  background: linear-gradient(to bottom, #687587 0%,#404853 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#687587', endColorstr='#404853',GradientType=0 ); /* IE6-9 */  
  color: #fff;
}
.totals tbody tr:nth-child(even) td {
  background: #f7faf9; /* Old browsers */
  background: -moz-linear-gradient(top, #f7faf9 0%, #e8eae9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7faf9), color-stop(100%,#e8eae9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7faf9 0%,#e8eae9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7faf9 0%,#e8eae9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7faf9 0%,#e8eae9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f7faf9 0%,#e8eae9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7faf9', endColorstr='#e8eae9',GradientType=0 ); /* IE6-9 */
}
.totals tfoot tr.total td {
  background: #f7faf9; /* Old browsers */
  background: -moz-linear-gradient(top, #f7faf9 0%, #e8eae9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7faf9), color-stop(100%,#e8eae9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7faf9 0%,#e8eae9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7faf9 0%,#e8eae9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7faf9 0%,#e8eae9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f7faf9 0%,#e8eae9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7faf9', endColorstr='#e8eae9',GradientType=0 ); /* IE6-9 */
}
.totals th, .totals td {
  border: 1px solid #c6c9cc;
  vertical-align: top;
}
.totals th {
  font-size: 11px;
  text-transform: uppercase;
}
.totals th.qty, .totals th.price {
  text-align: center;
}
.totals tbody tr.total {
  color: #404853;
  font-weight: bold;
}
.totals tbody td.item {
  color: #404853;
  font-weight: bold;
}
.totals tbody td.stock, .totals tbody td.qty, .totals tbody td.price {
  vertical-align: middle;
}
.totals tbody td.stock, .totals tbody td.qty {
  text-align: center;
}
.totals tbody td.price {
  text-align: right;
}
.totals tfoot td {
  text-align: right;
}
.totals tfoot tr.sub td, .totals tfoot tr.tax td {
  color: #8c8c8c;
  font-size: 12px;
}
.totals tfoot tr.total td {
  color: #404853;
  font-size: 14px;
  font-weight: bold;
}
.totals .in {
  color: #00b515;
}
.totals .out {
  color: #b50000;
}
.totals span {
  color: #8c8c8c;
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.totals th.subtitle {
  text-align: left;
  padding-left: 10px;
}