/* Cluetip design */
.cluetip-product_scene {
  text-align: left;
  padding: 0;
  background-color: #fff;
}
.cluetip-product_scene #cluetip-close {
  text-align: right;
  float: right;
}
.cluetip-product_scene h4 {
  color: #000; text-align: right; margin-bottom: 0; padding-right: 10px; background-color: #fafa86;
}
.cufon-active .cluetip-product_scene h4 { font-size: 20px; }
.cluetip-product_scene .new { position: absolute; top: -15px; left: -15px; }
.cluetip-product_scene .teaser {
  width: auto;
  text-align: left;
  padding: 9px 10px;
}
.cluetip-product_scene a {
  display: block;
  float: left;
  padding-right: 10px;
}
.cluetip-product_scene .prices {
  width: auto;
  float: right;
  text-align: center;
}
.cluetip-product_scene .price, 
.cluetip-product_scene .discount, 
.cluetip-product_scene .on_sale  {
  margin: 0;
  vertical-align: baseline;
}
.cluetip-product_scene p.description {
  display: inline;
  margin-bottom: 0;
  color: #666;
}
.clue-tip_close {
  font-size: 9px;
}

/* Scene design */
#scenes {}
#scenes #scenes-wrapper {
  position: relative;
  width: 555px;
  min-height: 389px;
  height: auto !important;
  height: 389px;
  margin: 0;
  overflow: hidden;
}
#scenes #scenes-wrapper ul {
  list-style: none outside none;
}
#scenes #scenes-wrapper ul li {
  float: left;
  position: relative;
}
#scenes .scene-frame {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(../img/body-scene-frame.png) no-repeat;
  width: 555px;
  height: 389px;
}
#scenes a.cluetip {
  position: absolute;
  display: block;
  text-decoration: none;
}
#scenes a.cluetip .pointer {
  font-size: 18px;
  display: block;
}

/* Scene banner design */
#scenes .thumbs_banner { 
  /*width: 100%;*/ 
  /*padding-top: 9px; 
  margin-left: 10px;*/
}
#scenes .thumbs_banner .space-keeper {
	width: 25px;
	float: left;
	display: block;
	height: 100%;
	background: #ccc;
	/*background: #eee url(../img/bg-space-keeper.png) no-repeat;*/
}
#scenes .thumbs_banner .space-keeper a.prev, 
#scenes .thumbs_banner .space-keeper a.next {
	background: #eee url(../img/icon/serial_scroll_left.gif) center no-repeat;
	display: none;
	width: 23px;
	text-align: center;
	font-size: 1.5em;
	text-decoration: none;
}
#scenes .thumbs_banner .space-keeper a.next {
	background: #eee url(../img/icon/serial_scroll_right.gif) center no-repeat;
	display: block;
}
#scenes .thumbs_banner #scenes_list {
	overflow: hidden;
	width: 890px;
	float: left;
  background-color: #999;
}
.left-column #scenes .thumbs_banner #scenes_list {
	width: 650px;
}
#scenes .thumbs_banner #scenes_list ul {
	list-style-type: none;
	margin: 0;
}
#scenes .thumbs_banner #scenes_list ul li { float: left; background: #eee url(../img/bg-scene-thumb.png) no-repeat; margin-right: -1px; }
#scenes .thumbs_banner #scenes_list ul li a,
#scenes .thumbs_banner #scenes_list ul li a:link { text-decoration: none; display: block; color: #444; }
#scenes .thumbs_banner #scenes_list ul li a:visited,
#scenes .thumbs_banner #scenes_list ul li a:hover { text-decoration: none; color: #000; }

/* Scene headings design */
#scenes #scene-headings {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: .9em;
  width: 120px;
  height: auto;
}
#scenes #scene-headings ul { margin-bottom: 0; }
#scenes #scene-headings li { margin-bottom: 9px; background: transparent url(../img/bg-sprite-scene-headings.gif) 0 0 no-repeat; font-weight: normal; text-align: left; }
.cufon-active #scenes #scene-headings li { text-align: center; }
#scenes #scene-headings li.active { background-position: -140px 0; }
#scenes #scene-headings li.bg-1 { background-position: 0 0; }
#scenes #scene-headings li.bg-1.active { background-position: -140px 0; }
#scenes #scene-headings li.bg-2 { background-position: 0 -31px; }
#scenes #scene-headings li.bg-2.active { background-position: -140px -31px; }
#scenes #scene-headings li.bg-3 { background-position: 0 -60px; }
#scenes #scene-headings li.bg-3.active { background-position: -140px -60px; }
#scenes #scene-headings li.bg-4 { background-position: 0 -91px; }
#scenes #scene-headings li.bg-4.active { background-position: -140px -91px; }
#scenes #scene-headings li.bg-5 { background-position: 0 -121px; }
#scenes #scene-headings li.bg-5.active { background-position: -140px -121px; }
#scenes #scene-headings li a { padding: 3px 10px; color: #000; }
.cufon-active #scenes #scene-headings li a { padding: 3px 5px; color: #000; font-size: 20px; }
#scenes #scene-headings #scene-pagination { width: 100%; padding-top: 0; }
#scenes #scene-headings #scene-pagination a span { display: none; }
#scenes #scene-headings #scene-pagination #scene-previous { float: left; width: 20px; height: 14px; }
#scenes #scene-headings #scene-pagination #scene-previous a { background: transparent url(../img/arrow-left.gif) no-repeat; width: 20px; height: 14px; display: block; }
#scenes #scene-headings #scene-pagination #scene-next { float: right; width: 20px; height: 14px; }
#scenes #scene-headings #scene-pagination #scene-next a { float: right; background: transparent url(../img/arrow-right.gif) no-repeat; width: 20px; height: 14px; display: block; }

#scene-headings-list { display: none; }
#scene-pagination { position: absolute; top: 1em; right: 140px; width: 60px !important; }

