/* This form contains styles specific to the products section of the site */

.product	{ clear: left; margin: 2em 0; border-bottom: 2px dotted #285179; padding-bottom: 1em;}

.product img.thumb	{ float: left; margin-right: 8px; }

.with_image .description,
.with_image .order	{ margin-left: 128px; }

.product form		{ border-top: 1px dotted #369; margin: 0; }
.product form h3	{ color: white; margin: 0 0 0.25em; }
.product form p.important	{ color: #FC6; font-size: 95%; }
.product form *		{ vertical-align: middle; }
.product form p		{ margin:  0; }

.product em.price	{ font-size: 125%; font-style: normal; }

.dl-icon
{
	margin-top:		0px; 
	margin-bottom:	-4px;
	border:			none;
}
.dl-link
{
	text-decoration: none;
}
div.downloads h3
{
	padding: 0;
	margin: 0;
}

#product_photo
{
	float: left;
	text-align: center;
	background: #003A6A;
	margin: 0 16px 0 -16px;
	border-top: 3px solid white;
}
#product_photo img	{ margin: 0 12px; }

#product_details .price	{ font-size: 125%; }

#product_photo p		{ padding: 0.25em; margin: 0; font-size: 90%; background-color: #035; border-bottom: 3px solid #369; }
#product_photo small	{ display: block; }

#product_order				{ border-top: 1px dotted #369; margin: 0; }
#product_order h3			{ color: white; margin: 0 0 0.25em; }
#product_order p.important	{ color: #FC6; font-size: 95%; }
#product_order *			{ vertical-align: middle; }

/*index display layouts - while in product pages*/
div.indexlayout
{
	padding:				0px;
}
/*table for containing all categories printed out for a menu entry*/
table.indexlayout-tbl
{
	border-collapse:	collapse;
	border:				none;
	width:				100%;
	margin-top:			5px;
}
table.indexlayout-tbl td
{
	padding:				0;
}
/*element that wraps around the actual category / image printout*/
div.indexlayout-content
{
	margin:				0;
	padding:				0px 0 10px 0;
}
div.indexlayout-content img
{
	margin:				0 5px 5px 0;
	border:				none;
}
/*table for formatting category printout*/
table.indexlayout-content-tbl
{
	border-collapse:	collapse;
	width:				100%;
	font-size:			90%;
	margin:				0;
	padding:				0;
}
table.indexlayout-content-tbl td
{
	vertical-align:	top;
	padding:				1px 2px 1px 2px;
}
table.indexlayout-content-tbl td a
{
	text-decoration:	none;
}
table.indexlayout-content-tbl td a:hover
{
	color:				red;
}

