table.grid {
  color: #000;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

caption.grid {
  background: #FFF;
  font: bold 1.1em Tahoma, sans-serif; 
  color: #00598C; /*сине-фиолетовый*/
  padding: 5px;
  margin: 0;
  text-align: left;
}

th.grid {
  background: #F7F7F7;
  background: #EFE7D6;
  background: #F7F3F7;
  border: 1px solid #C6C7C6;
  color: #085994;  
  font: 1em sans-serif, serif;
  padding: 0 5px 0 5px;
  text-align: center;
}

th.grid a:active, th.grid a:link, th.grid a:visited, th.grid a:hover {
  color: #085994;
  text-decoration: none;
}

th.grid a:hover {
  color: #2196D6;
}

td.data1, td.data2, td.data_incart, td.data_disabled, td.data_red, td.data_total
, td.num, td.data_sel, td.action, td.data_small, td.data_union, td.data_title{ /* столбцы для отображения данных в гриде */
  border: 1px solid #DDD;
  font: 1em helvetica, tahoma, verdana,  sans-serif, serif;
  padding: 0 3px 0 3px;
}

td.data2{ 
  background: #F7F7F7;
}

td.data_total { /* итоговый столбец */
  background: #D6DFF7;
  background: #F7F3F7;
  border: 1px solid #C6C7C6;
  border-top: 4px double #DDD;
  font-weight: bold;
  color: #BD284A;
}

td.data_incart{ 
  color: #636563;
}

td.data_disabled{ 
  color: #C2C1C1;
}

td.data_red{ 
  color: red;
}

td.data_small{ 
  color: #636563;
  font: 0.8em helvetica, tahoma, verdana,  sans-serif, serif;
}

td.data_union{ 
  background: #EFEEF3;
}

td.data_title{ 
  background: #EFEEF3;
  font-weight: bold;
}

td.data1 a:active, td.data1 a:link, td.data1 a:visited, 
td.data2 a:active, td.data2 a:link, td.data2 a:visited,
td.data_incart a:active, td.data_incart a:link, td.data_incart a:visited,
td.data_disabled a:active, td.data_disabled a:link, td.data_disabled a:visited,
td.data_red a:active, td.data_red a:link, td.data_red a:visited
{
  color: #085994;
  text-decoration: none;
}

td.data_disabled a.link{
  color: #8FB9FF;
}

td.data1 a:visited, td.data2 a:visited, td.data_incart a:visited, td.data_disabled a:visited, td.data_red a:visited
{
  color: #9C009C;
  color: #7396CE;
  text-decoration: none;
}

td.data1 a:hover, td.data2 a:hover, td.data_incart a:hover, td.data_disabled a:hover, td.data_red a:hover
{
  color: #D65529;
  text-decoration: underline;
}

td.data_sel, td.data_sel a { /* выделенный столбец */
  background: #517FC4;
  color: #FFF;
}

td.data_sel a { 
  color: #EFF6B7;
}

td.data_sel a:hover { 
  color: #F2EA0A;
}

td.num { /*столбец для нумерации строк в гриде*/
  background: #F7F7F7;
  background: #EFE7D6;
  background: #F7F3F7;
  border: 1px solid #C6C7C6;
  color: #085994;
  text-align: right;
}

td.action { /* столбец действий */
  background: #F7F7F7;
  background: #EFE7D6;
  background: #F7F3F7;
  border: 1px solid #C6C7C6;
  text-align: center;
}

.field{ /* поле */
  background: FFF;
}