h1 {
  margin-left: 20px ;
}
div.tback {
  float: left ;
  width: 350px ;
  height: 260px ;
  margin: -15px 0px 0px 0px ;
  padding: 10px ;
  background: #E6F2F2 ;
  background: #EAEFF2 ;
  background: #EFFAF5 ;
  border: solid 0px #ff0000 ;
}
div.tfore {
  float: left ;
  width: 380px ;
  height: 200px ;
  margin: -5px 0 0 -330px ;
  padding: 10px ;
  background: #ffdddd ;
  background: transparent ;
  border: solid 0px #00dd00 ;
}

div.rback {
  float: left ;
  width: 250px ;
  height: 250px ;
  margin: 75px 0px 0px 160px ;
  padding: 10px ;
  background: #E6F2F2 ;
  background: #F2F6F6 ;
  background: #E6F2F2 ;
  background: #EAEFF2 ;
  background: #EFFAF5 ;
  border: solid 0px #ff0000 ;
}
div.rfore {
  float: left ;
  width: 300px ;
  height: 243px ;
  margin: 33px 0 0 -340px ;
  padding: 10px ;
  background: #ffdddd ;
  background: transparent ;
  border: solid 0px #00dd00 ;
}
ul.offer {
  width: 300px ;
}
div.tfore p {
  text-align: left ;
}
div.rfore p {
  text-align: left ;
  font-weight: bold ;
}
div.lback {
  float: left ;
  width: 345px ;
  height: 185px ;
  margin: -20px 0px 25px 110px ;
  padding: 10px ;
  background: #eef9f6 ;
  background: #E6F2F2 ;
  background: #EAEFF2 ;
  background: #EFFAF5 ;
  border: solid 0px #ff0000 ;
}
div.lfore {
  float: left ;
  width: 415px ;
  height: 170px ;
  margin: -45px 0 0 -405px ;
  padding: 10px ;
  background: #ffdddd ;
  background: transparent ;
  border: solid 0px #00dd00 ;
}
div.lfore p, div.lfore h2 {
  text-align: right ;
}
table.cat {
  width: 100% ;
}
table.cat td {
  width: 50% ; /* depends on # of items */
  font-size: 1.15em ;
  text-align: left ;
  padding: 5px 35px 5px 15px ;
  border: solid 5px #ffffff ;
}
table.cat td:hover {
  background: #c8e4da ;
  cursor: pointer ;
}
table.cat td h2 {
  margin-left: -8px ;
  margin-bottom: 8px ;
  font-size: 1.5em ;
}
table.cat td img {
  margin: 0 10px 10px 0px ;
  float: left ;
}