<!-- 

/* 	This css is particularly nasty, I don't apologise, I didn't design this site.

	You will see that it is mostly matching contextual selectors that is the reason for
	the bloat. (This is partly because it is not database-driven and therefore to create
	"on" states we are using matching contextual selectors from the body tag.
	Partly also because every section has a different colour, otherwise it could have been 
	just one "on" class.) 
	
	Where-ever there are two classes like .about .about {} it is from the $_PAGE variables,
	the first being in the body tag.
	
	S. 19/1/05

*/

body {
	margin:auto;
	font: 11px/1.1 Verdana, sans-serif;
	background-color:#434a40;
	width:767px;
	line-height:15px;
	color:#434a40;
	}
	
table{
	font: 11px/1.1 Verdana, sans-serif;
	line-height:15px;
	color:#434a40;
	}
	
#bkcontainer {
	background-color:#FFFFFF;
}

form {
	display:inline;
	}
	
.hidden {
	display:none;
	}
.back-top {
	text-align:right;
	}
h1 {
	margin:0;
	padding:20px 0px 0px 0px;
	font-size:13px;
	}
	
h2 {
	margin:16px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	}
	
h3 {
	margin:0;
	padding:0;
	font-size:11px;
	}
	
h4 {
	margin:0;
	padding:0;
	font-size:11px;
	}
	
.topH1 {
	padding:0 0 10px 0;
	}

sup {
font-size:x-small;
}

.vectorColor {
color:#1B92CB;
}


/**********************************

	BRAND 
	
**********************************/	

	
#brand {
	height:112px;
	background:#00335B;
	}
	
#brand .vectors-guide	{
	padding-left:25px; 
	padding-top:30px;
	width:390px;
	}
	
#brand .vectors-guide input.searchfield {
	margin:16px 4px 0 0 ;
	width:235px;
	font: 11px/1.1 Verdana, sans-serif;
	}
	
input {
	font: 11px/1.1 Verdana, sans-serif;
	}
	
#brand .vector-logo	{
	float:right;
	margin-right:25px; 
	margin-top:22px;
	}
	

/**********************************

	TOPNAV 
	
**********************************/	

#topnav ul {
	list-style:none;
	margin:0;
	padding:0 0 0 25px;
	height:26px;
	}
	
#topnav li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	height:25px;
	line-height:25px;
	}
	
#topnav a {
	color:white;
 	font-weight:bold;
	text-decoration:none;
	padding:4px 0px;
	}
#topnav a:hover {
	color:#5D6967;
	}
	
/*  topnav link 'on' state - 
	the first class (parent) is in the body which is for each section,
	the second class (child) is the topnav link */
	
.about #topnav .about a, 
.channelpartners #topnav .channelpartners a, 
.naturalgas #topnav .naturalgas a, 
.lpg #topnav .lpg a, 
.gasconnections #topnav .gasconnections a, 
.ventilation-flueing #topnav .ventilation-flueing a, 
.gasappliances-residential #topnav .gasappliances-residential a, 
.gasappliances-commercial #topnav .gasappliances-commercial a, 
.regulations-codes-standards #topnav .regulations-codes-standards a, 
.gas-appliance-manufacturers-suppliers #topnav .gas-appliance-manufacturers-suppliers a, 
.energy-retailers #topnav .energy-retailers a, 
.gas-industry-organisations #topnav .gas-industry-organisations a, 
.glossary-of-terms #topnav .glossary-of-terms a {
	color:#5D6967;
	cursor:text;
	}
	
#topnav-row1 {
	background:#ACC441;
	}
#topnav-row2 {
	background:#B4C955;
	}
#topnav-row3 {
	background:#BCCE68;
	}	
	
	
/**********************************

	BREADCRUMB
	
**********************************/
	

#breadcrumb {
	padding:28px 0 2px 26px;
	clear:both;
	color:white;
	line-height:25px;
	}

#breadcrumb a {
	color:white;
	text-decoration:none;
	}
#breadcrumb a:hover {
	text-decoration:underline;
	}

.home #breadcrumb span.arr {
	display:none;
	}


.divider {
	height:1px;
	clear:both;
	}	


#sidenav li a {
	text-decoration:none;
	color:#00335B;
	}
	
/**********************************

	COLOURS SECTION-CODED
	
	every section has a different 
	link color and heading color
	(yeah I know, sigh) and 
	breadcrumb background.
	
	Parent is the body class
	
**********************************/
	

.home a, 
.home a:hover, 
.home h1, 
.home h2, 
.home h3, 
.home h4, 
.home #sidenav li a:hover {
	color:#00335B;
	}
.home #breadcrumb, 
.home .theme-pic   {
	background-color:#00335B;
	}
	
