/* The scrolling Thumbs */

.productThumbs {
	clear:both;
	margin:5px 0 0 0;
	padding:0;
}


/* The Controls - written with JS */
#moveRight {
	float:left;
	width:12px;
	height:30px;
  margin-left:5px;
	overflow:hidden;
  background-color:#505a59;
}

#moveLeft {
	float:left;
	width:12px;
	height:30px;
  margin-right:5px;
	overflow:hidden;
  background-color:#505a59;
}

#moveRight img, #moveLeft img {
	border:none;
  margin-top:8px;
}



/* the container */
#thumbs {
	float:left;
  /*border-top: 1px solid #505a59;
  border-bottom: 1px solid #505a59;*/
	/*width:550px;

	height:50px;
	overflow: hidden;*/
	background-color:#e3e6e6;

}

/* the carrier */
#canvas {
	/*width:3000px;  go way over the top*/
}


/* the divs containing the images - used to hgather widths */
div.canvasImage {
	float:left;
	/*width:121px;*/ /* width of images + 5px + 4px(border)*/
	text-align:center;
  padding:0 7px;
  margin:5px 0 0 0;
  border-right: 2px solid #505a59;
}


/* The links for the images */
a.imgLink, a.imgLink:link {
	float:left;
	color: #D96B1E;
	text-decoration:none;
	text-align:center;
	background-color: transparent;
}

a.imgLink:visited {
	color:#D96B1E;
	text-decoration:none;
	background-color: transparent;
}

a.imgLink:hover {
	text-decoration:underline;
  color:#D96B1E;
	background-color: transparent;
}

#referenceBox {
  position:relative;
  top:0;
  left:0;
  width:0;
  height:0;
  line-height:0;
  margin:0;
  padding:0;
}

.referenceText {
  display:none;
  position:relative;
  left:20px;
  width:500px;
  margin:0;
  padding:7px 5px;
  background:#fff;
  border:1px solid #D96B1E;
  line-height:1.4em;
}