/***********************************
** rules common to most of the pages
***********************************/

	body
	{
		padding: 0px;
		margin: 0px;
 		font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 100%;
	}

	/* class to removed & collapse all borders, needs to be applied to table tr td */
	.noBorder
	{
		border: none;
		border-collapse: collapse;
		border-width: 0;
		padding: 0;
		margin: 0;
	}

	/* back ground color for standout text boxes */
	.lightBlueArea
	{
		background-color: #ddeeff;
	}

	/* tables we use to position stuff in the center of the page */
	table.contentCenter
	{
		width: 100%;
		text-align: center;
 		font-size: 75%;
	}

	/* nuke border round images, they look rubbish and muckup positioning & alignment */
	img			{ border:none; }
	img[usemap]	{ border:none; }

	/* top of content header, used on most pages */
	div.header			{ color:white; background-color:#5abdff; width:100%; font-size: 102%; padding-left: 0.5em; padding-top: 2px; padding-bottom: 2px; font-weight:bold; }
	div.header td		{ color:white; }

	/* set colour and reduce hugh padding of headings */
	h1, h2, h3, h4, h5, h6
	{
		color:#006699;
		padding: 0px;
		margin: 0px;
	}

	/* standard links */
	a
	{
		padding: 0px;
		margin: 0px;
		color: #006699;
		text-decoration: none;
	}

	/* front page links */
	a.fpNav
	{
		border-top: 1px solid;
		display: block;

		padding-top: .2em;
		padding-bottom: .2em;
	}

	a.fpNav:hover
	{
		color: White;
		background-color: #006699;
	}

/* Style selectors for the left navigation bar */

	/* left & right borders for navigation bar */
	.leftBarBorders
	{
		border-color: #D6D6D6;
		border-style: solid;
		border-right-width: 1px;
		border-left-width: 1px;
		width:200px;
	}

	/* links in the left navigation bar */
	a.menu
	{
		border-top: 1px solid #D6D6D6;

		background: url(NewImages/left_nav_button_off.jpg) 0px 0px;
		background-repeat: repeat-x;

		display: block;

		font-size: 70%;
		font-weight: bold;

		height:19px;

		padding-right: 16px;
		padding-top: 7px;
		padding-bottom: 2px;

		text-align: right;
	}

	a.lastMenu
	{
		border-bottom: 1px solid #D6D6D6;
	}

	a.sepNav
	{
		border-top-width: 6px;
	}

	a.navigation:link,
	a.navigation:visited,
	a.navigation:active
	{	
		text-decoration: none;
		color: #006699;
	}
	  
	a.navigation:hover
	{ 
		position: relative;
		text-decoration: none;
		color: #006699;
		background: url(NewImages/left_nav_button_over.jpg) 0px 0px;
		background-repeat: repeat-x;
	}

	a.new { color: red; }


/* Selecta* page selectors */

	table#m_tblContent			{ width:100%; border-collapse: collapse; border-style:solid; border-width:1px; border-color: #D6D6D6; }
	table#m_tblContent tbody	{ border: inherit; }
	table#m_tblContent tr		{ border: inherit; }
	table#m_tblContent td		{ vertical-align:top; text-align:center;  border-collapse: collapse; border-style:solid; border-width:1px; border-color: #D6D6D6; }
	table#m_tblContent th		{ vertical-align:middle; text-align:center;  border-collapse: collapse; border-style:solid; border-width:1px; border-color: #D6D6D6; }

	tr#m_ProductGroupRow td 	{ width: 10em; }
	tr#m_CaptionRow td			{ padding-left: 1em; padding-right: 1em; }

/* Diagram page selectors*/

	td#ImageAreaCell	{ vertical-align: top; }
	div#ImageArea		{ position:relative; top:0; left:0; }
	div#TextNoteArea div	{ border: solid 3px red; margin: 1px; }

	select	{ width:100%; }

	.vis_v	{ border:0; margin:0; visibility:visible; z-index:2; vertical-align:top; }
	.vis_h	{ border:0; margin:0; visibility:hidden; z-index:-1; }

	table#DiagramTable  td	{ vertical-align:top; }

	table#CenterProgressBar	{ width:80%; height:auto; top: 300px; position:absolute; }

/* Basket page */

	select#SearchType
	{
		width:auto;
	}

	select#deliveryOptionSelect
	{
		width: 20em;
	}

	div.subSection
	{
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: .5em;
		padding-top: .5em;
	}

	table.basketTable
	{
		border-collapse: collapse;
		empty-cells: show;
		font-size: 80%;
		width: 100%;
	}

	table.basketTable td
	{
		padding: .2em;
		border: 1px solid #ddeeff;
	}

	table.basketTable tfoot tr th
	{
		border-top: solid 1px black;
	}

	input.quant
	{
		text-align: right;
		width: 5em;
	}

	th#totalCaption
	{
		text-align: left;
		padding-left: 1em;
	}

	table#deliveryOptionsTable td
	{
		padding-left: 1em;
		padding-right: 1em;
	}

	tr.notPriced td { background-color: orange; }

	td.price { background-color: #aaffdd;}

	tr.ess td.price { background-color: #aaffdd;}

	table.basketTable td#noItems { text-align: center; border: solid 2px red; color: white; background-color: #ff8888; }

	.basketHeader
	{
		padding-left: 1em;
		padding-right: 1em;
		border-bottom: solid 1px black;
	}

/* directives for parts table (on diagram page & basket page) */

	table#PartsTable					{ width:100%; font-size:95%; }
	table#PartsTable td.ptPrice	{ padding-right:1em; text-align:right; }
	table#PartsTable td.pbr			{ text-align:right; background-color:#ddeeff; border-top:none; }
	table#PartsTable td				{ padding-right: 1em; border-top:solid; border-color:#778899; border-width:1px; }
	td.delopsep							{ border-top:none; }
	tr.ess td { background-color: #ccffbb; }

/* Confirm order page */

	.reqField { border: 2px solid red; width: 18em; }
	.err { border: 2px solid red; background-color: #ffaaaa; padding: 1em; text-align: center; color: black;}

	textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; }

	table.OrderTable { margin:2em; }
	table.OrderTable td, table.OrderTable th{ padding-left: 1em; padding-right: 1em; }

	.d0 { border: solid 3px #ccddff; background-color: #ddeeff; padding: .5em; font-size: smaller; }
	.i0 { width: 18em; }

	/* IE doesn't do inherit properly... */
	table.OrderTable, table.OrderTable td { border-style:solid; border-width:1px; border-color:#aaccee; border-collapse:collapse; }

/* complete parts list page, crappy asp.net doesn't support colgroup */
	td.cpl0 { width: 12em; }
	td.cpl1 { width: 12em; }
	td.cpl2 {}