div {
  margin:0 auto;
  padding:0px 0px 0px 0px;
}
body {
  text-align: center;
  background-color: #F2F7D9; /* 242 247 217 */
  font-family: "Book Antiqua";
  color: #222222;
}
#bodyTop { /* Top part, logo */
  width: 970px;
  text-align: left;
  background: url("../images/top-background-margin-right.jpg") repeat-x top;
}
#bodyMiddle { /* Contains #bodyLeft and #bodyRight */
  width: 1000px;
}
#bodyLeft { /* Left part, sidebar */
  margin-top: 12px;
  padding: 12px 12px 0px 36px;
  width: 192px;
  float: left;
  background: url("../images/sidebar-background.jpg") repeat-y top left;
}
#bodyRight { /* Right part, main content */
  width: 745px;
  float: left;
  text-align: left;
}
#bodyBottom { /* Bottom part, additional info */
  width: 970px;
}
.divNewline { /* Seperate the divs */
  clear: both;
}
td.menuButtonBg { /* Background for menu buttons on the left side */
  background: url("../images/menu-button.gif") no-repeat; width:167px; height:33px; text-indent:12px;
}
td.subMenuBg { /* Sub-category display */
  text-align: left;
  padding-left: 24px;
  font-size: 14px;
}
a.menuButton:link, a.menuButton:visited { /* Links for menu buttons on the left side */
  text-decoration: none;
  font-weight: bold;
  color: white;
}
a.menuButton:hover { /* When mouse on the links for menu buttons on the left side */
  text-decoration:none;
  font-weight: bold;
  color: #1D3F22;
}
a.subMenuButton:link, a.subMenuButton:visited { /* Sub-category's link */
  text-decoration: none;
  color: #334455;
}
a.subMenuButton:hover { /* Sub-categoey's link when mouse over */
  text-decoration: none;
  color: #FC852E;
}
div.categoryMenuBox { /* The box that holds categoryMenuBg and categoryMenuBarBg */
  width: 735px;
}
div.categoryMenuBg { /* Background for category menu's background */
  background: url("../images/category-menu.jpg") no-repeat center;
  width: 110px;
  height: 110px;
  float: left;
}
div.categoryMenuBarBg { /* Background for category menu bar's background */
  background: url("../images/category-menu-margin-right.jpg") repeat-x left;
  width: 620px;
  height: 70px;
  float: left;
  color: #2F3D29;
  margin-top: 20px;
  *margin-top: 0px; /* IE 7 * hack */
  *padding-top: 40px; /* IE 7 * hack */
}
div.categoryTooltip { /* Tooltip text for category */
  float: right;
  font-size: 12px;
  font-weight: bold;
  margin: -40px 12px;
  color: yellow;
}
div.menuItemBox { /* Display all the items in the menu */
  margin-left: 36px;
  width: 720px;
  background: url("../images/main-background.jpg") no-repeat top right;
}
div.menuItem { /* Display each item in the category */
  width: 715px;
  clear: both;
}
div.itemNameBox { /* This box contains item's number, item's name and the "dots" afterward */
  float:left;
  width:625px;
  background: url("../images/dot.jpg") repeat-x center;
}
div.itemNumber { /* Item's number */
  background-color: #DAB396;
  text-align: center;
  padding: 6px;
  width: 24px;
  font-weight: bold;
  float: left;
}
div.itemNameAndDots { /* Item's name and the dots afterward */
  padding-left: 12px;
  padding-top: 4px;
  float: left;
  background-color: #F2F7D9;
}
a.itemName:link, a.itemName:visited { /* Item's name */
  text-decoration: none;
  color: #222222;
}
a.itemName:hover { /* Item from categtory */
  text-decoration: none;
  color: #FC852E;
}
div.itemPrice { /* Display the price of the item */
  float:left;
  width:60px;
  padding-top: 6px;
  text-align:right;
}
div.itemDescription { /* Item's description. Usually invisible unless user click to display it */
  width: 560px;
  float: left;
  margin: -10px 0px 10px 80px;
  _margin-left: 40px;
  font-size: 14px;
  color: #333355;
  display: none;
}
div.itemNewline { /* Give space in between for each item */
  clear: both;
  margin-bottom: 12px;
}
div#bottomNote { /* The note/notice that appears at the bottom */
  width: 760px;
  font-size: 14px;
  margin: 24px 0px 12px 0px;
  text-align: center;
}
.homeInfoBox { /* The box that holds sidebar bottom infos */
  width: 162px;
  float: left;
}
.homeInfo { /* The info at the bottom of the sidebar */
  color: #222233;
  width: 158px;
}
.homeInfoBgTop {
  width: 158px;
  background: url("../images/side-bottom-info-top.jpg") no-repeat center;
}
.homeInfoBgMiddle {
  width: 158px;
  background: url("../images/side-bottom-info-middle.jpg") repeat-y center;
  margin: -7px 0px -7px 0px;
  text-align: center;
}
.homeInfoBgBottom {
  width: 158px;
  background: url("../images/side-bottom-info-bottom.jpg") no-repeat center;
}
.homeInfoDescription {
  font-weight: bold;
}
.homeInfoInfo {
  font-size: 14px;
  color: #112233;
}
.sideMapLink:link, .sideMapLink:visited {
  text-decoration: none;
  color: #3355CC;
}
.sideMapLink:hover {
  text-decoration: none;
  color: #FC852E;
}
img.sideMap:hover {
  cursor: pointer;
}
#sidebarSmallMap {
  display: block;
}
#sidebarBigMap { /* The big map on the side bar, invisible by default */
  display: none;
}
.descriptionImg { /* Images in description */
  float: left;
  margin: 0px 8px 6px 0px;
}