/* Just inside pages */
div#main {
	padding: 0 0 0 214px;
}
	div#content {
		width: 531px;
		padding: 1.4em 0 1.7em 0;
		padding: 0 0 1.7em 0;
	}
		/* Crumb-trail, top. */
		map#crumb ol {
			margin: 0 30px 1.85em 0;
			padding: 0;
		}
		map#crumb ol li {
			margin: 0;
			padding: 0;
			display: inline;
			font-size: 90%;
		}
			#crumb a {
				color: #0d488c;
				text-decoration: none;
				background: url(/img/bg-crumb-a.png) right no-repeat;
				padding: 0 14px 0 0;
			}
			#crumb a:hover {
				text-decoration: underline;
				color: black;
			}
			/* Current page */
			#crumb em {
				color: black;
				font-style: normal;
			}

		h1, h2, h3, h4, h5, h6 {
			margin: 0;
			color: #465885;
		}
			h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p.strapline a {color: #465885;}
		h1, h2 {
			font-weight: normal;
		}
		h1 {
			color: #0d488c;
			font-size: 185%;
			margin: 0 30px 0.35em 0;
		}
		h2, p.strapline, caption {
			font-size: 130%;
			margin: 2em 30px 0.9em 0;
			color: #465885;
		}
			.strapline strong {font-weight: normal;}
		/* No, you don't get no choice.  Sorry. */
		h3, h4, h5, h6 {
			font-size: 100%;
			margin: 2.8em 30px 1.1em 0;
		}
		/* This is really for DreamWeaver */
		dl {
			clear: both;
		}
			#main dt {
				float: left;
				width: 191px;
				font-weight: bold;
				color: #0c4281;
				padding: 0 0 0.2em 0;
			}
			#main div dt, #main div.important p {
				color: black;
			}
				/* Errors and mandatory fields */
				#main dt em, .error {
					color: #8e0000;
					font-size: 140%;
					font-style: normal;
					font-weight: bold;
				}

			#main dd {
				float: left;
				width: 309px;
				padding: 0 0 0.7em 0;
			}
				#main dd input, #main dd select, #main dd textarea {
					width: 269px;
					border: solid 1px #7f9db9;
				}
				#main .compact dd input, #main dd label input {
					width: auto;
					border: none;
				}

		#main ol, #main ol li {
			margin-left: 1em;
			padding-left: 1em;
			list-style-type: decimal;
		}
		#main ol {
			margin-right: 30px;
			margin-bottom: 1em;
		}
			#main ol ul li {
				margin-left: 0;
				list-style-type: none;
			}
				#main ol ol, #main ul ul, #main ol ul, #main ul ol {
					margin-top: 1em;
					margin-right: 0;
				}

		#content p, #content ul {
			margin: 0 30px 1.2em 0;
		}
			#content ul li {
				padding: 0 0 0.5em 29px;
				background: url(img/bullet-inside.png) top left no-repeat;
			}
			#content ul ol li {
				padding: 0 0 0.5em 1em;
				background: none;
			}
		
		/* Table rules */
		table {
			font-size: 100%;
			border-collapse: collapse;
			margin: 0.5em 0 2em 0;
		}
		#content table {
			width: 510px;
		}
		#content #foldlist table, #content #searchterms table {
			width: 496px;
		}
		#content #searchterms table {
			width: 490px;
		}
			caption {
				text-align: left;
				margin: 0;
				padding: 0.6em 0 0 0;
				color: #0c4281;
			}
			th, td {
				padding: 0.5em 0 0 0;
				border-bottom: solid 1px white;
				border-right: solid 1px white;
				background: #e3e7e8;
			}
			th {
				background: #e2e6eb;
				background: #f2f3f8;
			}
			thead th, thead td {
				color: white;
				background: #a3afb3;
			}
			thead tr.last th, thead tr.last td {
				border-bottom: solid 3px white;
			}
			thead th {
				padding-top: 2em;
			}
			/* For footnotes */
			tfoot th, tfoot td {
				padding: 0;
				background: white;
				text-align: left;
			}
				#content table p {
					margin: 0 10px 0.5em 10px;
				}
				#content tfoot p {
					margin: 0 0 0.5em 0;
				}
            
            #valuation th, #valuation td 
            {
                vertical-align:top;
            }
            
	/* A linklist is a list of links with those curvy bits around them */
	.linklist {
		padding-top: 0.9em;
	}
		#content .linklist li {
			float: left;
			width: 222px;
			padding: 0;
			background: none;
		}
		/* This might be needed, if the link text wraps */
		.linklist li.odd {
			clear: left;
		}
			.linklist a {
				margin: 0 8px 0.4em 0;
			}

		/* Literature library */
		.library dl {
			margin: 0 0 1em 0;
		}
			#main .library dt {
				width: 60px;
			}
				.library dt img {
					border: solid 1px #7c7c7c;
				}
			#main .library dd {
				width: 441px;
				font-size: 90%;
			}
				.library dd a {
					font-size: 120%;
					color: #0d488c;
					font-weight: bold;
					text-decoration: none;
				}
					.library dd a img {
						margin: 0.8em 0 0 auto;
						opacity: .80;
						filter: alpha(opacity=80);
						display: block;
					}
					.library dd a:hover img {
						opacity: 1;
						filter: alpha(opacity=100);
					}

	/* foldlist is a folding / unfolding way of cramming loads of content into a page */
	#foldlist, div.important {
		margin: 0 21px 1em 0;
	}
		/* This is the title for the whole foldlist */
		div#foldlist h2 {
			color: white;
			background: #0c478c url(/img/bg-resultshead.png) top repeat-x;
			font-size: 140%;
			margin: 1em 0 0 0;
			padding: 8px;
			border-bottom: solid 1px white;
		}
		#foldlist h3, #foldlist div {
			padding: 4px 8px;
			border-bottom: solid 2px white;
		}
		#foldlist h3 {
			color: #0c4281;
			/* This is the non-JavaScript background - the rest are in the file default.js */
			background: #d9dee0 url(/img/bg-searchterms-dt.png) top left no-repeat;
			font-size: 85%;
			margin: 0;
			padding: 6px 50px 6px 94px;
			font-weight: normal;
			position: relative;
			height: 2.5em;
		}
		html[lang] #foldlist h3 {
			height: auto;
			min-height: 2.5em;
		}
		#foldlist h3.odd {
			background: #d9dee0 url(/img/bg-searchterms-dt-odd.png) top left no-repeat;
		}
			#foldlist h3 em {
				font-size: 115%;
				font-style: normal;
				font-weight: bold;
			}
			/* This is a little bonkers */
			#foldlist h3 strong {
				position: absolute;
				top: 0.1em;
				left: 0;
				background: #27568c;
				color: white;
				width: 44px;
				font-size: 160%;
				text-align: right;
			}
			/* This *used* to be required, and is kept in Just In Case. */
			* html #foldlist h3 strong {
