html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
a img { border: none; }
a     { outline: none; }

html {
  overflow: hidden;
}
body {
  font-size: 75%;
  color: #222;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  position: relative;
}
#page {
  background: #5a573f url(images/page-bg.png) repeat-x left top;
  height: 54px;
}
.wrapper {
  background: #ccc78f;
  margin: 0 auto;
  width: 980px;
  height: 50px;
}
.navigation {
  width: 980px;
  background: transparent url(images/logo-bg.png) no-repeat left -50px;
  height: 50px;
}
.logo-wrapper {
  float: left;
  width: 330px;
}
.logo img {
  padding: 1px 0;
}
.logo h1 {
  line-height: 1;
}
.selectbox-wrapper {
  float: left;
  padding: 12px 0;
  width: 250px;
}
.selectbox {
  cursor: pointer;
  height: 26px;
  color: #fff;
  padding: 0 0 0 20px;
  background: transparent url(images/select.png) no-repeat 0 0;
  position: relative;
}
.selectbox .current {
  padding: 2px 0;
  font-size: 1.2em;
  font-weight: bold;
}
.list {
  display: none;
  position: absolute;
  left: 0;
  top: 22px;
  width: 250px;
  background: transparent url(images/select-bg.png) no-repeat center bottom;
  z-index: 5000;
  padding: 20px 0;
  overflow: hidden;
}
.list ul {
  padding: 0 10px;
  list-style: none;
}
.list li {
  border-bottom: 1px solid #444;
}
.list li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
}
.list li a:hover {
  color: #ccc78f;
}
.list li a.selected {
  background: #3f3f3f url(images/tick.png) no-repeat 95% center;
}
.list li span.node {
  display: none;
}
.list li img.thumb {
  display: none;
}
.choose-wrapper {
  float: left;
  width: 200px;
  height: 40px;
  padding-top: 5px;
}
.choose {
}
.buy-wrapper {
  float: right;
  width: 200px;
  height: 40px;
  padding-top: 5px;
}
.buy {
  text-align: right;
}

#theme {
  width: 100%;
  margin: 0;
  background: #fff;
  border: 0;
  position: absolute;
  left: 0;
  z-index: -1;
}

#tooltip {
	position: absolute;
	z-index: 8000;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.thumbbox {
	background: url(images/thumbbox.png);
	padding: 8px 0 7px 50px;
	width: 210px;
	height: 165px;
}