@charset "UTF-8";
/* CSS Document */

/* ############## PRODUCT SHEET ############## */

#productsheet {
	position: relative;
	width: 710px;
	height: 366px;
}

#wrapper #picture {
	position: absolute;
	width: 344px;
	height: 280px;
	top: 152px;
	left: 250px;
}

#wrapper #picture img {
	position: absolute;
	z-index: 8;
	bottom: 0;
	left: 0;
}

#wrapper div.lens {
	position: absolute;
	z-index: 9;
	top: 450px;
	left: 578px;
}

#productname {
	position: absolute;
	bottom: 289px;
	right: 0;
	width: 344px;
}

#productsheet #priceholder {
	position: absolute;
	width: 344px;
	height: 58px;
	right: 0px;
	bottom: 0px;
	border-top: #999 1px solid;
	padding-top: 4px;
}

#productsheet #priceholder .pricetools {
	background-color: #f2f2f2;
	height: 50px;
	padding: 8px 10px 0 7px;
	line-height: 14px;
	text-align: right;
}

#productsheet #priceholder .pricetools img {
	float: left;
}

#productsheet #priceholder .pricetools #prices {
	width: 80px;
	position: absolute;
	top: 12px;
	left: 100px;
}

#productsheet #priceholder .pricetools #prices:first-line {
	font-weight: bold;
}

#productsheet #priceholder .pricetools div.button_buynow {
	float: right;
}

#productsheet #priceholder .pricetools p {
	position: absolute;
	bottom: 8px;
	right: 10px;
}

/* ############## EXTRAS ############## */

.extrascontainer { /* here's the right trick for FFOX  */
	position: relative;
	width: 710px;
	margin-top: 38px;
	border-top: 1px dotted #ccc;
}

.extras {
	display: table-row; /* here's the right trick for FFOX  */
	width: 710px;
/*	margin-top: 38px;
	border-top: 1px dotted #ccc; */
}

.testimonials	{
	display: table-cell;
	vertical-align: top;
	padding-top: 7px;
	width: 344px;
}

.criticism	{
	display: table-cell;
	vertical-align: top;
	padding-top: 7px;
	width: 344px;
	padding-left: 22px;
}


.testimonialsitem, .criticismitem {
	border-top: 1px solid #ccc;
	padding-top: 6px;
}


.testimonialsitem h4, .criticismitem h4 {
	width: 244px;
}


.testimonialsitem p {
	clear: right;
	padding-bottom: 2px;
}

.criticismitem p {
	padding-bottom: 2px;
}


.buttonscontainer {
	border-top-style: solid;
	padding-top: 8px;
	height: auto;
}

/* ############## RIVETS ############## */

.testimonialsitem .rivets {
	float: right;
	width: 96px;
	height: 15px;
	background: url(../arts/rivets.gif) 0 0 no-repeat;
}

.testimonialsitem .rivets0 {
	background-position: -96px 0;
}

.testimonialsitem .rivets1 {
	background-position: -80px 0;
}

.testimonialsitem .rivets2 {
	background-position: -64px 0;
}

.testimonialsitem .rivets3 {
	background-position: -48px 0;
}

.testimonialsitem .rivets4 {
	background-position: -32px 0;
}

.testimonialsitem .rivets5 {
	background-position: -16px 0;
}

.testimonialsitem .rivets6 {
	background-position: 0 0;
}