/*				left: -94px;*/
			}

		#foldlist div, div.important {
			color: black;
			background: #f2f3f8;
		}
			#foldlist div dd, #main .important dd {
				width: 293px;
			}
				#foldlist div h4, #foldlist div h5, #foldlist div h6 {
					font-size: 130%;
					color: #1577c0;
				}

	/* This shares some styles with the above */
	div.important {
		padding: 8px;
	}
		.important h2 {
			margin: 0;
			color: #465885;
			font-weight: bold;
		}
		.important h3 {
			font-size: 120%;
		}
		.important p, .important h2 a {
			color: #465885;
		}

	/* This is a summary of the search results below */
	div#productsummary {
		margin: 0 0 0 0;
	}
	#main #productsummary div {
		font-size: 120%;
		color: #0e488d;
		float: left;
		width: 394px;
	}
		#main #productsummary div p {
			margin-right: 10px;
		}
		#main p#update {
			background: url(/img/bg-update.png) repeat-y;
			width: 116px;
			text-align: center;
			float: left;
			font-weight: bold;
			font-size: 90%;
			color: #1c7bc2;
			margin: 0;
		}
			#update span {
				display: block;
				background: url(/img/bg-update-span.png) top no-repeat;
			}
				#update span span {
					background: url(/img/bg-update-span-span.png) bottom no-repeat;
					padding: 60px 12px 15px 6px;
				}

	/* For the Placing Business page */
	#stages div {
		background: url(/img/bg-stages-div.png) bottom no-repeat;
		margin: 0 30px 1em 0;
	}
	
	#stages div.last {
		background: url(/img/bg-stages-div-last.png) bottom no-repeat;
	}
	
		#stages div div {
			margin: 0 0 26px 0;
			border: solid 1px #d9dbe4;
			border-bottom: none;
			padding: 0 11px;
			background: #e8edef;
		}
			#stages div div h1, #stages div div h2, #stages div div h3, #stages div div h4, 
			#stages div div h5, #stages div div h6, #stages div div p, #stages div div ul, 
			#stages div div ol, #stages div div dl {
				margin-right: 0;
			}
			#stages div div h2 {
				margin-top: 0.8em;
			}

	/* Sub-navigation, left */
	div#subnav {
		position: absolute;
		left: 0;
		top: 10.8em;
		width: 214px;
		font-size: 90%;
		background: white url(/img/bg-main.png) left repeat-y;
	}
	#subnav map ul {
		margin: 0 40px 0 0;
		background: white;
		border-top: solid 4px #edeff5;
	} 
		#subnav map a, #subnav map em {
			display: block;
			text-decoration: none;
			color: white;
			background: #31639d url(/img/bg-subnav-a.png) top left no-repeat;
			border-bottom: dotted 1px #d8d8d8;
			padding: 0.5em 7px 0.5em 15px;
			line-height: 1;
			font-style: normal;
		}
		/* You are here */
		#subnav map em {
			color: #0d488c;
			background: white url(/img/bg-subnav-em.png) top left no-repeat;
		}
		/* Default hover behaviour */
		#subnav map a:hover, #subnav map strong a:hover {
			color: #0d488c;
			background: #e2e6eb url(/img/bg-subnav-a-hover.png) top left no-repeat;
		}
		/* When the user is in a page within the current section (but not this page) */
		#subnav map strong a {
			background-color: #1e447f;
		}
		* html #subnav map a, * html #subnav map em {
			height: 1px;
		}
			/* Third level navigation */
			#subnav map ul ul {
				margin: 0;
				padding: 0 0 1em 0;
				color: white;
				background: #3379b6;
				font-size: 95%;
				border: none;
			}
				#subnav map ul ul a, #subnav map ul ul em {
					padding: 0.5em 7px 0.5em 25px;
				}
				#subnav map ul ul a {
					color: white;
					background: #3379b6;
				}
				/* You are here (third level) */
				#subnav map ul ul em {
					color: #0d488c;
					background: white;
					border: none;
				}
				/* When the user is in a sub-page to the current node */
				#subnav map ul ul strong a {
					border: none;
				}
				#subnav map ul ul a:hover {
					color: #0d488c;
					background: #e2e6eb;
				}
					/* Forth level nav */
					#subnav map ul ul ul {
						padding: 0;
						font-size: 100%;
						border-bottom: dotted 1px #d8d8d8;
					}
					#subnav map ul ul ul a, #subnav map ul ul ul a:hover, #subnav map ul ul ul em {
						padding: 0.5em 7px 0.5em 42px;
						border: none;
					}
					#subnav map ul ul ul a {
						color: white;
						background: #3379b6 url(/img/bg-subnav-ul-ul-ul-a.png) top left no-repeat;
					}
					#subnav map ul ul ul a:hover {
						color: #0d488c;
						background: #e2e6eb url(/img/bg-subnav-ul-ul-ul-a-hover.png) top left no-repeat;
					}
					#subnav map ul ul ul em {
						font-weight: bold;
						color: #0d488c;
						background: white url(/img/bg-subnav-ul-ul-ul-em.png) top left no-repeat;
					}

		#subnav p, ul#pagetools {
			margin: 1em 47px 0 10px;
			padding: 0 0 0 10px;
			font-size: 90%;
		}
		/* Print and bookmark link */
		ul#pagetools a {
			padding: 0 0 0.8em 30px;
			display: block;
			font-size: 120%;
			color: #1d7cc2;
			text-decoration: none;
			font-weight: bold;
		}
		ul#pagetools a:hover {
			text-decoration: underline;
		}
		#pagetools #printlink a {
			background: url(/img/bg-printlink.png) top left no-repeat;
		}
		#pagetools #favlink a {
			background: url(/img/bg-favlink.png) top left no-repeat;
		}
