/* ---------------------------------------------------------------- */
/* Selectors for product pages */
/* ---------------------------------------------------------------- */
img.ProductIcon
{
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
}
p.IconDescription
{
	margin: 0px 0px 30px 0px;
}
#ProductLinks
{
	background: url("/Products/Images/Productlinks.jpg");
	padding: 0px;
	margin: 0px;
	height: 300px;
}
#ProductLinks a
{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 227px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
table.ProductMatrix
{
	font-size: 9px;
	color: Black;
}
.ProductMatrix thead
{
	background: #e5e5e5;
	font-weight: bold;
	text-align: center;
}
.ProductMatrix tbody
{
	background:#f5f5f5;
	vertical-align:top;
}
.ProductMatrix tboby  tr
{
}
.ProductMatrix tbody  tr  td
{
}
.ProductMatrix tbody  tr  td  ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	list-style-type: disc;
	list-style-position: outside;
}
.ProductMatrix[class] tbody  tr  td  ul
{
	/* IE6 screws up my bullet images, so this is a work around. Mozilla recognizes attribute selectors and will use my images. */
	list-style-image: url("/Images/PageFramework/CaddieBullet.gif");
}
.ProductMatrix tbody  tr  td  ul  li
{
    color: Black;
}
/* ---------------------------------------------------------------- */