/* Just inside pages */
#head p {
	/* No login */
	margin: 13px 0 29px 200px;
	/* Login */
	margin: 13px 0 6px 200px;
}
div#content {
	width: 562px;
}

/* For pages where the content spans all three columns */
#main h1 {
	font-size: 250%;
	margin: 0 20px 0 0;
	color: #2b2e64;
	border: none;
	padding: 0;
}

#content h1 {
	border: none;
	background: #c2cd23 url(/img/h1-ice.png) bottom left no-repeat;
	color: white;
	padding: 13px 140px 30px 20px;
	font-size: 250%;
	margin: 0 20px 0.2em 0;
	line-height: 1;
}
	#content h1 em {
		font-style: normal;
		font-size: 50%;
		display: block;
		font-weight: normal;
		margin: -1.2em 0 0 0;
	}

/* Crumb-trail */
map#crumb ol {
	padding: 0;
}
#crumb li {
	display: inline;
	font-weight: bold;
}
	#crumb a, #crumb em {
		background: url(/img/bg-crumb-a.png) right no-repeat;
		padding: 0.2em 10px 0.2em 0;
		color: #5b5d5e;
		white-space: nowrap;
		font-weight: normal;
	}
	#crumb em {
		background: none;
		font-style: normal;
		padding: 0.2em 0;
	}
	/* Crumbtrail Underline
	#crumb em, #crumb a:hover {
		border-bottom: solid 1px #b8d02f;
	}
	*/

/* This is at the top of the products pages, and contains the summary information
for each product */
div#productsummary {
	margin: 0 20px 0.9em 210px;
	margin: 0 0 0.9em 0;
}
	#productsummary div {
		float: left;
		width: 275px;
	}
	p#productimg {
		float: left;
		width: 267px;
		margin: 0;
		text-align: right;
	}

/* This hides a lot of the detail of each product */
#productdetail {
	margin: 0 20px 0.9em 0;
}
	#productdetail h2 {
		border: none;
		padding: 0;
		margin: 0;
	}
		#productdetail h2 a {
			display: block;
			border-bottom: solid 2px #b3b7c8;
			padding: 0.5em 10px 0.5em 29px;
			background: url(/img/bg-productdetail-h2-a.png) top left no-repeat;
		}
		#productdetail h2 a:hover {
			text-decoration: none;
		}
	#productdetail div {
		background: #fde7e6;
		padding: 10px 29px 0 29px;
		border-bottom: solid 1px #b3b7c8;
	}

	#productdetail div dl {
		border-bottom: solid 1px #b3b7c8;
		clear: both;
	}
	#productdetail div dl.last, #productdetail div .pdf .last a {
		border: none;
	}
		#productdetail div dt {
			font-weight: bold;
			display: inline;
		}
		#productdetail div dd {
			display: inline;
		}
			#productdetail div dd a, #productdetail div .pdf a {
				background: url(/img/bg-productdetail-div-dd-a.png) left no-repeat;
				padding: 0 0 0 15px;
			}
			#productdetail div .pdf a {
				display: block;
				padding: 0.5em 0 0.5em 15px;
				border-bottom: solid 1px #b3b7c8;
			}
		/* Just for PDF downloads in the Product Detail list */
		#productdetail div .pdf li {
			background: none;
			padding: 0;
		}

/* Forms!  Fun time! */
#content fieldset {
	background: #fde7e6;
	margin: 0 20px 0 0;
	padding: 12px 0 0 10px;
}
#content fieldset legend {
	display: none;
}
		#content fieldset dt {
			width: 126px;
			text-align: right;
			float: left;
		}
			#content fieldset dt label {
				display: block;
				margin: 0 10px 0 0;
			}
		#content fieldset dd {
			width: 374px;
			float: left;
		}
			#content fieldset dd input, #content fieldset dd select, #content fieldset dd textarea {
				width: 226px;
				padding: 0.2em 0.1em;
			}
			/* Thanks, .NET. */
			#content fieldset .compact dd input, #content fieldset dd table input {
				width: auto;
				border: none;
			}
			/* For user-controled, checkbox form labels */
			#content fieldset .compact dd p {
				display: inline;
			}

/* For lists of stuff to download - ZIP files or PDFs, for example */
div.download, div.gallery {
	margin: 0 12px 0 0;
	margin: 0 20px 0 0;
	background: #ffeee9 url(/img/bg-download.png) left;
}
	#content .download dl, #content .gallery dl {
		margin: 0;
		border-top: solid 2px white;
		width: 271px;
		float: left;
		height: 90px;
	}
	html[lang] #content .download dl, html[lang] #content .gallery dl {
		height: auto;
		min-height: 90px;
	}
	#content .download dl.odd, #content .gallery dl.odd {
		clear: left;
	}
		#content .download dt, #content .gallery dt {
			float: left;
			width: 74px;
			text-align: center;
			padding: 19px 0 10px 0;
		}
		#content .download dd, #content .gallery dd {
			float: left;
			width: 197px;
			padding: 16px 0;
		}
			.download a, .gallery a {
				text-decoration: underline;
			}
		/* Image gallery */
		#content .gallery dt {
			width: 153px;
		}
		#content .gallery dd {
			width: 118px;
		}

/* The pagination links at the bottom */
	#content div.gallery ul {
		padding: 1em 0;
		margin: 0;
		background: white;
		text-align: center;
	}

