@import "index.css";


/* Body. */
html.quickhack, body.quickhack {
	margin-top:		-1em;
	}
html.quickhack2, body.quickhack2 {
	margin-top:		-0.5em;
	}
html.quickhack3, body.quickhack3 {
	margin-top:		0;
	}


/* Hyperlinks. */
a {
	color:	#3366FF;	/* Matches blue in logo. */
}


/* Product information layout. */
div.prod {
	display:		table-row;
}
div.prod-ill, div.prod-desc {
	display:		table-cell;
	vertical-align:		top;
}
div.prod-ill {
	width:			100px;
	text-align:		center;
/*	background-color:	green;*/
}
div.prod-desc {
	padding-left:		1em;
/*	background-color:	blue;*/
}


/* Product links. */
ul.prod-link {
	margin:			0;
	padding:		0;
	font-size:		/*0.8em*/0.65em;
	list-style-type:	none;
	list-style-position:	outside;
/*	border:			solid 1px;
	background-color:	black;*/
}
ul.prod-link li {
	left:			0;		/* Because we override the default in index.html. */
	list-style-type:	none;		/* Reportedly required for IE9. */
	list-style-position:	outside;	/* Reportedly required for IE9. */
	line-height:		1.1em;
/*	background-color:	purple;*/
}


/* Gray table. */
table.gray {
	border-spacing:		1px;
}
table.gray th, table.gray td {
	padding:		0.175em 0.75em;
}
table.gray th {
	background-color:	#DFDFDF;	/* Matches gray in menu background. */
	text-align:		left;
}
table.gray td {
	background-color:	#F4F4F4;	/* Lighter shade of header background. */
}


/* White table. */
table.white {
/*	border-spacing:		16px 2px;*/	/* Doesn't work with IE, we'll use <TD WIDTH=16></TD> spacers for now...*/
}
table.white th, table.white td {
	padding:		0;
}
table.white th {
	text-align:		left;
}