/* detail page styles */

.share_buttons {
  margin-top: 10px;
  margin-bottom: 4px;
}
.share_button {
  float: left;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.dbimage {
  border: none;
}

.itemlist {
  width: 810px;
}

.itembox-wrapper {
  float: left;
  width: 210px;
  padding: 30px;
}

.itembox {
  display: block;
  position: relative;
}

.colour-preview {
  display: none;
  position: absolute;
  left: -30px;
  background-color: #ffffff;
  padding: 0;
}
.colour-preview a {
  display: block;
}
.colour-preview img {
  border: 1px solid #ffffff;
}
.colour-preview a.hover img {
  border: 1px solid #cccccc;
}

.colourbox {
  width: 90px;
  padding: 0px;
  margin: 0px;
  position: relative;
}

.itemiconbox {
  position: absolute;
  z-index: 2;
}

.itembox .itemiconbox {
  width: 57px;
}

.colourbox .itemiconbox {
  width: 34px;
}

.tl {
  left: 0px;
}

.tr {
  right: 0px;
}

.colourbox .itemiconbox img {
  display: block;
  width: 34px;
  height: 13px;
  border: 0px;
}

.compositebox {
  width: 477px;
  margin: 0px;
  position: relative;
}

.compositebox .zoom {
  width: 85px;
  height: 65px;
  position: absolute;
  z-index: 2;
  right: 0px;
}

/* message/error styles */
.messagebox {
  min-height: 34px;
  margin-top: 10px;
  border-width: 2px;
  border-style: solid;
  padding: 4px;
  color: #000000;
  font-weight: bold;
}
.messagebox a {
  color: #000000;
  text-decoration: underline;
}
.messagebox .messagebox-icon {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: top left;
}
.messagebox-success {
  border-color: #7a936b;
  background-color: #d5eab4;
}
.messagebox-success .messagebox-icon {
  background-image: url(messagebox-success.png);
}
.messagebox-info {
  border-color: #418acc;
  background-color: #d0e4f4;
}
.messagebox-info .messagebox-icon {
  background-image: url(messagebox-info.png);
}
.messagebox-warn {
  border-color: #ffc237;
  background-color: #ffeaa8;
}
.messagebox-warn .messagebox-icon {
  background-image: url(messagebox-warn.png);
}
.messagebox-error {
  border-color: #eb5339;
  background-color: #fccac2;
}
.messagebox-error .messagebox-icon {
  background-image: url(messagebox-error.png);
}
.messagebox .messagebox-close {
  float: right;
  display: block;
  cursor: pointer;
  width: 24px;
  height: 18px;
  margin-left: 10px;
  margin-bottom: 5px;
  background-image: url(messagebox-close.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.messagebox .messagebox-text {
  z-index: 100;
  padding: 4px;
}

/* zoom image styles */

#zoom-blackout {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #000000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

* html #zoom-blackout { /*IE6*/
  position: absolute;
  height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight)+'px');
}

#zoom-box {
  position: fixed;
  border: 6px solid #c0c0c0;
  background: #ffffff;
  z-index: 102;
  display: none;
  top: 50%;
  left: 50%;
}

* html #zoom-box { /*IE6*/
  position: absolute;
  margin-top: expression(0-parseInt(this.offsetHeight/2)+(document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}

#zoom-iefix {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
}

* html #zoom-iefix { /* IE6 */
  position: absolute;
  height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight)+'px');
}

/* please wait */

#blackout-mask {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #000000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

* html #blackout-mask { /*IE6*/
  position: absolute;
  height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight)+'px');
}

#blackout-iefix {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
}

* html #blackout-iefix { /* IE6 */
  position: absolute;
  height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight)+'px');
}

#please-wait {
  position: fixed;
  background-color: #ffffff;
  background-image: url(please-wait.gif);
  background-repeat: no-repeat;
  background-position: 115px 8px;
  z-index: 102;
  display: none;
  top: 50%;
  left: 50%;
  width: 450px;
  margin-top: -50px;
  margin-left: -225px;
  border: 3px solid #000000;
  padding: 10px;
  padding-top: 30px;
  font-size: large;
  font-weight: bold;
}

* html #please-wait { /*IE6*/
  position: absolute;
  margin-top: expression(0-parseInt(this.offsetHeight/2)+(document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}