/*
System:					tiverton-fabrication.co.uk
File:					/css/tiverton-fabrication.css
Description:			Standard stylesheet - contains the core elements as expected by common developments

Version:				1.0
Version Author:			Manley
Version Info:			Initial version
Version Created:		20/07/2004


/* CUSTOM DESIGN STYLES */
/* ==================== */
/* Styles for this site's design */

/* td.bounding - div around whole site to centre it */
/* CUSTOM DESIGN STYLES */
/* ==================== */
/* Styles for this site's design */


	
	/* td.bounding - div around whole site to centre it */
	td.headerimage {
		padding:				0px;
		margin:					0px;
		background:				url('/images/design/headerimage.jpg');
		width:					100%;
		height:					101px;
	}
	
	/* td.bounding - div around whole site to centre it */
	td.bounding {
		text-align:				center;
		float:					none;
		width:					100%;
		height:					100%;
	}

	/* td.left-edge - div for left side shadow */
	td.left-edge {
		margin:					0px;
		padding:				0px;
		float:					left;
		width:					5px;
		height:					100%;
		color:					#000000;
		background:				#ffffff;
		background-color:		#ffffff;
		background-image:		url('/images/design/fade-left.gif');
		background-attachment:	fixed;
		background-repeat:		repeat-y;
		background-position:	top right;
	}

	/* td.far-edge - div for left side shadow */
	td.right-edge {
		margin:					0px;
		padding:				0px;
		float:					left;
		width:					8px;
		height:					100%;
		color:					#000000;
		background:				#ffffff;
		background-color:		#ffffff;
		background-image:		url('/images/design/fade-right.gif');
		background-attachment:	fixed;
		background-repeat:		repeat-y;
		background-position:	top right;
	}
	
	/* td.right-edge - div for right side shadow */
	td.right-edge {
		margin:					0px;
		padding:				0px;
		float:					right;
		width:					8px;
		height:					100%;
		color:					#000000;
		background:				#ffffff;
		background-color:		#ffffff;
		background-image:		url('/images/design/fade-right.gif');
		background-attachment:	fixed;
		background-repeat:		repeat-y;
		background-position:	top left;
		border:					0px;
	}
	
	/* td.page - div for 'page' between shadows */
	td.page {
		margin:						0px;
		padding:					0px;
		float:						left;
		width:						787px;
		height:						100%;
	}
	
	/* td.logo - div for logo and Company name */
	td.logo {
		margin:						0px;
		padding:					0px;
		padding-left:				10px;
		border:						0px;
		border-bottom:				1px;
		border-style:				solid;
		border-color:				#d7d7d7;
		float:						left;
		width:						300px;
		height:						100px;
		text-align: 				left;
		color:						#000000;
		background:					transparent;
		background-color:			transparent;
	}	
	
	/* td.search - div for search box */
	td.search {
		margin:						0px;
		padding:					0px;
		padding-bottom:				15px;
		padding-right:				10px;
		border:						0px;
		border-bottom:				1px;
		border-style:				solid;
		border-color:				#d7d7d7;
		float:						right;
		width:						487px;
		height:						100px;
		text-align: 				right;
		vertical-align:				bottom;
		color:						#000000;
		background:					transparent;
		background-color:			transparent;
	}
	
	/* td.menu - div for left-hand menu bar */
	td.menu {
		margin:						0px;
		padding:					0px;
		float:						left;
		width:						150px;
		color:						#ffffff;
		background:					#c0c0c0;
		background-color:			#c0c0c0;
		background-image:			url('/images/design/menu-fade.gif');
		background-repeat:			repeat-x;
		text-align:					left;
		vertical-align:				top;
	}

	/* td.content - div for content with header image at top */
	td.content {
		margin:					0px;
		padding:				0px;
		float:					right;
		width:					637px;
		background:				#ffffff;
		color:					#000000;
		text-align:					left;
		vertical-align:				top;
		height:					95%;
	}

	/* div.page-content - div for individual page content */
	div.page-content {
		padding:					10px;
		padding-left:				0px;
		margin:						0px;
		margin-left:				10px;
		margin-right:				10px;
		border:						0px;
		border-style:				solid;
		border-right-width:			1px;
		border-top-width:			1px;	
		border-color:				#d7d7d7;
		text-align:					left;
		vertical-align:				top;
	}

	/* img.logo - top-left logo image */
	img.logo {
		width:						255px;
		height:						53px;
		margin:						0px;
		border:						0px;
	}
	
	/* div.header - Individual page title images */
	div.header {
		padding:					0px;
		padding-bottom:				5px;
		margin:						10px;
		border:						0px;
		border-style:				solid;
		border-bottom-width:		1px;
		border-color:				#d7d7d7;
		width:						10%;
	}
	
	/* div.sub-header - Individual page title images */
	div.sub-header {
		padding:					6px;
		padding-left:				10px;
		border:						0px;
	}
	
	/* td.menu-item - div for containing each menu link image */
	td.menu-item {
		text-align:				left;
		padding:				0px;
		padding-top:			4px;
		padding-bottom:			4px;
		padding-left:			4px;
		background:				transparent;
		color:					#ffffff;
		border:					0px;
		border-style:			solid;
		border-bottom-width:	1px;
		border-color:			#e6e6e6;
	}
		
	/* td.sub-menu-item - div for containing each menu link image */
	td.sub-menu-item {
		text-align:				left;
		padding:				0px;
		padding-top:			4px;
		padding-bottom:			4px;
		padding-left:			8px;
		background:				transparent;
		color:					#ffffff;
		border:					0px;
		border-style:			solid;
		border-bottom-width:	1px;
		border-color:			#e6e6e6;
	}
		
	/* td.sub-menu-item - div for containing each menu link image */
	td.sub-sub-menu-item {
		text-align:				left;
		padding:				0px;
		padding-top:			4px;
		padding-bottom:			4px;
		padding-left:			16px;
		background:				transparent;
		color:					#ffffff;
		border:					0px;
		border-style:			solid;
		border-bottom-width:	1px;
		border-color:			#e6e6e6;
	}
	
	a.menu:link {
	text-decoration:			none;
	color:						#000000;
	}

	a.menu:visited {
		text-decoration:		none;
		color:					#222222;
	}

	a.menu:active {
		text-decoration:		none;
		color:					#222222;
	}

	a.menu:hover {
		text-decoration:		none;
		color:					#222222;
	}

	a.sub-menu:link {
		text-decoration:		none;
		color:					#222222;
	}

	a.sub-menu:visited {
		text-decoration:		none;
		color:					#444444;
	}

	a.sub-menu:active {
		text-decoration:		none;
		color:					#444444;
	}

	a.sub-menu:hover {
		text-decoration:		none;
		color:					#444444;
	}
	
	/* td.footer - td for the bottom fade */
	td.footer {
		margin:					0px;
		padding:				0px;
		float:					left;
		height:					8px;
		width:					100%;
		color:					#000000;
		background:				#ffffff;
		background-color:		#ffffff;
		background-image:		url('/images/design/fade-bottom.gif');
		background-attachment:	fixed;
		background-repeat:		repeat;
		background-position:	top right;
		width:					787px;
	}
	
	
