/*******************************
 ** Generic stuff for design   *
 *******************************/
div#main {
  width           : 550px;
  border          : solid 1px black;
  margin          : 0 auto;
  padding-bottom  : 20px;
  background-color: #ccc;
}
h1 {
  text-align      : center;
  display         : block;
}

a {
  color           : black;
  font-weight     : bold;
}

/*****************************
 ** Price-tag specific stuff *
 *****************************/
 span#time-remaining {
   font-weight    : bold;
   color          : red;
   text-align     : center;
   display        : block;
   margin-top     : .8em;
   display        : none;
}

div#price-tag {
  width           : 255px;
  height          : 110px;
  position        : absolute;
  right           : 3px;
  top             : 0px;
  display         : none;
  background      : url('./images/price_tag.png') center center;
}

div#price-tag-inner {
  width           : 100%;
  height          : 100%;
  position        : relative;
}

div#price-tag-inner img {
  position        : absolute;
  top             : 5px;
  right           : 5px;
  display         : none;
  cursor          : pointer;
  z-index         : 3;
}
div#price-tag-inner img#tag-image {
  position        : absolute;
  top             : 0;
  left            : 0;
  right           : 0;
  display         : block;
  cursor          : default;
  z-index         : 0;
}
div#price-tag-amount, div#price-tag-time {
  left            : 50px;
  top             : 24px;
  width           : 160px;
  height          : 25px;
  position        : absolute;
  overflow        : hidden;
  text-align      : center;
  vertical-align  : middle;
  line-height     : 23px;
  font-size       : 16px;
  text-transform  : uppercase;
  z-index         : 2;
}

div#price-tag-time {
  top             : 67px;
}