.login a, 
.login h1, 
.login h2, 
.login h3, 
.login h4, 
.login #sidenav li a:hover {
	color:#00335B;
	}
.login #breadcrumb, 
.login .theme-pic   {
	background-color:#00335B;
	}
	
.about a {
	color:#ACC441;
	}

.about h1, 
.about h2, 
.about h3, 
.about h4, 
.about #sidenav li a:hover {
	color:#ACC441;
	}

.about #breadcrumb, 
.about .theme-pic   {
	background-color:#ACC441;
	}
	
.channelpartners a, 
.channelpartners h1,
.channelpartners h3, 
.channelpartners #sidenav li a:hover {
	color:#0091D4;
	}
.channelpartners a:hover {
	color:#0091D4;
} 
.channelpartners h2  {
	color:#0091D4;
	padding:15px 0px 6px 0px;
	border-bottom:1px solid #0091D4;
}
.channelpartners #breadcrumb, 
.channelpartners .theme-pic   {
	background-color:#0091D4;
	
	}
	
.naturalgas a, 
.naturalgas h1, 
.naturalgas h2,  
.naturalgas h3, 
.naturalgas #sidenav li a:hover {
	color:#5B2E91;
	}
.naturalgas a:hover {
	color:#5B2E91;
}
.naturalgas #breadcrumb, 
.naturalgas .theme-pic   {
	background-color:#5B2E91;
	}
	
.lpg a, 
.lpg h1, 
.lpg h3, 
.lpg #sidenav li a:hover {
	color:#7482BF;
	}
.lpg a:hover {
	color:#7482BF;
}
.lpg #breadcrumb, 
.lpg .theme-pic   {
	background-color:#7482BF;
	}
	
.gasconnections a, 
.gasconnections h1, 
.gasconnections h2, 
.gasconnections h3, 
.gasconnections h4, 
.gasconnections .color, 
.gasconnections #sidenav li a:hover {
	color:#00A78E;
	}
.gasconnections a:hover {
	color:#00A78E;
}
.gasconnections #breadcrumb, 
.gasconnections .theme-pic   {
	background-color:#00A78E;
	}
	
.ventilation-flueing a, 
.ventilation-flueing h1, 
.ventilation-flueing h2, 
.ventilation-flueing h3, 
.ventilation-flueing h4, 
.ventilation-flueing #sidenav li a:hover {
	color:#00A650;
	}
.ventilation-flueing a:hover {
	color:#00A650;
}
.ventilation-flueing .green {
	color:#00A650;
	font-weight:normal;
	}

.ventilation-flueing #breadcrumb, 
.ventilation-flueing .theme-pic   {
	background-color:#00A650;
	}
	
.gasappliances-residential a, 
.gasappliances-residential h1, 
.gasappliances-residential h2, 
.gasappliances-residential h3, 
.gasappliances-residential h4, 
.gasappliances-residential #sidenav li a:hover {
	color:#F36422;
	}
.gasappliances-residential a:hover {
	color:#F36422;
}
.gasappliances-residential .color {
	color:#F36422;
}
.gasappliances-residential #breadcrumb, 
.gasappliances-residential .theme-pic   {
	background-color:#F36422;
	}
	
.gasappliances-commercial a, 
.gasappliances-commercial h1, 
.gasappliances-commercial h2, 
.gasappliances-commercial h3, 
.gasappliances-commercial h4, 
.gasappliances-commercial #sidenav li a:hover {
	color:#F7931E;
	}
.gasappliances-commercial a:hover {
	color:#F7931E;
}
.gasappliances-commercial .color {
	color:#F7931E;
}
.gasappliances-commercial #breadcrumb, 
.gasappliances-commercial .theme-pic   {
	background-color:#F7931E;
	}
	
.regulations-codes-standards a, 
.regulations-codes-standards h1, 
.regulations-codes-standards h2, 
.regulations-codes-standards h3, 
.regulations-codes-standards h4, 
.regulations-codes-standards #sidenav li a:hover    {
	color:#ED1A3A;
	}
.regulations-codes-standards a:hover {
	color:#ED1A3A;
}
.regulations-codes-standards .color    {
	color:#ED1A3A;
	}
.regulations-codes-standards #breadcrumb, 
.regulations-codes-standards .theme-pic  {
	background-color:#ED1A3A;
	}
	
.gas-appliance-manufacturers-suppliers a, 
.gas-appliance-manufacturers-suppliers h1, 
.gas-appliance-manufacturers-suppliers h3, 
.gas-appliance-manufacturers-suppliers h4, 
.gas-appliance-manufacturers-suppliers #sidenav li a:hover {
	color:#0092C8;
	}
