body	{
	background-image:	url(./back.jpg);
	margin:	0;
	padding:	0;
	font-family:	tahoma, sans-serif;
	}

a	{
	text-decoration:	none;
	}
	
a:hover	{
	text-decoration:	underline;
	}

.backtop	{
	background-image:	url(./backtop.jpg);
	background-repeat:	no-repeat;
	position:	absolute;
	left:	0;
	top:	0;
	width:	100%;
	height:	400px;
	z-index:	0;
	}

.pageheader	{
	display:	block;
	/* relative required to display above backtop background */
	position:	relative;
	padding:	50px 0 6px 0;
	}

.logo	{
	display:	block;
	background-image:	url(./logo.png);
	background-position:	center center;
	background-repeat:	no-repeat;
	margin-left:	auto;
	margin-right:	auto;
	width:	611px;
	height:	156px;
	min-width:	611px;
	min-height:	156px;
}

.businessname	{
	/* hidden in this design. */
	display:	none;
	}
	
.businesscontact	{
	display:	block;
	padding-left:	160px;
	margin-top:	20px;
	text-align:	center;
	color:	#545f74;
	font-weight:	bold;
	font-size:	0.8em;
	}
	
.businesscontact a	{
	color:	#545f74;
	}

.businesscontact .telephone	{
	display:	inline;
	padding: 0;
	padding-right:	.6em;
	}
	
.businesscontact .email	{
	display:	inline;
	padding: 0;
	padding-left:	.6em;
	}	
	
.pagecontent	{
	display:	block;
	margin:	0 15px 0 15px;
	padding:	0 18px 10px 18px;
	}

.pagefooter	{
	clear:	left;
	display:	block;
	padding-top:	20px;
	padding-bottom:	10px;
	text-align:	center;
	border-bottom:	8px solid #545f74;
	}

.section	{
	position:	relative;
	display:	block;
	clear:	both;
	}

.content	{
	display:	block;
	padding:	0 20px 0 20px;
	}

.contenttext	{
	font-size:	0.8em;
	}

.product	{
	float:	left;
	min-width:	260px;
	min-height:	9em;
	border:	1px solid #cccccc;
	margin:	10px 10px 10px 0;
	background-image:	url(./product_back.jpg);
	}
	
.productname	{
	display:	block;
	background-color:	#cbced5;
	padding:	.2em;
	padding-left:	.8em;
	font-weight:	bold;
	font-size:	.8em;
	margin:	0;
	}

.productimage	{
	float:	left;
	margin-right:	2em;
	margin-bottom:	2em;
	}

.productdescription	{
	padding:	.7em;
	padding-bottom:	2px;
	font-size:	.7em;
	text-align:	justify;
	}
	
.producttext	{
	padding:	.8em;
	padding-bottom:	0;
	font-size:	.7em;
	}

.productprice	{
	display:	block;
	padding:	.7em .8em .4em .8em;
	text-align:	right;
	color:	blue;
	font-weight:	bold;
	font-size:	1.1em;
	}

.heading	{
	display:	block;
	font-size:	1.1em;
	font-weight:	bold;
	background-color:	#cbced5;
	border-top:	3px solid #9ba1b1;
	border-bottom:	3px solid #bbc0cc;
	padding:	4px 4px 4px 10px;
	}

.upgrades	{
	float:	left;
	min-width:	260px;
	border:	1px solid #cccccc;
	margin:	10px 10px 10px 0;
	color:	#333333;
	}
	
.upgradesheading	{
	display:	block;
	padding:	2px;
	padding-left:	10px;
	font-weight:	bold;
	font-size:	.75em;
	margin:	0;
	}

thead	{
	font-weight:	bold;
	text-align:	left;
	}

.product .producttable thead	{
	/* don't show the table head for products */
	display:	none;
	}
	
.productpricesmall	{
	text-align:	right;
	padding-left:	3em;
	color:	#333355;
	}

.producttable	{
	/* HACK: we should use padding, but IE doesn't understand when it's applied to tables. */
	font-size:	.7em;
	margin:	8px;
	}

.producttable	td	{
	border-bottom:	1px dotted #cccccc;
	vertical-align:	top;
	min-height:	300px;
	}
	
.menu	{
	/* mozilla */
	padding:	0;
	/* IE */
	margin:	0;
	list-style-type: none;
	text-align:	center;
	}

.menuitem	{
	display:	inline;
	}

.menuitem a	{
	padding:	1px 5px 1px 5px;
	font-variant:	small-caps;
	}
	
ul.componentlist	{
	padding:	0;
	font-size:	.7em;
	margin:	.7em;
	margin-bottom:	0;
	list-style-type: none;
	}
	
ul.componentlist li	{
	padding:	0;
	margin:	0;
	border-bottom:	1px dotted #cccccc;
	/* HACK: fix for IE not working out line-height according to current font size. */
	line-height:	1.15em;
	}
	
a img	{
	border:	0;
	}