/* -----------------------------------------------
Page Structure
----------------------------------------------- */

body {
  font: 11px/1.6em "Lucida Grande", Verdana, Sans-serif;
  color: #000;
  background-color: #fff;
  padding: 0;
  margin: 0 auto;
}

div#wrapper {
  width: 741px;
  text-align: left;
  padding: 0;
  margin: 0 auto 4px auto;
}

/* -----------------------------------------------
Header
----------------------------------------------- */

div#header {
  padding: 6px 0 8px 0;
  text-align: center;
  background-color: #fff;
}

/* -----------------------------------------------
Navigation
----------------------------------------------- */

div#navigation {
  font-size: 9px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  background-color: #979d54;
  float: left;
  width: 741px;
  height: 31px;
}

div#navigation ul {
  padding: 0;
  margin: 7px 7px;
  color: #fff;
  list-style: none;
  float: left;
}

#navigation li {
  padding: 0;
  margin: 0;
  float: left;
  background-color: transparent;
  border-right: solid 1px #fff;
}

#navigation li.last {
  border: none;
}

#navigation a {
  padding: 4px 26px;
  margin: 0;
  text-decoration: none;
  color: #fff;
}

#navigation a:hover, #navigation a.current {
  color: #cbcea9;
}

/* -----------------------------------------------
Content
----------------------------------------------- */

div#content {
  border-left: solid 1px #979d54;
  border-right: solid 1px #979d54;
  float: left;
  width: 739px;
  background: #cbcea9 url("/images/bg_content.gif") repeat-y;
}

div#content #left {
  padding: 34px 34px 20px 34px;
  min-height: 295px;
  width: 380px;
  float: left;
}

div#content #right {
  min-height: 349px;
  width: 291px;
  float: left;
}

/* -----------------------------------------------
Collections
----------------------------------------------- */

body.collections div#content {
  background: transparent;
  color: #717a43;
}

body.collections div#content #left {
  background-color: #b3b67d;
  /* background-color: #cbcea9; */
  padding: 0;
  width: 448px;
  min-height: 349px;
}

body.collections div#content #right {
  background-color: #fff;
  min-height: 349px;
  width: 291px;
}

body.collections div#content #right #categories {
  height: 109px;
  padding: 0 0 14px 30px;
  voice-family: "\"}\"";
  voice-family: inherit;
  padding: 0 0 14px 30px;
}

body.collections div#content #right #categories h1 {
  margin: 36px 0 20px 0;
}

body.collections div#content #right #categories ul {
  margin: 0;
}


body.collections div#content #right #details {
  padding: 4px 0 4px 30px;
  height: 50px;
}

body.collections div#content #right #thumbnails {
  margin-top: 4px;
  float: left;
  height: 116px;
  background-color: #cbcea9;
}

body.collections div#content #right #thumbnails table {
  border-left: solid 1px #fff;
}

body.collections div#content #right #thumbnails div {
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
  width: 57px;
  height: 57px;
  background-color: transparent;
}

body.collections div#content #right #thumbnails a:hover {
  /* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); */
  /* opacity: .5; */
  /* filter: alpha(opacity=50); */
  /* moz-opacity: 0.5; */
  /* filter: alpha(opacity=50); */
}

body.collections h1 {
  color: #979d54;
}

body.collections ul {
  padding: 0;
  margin: 24px 0 0 0;
  list-style: none;
  text-transform: uppercase;
}

body.collections li {
  padding: 0 0 2px 0;
  margin: 0;
}

body.collections #right ul a {
  /* color: #717a43; */
  color: #cbcea9;
  text-decoration: none;
}

body.collections #right a:hover, body.collections #right a.current {
  /* color: #cbcea9; */
  color: #717a43;
}

/* -----------------------------------------------
Footer
----------------------------------------------- */

div#footer {
  height: 16px;
  color: #fff;
  background-color: #979d54;
  margin: 0;
  padding: 4px 26px 6px 0;
  font-size: 9px;
  clear: both;
  text-align: right;
  text-transform: uppercase;
}

div#footer a {
  color: #fff;
}

div#footer a:hover {
  color: #cbcea9;
  text-decoration: none;
}

div#copyright {
  color: #979d54;
  padding: 4px 0 6px 26px;
  font-size: 9px;
}

/* -----------------------------------------------
Anchors
----------------------------------------------- */

a {
  color: #979d54;
  text-decoration: underline;
}

a:hover {
  color: #000;
}

/* -----------------------------------------------
Misc. Rules
----------------------------------------------- */

h1 {
  margin: 0;
  font-size: 13px;
  text-transform: uppercase;
  color: #979d54;
}

img {
  border: none;
}