#order-table-container {
  height: 490px;
  width: 872px;
  background: #9b322c;
  position: absolute;
  top: 50%;
  margin-top: -245px;
  left: 50%;
  margin-left: -403px;
}

#order-table-wrapper {
  position: relative;
  height: 490px;
  width: 872px;
}

#order-table-close {
  height: 25px;
  width: 24px;
  background: url(../images/tables/res.png) no-repeat left top;
  position: absolute;
  right: 31px;
  margin-top: -25px;
  cursor: pointer;
}

#order-table-info {
  width: 419px;
  height: 18px;
  position: absolute;
  bottom: 17px;
  left: 74px;
  background: url(../images/tables/res.png) no-repeat left -53px;
}

#order-table-order {
  height: 21px;
  width: 105px;
  position: absolute;
  right: 85px;
  bottom: 13px;
  background: url(../images/tables/res.png) no-repeat -153px top;
  overflow: hidden;
  text-indent: -999px;
  display: block;
}

#order-table-floors-container {
  position: absolute;
  top: 9px;
  left: 67px;
  width: 739px;
  height: 436px;
  overflow: hidden;
}

#order-table-floors {
  width: 1500px;
  height: 458px;
  background: url(../images/tables/floors.png) no-repeat left top;
  position: relative;
  left: 0px;
}

.order-table-nav-button {
  display: block;
  height: 48px;
  width: 26px;
  position: absolute;
  top: 199px;
}

.order-table-nav-button.active {
  cursor: pointer;
}

a#order-table-back {
  background: url(../images/tables/res.png) no-repeat -85px 1px;
  left: 21px;
}

#order-table-back.active {
  background: url(../images/tables/res.png) no-repeat -28px 1px;
}

a#order-table-forward {
  background: url(../images/tables/res.png) no-repeat -114px 1px;
  right: 25px;
}

#order-table-forward.active {
  background: url(../images/tables/res.png) no-repeat -56px 1px;
}

.table {
  cursor: pointer;
  position: absolute;
  z-index: 2;
}

#table-1, #table-2 {
  width: 87px;
  height: 59px;
}

#table-1.active, #table-2.active {
  background: url(../images/tables/res.png) no-repeat 1px -198px;
}

#table-3, #table-4, #table-5, #table-6, #table-7, #table-8 {
  width: 36px;
  height: 103px;
}

#table-3.active, #table-4.active, #table-5.active, #table-6.active, #table-7.active, #table-8.active {
  background: url(../images/tables/res.png) no-repeat 10px -219px;
}

#table-9, #table-10 {
  width: 36px;
  height: 116px;
}

#table-9.active, #table-10.active {
  background: url(../images/tables/res.png) no-repeat 11px -118px;
}

#table-11, #table-12, #table-13, #table-14 {
  width: 36px;
  height: 118px;
}

#table-11.active, #table-12.active, #table-13.active, #table-14.active {
  background: url(../images/tables/res.png) no-repeat 10px -218px;
}

#table-1 {
  top: 68px;
  left: 595px;
}

#table-2 {
  top: 145px;
  left: 595px;
}

#table-3 {
  top: 320px;
  left: 626px;
}

#table-3.active {
  background: url(../images/tables/res.png) no-repeat 9px -219px;
}

#table-4 {
  top: 320px;
  left: 523px;
}

#table-5 {
  top: 320px;
  left: 420px;
}

#table-6 {
  top: 320px;
  left: 317px;
}

#table-7 {
  top: 320px;
  left: 216px;
}

#table-7.active, #table-6.active {
  background: url(../images/tables/res.png) no-repeat 11px -219px;
}

#table-8 {
  top: 320px;
  left: 115px;
}

#table-9 {
  top: 34px;
  left: 1367px;
}

#table-10 {
  top: 34px;
  left: 1263px;
}

#table-11 {
  top: 303px;
  left: 1368px;
}

#table-12 {
  top: 303px;
  left: 1264px;
}

#table-13 {
  top: 192px;
  left: 951px;
}

#table-14 {
  top: 192px;
  left: 847px;
}

.tablehint {
  display: none;
  width: 157px;
  height: 102px;
  position: absolute;
  z-index: 1;
}

.hint-square {
}

.hint-square .sign {
  margin-top: 53px;
  background: url(../images/tables/res.png) no-repeat -234px -300px;
}

.sign {
  width: 138px;
  height: 49px;
}

.hint-rect {
  margin-top: -148px;
  margin-left: -34px;
}

.hint-rect .sign {
  background: url(../images/tables/res.png) no-repeat -143px -142px;
}



.hint-rect3 {
  margin-top: -148px;
  margin-left: -34px;
}

.hint-rect3 .sign {
  background: url(../images/tables/res.png) no-repeat -402px -300px;
}

.hint-rect-right {
  margin-top: -148px;
  margin-left: -34px;
}
  
.hint-rect-right .sign {
  background: url(../images/tables/res.png) no-repeat -402px -300px;
}

.hint-rect2 {
  margin-left: -28px;
  margin-top: -20px;
}

.hint-rect2 .sign {
  background: url(../images/tables/res.png) no-repeat -401px -300px;
  margin-top: 53px;
}

.hint-rect6 {
  margin-left: -28px;
  margin-top: -20px;
}

.hint-rect6 .sign {
  background: url(../images/tables/res.png) no-repeat -66px -411px;
  margin-top: 53px;
}

.hint-rect4 {
  margin-top: -148px;
  margin-left: 133px;
}

.hint-rect4 .sign {
  background: url(../images/tables/res.png) no-repeat -402px -300px;
  margin-left: 19px;
}

.hint-rect5 {
  margin-top: -148px;
  margin-left: 133px;
}

.hint-rect5 .sign {
  background: url(../images/tables/res.png) no-repeat -234px -411px;
  margin-left: 19px;
}

.hint-rect-left {
  margin-top: -148px;
  margin-left: 133px;
}

.hint-rect-left .sign {
  background: url(../images/tables/res.png) no-repeat -402px -411px;
  margin-left: 19px;
}

 .arrow {
  display: block;
  height: 60px;
  width: 30px;
  background: url(../images/tables/res.png) no-repeat -326px -166px;
  margin-top: -5px;
}

.hint-rect-left .arrow {
  background: url(../images/tables/res.png) no-repeat -326px -166px;
}

.hint-rect-right .arrow, .hint-rect .arrow, .hint-rect3 .arrow {
  margin-left: 125px;
  background: url(../images/tables/res.png) no-repeat -503px -166px;
}

.hint-rect2 .arrow, .hint-rect6 .arrow {
  margin-left: 125px;
  background: url(../images/tables/res.png) no-repeat -503px -102px;
  margin-top: -102px;
}

.hint-square .arrow {
  margin-left: 125px;
  background: url(../images/tables/res.png) no-repeat -503px -102px;
  margin-top: -102px;
}

.hint-square {
  margin-left: -10px;
}