/*
-----------------------------------------------------------
Redefine Default HTML
-----------------------------------------------------------
*/

* {
margin: 					0px;
padding:					0px;
}

body {
font-family:				Verdana, Arial, Helvetica, sans-serif;
font-size:					10px;
background-color: 			#D9DEE2;
}

input {
font-family:				Verdana, Arial, Helvetica, sans-serif;
font-size:					10px;
}

select {
font-family:				Verdana, Arial, Helvetica, sans-serif;
font-size:					10px;
}

img {
border: 					0px none;
}

p {
font-family:				Verdana, Arial, Helvetica, sans-serif;
font-size:					13px;
color:						#666666;
}

/*
-----------------------------------------------------------
Redefine HTML Headings
-----------------------------------------------------------
*/

	h1 {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					25px;
	font-weight:				100;
	color:						#595959;
	}

	h2 {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					18px;
	font-weight:				100;
	color:						#004D9B;
	}

	/* Contact Details on the left side of the shell */
	
	h3 {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
	font-weight:				100;
	color:						#000000;
	}

/*
-----------------------------------------------------------

-----------------------------------------------------------
*/

#container {
width:						916px;
margin-top: 				10px;
}

#topBackground {
width:						916px;
height:						20px;
z-index:					1;
}

#bottomBackground {
width:						916px;
height:						20px;
}

#contentHolder {
float:						left;
width:						916px;
height:						auto;
background-color:			#FFFFFF;
background-image:			url("../img/jpg/rightside.jpg");
background-position:		right;
background-repeat:			repeat-y;
}

.clearBoth {
clear:						both;
}

#leftColumn {
float:						left;
width:						206px;
padding:					17px 0px 0px 8px;
}
	
#rightColumn {
float:						left;
width:						700px;
}	
	
/*
-----------------------------------------------------------
Left Column Content
-----------------------------------------------------------
*/

	#logoHolder {
	width:					147px;
	height:					98px;
	clear: 					right;
	}
	
	#officePictureHolder {
	width:					158px;
	height:					128px;
	margin:					11px 0px 0px 0px;
	clear:					right;
	}
	
	#contactDetailsHolder {
	width:					158px;
	height:					25px;
	margin:					11px 0px 0px 0px;
	clear: 					right;
	}
	
	#menuHolder {
	width:					180px;
	margin:					25px 0px 0px 0px;
	clear:					right;
	}

		#categoriesMenuHolder {
		margin:				0px 0px 0px 0px;
		clear: 				right;
		}

		#customersMenuHolder {
		margin:				20px 0px 0px 0px;
		clear: 				right;
		}
			
		#searchMenuHolder {
		margin:				20px 0px 0px 0px;
		clear: 				right;
		}

			.menuTopHolder {
			width:			180px;
			height:			27px;
			}
		
			.categoriesMenuLinkHolder {
			width:			173px;
			height:			230px;
			padding:		5px 0px 5px 5px;
			border-left:	1px solid #666666;
			border-right:	1px solid #666666;
			border-bottom:	1px solid #666666;
			}
		
			.customersMenuLinkHolder {
			width:			173px;
			height:			60px;
			padding:		5px 0px 5px 5px;
			border-left:	1px solid #666666;
			border-right:	1px solid #666666;
			border-bottom:	1px solid #666666;
			}
			
			.searchMenuLinkHolder {
			width:			173px;
			height:			105px;
			padding:		5px 0px 5px 5px;
			border-left:	1px solid #666666;
			border-right:	1px solid #666666;
			border-bottom:	1px solid #666666;
			}			
					
			.menuLinkHolder {
			margin:			0px 0px 10px 0px;
			}
			
			#searchFormHolder {
			margin:			10px 0px 10px 0px;
			}
			
		
	#w3c {
	margin-top: 			20px;
	}	
	
		img.w3cBadge {
		border:				1px solid #FFFFFF;
		}

/*
-----------------------------------------------------------
Right Column Content
-----------------------------------------------------------
*/

	#bannerHolder {
	position:			relative;
	width:				727px;
	height:				172px;
	margin:				-5px 0px 0px -35px;
	z-index:			5;
	}

	#bannerHolder-height197 {
	position:			relative;
	width:				727px;
	height:				172px;
	margin:				-5px 0px 0px -35px;
	z-index:			5;	
	}
	
	/* without subheader */
	#pageHeaderWOSH {
	margin:				10px 0px 15px 0px;
	}

	/* with subheader */
	#pageHeaderWSH {
	margin:				10px 0px 5px 0px;
	}

	#subHeader {
	margin:				0px 0px 15px 0px;
	}

/*
-----------------------------------------------------------
Bottom / Footer Styles
-----------------------------------------------------------
*/


	#contentFooter {
	margin:				5px 0px 10px 0px;
	text-align:			center;
	}
	
		#footerLinks {
		margin:			10px 0px 0px 0px;
		}

/*
-----------------------------------------------------------
Text Styles
-----------------------------------------------------------
*/

div>p.pageText {
margin:						0px 0px 10px 0px;
padding:					0px 10px 0px 0px;
color: 						#666666;
}

/*
-----------------------------------------------------------
Hyperlink Styles
-----------------------------------------------------------
*/

a.leftContactDetailsEmailLink {
color:						#0000FF;
text-decoration:			none;
}

a.leftContactDetailsEmailLink:hover {
color:						#0000FF;
text-decoration:			underline;
}

a.menuLink {
color:						#666666;
text-decoration:			none;
}

a.menuLink:hover {
color:						#0052A5;
text-decoration:			underline;
}

a.footerLink {
color:						#0000FF;
text-decoration:			underline;
}

/*
-----------------------------------------------------------
Form Classes
-----------------------------------------------------------
*/


#searchquery {
width:						145px;
height:						20px;
padding:					2px 0px 0px 2px;
border:						1px solid #666666;
}