/* Popup
============================================================================ */

#popup_background {
  background: #1F2526;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}

#popup_wrap {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  margin-top: 210px;
}

#popup_box {
  margin: 0 auto;
}

/* Popup Header
============================================================================ */

#popup_header, #popup_header .left_box, #popup_header .centre_box, #popup_header .right_box {
  height: 34px;
  font-size: 1px;
  line-height: 1px;
}

#popup_header .left_box {
  background: url(/img/popup/top_left.gif) left top no-repeat;
  width: 10px;
  float: left;
}

#popup_header .centre_box {
  background: url(/img/popup/top_centre.gif) 0 0 repeat-x;
  padding: 0;
  margin: 0;
}

#popup_header .right_box {
  background: url(/img/popup/top_right.gif) right top no-repeat;
  width: 10px;
  float: right;
}

/* Popup Top Buttons
============================================================================ */

#popup_header .centre_box ul {
  display: block;
  padding: 8px 0 0 0;
  margin: 0;
  list-style: none;
}

#popup_header .centre_box li {
  display: block;
  padding: 0;
  margin: 0;
  float: left;
  height: 20px;
}

#popup_header .centre_box li a {
  display: block;
  width: 66px;
  height: 20px;
  float: none;
}

#popup_header .centre_box li a.image_button {background: url(/img/buttons/images.gif) 0 0 no-repeat; width: 65px}
#popup_header .centre_box li a.image_button_on {background: url(/img/buttons/images_on.gif) 0 0 no-repeat; width: 65px}
#popup_header .centre_box li a.chart_button {background: url(/img/buttons/size_chart.gif) 0 0 no-repeat; width: 84px}
#popup_header .centre_box li a.chart_button_on {background: url(/img/buttons/size_chart_on.gif) 0 0 no-repeat; width: 84px}
#popup_header .centre_box li a.further_button {background: url(/img/buttons/further_info.gif) 0 0 no-repeat; width: 145px}
#popup_header .centre_box li a.further_button_on {background: url(/img/buttons/further_info_on.gif) 0 0 no-repeat; width: 145px}

#popup_header .centre_box a:hover, #popup_header .centre_box li a.chart_button:hover,
#popup_header .centre_box li a.further_button:hover {background-position: 0 -20px}

#popup_header .centre_box a span {display: none}

#popup_header .centre_box a {
  background: url(/img/buttons/close.gif) 0 0 no-repeat;
  display: block;
  width: 61px;
  height: 20px;
  float: right;
}

#popup_header .centre_box a:hover {background-position: 0 -20px}

/* Popup Main
============================================================================ */

#popup_main {
  background: #000000 url(/img/popup/top_centre.gif) 0 -34px repeat-x;
  padding: 0 10px;
  height: 5px;
  font-size: 1px;
  line-height: 1px;
}

#popup_main .head_box {
  background: #FFFFFF url(/img/popup/white_left.gif) 0 0 no-repeat;
  font-size: 1px;
  height: 5px;
  line-height: 1px;
}

#popup_main .head_box .head_box_right {
  background: url(/img/popup/white_right.gif) 0 0 no-repeat;
  width: 10px;
  height: 5px;
  line-height: 1px;
  font-size: 1px;
  float: right;
}

/* Popup Contents
============================================================================ */

#popup_contents_wrap {
  background: #000000;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#popup_contents {
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  text-align: left;
  margin: 0 10px;
}

/* Popup Footer
============================================================================ */

#popup_footer, #popup_footer .left_box, #popup_footer .centre_box, #popup_footer .right_box {
  background: url(/img/popup/bottom_centre.gif) 0 0 repeat-x;
  height: 20px;
  font-size: 1px;
  line-height: 1px;
}

#popup_footer .left_box {
  background: url(/img/popup/bottom_left.gif) 0 0 no-repeat;
  width: 20px;
  float: left;
}

#popup_footer .right_box {
  background: url(/img/popup/bottom_right.gif) 0 0 no-repeat;
  width: 20px;
  float: right;
}


/* Image Box
============================================================================ */

#image_box {
  background: #FFFFFF;
  height: 440px;
  width: 592px
}

#image_box span {
  display: block;
  height: 400px;
  width: 400px;
  padding: 15px 0 0 30px;
  margin: 0;
  float: left;
}

#image_box span img {
  display: block;
  margin: 0;
  width: 0;
  height: 400px;
  width: 400px;
}

#image_box div {
  float: left;
  width: 135px;
  height: 400px;
  position: relative;
}

#image_box ul {
  padding: 15px 0 0 30px;
  margin: 0;
  list-style: none;
  display: block;
  width: 100px;
  height: 400px;
}

#image_box li {
  padding: 0 0 10px 0;
  margin: 0;
  display: block;
  width: 100px;
  height: 100px;
  cursor: pointer;
}

#image_box div div {
  background: url(/img/icons/selected.png) 0 0 no-repeat;
  float: none;
  width: 64px;
  height: 14px;
  position: absolute;
  top: 40px;
  left: 0;
}

/* Chart Box
============================================================================ */

#chart_box {
  height: auto;
  width: auto;
  padding: 20px;
  background: #FFFFFF;
}


/* Further Box
============================================================================ */

#further_box {
  background: #FFFFFF;
  height: 410px;
  width: 532px;
  padding: 15px 30px;
}