.product #page-content .upper
{
	background-color: #666666;
	padding-bottom: 20px;
	padding-right: 10px;
	color: #FFFFFF;
	position: relative;
	/*
		Internet Explorer has some that seem to be related to the addition
		of a comment immediately after the "upper" div
		To correct the issue:
			add "zoom: 1;"
			or add "padding-top: 1px;" (at least 1px of padding)
	*/
	zoom: 1;
}

.product #page-content .upper .text
{
	margin-left: 230px;
	font-size: 1em;
}
.product #page-content .lower
{
	margin-left: 230px;
	padding-right: 25px;
}

.product #product-category-introduction
{
	position:relative;
	top: 0px;
	left: 0px;
	height: 190px;
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 4px;
}

.product #product-category-introduction-text
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 25px;
}
.product #product-text-scroll-up
{
	position: absolute;
	right: 0px;
	bottom: 27px;
}
.product #product-text-scroll-down
{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.product h1
{
	color: #D61F26;
	font-weight: normal;
	font-style: italic;
	font-size: 2em;
	margin: 0;
}
.product h1.heading-product
{
	height: 50px;
	background-image: url(heading-product.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}
.product h1.heading-product span
{
	display: none;
}

.product h2
{
	float: left;
	margin: 0;
	padding-left: 1em;
}
.product h2 span
{
	display: none;
}

ul.product-list
{
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	margin-left: 225px;
	font-size: 1em;
}
ul.product-list li
{
	display: block;
	float: left;
	width: 140px;
	height: 200px;
}

ul.product-list li img
{
	display: block;
	border-style: none;
}

ul.product-list .manufacturer
, ul.product-list .description
{
	margin-left: 10px;
	margin-right: 10px;
	display: block;
}

ul.product-list .manufacturer
{
	color: #CD0134;
}
ul.product-list .description
{
	color: #666666;
}
ul.product-list li a
{
	text-decoration: none;
}
ul.product-list li a .manufacturer  
{
	color: #D61F26;
	
	
	text-decoration: none;
}
ul.product-list li a:hover .manufacturer
{
	text-decoration: underline;
}

ul.product-list li a .description 
{
	color: #666666;
	text-decoration: none;
}
ul.product-list li a:hover .description
{
	text-decoration: underline;
}