/* DATA LIST */
/* ========= */
/* Styles for data lists */

/* table.list - use for list tables */
table.list {
	margin:					0px;
	margin-bottom:			16px;
	border-style:			solid;
	border-color:			#226644;
	border-width:			0px;
	border-bottom-width:	1px;
}
/* caption.list - use for list table captions where required */
caption.list {
	border-style:			solid;
	border-color:			#226644;
	border-width:			0px;
	border-top-width:		1px;
}
/* td.list-odd - use for odd-numbered list rows */
td.list-odd {
	padding-left:			4px;
	padding-right:			4px;
	background:				transparent;
	color:					#222222;
}
/* td.list-even - use for even-numbered list rows */
td.list-even {
	padding-left:			4px;
	padding-right:			4px;
	background:				#f0f0f0;
	color:					#000000;
}

/* DATA FORM */
/* ========= */
/* Styles for data forms */

/* table.form - use for the table containing the form */
table.form {
	margin:					0px;
	margin-bottom:			16px;
	margin-left:			20px;
}
/* td.form-header - use for 'header' rows in forms */
td.form-header {
	background:				transparent;
	color:					#226644;
	font-weight:			bold;
	border-style:			solid;
	border-color:			#226644;
	border-width:			0px;
	border-top-width:		1px;
	border-bottom-width:	1px;
}
/* td.form-label - use for cells containing form field labels (e.g. 'Name:') */
td.form-label {
	background:				#f0f0f0;
	color:					#000000;
	font-weight:			bold;
	padding-right:			10px;
	text-align:				right;
	vertical-align:			top;
}
/* td.form-field - use for cells containing form fields */
td.form-field {
	background:				#e0e0e0;
	color:					#000000;
}
/* td.form-error - use for cells containing form error messages */
td.form-error {
	background:				transparent;
	color:					#ff0000;
	font-weight:			bold;
}
/* input.form-button - use for form submit and cancel buttons */
input.form-button {
	font-weight:			bold;
}

