@charset "utf-8";

/* CONTENT */

/* Text */

	html					{ font-size: 100%; }
	body					{ font-size: 87.5%; font-family: Arial, Helvetica, sans-serif;	  
							  color: #333; }

/* Headers */

	h1, h2, h3, h4, h5, h6	{ font-weight: normal; }
	h1, h2					{ letter-spacing: -0.03em;
							  text-shadow: 0 2px rgba(0, 0, 0, 0.05); }
	
	h1						{ font-size: 2.571em; line-height: 1.2em;
							  margin: 1em 0 0 0; }
	h2						{ font-size: 1.714em; line-height: 1.2em;
							  margin: 1em 0 0 0; }
	h3						{ font-size: 1.0em; line-height: 1.5em;	font-weight: bold;
							  margin: 1.5em 0 0 0; }
	h4						{ font-size: 1.0em; line-height: 1.5em;	
							  margin: 1.5em 0 0 0; }
	h5						{ font-size: 1.0em; line-height: 1.5em;	
							  margin: 1.5em 0 0 0; }
	h6						{ font-size: 1.0em; line-height: 1.5em;	
							  margin: 1.5em 0 0 0; }

/* Paragraphs */

	p						{ line-height: 1.5em;	
							  margin: 1.5em 0 0 0; }
	h2 + p,
	blockquote + p			{ margin-top: 0.5em; }
	h3 + p					{ margin-top: 0; }
	
	p.summary				{ font-weight: bold; }
	p.details				{ font-size: 0.857em; line-height: 1.75em;
							  color: #999;
							  margin-top: 0; }

/* Lists */

	ul, ol					{ overflow: hidden;
							  margin: 1.5em 0 0 0; padding-left: 30px; }
	ul ul, ul ol,
	ol ol, ol ul			{ margin-top: 0; }
	dl						{ margin: 1.5em 0 0 0; }

	li 						{ line-height: 1.5em; }
	dt 						{ line-height: 1.5em; font-weight: bold; }
	dd 						{ line-height: 1.5em;
							  margin-left: 30px; }

	ul						{ list-style: disc; }
	ul ul					{ list-style: circle; }
	ul ul ul				{ list-style: square; }
	ol						{ list-style: decimal; }
	ol ol					{ list-style: lower-alpha; }
	ol ol ol				{ list-style: lower-roman; }

/* Links */
	
	a						{ color: #0057a3; }
	a:visited,
	a:focus,
	a:hover,
	a:active				{ color: #5a89c4; }

	a.enquiry				{ font-size: 1.142em; line-height: 1; text-shadow: 0 2px rgba(0, 0, 0, 0.05);
							  margin: 0 0 0 0; padding: 12px 15px 10px 15px;
							  background: #f1f1f1; display: block; }
	
	a[href^="http:"], 
	a[href^="https:"]		{ padding: 0 16px 0 0;
							  background: url(../images/layout/external_icon.png) right no-repeat; }



/* Emphasised Text */

	em, i					{ font-style: oblique; }
	strong, b				{ font-weight: bold; }

/* Quotes */

	blockquote				{ font-style: oblique; color: #666666;
							  margin: 1.5em 0 0 0; padding: 10px 50px 0 0;
							  background: url(../images/layout/quotes.png) top right no-repeat; }
	blockquote > *:first-child 
							{ margin-top: 0; }

	q						{ quotes: '\201C' '\201D' '\2018' '\2019'; }
	q:before				{ content: open-quote; }
	q:after					{ content: close-quote; }

/* Preformatted Text & Code */

	pre, code				{ font-size: 1em; line-height: 1.5em;
							  font-family: Consolas, "Courier New", Courier, monospace; }

	pre						{ margin: 1.5em 0 0 0; padding: 1.5em;
							  white-space: pre-wrap; white-space: -moz-pre-wrap;
							  white-space: -pre-wrap; white-space: -o-pre-wrap;
							  word-wrap: break-word;
							  background: #eee;
							  -moz-border-radius: 2px;
							  -webkit-border-radius: 2px; }

	code					{ padding: 0 0.3em; color: #fff;
							  background: #000; }
	pre.code				{ color: #fff;
							  background: #000; }
	pre.code code			{ padding: 0; }

/* Abbreviations */

	abbr					{ border-bottom: 1px dotted; cursor: help; }

/* Superscript & Subscript Text */

	sup 					{ vertical-align: super; vertical-align: 0.4em; }
	sub 					{ vertical-align: sub; vertical-align: -0.2em; }

/* Deleted & Inserted Text */

	del, strike				{ text-decoration: line-through; }
	ins, u 					{ text-decoration: underline; }
	
/* Other Text Styles */

	.small 					{ font-size: 0.857em; line-height: 1em; }
	.large 					{ font-size: 1.142em; line-height: 1em; }
	.note 					{ color: #999; }
	.error 					{ color: #ef003e; }

/* Images & Objects */

	img, object				{ border: 0; }

/* Tables */

	table					{ width: 100%; margin: 1.5em 0 0 0;
							  border-collapse: collapse; border-spacing: 0; }
	th, td 					{ line-height: 1.5em;	
							  vertical-align: top;
							  padding: 0.25em 0.5em;
							  border: 0 solid #000; }
	th						{ font-weight: bold;
							  text-align: left; }

	thead th				{ color: #fff;
							  background: #000; }
	tfoot th, tfoot td		{ font-weight: bold;
							  border-top-width: 2px; }
	tbody th, tbody td		{ }
	
	tbody tr:hover th, 
	tbody tr:hover td		{ background: #eee; }

	caption					{ font-size: 0.857em; line-height: 1.454em;
							  font-style: oblique; text-align: right;
							  margin: 0.5em 0 0 0;
							  caption-side: bottom; }

/* Figure */

	.figure					{ margin: 1.5em 0 0 0; width: 210px; }
	.figure img				{ display: block; }
	.figure .legend			{ font-size: 0.857em; line-height: 1.454em;
							  font-style: oblique; text-align: right;
							  margin: 0.5em 0 0 0; }

/* Box */

	.box					{ margin: 1em 0 0 0; padding: 0 15px 10px 15px;
							  background: #f1f1f1; }
	.box, .box a 			{ color: #333; }
	.box h2					{ font-size: 1.142em; line-height: 1; text-shadow: 0 2px rgba(0, 0, 0, 0.05);
							  margin: 0 -15px 10px -15px; padding: 12px 15px 10px 15px;
							  background: #d9d9d9;
							  border-bottom: 2px solid #c3c3c3; }
	.box p					{ font-size: 0.857em; line-height: 1.75em; }

/* Forms */

	form					{ }
	fieldset				{ margin: 0; padding: 0;
							  border: 0; }
	legend					{ display: none; }

	.form					{ margin: 1.5em 0 0 0; }
	.form > *:first-child 	{ margin-top: 0; }
	.form fieldset			{ margin: 1.5em 0 0 0; padding: 0; }
	.form legend			{ font-size: 1.428em; line-height: 1.05;
							  font-weight: normal; color: #000;
							  display: block;
							  margin: 1.05em 0 0 0; padding: 0; }
	.form legend span		{ }
	.form legend + *		{ margin-top: 0; }
	
	.form .control			{ overflow: hidden; margin: 0.75em 0 0 0; }
	.form p + .control		{ margin-top: 1.5em; }
	.form .mandatory		{ }
	.form .description		{ float: left; width: 140px; }
	.form .fields			{ margin: 0 0 0 150px; }
	.form .fields p			{ font-size: 0.857em; line-height: 1.454em;
							  margin: 0.5em 0 0 0; }

	.form label				{ display: block; }
	.form .fields label		{ display: inline; }
	.form .asterisk			{ float: right; font-size: 1.5em; color: #ccc; font-weight: normal; }

	.form .actions			{ padding: 0 0 0 150px; background: transparent; }
	.form .actions legend	{ display: none; }

/* Inputs */
	
	input, button, select,
	textarea				{ font-size: 1em; font-family: sans-serif;
							  text-rendering: optimizeSpeed; }
	input[type=text],
	input.type_text,
	input[type=password],
	input.type_password,
	textarea,				
	select					{ margin: 0; padding: 5px;
							  border: 1px solid #ccc; }
	input[type=text]:focus,
	input.type_text:focus,
	input[type=password]:focus,
	input.type_password:focus,
	textarea:focus,				
	select:focus			{ border-color: #000; }
	select					{ padding: 4px; }
	input[type=file],
	input.type_file			{ margin: 0; }
	input[type=radio], 
	input.type_radio, 
	input[type=checkbox],
	input.type_checkbox 	{ margin: 0; }

	textarea.monospaced		{ font-family: Consolas, "Courier New", Courier, monospace; }
	optgroup				{ font-style: normal; font-weight: bold;
							  text-indent: 2px; }
	optgroup option			{ padding-left: 15px; }
	
	.size_liquid			{ width: 97%; }

	input.size_xxs			{ width: 3em; }
	input.size_xs			{ width: 6em; }
	input.size_s			{ width: 12em; }
	input.size_m			{ width: 18em; }
	input.size_l			{ width: 24em; }
	input.size_xl			{ width: 30em; }
	input.size_xxl			{ width: 36em; }
	
	textarea.size_xs		{ height: 2.5em; }
	textarea.size_s			{ height: 5em; }
	textarea.size_m			{ height: 10em; }
	textarea.size_l			{ height: 20em; }
	textarea.size_xl		{ height: 40em; }

/* Links */

	.links					{ padding: 0;
							  list-style: none; }
	.links li				{ font-size: 0.857em; line-height: 1.75em; }
	
/* Rule */

	.rule					{ border-top: 1px solid #eee; margin: 1.75em 0; }
	.rule hr				{ display: none; }
	
		
/* UTILITIES */

/* Grid */

	.x						{ margin: 10px 0 0 0; overflow: hidden; }
	.x:first-child			{ margin-top: 0 !important; }
	.y						{ float: left; }
	.y_l					{ margin-right: -10px; }
	.y > div				{ margin: 0 0 0 40px; }
	.y:first-child > div	{ margin-left: 0 !important;
							  padding-left: 0 !important;
							  border-left: 0 !important; }

	.y_1 > div				{ width: 741px; }
	.y_2 > div				{ width: 200px; }
	.y_5 > div				{ width: 501px; }
	.y_3 > div				{ width: 156px; }
	.y_4 > div				{ width: 470px; }

/* Grid 2 */

	.x2						{ margin: 15px -15px 0 -15px; overflow: hidden; }
	.x2:first-child			{ margin-top: 0; }

	.y2						{ float: left; }
	.y2 > div				{ margin: 0 15px; }

	.y2_1					{ width: 8.333%; }
	.y2_2					{ width: 16.666%; }
	.y2_3					{ width: 25%; }
	.y2_4					{ width: 33.333%; }
	.y2_5					{ width: 41.666%; }
	.y2_6					{ width: 50%; }
	.y2_7					{ width: 58.333%; }
	.y2_8					{ width: 66.666%; }
	.y2_9					{ width: 75%; }
	.y2_10					{ width: 83.333%; }
	.y2_11					{ width: 91.666%; }
	.y2_12					{ width: 100%; }

/* Content */

	.c > *:first-child, 
	.c > a > *:first-child,
	.c > .ba_lr:first-child + *, 
	.c > .ba_rw:first-child + *
							{ margin-top: 0 !important; }

/* Text Alignment */

	.ta_c					{ text-align: center; }
	.ta_l					{ text-align: left; }
	.ta_r					{ text-align: right; }
	.ta_j					{ text-align: justify; }

/* Block Alignment */
	
	.ba_c					{ display: block;
							  margin-left: auto; margin-right: auto; }
	.ba_l					{ display: block;
							  margin-left: 0; margin-right: auto; }
	.ba_r					{ display: block;
							  margin-left: auto; margin-right: 0; }
	.ba_lw					{ display: block; float: left; clear: left;
							  margin-left: 0; margin-right: 2em; margin-bottom: 1.5em; }
	.ba_rw					{ display: block; float: right; clear: right;
							  margin-left: 2em; margin-right: -240px; margin-bottom: 1.5em; }
							  
/* Hidden */

	.p_yes					{ display: none; }


/* PAGE LAYOUT */

/* Body */

	html					{ height: 100%; }
	body					{ height: 100%; margin: 0;
							  background: #fff; }
/*	body					{ background: url(../images/layout/baseline.png) 0 18px; }*/
	.wrapper				{ width: 100%; width: 981px; margin: 0 auto; position: relative; }

/* Header */

	#header					{ padding: 0;
						  	  position: relative;
							  background: #dcdcdc url(../images/layout/header_bg.png) top repeat-x; }
							  		
	#logo					{ display: block;
							  padding: 14px 0 0 0; }
	#colour					{ position: absolute; top: 0; right: 0; bottom: 0; left: 50%;
							  margin: 0 0 0 80px;
							  background: #94a9d9 url(../images/layout/colour_bg.png) left repeat-y; }
	#colour div				{ height: 100%;
							  background: url(../images/layout/colour_mask.png) top left no-repeat; }
	#contact				{ text-align: right; font-size: 1.142em; line-height: 22px;
							  text-shadow: 0 2px rgba(0, 0, 0, 0.2);
							  margin: 0; width: 300px;
							  position: absolute; top: 25px; right: 0; z-index: 2; }
	#contact,
	#contact a				{ color: #fff; }
	#contact.home			{ top: 50px; }
	
	#title					{ color: #fff; font-weight: bold; letter-spacing: -0.03em;
							  font-size: 2.714em; line-height: 1;
							  text-shadow: 0 2px rgba(0, 0, 0, 0.2);
							  position: absolute; top: 70px; right: 0; z-index: 2;
							  padding: 6px 48px 0 0;
							  background: url(../images/layout/icons_small.png) top right no-repeat; }
	
	#skip					{ color: #bfbfbf; text-decoration: none;
							  font-size: 0.857em; line-height: 27px;
							  display: block;							  
							  position: absolute; top: 0; left: 0; }
	#skip:hover				{ color: #999; }
	
/* Links */

	#links					{ margin: 30px 0 0 0;
							  position: relative; z-index: 3; }
	#links ul				{ margin: 0; padding: 0;
							  list-style: none; }
	#links li				{ display: inline;
							  padding: 0 0 0 1px; }
	#links li:first-child	{ padding-left: 0; }
	#links a				{ font-size: 1.142em; line-height: 1em;
							  color: #4c4c4c; text-decoration: none;
							  display: inline-block;
							  padding: 10px 15px;
							  background: url(../images/layout/links_bg.png); }
	#links a:focus, 
	#links a:hover,
	#links a:active, 
	#links li.active a		{ color: #000; text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
	#links li.active a		{ background: #fff; }

/* Navigation */

	#nav					{ }
	#nav ul					{ margin: 0; padding: 0;
							  list-style: none; }
	#nav li					{ border-top: 2px solid #fff; }
	#nav li:first-child		{ border-top: 0; }
	#nav a					{ font-size: 1.142em; line-height: 1em; text-shadow: 0 1px rgba(0, 0, 0, 0.1);
							  color: #000; text-decoration: none; background: #f1f1f1;
							  display: block;
							  padding: 10px 15px; }
	#nav a:focus, 
	#nav a:hover,
	#nav a:active			{ color: #000; }
	#nav li.active a		{ text-shadow: 0 2px rgba(0, 0, 0, 0.2);
							  background: url(../images/layout/nav_bg.png) repeat-y; }	
	#nav > div > ul > li.active > a
							{ color: #fff !important; }
	
	#nav ul ul				{ position: relative; z-index: 2;
							  padding: 7px 0;
							  border-bottom: 2px solid #d9d9d9; margin-bottom: -2px; } 
	#nav ul ul li			{ border-top: 0; } 
	#nav ul ul a			{ font-size: 0.75em; text-shadow: none !important;
							  padding-top: 5px; padding-bottom: 5px;
							  background: transparent; } 
	
	
	#nav li.active ul a		{ color: #4c4c4c;
							  background: transparent; }
	#nav li.active ul a:focus, 
	#nav li.active ul a:hover,
	#nav li.active ul a:active
							{ color: #000; }
	#nav li.active ul li.active a
							{ color: #000; }
	
	#nav ul ul				{ display: none; }
	#nav ul li.active ul	{ display: block; }

	#nav .i_gas a:focus,
	#nav .i_gas a:hover,
	#nav .i_gas a:active							{ color: #f34000; }
	#nav .i_electrical a:focus,
	#nav .i_electrical a:hover,
	#nav .i_electrical a:active						{ color: #0072ff; }
	#nav .i_oil a:focus,
	#nav .i_oil a:hover,
	#nav .i_oil a:active							{ color: #5600a2; }
	#nav .i_water a:focus,
	#nav .i_water a:hover,
	#nav .i_water a:active							{ color: #008189; }
	#nav .i_renewables a:focus,
	#nav .i_renewables a:hover,
	#nav .i_renewables a:active						{ color: #1a9d18; }
	#nav .i_refrigerants a:focus,
	#nav .i_refrigerants a:hover,
	#nav .i_refrigerants a:active					{ color: #0075c0; }
	#nav .i_apprenticeships a:focus,
	#nav .i_apprenticeships a:hover,
	#nav .i_apprenticeships a:active				{ color: #ff7e00; }
	#nav .i_armed-forces a:focus,
	#nav .i_armed-forces a:hover,
	#nav .i_armed-forces a:active					{ color: #2f2f2f; }
	#nav .i_health-safety a:focus,
	#nav .i_health-safety a:hover,
	#nav .i_health-safety a:active					{ color: #ea38b6; }
	
	#nav li.active.i_gas a							{ background-position: 0px 0; }
	#nav li.active.i_electrical a					{ background-position: -200px 0; }
	#nav li.active.i_oil a							{ background-position: -400px 0; }
	#nav li.active.i_water a						{ background-position: -600px 0; }
	#nav li.active.i_renewables a					{ background-position: -800px 0; }
	#nav li.active.i_refrigerants a					{ background-position: -1000px 0; }
	#nav li.active.i_apprenticeships a				{ background-position: -1200px 0; }
	#nav li.active.i_armed-forces a					{ background-position: -1400px 0; }
	#nav li.active.i_health-safety a				{ background-position: -1600px 0; }

	#nav li.i_gas ul li.active a				{ color: #f34000; }
	#nav li.i_electrical ul li.active a			{ color: #0072ff; }
	#nav li.i_oil ul li.active a				{ color: #5600a2; }
	#nav li.i_water ul li.active a				{ color: #008189; }
	#nav li.i_renewables ul li.active a			{ color: #1a9d18; }
	#nav li.i_refrigerants ul li.active a		{ color: #0075c0; }
	#nav li.i_apprenticeships ul li.active a	{ color: #ff7e00; }
	#nav li.i_armed-forces ul li.active a		{ color: #2f2f2f; }
	#nav li.i_health-safety ul li.active a		{ color: #ea38b6; }
	
/* Icons */

	#icons 					{ background: url(../images/layout/icons_bg.png) top repeat-x; }
	#icons .wrapper			{ padding: 20px !important; }
	#icons ul				{ margin: 0; padding: 0;
							  list-style: none; }
	#icons li				{ float: left; width: 109px;
							  padding: 0; }
	#icons a				{ text-decoration: none; color: #999; text-align: center;
							  display: block; font-size: 0.857em; line-height: 1em;
							  padding: 110px 0 0 0;
							  background: url(../images/layout/icons_big.png) no-repeat; }
	#icons a:hover			{ text-decoration: underline; }
							  
	#icons li.i_gas a				{ background-position: 0px 0; }
	#icons li.i_electrical a		{ background-position: -109px 0; }
	#icons li.i_oil a				{ background-position: -218px 0; }
	#icons li.i_water a				{ background-position: -327px 0; }
	#icons li.i_renewables a		{ background-position: -436px 0; }
	#icons li.i_refrigerants a		{ background-position: -545px 0; }
	#icons li.i_apprenticeships a	{ background-position: -654px 0; }
	#icons li.i_armed-forces a		{ background-position: -763px 0; }
	#icons li.i_health-safety a		{ background-position: -872px 0; }

/* Breadcrumbs */

	#breadcrumbs p			{ font-weight: bold;
							  display: inline;
							  margin: 0; }
	#breadcrumbs ul			{ padding: 0; margin: 0;
							  list-style: none;
							  display: inline; }
	#breadcrumbs li			{ display: inline; }
	#breadcrumbs a			{ color: #000;
							  display: inline;
							  padding: 0 16px 0 0;
							  background: url(../images/layout/arrow_right.png) right no-repeat; }

/* Content */

	#content				{ margin: -2px 0; padding: 2px 0;
							  position: relative; z-index: 2;
							  background: url(../images/layout/shadow.png); }
	#content > div			{ background: #fff; }
	#content .wrapper		{ padding: 40px 0; }

	#additional > div		{ width: 200px;
							  position: absolute; bottom: 40px; }