.gas-appliance-manufacturers-suppliers a:hover {
	color:#0092C8;
}
.gas-appliance-manufacturers-suppliers h2 {
	color:#0092C8;
	padding:15px 0px 6px 0px;
	border-bottom:1px solid #0092C8;
	}
.gas-appliance-manufacturers-suppliers #breadcrumb, 
.gas-appliance-manufacturers-suppliers .theme-pic   {
	background-color:#0092C8;
	}
	
.energy-retailers a, 
.energy-retailers h1, 
.energy-retailers h3, 
.energy-retailers h4, 
.energy-retailers #sidenav li a:hover {
	color:#00AEEF;
	}
.energy-retailers a:hover {
	color:#00AEEF;
}
.energy-retailers h2 {
	color:#00AEEF;
	padding:15px 0px 6px 0px;
	border-bottom:1px solid #00AEEF;
}
.energy-retailers #breadcrumb, 
.energy-retailers .theme-pic   {
	background-color:#00AEEF;
	}
	
.gas-industry-organisations a, 
.gas-industry-organisations h1, 
.gas-industry-organisations h3, 
.gas-industry-organisations h4, 
.gas-industry-organisations #sidenav li a:hover {
	color:#ED008C;
	}
.gas-industry-organisations a:hover {
	color:#ED008C;
}
.gas-industry-organisations h2 {
	color:#ED008C;
	padding:15px 0px 6px 0px;
	border-bottom:1px solid #ED008C;
}
.gas-industry-organisations #breadcrumb, 
.gas-industry-organisations .theme-pic   {
	background-color:#ED008C;
	}
	
.glossary-of-terms a, 
.glossary-of-terms h1, 
.glossary-of-terms h2, 
.glossary-of-terms h4, 
.glossary-of-terms #sidenav li a:hover {
	color:#5D6967;
	}
.glossary-of-terms a:hover {
	color:#5D6967;
}
 .glossary-of-terms h3 {
 	color:#5D6967;
	margin:20px 0px -15px 0px;
	padding:0px;
 }
 .glossary-of-terms .color {
 	color:#5D6967;
 }
html> .glossary-of-terms h3 {
 	color:#5D6967;
	margin:20px 0px -8px 0px;
	padding:0px;
 }
.glossary-of-terms #breadcrumb, 
.glossary-of-terms .theme-pic   {
	background-color:#5D6967;
	}
	

/* Mummy mummy make it stop. sidenav "on" states when the page is currently being viewed. Someone call a priest. */

/* about */
#about-index .about-index,
#facts .facts,
#map .map { color:#ACC441;font-weight:bold; }

/* channelpartners */
#channelpartners-index .channelpartners-index,
#channel-partner-locations .channel-partner-locations,
#commercial-industrial .commercial-industrial,
#residential .residential,
#channelpartners-index .channelpartners-index,
#channelpartners-index .channelpartners-index { color:#0091D4;font-weight:bold; }

/* naturalgas */
#naturalgas-index .naturalgas-index,
#cost-savings .cost-savings,
#industry .industry,
#gas-availability .gas-availability,
#environmental-issues .environmental-issues,
#gas-safety .gas-safety { color:#5B2E91;font-weight:bold; }

/* naturalgas */
#lpg-index .lpg-index,
#converting-lpg-appliances .converting-lpg-appliances { color:#7482BF;font-weight:bold; }

/* naturalgas */
#gasconnections-index .gasconnections-index,
#eight-steps .eight-steps,
#connection-methods .connection-methods,
#gas-meters .gas-meters,
#gas-appliances .gas-appliances,
#considerations .considerations { color:#00A78E; font-weight:bold; }

/* ventilation-flueing */
#ventilation-flueing-index .ventilation-flueing-index,
#combustion .combustion,
#flueing .flueing,
#flue-types .flue-types,
#flueing-options .flueing-options,
#water-heating-flueing .water-heating-flueing,
#central-heating-flueing .central-heating-flueing, 
#flue-termination-clearance .flue-termination-clearance { color:#00A650; font-weight:bold; }

/* gasappliances-residential */
#gasappliances-residential-index .gasappliances-residential-index,
#hot-water-heating .hot-water-heating,
#continuous-flow-systems .continuous-flow-systems,
#storage-cylinders .storage-cylinders,
#space-heating .space-heating,
#underfloor-heating .underfloor-heating,
#central-heating .central-heating,
#cooking-appliances .cooking-appliances,
#outdoor .outdoor,
#spa-and-pool-heating .spa-and-pool-heating,
#calculating-running-costs .calculating-running-costs,
#residential-considerations .residential-considerations,
#laundry-appliances .laundry-appliances { color:#F36422; font-weight:bold; } 