/* Archive
div.gallery {
	margin: 0 28px 0 0;
}
	.gallery div {
		position: relative;
	}
		#content .gallery dl {
			margin: 0;
			padding: 24px 0 0 0;
			border-top: solid 2px white;
			width: 178px;
			float: left;
		}
		dl.clear {clear: both;}

			#content .gallery dt {
				margin: 0 24px 7em 24px;
			}
				.gallery dt a img {
					border: solid 1px #a1a1a1;
				}
			#content .gallery dd {
				position: absolute;
				width: 127px;
				bottom: 24px;
				left: 24px;
				text-align: center;
			}
			#content .gallery .second dd {
				left: 203px;
			}
			#content .gallery .third dd {
				left: 381px;
			}
*/

/* The result list is a simple icon / thumbnail and text to the right */
#content div#resultlist {
	margin: 0 20px 0.9em 0;
}

/* This is idiotic, but required for the strut to work correctly */
div#contentwidest {
	width: 965px;
	float: left;
}
* html div#contentwidest {
	width: 962px;
}
	#resultlist div {
		border-bottom: solid 1px #b3b7c8;
		margin: 0 0 1.5em 0;
		clear: both;
	}
	#resultlist div.last {
		border: none;
	}
		/* The product thumbnail */
		#resultlist p.resultimg {
			/* For the widest view */
			width: 150px;
			float: left;
			margin: 0;
			padding: 0 0 1em 0;
			text-align: center;
		}
		#content #resultlist p.resultimg {
			width: 87px;
		}
		/* The result detail text */
		#resultlist div div {
			float: left;
			/* For the full width page */
			width: 645px;
			margin: 0;
			clear: none;
			border-bottom: solid 1px white;
		}
		#content #resultlist div div {
			width: 455px;
		}
			#resultlist div div h2 {
				border: none;
				margin: 0;
			}
	
	/* This is the result navigation, bottom */
	div#resultlist ul, #content .gallery ul {
		margin: 0 0 1em 104px;
		padding: 0.5em 0 0 0;
		font-weight: bold;
		font-size: 120%;
		color: #5b5d5e;
	}
	#content #resultlist ul {
		margin: 0 0 1em 84px;
	}
		#resultlist ul li, #content .gallery ul li {
			display: inline;
			padding: 0;
			background: none;
		}
			#resultlist ul a, #resultlist ul em, #content .gallery ul a, #content .gallery ul em {
				color: #333;
				padding: 0.1em 0.4em;
				background: #fde7e6;
				text-decoration: none;
			}
			#resultlist ul a:hover, #resultlist ul em, 
			#content .gallery ul a:hover, #content .gallery ul em {
				color: white;
				background: #e5140b;
				text-decoration: none;
				font-style: normal;
			}
			/* The "page" bullets are the "Previous" and "Next" links */
			#resultlist ul .page a, #resultlist ul .page a:hover, 
			#content .gallery ul .page a, #content .gallery ul .page a:hover {
				color: #333;
				background: white;
				text-decoration: underline;
			}

/* This is a detailed search - spaning all three columns */
fieldset#detailedsearch {
	border-top: solid 1px #7f9db9;
	background: #fde7e6;
	padding: 1.8em 32px 0.4em 32px;
	border-bottom: solid 1px #7f9db9;
	margin: 1.5em 0;
}
	#detailedsearch legend {
		display: none;
	}
	#detailedsearch dl {
		margin: 0 0 1.5em 0;
	}
		#detailedsearch dt {
			float: left;
			width: 74px;
		}
		#detailedsearch dd {
			float: left;
			width: 800px;
		}
			#detailedsearch dd input {
				width: 387px;
				vertical-align: top;
			}
			#detailedsearch dd input.button, #detailedsearch .button input {
				width: auto;
				border: none;
			}

/* This is an expanding tree of documentation */
ul#documentation ul, #documentation ul li, ul#documentation li, ul#documentation {
	margin: 0;
	padding: 0;
	background: none;
}
ul#documentation {
	margin: 0 20px 1em 0;
}
	/* First level of the tree - product ranges and types of product */
	#documentation li a {
		display: block;
		font-weight: bold;
		background: #fde7e6;
		padding: 0.4em 12px;
		border-bottom: solid 1px white;
		font-size: 120%;
	}
	* html #documentation a {
		height: 1%;
	}
	/* Woah there! Even-numbered list items are a different colour! */
	#documentation li.even a {
		background: #fef3f2;
	}
		/* Second level of the tree - product ranges and types of product */
		ul#documentation ul a, ul#documentation .even ul a {
			background: white url(/img/bg-documentation-ul-a.png) top left no-repeat;
			border-bottom: solid 2px #b3b7c8;
			font-size: 110%;
			padding: 0.4em 12px 0.4em 30px;
		}
			/* Third level of the tree - the PDFs for download */
			#documentation ul ul, #documentation ul.nocat, ul.download {
				margin: 1em 12px 1em 30px;
			}
			#documentation ul ul li, #documentation ul.nocat li, ul.download li {
				margin: 0 0 0.5em 0;
			}
			#content ul.download li {
				padding-left: 20px;
				background: none;
			}
			#documentation ul ul  a, #documentation .even ul ul a,
			#documentation ul.nocat a, #documentation .even ul.nocat a,
			ul.download a {
				background: white;
				border: none;
				display: inline;
				padding: 0;
				text-decoration: underline;
			}
				#documentation img, ul.download img {
					vertical-align: middle;
				}