.featuredproductlist {
	width: 375px;

}

.featuredproduct 
{	
	text-align: center;
	padding-top: 10px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
height: 220px;
width: 125px;
	background-image: url(../style_images/productback.jpg);
	background-position: top;
	background-repeat: no-repeat;

}


.featuredproduct a,.featuredproduct a:visited,.featuredproduct a:active
	{
	text-decoration: none;

}

.featuredproduct a:hover {
	text-decoration: underline;
}

.featuredproduct .productheader {

/*width:125px;*/
font-size: 8pt;
text-align:center;
vertical-align: bottom;
	background-image: url(../style_images/prodheadback.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.featuredproduct .productheader a,.featuredproduct .productheader a:visited,.featuredproduct .productheader a:active
	{
	color: #FFFFFF;
	
}

.featuredproduct .productprice {

	font-size: 8pt;
	color: red;
}

.featuredproduct .productcategory {
	padding: 2px;
}

/*
Since IE doesn't support display:table-cell, we vertically center the image by toying with the height of IE's line box. With a little experimentation I found you need to give the container font-size: (height of container * .905)px. This ratio works regardless of the height of the container or the image.
*/
.productthumb {
	width: 74px;
	height: 74px;
	vertical-align: middle;
	text-align: center;
	margin-left: auto;
	margin-right: auto;


	display: block;
}