/* gasappliances-commercial */
#gasappliances-commercial-index .gasappliances-commercial-index,
#co-generation-systems .co-generation-systems,
#centralised-hot-water .centralised-hot-water,
#continuous-flow-units .continuous-flow-units,
#storage-units .storage-units,
#gas-fired-boiler .gas-fired-boiler,
#gas-fired-unit-heaters .gas-fired-unit-heaters,
#radiant-heaters .radiant-heaters,
#gas-conversion-burner .gas-conversion-burner,
#natural-gas-furnace .natural-gas-furnace,
#pizza-oven .pizza-oven,
#afterburner .afterburner,
#engineering-design-assistance .engineering-design-assistance { color:#F7931E; font-weight:bold; } 

/* regulations-codes-standards */
#regulations-codes-standards-index .regulations-codes-standards-index,
#government-bodies .government-bodies,
#nz-legislation .nz-legislation,
#industry-standards .industry-standards,
#gasfitting-work .gasfitting-work,
#testing-inspection .testing-inspection,
#user-responsibilities .user-responsibilities,
#further-information .further-information { color:#ED1A3A; font-weight:bold; }


/**********************************

	SIDENAV
	
**********************************/
	
#sidenav {
	width:238px;
	float:left;
	padding:0 10px 0 25px;
	margin:30px 0 0 0;
	background-color:#FFFFFF;
	}
	
#sidenav ul {
	padding:0px 0px 0px 0px;
	margin:0;
	list-style:none;
	}
	
#sidenav ul ul {
	padding:0px 0px 0px 0px;
	margin:0;
	list-style: none;
	}

#sidenav li li {	
	padding-left:10px;
	/*background:url(/img/dash.gif) -1px 15px no-repeat;*/
	}
	
#sidenav li{
	padding-top:7px;
	}
	
#sidenav li a {
	line-height:1.3em;
	}	
	
#sidenav li a:hover {
	text-decoration:none;
	}


/**********************************

	CONTENT
	
**********************************/

#content {
	width:443px;
	border-left:1px solid #cccccc ;
	padding:0 0 0 25px;
	float:left;
	margin:30px 0 0 0;
	background-color:#FFFFFF;
	}	
	
#content ul {
	/*list-style:none;*/
	}
	
#content li {
	margin-bottom:8px;
	/*padding-left:7px;
	background:url(/img/dot.gif) -1px 8px no-repeat; */
}

	
#content a {
	text-decoration:none;
	}
	
	
#content a:hover {
	text-decoration:underline;
	}
	

/**********************************

	FOOTER
	
**********************************/

#footer {
	margin:5px 0 10px 299px;
	color:#434a40;
	font-size:xx-small;
	line-height:14px;
	}

#footer a {
 text-decoration:none;
 color:#434a40;
}

#footer a:hover {
 text-decoration:underline;
 color:#434a40;
}

/**********************************

	THEMEPIC
	
**********************************/

.theme-pic {
	background:url(/img/pic-bg.gif) bottom right no-repeat;
	width:442px;
	height:180px;
	margin-top:15px;
	padding:0 10px 10px 0;
	}

/**********************************

	FORM CLASS
	
**********************************/


p.error {
	color: #C00;
	margin-left: 45px;
}

p.ok {
	color: #0C0;
	margin-left: 45px;
}

.table4 th {
border-bottom:1px solid #5D6967;
color:#00A650;
text-align:left;
}

.table4 td {
border-bottom:1px solid #5D6967
}

.label2 {
padding-right:15px;
}

.input2 {
width:340px;
}

.input3 {
width:427px;
}

.input4 {
width:340px;
}

.required-astrix {
color:#CC0000;
}
	
/******************************************

 	FORMS

*******************************************/

form fieldset {
	border:1px solid #E4E1DF;
	background:#FDFDFB;
	padding:8px;
	margin:8px 0;
	}

form fieldset legend {
	font-size:1.2em;
	font-weight:bold;
	color:#62802F;
	}

form fieldset label {
	float:left;
	width:150px;
	margin-right:3px;
	display:block;
	height:1.7em;
	line-height:1.7em;
	}

form fieldset label:hover {
	background:white;
	}

form fieldset div.required, form fieldset div.optional {
	padding-bottom:3px;
	margin-bottom:7px;
	}

form div.submit {
	padding:7px;
	}

form div.submit input {
	margin-left:150px;
	}

form div.submit input:hover {
	background:white;
	}

form .textfield {
	width:200px;
	}

form span.extra {
	font-size:xx-small;
	}

form span.margin-extra {
	font-size:xx-small;
	clear:both;
	margin-left:153px;
	}

form.purchase {
	width:170px;
	}

fieldset {
	padding:10px;
}
	
.createAccount .required {
	margin:5px 0px 5px 0px;
}	


.createAccount .required label {
	float:left;
	width:140px;
}


-->