/* ADMIN CONTROLS */
/* ============== */
/* Styles for highlighting in-page admin controls (links, buttons etc) */

/* p.admin - paragraphs containing admin instructions/links */
p.admin {
	padding:				2px;
	background:				#ffff80;
	color:					#606060;
	font-weight:			bold;
}
/* td.admin - cells containing admin instructions/links */
td.admin {
	background:				#ffff80;
	color:					#606060;
	font-weight:			bold;
}
/* td.admin - divs containing admin instructions/links */
td.admin {
	padding:				2px;
	background:				#ffff80;
	color:					#606060;
	font-weight:			bold;
}

/* CORE STYLES */
/* =========== */
/* Base HTML elements that should be styled */
body {
	margin:					0px;
	padding:				0px;
	background:				#ffffff;
	color:					#000000;
	font-family:			verdana,arial,helvetica,sans-serif;
	font-size:				x-small;
	font-weight:			normal;
	text-align:				center;
}
h1 {
	margin:					0px;
	background:				transparent;
	color:					#8017b1;
	font-family:			arial,helvetica,sans-serif;
	font-size:				16pt;
	font-weight:			bold;
}
h2 {
	margin:					0px;
	margin-bottom:			6px;
	background:				transparent;
	color:					#666666;
	font-family:			arial,helvetica,sans-serif;
	font-size:				small;
	font-weight:			bold;
	border-style:			solid;
	border-color:			#b0b0b0;
	border-width:			0px;
	border-top-width:		0px;
	border-bottom-width:	1px;
}
h3 {
	margin:					0px;
	margin-bottom:			10px;
	background:				transparent;
	color:					#226644;
	font-family:			arial,helvetica,sans-serif;
	font-size:				small;
	font-weight:			bold;
}
h4 {
	margin:					0px;
	margin-bottom:			6px;
	background:				transparent;
	color:					#000000;
	font-family:			arial,helvetica,sans-serif;
	font-size:				x-small;
	font-weight:			bold;
}
p {
	margin:					0px;
	margin-bottom:			16px;
	background:				transparent;
	color:					#000000;
	font-family:			arial,helvetica,sans-serif;
	font-size:				x-small;
	font-weight:			normal;
}
ul {
	margin:					0px;
	margin-bottom:			10px;
	margin-left:			28px;
}
li {
	list-style:				square;
}
caption {
	margin:					0px;
	padding:				2px;
	background:				transparent;
	color:					#226644;
	font-family:			arial,helvetica,sans-serif;
	font-size:				x-small;
	font-weight:			bold;
}
th {
	background:				#505050;
	color:					#ffffff;
	font-family:			arial,helvetica,sans-serif;
	font-size:				x-small;
	font-weight:			bold;
}
td {
	font-family:			arial,helvetica,sans-serif;
	font-size:				x-small;
	font-weight:			normal;
}
form {
	margin:					0px;
	margin-bottom:			10px;
	padding:				0px;
}
input {
	font-family:			arial,helvetica,sans-serif;
	font-size:				x-small;
	font-weight:			normal;
}
textarea {
	font-family:			arial,helvetica,sans-serif;
	font-size:				x-small;
	font-weight:			normal;
}
select {
	font-family:			arial,helvetica,sans-serif;
	font-size:				x-small;
	font-weight:			normal;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
}

span.red
{
	color: #ca2428
}

/* END */