h1 {
	margin:0;
	padding:0 0 18px 0;
	font-size:14px;
	color:#003366;
}
	h1 a {
		text-decoration:none;
		color:#036;
	}
	h1 a:hover {
		color:#000;
	}
h2 {
	margin:0;
	font-size:1.6em;
	color:#036;
}
h3 {
	font-size:1.2em;
	margin:0;
	padding:3px 100px 8px 0;
}
h4 {
	margin-top:36px;
	font-size:1.1em;
}

td, p input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.formStyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
a {
	color: #000000;
}
a:hover {
	color: #336699;
}
a.menu:link, a.menu:visited, a.menu:active {
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}
a.menu:hover {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}
a.menu2:link, a.menu2:visited, a.menu2:active {
	color: #003366;
	text-decoration: none;
}
a.menu2:hover {
	/* color: #336699; */
	color:#FFFFFF;
	text-decoration: none;
	background-color: #003366;
}

/*
---- Header
*/

#topsearch {
	margin:0;
	height:33px;
	padding:10px 14px 0 0;
	/*background-color:#FFFF99;*/
}
* html #topsearch {
	height:43px;
}

#contact-details {
	/*background-color:#FFCCCC;*/
}
	#contact-details p {
		margin:0;
	}
	#contact-details p.additional {
		padding:0 14px 0 0;
	}
	#contact-details img {
		margin:0 10px 6px 0;
	}
	#contact-details a {
		text-decoration:none;
		font-weight:bold;
	}

/*
---- Navigation
*/
#navigation {
	padding:0 0 0 6px;
	border:1px solid #767676;
	background:#f7f7f7 url(../images/backie-navigation.gif) repeat-x top left;
}
	#navigation ul {
		margin:0;
		padding:0;
		list-style:none;
		font:11px Arial, Helvetica, sans-serif;
		border-left:1px solid #767676;
		float:left;
	}
		#navigation li {
			display:block;
			float:left;
			border-right:1px solid #767676;
		}
			#navigation li a {
				padding:3px 6px;
				display:block;
				float:left;
				text-decoration:none;
			}
			#navigation li a:hover {
				background-color:#d0d2cf;
			}

	
/*
---- Home Page
*/
#home-page {
	padding:28px 0px 0 22px;
}
	#home-page p {
		font-size:11px;
		line-height:18px;
		margin:0;
		padding-bottom:18px;
	}
	#home-page a {
		font-weight:bold;
		text-decoration:none;
		color:#036;
	}
	#home-page a:hover {
		color:#000;
	}
	#home-page #brochure {
		text-align:center;
		border-top:1px solid #e0e0e0;
		border-bottom:1px solid #e0e0e0;
		padding:6px 0;
	}
	
#content {
	width:390px;
	float:left;
}

#additional {
	padding:0 12px 0 0;
	float:right;
}
	#additional ul {
		margin:0;
		padding:37px 0 0 0;
		list-style:none;
		width:250px;
		line-height:1.5;
	}
		#additional ul li {
			padding-bottom:6px;
		}
	
#products {
	clear:both;
	padding:34px 18px 20px;
}
	#products h1 {
		padding-left:5px;
	}
	#products ul {
		list-style:none;
		margin:0;
		padding:0;
		float:left;
	}
		#products ul li {
			display:block;
			padding:0 5px 10px;
			float:left;
		}
			#products ul li div {
				padding:0 2px 2px 0;
				background:transparent url(../images/products/shadow.gif) no-repeat bottom right;
			}
				#products ul li a,
				#products ul li div.no-link {
					display:block;
					border:1px solid #000;
					background-color:#fff;
					background-image:none;
					text-decoration:none;
					width:158px;
					padding:0 0 3px;
				}
				#products ul li img {
					border:0;
					display:block;
					padding-bottom:3px;
				}
				#products ul li span {
					display:block;
					padding:0 4px;
					height:2.6em;
					line-height:1.2em;
				}
				#products ul li a span {
					cursor:pointer;
				}
			
/* Fun Hack */
* html #products ul li div a { width:160px; }

/*
---- Table
*/
table.base {
	width:566px;
	border:1px solid #c7c7c7;
	border-top:none;
	border-left:none;
	background-color:#fff;
}
	table.base th,
	table.base td {
		text-align:center;
		padding:2px;
		border:1px solid #c7c7c7;
		border-right:none;
		border-bottom:none;
		font-size:9px;
		padding:5px 1px;
	}
	table.base tbody th {
		background-color:#e8e8e8;
		text-align:left;
	}
	table.base tbody tr.head th {
		border-top:1px solid #838383;
	}

/*
---- Pages
*/
div.content p,
div.content ol,
div.content ul,
div.content h2,
div.content h3,
div.content h4 {
	padding-right:100px;
}
div.content img {
	float:right;
	margin:0 100px 0 12px;
}


/*
---- Buttons
*/
div.buttons {
	padding-bottom:36px;
}
	a.button {
		display:inline-block;
		padding:3px 6px 4px;
		background:#fff url(../images/backie-navigation.gif) repeat-x top left;
		border:1px solid #767676;
		text-decoration:none;
	}
	
/*
---- News
*/
div.news-article {
	border-bottom:1px solid #ccc;
	padding:22px 0;
}
div.first {
	padding-top:0;
}
div.last {
	border-bottom:none;
}
	div.news-article h1 {
		padding-bottom:0;
	}
	div.news-article p.meta {
		margin:0;
		padding:2px 0 12px 0;
	}

.error	{
	color:#FF0000;
}

/*
---- Clear All and the Clearfix
*/
.clearall { clear:both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */