﻿div.tile
{
  background: url(../Images/Tile.png) repeat-x;
  margin-bottom: 20px;
}

div.tile-l
{
  background: url(../Images/TileL.png) no-repeat left;
}

div.tile-r
{
  background: url(../Images/TileR.png) no-repeat right;
  padding-top: 20px;
  position: relative;
  height: 350px;
}

div.tile-r div.status
{
  position: absolute;
  left: 20px;
  top: 20px;
  overflow: hidden;
}

div.tile-r div.status div
{
  float: left;
  margin-right: 10px;
  width: 30px;
  height: 30px;
}

div.tile-r div.status div.new
{
  background: url(../Images/New.png) no-repeat;
}

div.tile-r div.status div.pop
{
  background: url(../Images/Pop.png) no-repeat;
}

div.tile-r table
{
  width: 100%;
}

div.tile-r table td
{
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 200px;
}

div.tile-r div.title
{
  margin-top: 42px;
  height: 70px;
}

div.tile-r div.title div.row-a
{
  margin: 0 20px 0;
  max-height: 42px;
  overflow: hidden;
}

div.tile-r div.title div.row-b
{
  margin: 0 20px 0;
  max-height: 18px;
  overflow: hidden;
}

div.tile-r div.title div.row-b a
{
  color: #b4b4b4;
  font-size: 12px;
}

div.tile-r div.action
{
  margin: 0 20px 0;
  overflow: hidden;
}

div.tile-r div.action span
{
  font-size: 21px;
}

div.tile-r div.action a
{
  font-size: 21px;
  float: right;
}

div.tile-r div.action a.article
{
  color: #91c500;
}

div.tile-r div.action a.supplier
{
  color: #ffb300;
}

div.tile-r div.action a.text
{
  color: #b01959;
}