@import url('tags.css');
@import url('menu.css');

body {
  background: rgb(177,166,159);
  text-align: center;
  margin: 0px;
}

#container {
  position: relative;
  width: 896px;
  margin: 0px auto;

  text-align: left;
}

/*===========================TOP=========================*/

#logo {
  position: absolute;
  left: 1px;
  top: 34px;
}

/*===========================MAIN=========================*/
#mainContainer {
  position: absolute;
  left: 0px;
  top: 102px;
  width: 100%;
  height: 506px;

  border: 2px solid white;
  background: white;
}

#main {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 718px;
  height: 100%;

  z-index: 5;

  overflow: auto;
}

#productDisplay {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 178px;

  background: rgb(177,166,159);

  text-align: center;

  overflow: auto;

  z-index: 10;
}

#productDisplay img {
  margin-top: 20px;
  border: 2px solid white;
}

/*===========================TOP=========================*/
#footer {
  position: absolute;
  top: 615px;
  left: 0px;
  width: 100%;

  text-align: center;

  font-size: 9pt;

  color: white;
}

#footer img {
  margin-left: 20px;
  margin-right: 20px;
  vertical-align: middle;
}

#footer a {
  color: white;
}