/* Footer */

	#footer 				{ margin: 0; padding: 0;
							  background: #fff url(../images/layout/footer_bg.png) top repeat-x; }
	#footer .wrapper		{ padding: 30px 0 40px 0; }
	#footer					{ color: #bfbfbf; }
	#footer a				{ color: #a6a6a6; text-decoration: none; }
	#footer a:hover			{ text-decoration: underline; }

	#footer h2				{ font-size: 1.285em; color: #333; letter-spacing: 0; }
	#footer	p				{ font-size: 0.857em; line-height: 1.75em;
							  margin: 0; }
	#footer ul				{ margin: 0; padding: 0;
							  list-style: none;  }
	#footer ul li			{ font-size: 0.857em; line-height: 1.75em;
							  display: inline;
							  padding: 0 0 0 10px; }
	#footer ul li:first-child
							{ padding-left: 0; }
							
	#logos					{ padding: 30px 0; border-bottom: 2px solid #f1f1f1; margin: 0 0 10px 0; }
		
	#sitemap				{ padding: 10px 18px 18px 18px;
							  border: 2px solid #dddddd; border-top: 0; }
	#sitemap h3				{ font-size: 0.857em; line-height: 1.75em; }		
	#sitemap h3,
	#sitemap h3 a			{ color: #000; }
	#sitemap ul				{ }		
	#sitemap ul li			{ font-size: 0.785em; white-space: nowrap;
							  display: block; overflow: hidden;
							  padding: 0; }		
	#sitemap ul a			{ color: #4c4c4c; }					


