/*****************************************************************************/
/* = Reference thumbs														 */
/*****************************************************************************/

#refs .refPerson {
	height: 47px;
	line-height: 16px;
	color: #024569;
	text-align: left;
	font-weight: bold;
}

#refs .refPerson a.image {
	width: 45px;
	height: 45px;
	float: left;
	margin-right: 3px;
	display: block;
	cursor: pointer;
}

#refs .refText a, #refs .refPerson a {
	font-weight: bold;
	color: #024569;
}

/*****************************************************************************/
/* = Reference details														 */
/*****************************************************************************/

#references #refText {
	width: 400px;
	float: left;
	margin-right: 20px;
}

#references #refImages {
	width: 280px;
	height: 320px;
	float: left;
}

#references #refImage {
	width: 110px;
	height: 240px;
	margin-top: -240px;
	position: relative;
	left: 120px;
	top: 270px;
}

#references #refBorder {
	width: 280px;
	height: 300px;
	margin-bottom: -300px;
	position: relative;
	background: url(../img/references/border.gif);
}

#references #refItemImage {
	width: 64px;
	height: 64px;
	margin-bottom: -64px;
	position: relative;
	top: 220px;
	left: 33px;
}

/*****************************************************************************/
/* = Reference send															 */
/*****************************************************************************/

#sendReferences img {
	float: right;
	margin-left: 10px;
	padding-right: 10px;
}

/*****************************************************************************/
/* = Reference js scroller													 */
/*****************************************************************************/

#references #jsScroller #scrollSlider {
	height: 62px;
	padding-top: 15px;
	background: url(../img/references/movieStripes.gif) repeat-x;
}

#references #jsScroller .referenceSepImage {
	width: 24px;
	padding-top: 1px;
	float: left;
}

#references #jsScroller .reference, #references #jsScroller .referenceItem {
	width: 51px;
	height: 47px;
	float: left;
	text-align: center;
}

#references #jsScroller .reference img,
#references #jsScroller .referenceItem img {
	margin-top: 2px;
}

#references #jsScroller .referenceSep {
	width: 3px;
	height: 47px;
	float: left;
	font-size: 0em;
	background: #A3A3A3;
}

#references #jsScroller #scrollSlider a {
	width: 51px;
	height: 47px;
	display: block;
}

#references #jsScroller #scrollSlider a div, #jsScroller #referenceSlider a img {
	margin: 1px auto;
	cursor: pointer;
}