/* SECTIONS */ 

	#s_gas #colour				{ background-image: url(../images/layout/colour_bg_gas.png);
								  background-color: #ec8b00; }
	#s_electrical #colour		{ background-image: url(../images/layout/colour_bg_electrical.png);
								  background-color: #45aeff; }
	#s_oil #colour				{ background-image: url(../images/layout/colour_bg_oil.png);
								  background-color: #8423d0; }
	#s_water #colour			{ background-image: url(../images/layout/colour_bg_water.png);
								  background-color: #00b0ae; }
	#s_renewables #colour		{ background-image: url(../images/layout/colour_bg_renewables.png);
								  background-color: #0ad628; }
	#s_refrigerants #colour		{ background-image: url(../images/layout/colour_bg_refrigerants.png);
								  background-color: #49bcd9; }
	#s_apprenticeships #colour	{ background-image: url(../images/layout/colour_bg_apprenticeships.png);
								  background-color: #ffc000; }
	#s_armed-forces #colour		{ background-image: url(../images/layout/colour_bg_armed-forces.png);
								  background-color: #63544e; }
	#s_health-safety #colour	{ background-image: url(../images/layout/colour_bg_health-safety.png);
								  background-color: #e65cff; }

	#s_gas #title				{ background-position: 100% -0px; }
	#s_electrical #title		{ background-position: 100% -60px; }
	#s_oil #title				{ background-position: 100% -120px; }
	#s_water #title				{ background-position: 100% -180px; }
	#s_renewables #title		{ background-position: 100% -240px; }
	#s_refrigerants #title		{ background-position: 100% -300px; }
	#s_apprenticeships #title	{ background-position: 100% -360px; }
	#s_armed-forces #title		{ background-position: 100% -420px; }
	#s_health-safety #title		{ background-position: 100% -480px; }


/* MEDIA PRINT */ 

@media print {
/* Hidden */

	#header,
	#footer, 
	.p_no					{ display: none; }

/* Visible */

	.p_yes					{ display: block; }
	
/* Reset */

	body, 
	#wrapper, 
	#content, 
	#primary,
	#primary > div,
	#secondary, 
	#secondary > div		{ display: block; float: none; clear: none; overflow: visible;
							  position: static; top: auto; right: auto; bottom: auto; left: auto;
							  width: auto; min-width: 0; max-width: none;
							  height: auto !important; min-height: 0; max-height: none;
							  margin: 0; padding: 0;
							  border: 0;
							  background: transparent; }						  
}