/* Reset CSS styles - create a level cross-browser basepoint */
body { font-size: 63%; font-family:arial, sans-serif; margin: 0; padding: 0; } /* base size set to 63% - this is font-size around 10px and makes calculating sizes easier */

fieldset, img { border: 0; }
caption, th { text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size: 1em; font-weight: bold; margin: 0; padding: 0; }

h1,h2,h3,h4 { font-family: Trebuchet MS; font-style: italic; }

q:before,q:after{content:'';}
abbr, acronym { border: 0; font-variant: normal; }

/* to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
del,ins { text-decoration:none; }
p, ul, ol, dl { margin: 0; padding: 0; font-size: 1.3em;} /* FONT SIZE CHANGED FROM 1.1em */

a { text-decoration: none; color: #ed1c2e; }
a:hover { color: #690001; } 

body { color:#323232; background: #fff;  }

/* 	
	self clearing styles to cause elements containing floats to wrap correctly -	
	placed here so that height can be overruled later if necessary
*/

.clrNM,
div#utils ul,
div#nav ul li,
div#nav ul.nav li div.pop div.mid,
div#footerContent div.links,
div#footerContent div.legal ul.smIcons,
div.content,
div.content div.leftCol, 
div.content div.rightCol,
div.title,
div#contactBarOuter,
div#contactBar div.signupTitle,
div#contactBar div.locatorTitle,
div#requestBar div.brochureTitle,
div.homeContentRow,
div.blurb,
div.blurbRelated,
div.blurbRelated ul.related,
div.blurbRelated ul.related li,
div.blurbRelated ul.related li div.image,
div.collationContainer div.collationSet1,
div.collationContainer div.collationSet1Inner,
div.collationContainer div.collationSet2 div.collationRow,
div.collationContainer div.collationSet3 ul,
div.mediaPanel ul.mediaPanelThumbs,
div.contentModule,
div.contentModule div.relatedModuleContent,
div.homeContentRowOuter,
form.enquiryForm div.formBG div.fields,
form.enquiryForm div.formBG div.fwFields div.field,
form.enquiryForm div.formBG div.fwFields,
form.enquiryForm,
form.enquiryForm div.formBG div.fwFields div.ecrm,
div.content.pos1,
div#homeRowRotate ul,
div.contentModule div.contactModuleContent div.leftCol,
div.articleText div.textBlockLeft,
div.articleText div.textBlockRight,
div.articleText div.textBlockBoth
{ min-height: 1px; } /* any styles with a min height here should have a height in the ie6 stylesheet */

.clrNM:after,
div#utils ul:after,
div#nav ul li:after,
div#nav ul.nav li div.pop div.mid:after,
div#footerContent div.links:after,
div#footerContent div.legal ul.smIcons:after,
div.content:after,
div.content div.leftCol:after, 
div.content div.rightCol:after,
div.title:after,
div#contactBarOuter:after,
div#contactBar div.signupTitle:after,
div#contactBar div.locatorTitle:after,
div#requestBar div.brochureTitle:after,
div.homeContentRow:after,
div.blurb:after,
div.blurbRelated:after,
div.blurbRelated ul.related:after,
div.blurbRelated ul.related li:after,
div.blurbRelated ul.related li div.image:after,
div.collationContainer div.collationSet1:after,
div.collationContainer div.collationSet1Inner:after,
div.collationContainer div.collationSet2 div.collationRow:after,
div.collationContainer div.collationSet3 ul:after,
div.mediaPanel ul.mediaPanelThumbs:after,
div.contentModule:after,
div.contentModule div.relatedModuleContent:after,
div.homeContentRowOuter:after,
form.enquiryForm div.formBG div.fields:after,
form.enquiryForm div.formBG div.fwFields div.field:after,
form.enquiryForm div.formBG div.fwFields:after,
form.enquiryForm:after,
form.enquiryForm div.formBG div.fwFields div.ecrm:after,
div.content.pos1:after,
div#homeRowRotate ul:after,
div.contentModule div.contactModuleContent div.leftCol:after,
div.articleText div.textBlockLeft:after,
div.articleText div.textBlockRight:after,
div.articleText div.textBlockBoth:after
{ content: "."; height: 0; min-height: 0;  display: block; visibility: hidden; overflow: hidden; clear: both; }


/* colour: white */
	div#utils ul li a:hover,
	div#nav ul.nav li:hover a,
	div#nav ul.nav li.selected a,
	div#nav ul.breadcrumb li a,
	div#nav ul.nav li div.pop h2,
	div#footerContent div.legal p.siteBy a,
	div#nav div.pop div.tease div.text div.textInner p,
	div#footerContent div.links div.linkBlock h2,
	div.heroSmall div.img p.caption,
	div.heroHome div.img p.caption,
	p.buttonLight a:hover,
	p.buttonDark a:hover,
	div.mediaPanel div.tab a,
	div.heroHome div.img p.caption a,
	div.heroHome div.img p.caption a:hover
	{
		color: #fff;
	}

/* colour: yellow */
	div#nav ul.nav li div.pop li a,
	div#footerContent div.legal ul.legal a,
	div#nav div.pop div.tease div.text div.textInner p a,
	div#footerContent div.links div.linkBlock li a
	{
		color: #fdf15d;
	}

/* colour: tan */
	div#utils ul li a,
	div#nav ul.breadcrumb li.pointer,
	p.buttonDark a
	{
		color: #d3ccba;
	}

/* colour: light red */
	div#footerContent div.legal ul.legal a:hover, 
	div#nav ul.breadcrumb li a:hover,
	div#nav ul.nav li div.pop li a:hover,
	div#footerContent div.legal p.siteBy a:hover,
	div#nav div.pop div.tease div.text div.textInner p a:hover,
	div#footerContent div.links div.linkBlock li a:hover,
	p.buttonLight a,
	div#helpCentreBar ul li a,
	div.blurb ul.help li a,
	div.blurbRelated ul.related li p a,
	div.collationContainer div.collationSet2 div.collationItem strong a,
	div.collationContainer div.collationSet1 h2 a:hover,
	div.contentModule div.relatedModuleContent div.leftCol strong a:hover,
	div.homeContent h2 a:hover,
	form.enquiryForm div.formBG div.label span,
	form.enquiryForm div.formBG div.fwFields label span,
	form.enquiryForm div.formBG div.error,
	form.enquiryForm div.formBG label.error,
	span.req
	{
		color: #ed1c2e;
	}

/* colour: dark red */
	div.blurb h2,
	div.homeContent h2,
	div#helpCentreBar ul li a:hover,
	div.blurb ul.help li a:hover,
	div.blurbRelated ul.related li p a:hover,
	div.collationContainer div.collationSet1 h2,
	div.collationContainer div.collationSet2 div.collationItem strong a:hover,
	div#nav ul.nav li a,
	div.collationContainer div.collationSet1 h2 a,
	div.contentModule div.relatedModuleContent div.leftCol strong a,
	div.homeContent h2 a
	{
		color: #690001;
	}
	
/* colour: grey */
	div#contactBar h2, 
	div#contactBar p,
	div#requestBar h2, 
	div#requestBar p,
	div.blurb h3,
	div#helpCentreBar h2,
	div#helpCentreBar p,
	h3.intro,
	div.blurbRelated h2,
	div.blurbRelated div.relatedTitle p,
	div.mediaPanel div.tab.selected a,
	div.contentModule div.moduleTitle h2,
	div.contentModule div.moduleTitle p,
	div.contentModule div.contactModuleContent div.leftCol h3,
	div.contentSideMod div.moduleTitle h2,
	div.contentSideMod div.moduleTitle p
	{
	color: #7e736b;
	}
	
/* colour: dark grey */
	div.contentModule div.contactModuleContent div.leftCol h3 strong,
	div.contentModule div.contactModuleContent div.leftCol h3 span
	{
		color: #413732;
	}
	
/* colour: black */	
	div#requestBar div.text p,
	div.contentSideMod ul li a span,
	form.enquiryForm div.formBG label.error.note
	{
		color: #000;
	}


/* main page template styles */

	div#mainPageOuter {
		background: #fff url(../static-images/page-end-grad-bg.jpg) repeat-x bottom left;
	}

	div#mainPage {
		background: url(../static-images/header-bg.gif) repeat-x top left;
		
	}

	div#ugh {
		background: url(../static-images/header-bg-full.jpg) no-repeat 50% 0;
	}

	div#mainPageInner { 
		width: 940px;
		margin: 0 auto;
		min-height: 380px;
		position: relative;
	}

	div#footer {
		background: #1b1b1b url(../static-images/footer-bg.jpg) repeat-x top left;
		min-height: 263px;
	}
	
	div#footerInner {
		background: url(../static-images/footer-gradient-layer.jpg) no-repeat top center;
		min-height: 261px;
	}
	
	div#footerContent {
		width: 940px;
		margin: 0 auto;
	}
	
	div#footerContent div.links {
		min-height: 172px;
	}
	
	div#footerContent div.links div.linkBlock {
		display: block;
		width: 179px;
		float: left;
		margin: 32px 9px 0 0;
	}
	
	div#footerContent div.links div.divider {
		display: block; 
		clear: both; 
		height: 1px; 
		overflow: hidden; 
		font-size: 1px;
	}
	
	div#footerContent div.links div.linkBlock h2 {
		font-size: 1.4em;
		padding: 0 0 8px;
		margin: 0 0 9px;
		background: url(../static-images/footer-link-dots.gif) no-repeat bottom left;
	}
	
	div#footerContent div.links div.linkBlock ul {
		list-style: none;
		font-size: 1.1em;
	}
	
	div#footerContent div.links div.linkBlock li {
		background: url(../static-images/footer-link-line.gif) no-repeat top left;
		display: block;
		margin-top: 3px; padding-top: 3px;
		font-weight: bold;
	}
	
	div#footerContent div.links div.linkBlock li.first {
		background: transparent;
		margin: 0; padding: 0;
	}
	
	div#footerContent div.legal {
		background: url(../static-images/footer-div-overlay.png) no-repeat top center;
		position: relative;
	}
	
	div#footerContent div.legal ul.legal {
		list-style: none;
		margin: 0; padding: 20px 0 6px;
		width: 940px;
		text-align: center;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	div#footerContent div.legal ul.legal li {
		display: inline;
		padding: 0 8px 0 12px;
		background: url(../static-images/footer-legal-div.gif) no-repeat left center;
	}
	
	div#footerContent div.legal ul.legal li.first {
		background: transparent;
		padding: 0 8px 0 0;
	}
	
	div#footerContent div.legal p.copy {
		font-size: 1.1em;
		font-weight: bold;
		text-align: center;
		color: #575757;
	}
	
	div#footerContent div.legal p.siteBy {
		
		position: absolute;
		top: 20px; right: 0;
		font-size: 1.1em;
		font-weight: bold;
	
	}
	
	div#footerContent div.legal ul.smIcons {
		position: absolute;
		top: 28px; left: 0;
		list-style: none;
		height: 22px;
		background: url(../static-images/soc-media-shadow.png) no-repeat bottom center;
	}
	
	div#footerContent div.legal ul.smIcons li {
		display: block;
		width: 20px; height: 21px;
		margin: 0 1px 0 0;
		float: left;
	}
	
	div#footerContent div.legal ul.smIcons li a {
		display: block;
		width: 20px; height: 20px;
		text-indent: -9999px;
	}
	
	div#footerContent li.smFacebook { background: url(../static-images/sm-icon-facebook.gif) no-repeat; }
	div#footerContent li.smTwitter { background: url(../static-images/sm-icon-twitter.gif) no-repeat; }
	div#footerContent li.smLinkedin { background: url(../static-images/sm-icon-linkedin.gif) no-repeat; }
	div#footerContent li.smGoogle { background: url(../static-images/sm-icon-google.gif) no-repeat; }
	div#footerContent li.smVimeo { background: url(../static-images/sm-icon-vimeo.gif) no-repeat; }
	div#footerContent li.smYoutube { background: url(../static-images/sm-icon-youtube.gif) no-repeat; }
	
	a.footerTopLinks { color: #fff; }

	/* header styles */
		div#header {
			position: relative;
		}
		
		div#header #logo {
			padding: 6px 0 0;
		}
		
		div#header #logo a {
			display: block;
			width: 300px; height: 85px;
			background: url(../static-images/logo.gif);
			text-indent: -9999px;
		}
		
		div#utils {
			position: absolute;
			top: 0; right: 0;
		}
		
		div#utils ul {
			margin: 0; padding: 0;
			list-style: none;
			display: block;
			background: url(../static-images/utils-bg-mid.gif) repeat-x top left;
			font-size: 1em;
		}
		
		div#utils ul li {
			display: block;
			float: left;
			min-height: 28px;
		}
		
		div#utils ul li span {
			display: block;
			padding: 0 0 0 2px;
			background: url(../static-images/utils-div.gif) no-repeat 0 3px;
			min-height: 22px;
		}
		
		div#utils ul li.first span {
			background: transparent;
		}
		
		div#utils ul li.first {
			background: url(../static-images/utils-bg-left.gif) no-repeat top left;
			padding-left: 28px;
		}

		div#utils ul li.last {
			background: url(../static-images/utils-bg-right.gif) no-repeat top right;
			padding-right: 28px;
		}
		
		div#utils ul li a {
			background: url(../static-images/utils-arrow.gif) no-repeat 6px 8px;
			display: block;
			padding: 6px 6px 0 19px;
			
		}
		
		div#utils ul li a:hover {
			background: url(../static-images/utils-arrow.gif) no-repeat 6px -83px;
		}
	
		div#nav {
			position: absolute;
			width: 955px;
			background: #fff;
			z-index: 900;
			top: 90px; /*left: -7px;*/ left: 50%; margin-left: -478px;
			background: url(../static-images/nav-bg.png) no-repeat bottom left;
			height: 49px;
		}
		
		div#nav ul.nav {
			margin: 0; padding: 0;
			list-style: none;
			position: absolute;
			top: 0; left: 18px;
			height: 43px;
			font-size: 1em;
			z-index: 950;
		}
		
		div#nav ul.nav li {
			display: block;
			float: left;
			padding: 6px 8px 0;
			margin: 0 -9px;
			font: italic bold 1.3em Trebuchet MS;
			text-align: center;
			position: relative;
			z-index: 950;
			letter-spacing:-0.04em;
		}
		
		div#nav ul.nav li a {
			display: block;
			padding: 12px 0 0;
			height: 24px;
			/*
			border-left: 1px solid #f00;
			border-right: 1px solid #00f;
			*/
		}
		
		div#nav ul li a span {
			display: block;
			float: left;
		}
		
		div#nav ul li a span.left {
			width: 5px; height: 29px;
			background: #00f;
		}
		
		div#nav ul li a span.right {
			height: 29px;
		}
		
		div#nav ul.nav li.navHome {
			width: 64px;
		}
		

		div#nav ul.nav li.navHome { width: 43px; margin-right: -1px; }
		div#nav ul.nav li.navHome:hover, div#nav ul li.navHome.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -400px; }
		div#nav ul.nav li.navHome a { width: 50px; background: url(../static-images/home-black.png) no-repeat 14px 13px; text-indent: -9999px; }	
		div#nav ul.nav li.navHome:hover a, div#nav ul.nav li.navHome.selected a { background: url(../static-images/home-white.png) no-repeat 14px 13px; }	
		
		div#nav ul.nav li.navHeating { width: 60px; }
		div#nav ul.nav li.navHeating:hover, div#nav ul li.navHeating.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 0; }
		div#nav ul.nav li.navHeating a { width: 60px; }		
		

		div#nav ul.nav li.navCooking { width: 64px; }
		div#nav ul.nav li.navCooking:hover, div#nav ul li.navCooking.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -50px; }
		div#nav ul.nav li.navCooking a { width: 64px; }		
		

		div#nav ul.nav li.navVehicles { /*width: 63px;*/ width: 87px; }
		div#nav ul.nav li.navVehicles:hover, div#nav ul li.navVehicles.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -100px; }
		div#nav ul.nav li.navVehicles a { /*width: 63px;*/ width: 87px; }	


		div#nav ul.nav li.navOutdoor { width: 100px; }
		div#nav ul.nav li.navOutdoor:hover, div#nav ul li.navOutdoor.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -150px; }
		div#nav ul.nav li.navOutdoor a { width: 100px; }

		
		div#nav ul.nav li.navSwitching { width: 74px; }
		div#nav ul.nav li.navSwitching:hover, div#nav ul li.navSwitching.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -200px; }
		div#nav ul.nav li.navSwitching a { width: 74px; }

		
		div#nav ul.nav li.navGas { width: 69px; }
		div#nav ul.nav li.navGas:hover, div#nav ul li.navGas.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -250px; }
		div#nav ul.nav li.navGas a { width: 69px; }

		
		div#nav ul.nav li.navAppliances { width: 107px; }
		div#nav ul.nav li.navAppliances:hover, div#nav ul li.navAppliances.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -300px; }
		div#nav ul.nav li.navAppliances a { width: 107px; }


		div#nav ul.nav li.navOffers { width: 97px; }
		div#nav ul.nav li.navOffers:hover, div#nav ul li.navOffers.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -350px; }
		div#nav ul.nav li.navOffers a { width: 97px; }	
		
		div#nav ul.nav li div.pop {
			position: absolute;
			top: 40px; left: -9999px;
			font-size: 0.75em;
			z-index: 915;
			text-align: left;
		}
		
		div#nav ul.nav li:hover div.pop, div#nav ul.nav li.hover div.pop {
			left: 4px;
			padding: 1px 0; /* I don't know why but IE7 needs this or the popup refuses to close! */
		}
		
		div#nav div.pop div.top {
			background: url(../static-images/pop-top.png) no-repeat bottom left;
		}

		div#nav div.pop div.mid {
			background: url(../static-images/pop-mid.png) repeat-y;
		}
		
		div#nav div.pop div.bot {
			background: url(../static-images/pop-bot.png) no-repeat top left;
		}
		
		div#nav div.pop div.top, div#nav div.pop div.bot {
			display: block;
			width: 460px; height: 14px;
			font-size: 1px;
		}
		
		div#nav ul.nav li div.pop div.mid {
			padding: 1px 0;
			width: 460px;
		}
		
		div#nav ul.nav li div.pop ul {
			width: 232px;
			margin: 0 0 6px 20px;
			list-style: none;
		}
		
		div#nav ul.nav div.pop div.navSubMenu {
			width: 255px; 
			float: left;
		}
		
		div#nav ul.nav li div.pop li {
			font-size: 1em;
			font-style: normal;
			text-align: left;
			float: none;
			width: auto;
			padding: 0; margin: 0;
			border-top: 1px solid #363131;
		}
		
		div#nav ul.nav li div.pop h2 {
			font-size: 1.6em;
			text-align: left;
			margin: 0 0 6px 20px; padding: 0;
			display: block;
			width: 232px;
		}
		
		div#nav ul.nav li div.pop li.first {
			border: 0px none;
		}
		
		div#nav ul.nav li div.pop li a {
			width: auto; height: auto;
			padding: 1px 0 2px 9px; margin: 0;
			background: url(../static-images/pop-bullet.gif) no-repeat 0 7px;
			display: block;
		}
		
		div#nav ul.nav li div.pop div.tease {
			width: 184px;
			float: right;
			margin-right: 12px;
		}
		
		div#nav div.pop div.tease div.image {
			position: relative;
			z-index: 1;
			width: 184px;
			background: url(../static-images/pop-img-mid.gif) repeat-y;
		}
		
		div#nav div.pop div.tease div.image div.imageTop {
			position: absolute;
			top: 0; left: 0;
			display: block; 
			height: 8px; width: 184px;
			font-size: 1px;
			background: url(../static-images/pop-img-top.png) no-repeat;
		}
		
		div#nav div.pop div.tease div.image div.imageMid {
			padding: 0 0 0 4px;
			min-height: 160px;
		}
		
		div#nav div.pop div.tease div.image div.imageMid a {
			display: inline;
		}
		
		div#nav div.pop div.tease div.image div.imageMid img {
			width: 176px;
			display: block;
		}
		
		div#nav div.pop div.tease div.image div.imageBot {
			position: absolute;
			bottom: 0; left: 0;
			display: block; 
			height: 5px; width: 184px;
			font-size: 1px;
			background: url(../static-images/pop-img-bot.png) no-repeat;
		}
		
		div#nav div.pop div.tease div.text {
			background: url(../static-images/pop-text-mid.gif) repeat-y;
		}
		
		div#nav div.pop div.tease div.text div.textInner {
			background: url(../static-images/pop-text-bot.gif) no-repeat bottom left;
			padding: 4px 14px 12px;
		}
		
		div#nav div.pop div.tease div.text div.textInner p {
			font-style: normal;
			font-weight: normal;
			font-size: 1.2em;
		}
		
		div#nav div.pop div.tease div.text div.textInner p a {
			display: inline;
			width: auto; height: auto;
			margin: 0; padding: 0;
			line-height: 1em;
			font-weight: bold;
		}
		
		div#nav ul.breadcrumb {
			width: 924px;
			position: absolute;
			top: 43px; left: 16px;
			background: url(../static-images/breadcrumb-bg.png) no-repeat bottom left;
			min-height: 25px;
			font-size: 1em;
			list-style: none;
			font-weight: bold;
			z-index: 910;
		}

		div#nav ul.breadcrumb li {
			display: block;
			float: left;
			height: 23px;
			background: url(../static-images/breadcrumb-div.gif) no-repeat top right;
			margin-right: 8px;
		}
		
		div#nav ul.breadcrumb li.pointer {
			padding: 5px 0 0 20px;
			background: transparent;
			height: 18px;
			margin: 0 6px 0 4px;
			background: url(../static-images/utils-arrow.gif) no-repeat 6px 8px;
		}
		
		div#nav ul.breadcrumb li a {
			display: block;
			padding: 5px 18px 0 0;
		}
		
		form#searchForm {
			width: 227px; min-height: 19px;
			display: block;
			position: absolute;
			top: 17px; right: 7px;
			background: url(../static-images/search-form-icon.gif) no-repeat;
			font-size: 1em;
		}
		
		form#searchForm div.input {
			margin-left: 22px;
			width: 161px;
			min-height: 19px;
			background: url(../static-images/search-form-input.gif) no-repeat;
			padding: 2px 0 0 4px;
			float: left;
		}
		
		form#searchForm div.input input {
			width: 153px;
			margin: 0; padding: 0;
		}
		
		form#searchForm div.submit input, form#searchForm div.input input {
			background: transparent;
			border: 0px none;		
		}

		form#searchForm div.input label {
			position: absolute;
			left: -9999px;
		}
		
		form#searchForm div.submit {
			float: left;
			width: 28px;
		}
		
		form#searchForm div.submit input {
			background: url(../static-images/search-form-go.gif) no-repeat;
			height: 19px; width: 28px;
		}
		
		div#contactBarOuter {
			background: url(../static-images/footer-top-div.png) no-repeat top center;
			width: 940px;
			margin: 0 auto;
		}
		
		div#contactBar {
			min-height: 163px;
			float: left;
			width: 700px;
		}
		
		div#contactBar div.contactForms div.top {
			display: block; 
			height: 10px;
			font-size: 1px;
			background: url(../static-images/contact-bar-2col-top.png) no-repeat;
			clear: both;
		}
		
		div#contactBar div.contactForms div.mid {
			background: url(../static-images/contact-bar-2col-mid.gif) repeat-y;
			min-height: 50px;
		}
		
		div#contactBar div.contactForms div.bot {
			display: block; 
			height: 22px;
			font-size: 1px;
			background: url(../static-images/contact-bar-2col-bot.png) no-repeat;		
		}
		
		div#contactBar div.signupTitle, div#contactBar div.locatorTitle, div#requestBar div.brochureTitle, div#helpCentreBar div.helpCentreTitle {
			display: block;
			min-height: 60px; width: 265px;
			margin-right: 30px;
			padding: 0 0 0 55px;
			float: left;
			background: url(../static-images/contact-icon-signup.gif) no-repeat 12px 15px;
		}
		
		div#requestBar div.brochureTitle, div#helpCentreBar div.helpCentreTitle {
			padding: 0 0 0 40px; margin: 0;
			width: 180px;
			background: url(../static-images/contact-icon-brochure.gif) no-repeat 0px 15px;
		}
		
		div#contactBar div.locatorTitle { background: url(../static-images/contact-icon-store.gif) no-repeat 12px 15px; }
		div#helpCentreBar div.helpCentreTitle { background: url(../static-images/contact-icon-help.gif) no-repeat 0px 15px; }
		
		div#contactBar h2, div#requestBar h2, div#helpCentreBar h2 {
			font-size: 1.8em;
			margin: 0; padding: 16px 0 0;
		}
		
		div#contactBar div.signupTitle p, div#contactBar div.locatorTitle p, div#requestBar div.brochureTitle p, div#helpCentreBar div.helpCentreTitle p {
			font-size: 1em;
			margin: -2px 0 0; padding: 0;
		}
		
		form.contactForm2Col {
			display: block; 
			width: 326px; 
			padding: 4px 12px;
			float: left;
		}
		
		form.contactForm2Col label {
			display: block;
			padding: 0 0 6px 0; margin: 0;
		}
		
		form.contactForm2Col div {
			background: url(../static-images/contact-bar-input.gif) no-repeat;
			width: 198px; height: 22px;
			padding: 3px 0 0 5px; margin: -1px 4px 0 0;
			float: left;
		}
		
		form.contactForm2Col div input {
			background: transparent;
			border: 0px none;
			width: 190px;
		}
		
		form.contactForm2Col input.submit {
			background: url(../static-images/contact-bar-go.gif) no-repeat;
			height: 19px; width: 28px;
			border: 0px none;
			cursor: pointer;
		}

		div#requestBar, div#helpCentreBar {
			min-height: 163px;
			width: 220px;
			float: left;
			margin-left: 20px;
		}
		
		div#requestBar div.text div.top {
			display: block; 
			height: 10px;
			font-size: 1px;
			background: url(../static-images/contact-bar-1col-top.png) no-repeat;
			clear: both;	
		}
		
		div#requestBar div.text div.mid {
			position: relative;
		}
		
		div#requestBar div.text a.buttonGo {
			position: absolute;
			bottom: 5px; right: 10px;
			background: url(../static-images/contact-bar-go.gif) no-repeat;
			height: 19px; width: 28px;
			text-indent: -9999px;			
		}
		
		div#requestBar div.text p {
			font-size: 1em;
			display: block;
			width: 160px;
			padding: 4px 0 0 12px;
		}
		
		div#requestBar div.text div.mid {
			background: url(../static-images/contact-bar-1col-mid.gif) repeat-y;
			min-height: 48px;
		}
		
		div#requestBar div.text div.bot {
			display: block; 
			height: 22px;
			font-size: 1px;
			background: url(../static-images/contact-bar-1col-bot.png) no-repeat;
		}		
		
		div#helpCentreBar ul {
			list-style: none;
			margin: 0 0 0 4px; padding: 0;
			display: block;
			clear: both;
			font-weight: bold;
		}
		
		div#helpCentreBar ul li {
			display: block;
			border-top: 1px solid #dddddc;
		}
		
		div#helpCentreBar ul li.first {
			border: 0px none;
		}
		
		div#helpCentreBar ul li a {
			background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 6px;
			display: block;
			padding: 4px 0 4px 22px;
		}
		
		div#helpCentreBar ul li a:hover {
			background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 -284px;
		}
		
		
	/* content */
		
		div#homeFlash {
			min-height: 370px;
		}
		
		div.content {
			
		}
		
		div.content.pos1 {
			margin-top: 56px;
			min-height: 455px;
			background: url(../static-images/col-div-top.gif) no-repeat 700px 0;
		}
		
		div.content div.leftCol {
			width: 700px; 
			float: left;
		}
		
		div.content div.rightCol {
			width: 240px; 
			float: right;
			padding-bottom: 15px;
		}
		
		div.content.pos1 div.rightCol {
			margin-top: 185px;
		}
		
		body.home div.content.pos1 div.rightCol {
			background: url(../static-images/home-rcol-shadow.jpg) no-repeat 0 0px;
			margin-top: 315px;
		}
	
	/* titles */
		
		div.title {
			background-repeat: no-repeat;
			background-position: top left;
			padding: 154px 0 0;
			position: relative;
			z-index: 100;
		}
		
		div.flashTitle div.text, div.title div.text {
			margin: 0 36px; padding: 12px 12px 6px;
			position: relative;
			display: block;
			float: left;
			background: url(../static-images/title-tab-mid.gif) repeat-x top left;
			min-height: 29px; /* for some very odd reason IE8 needs this to extend beyond the bottom of the parent or it disappears when the negative margin is used, so height set to height plus 1px */
		}
		
		div.flashTitle div.text { 
			margin-top: -46px; 
			z-index: 200;
		}
		
		body.hubPage div#flashTitleContainer {
			width: 700px; height: 245px;
		}
		
		div.title div.text div.left, div.flashTitle div.text div.left {
			display: block;
			background: url(../static-images/title-tab-left.png) no-repeat top left;
			width: 17px; height: 48px;
			position: absolute;
			left: -17px; top: 0;
			z-index: 5;
		}

		div.title div.text div.right, div.flashTitle div.text div.right {
			display: block;
			background: url(../static-images/title-tab-right.png) no-repeat top left;
			width: 17px; height: 47px;
			position: absolute;
			right: -17px; top: 0;
			z-index: 5;
		}
		
		div.title h1, div.flashTitle h1 {
			margin: 0; padding: 0;
			font-size: 2.2em;
			font-style: italic;
			font-weight: normal;
			line-height: 1em;
			width: auto;
			color: #504842;
		}

		div.title div.cr-tl {
			width: 9px; height: 9px;
			background: url(../static-images/title-cr-tl.png) no-repeat top left;
			font-size: 1px;
			position: absolute;
			top: 0; left: 0;
		}
		
		div.title div.cr-bl {
			width: 9px; height: 9px;
			background: url(../static-images/title-cr-bl.png) no-repeat top left;
			font-size: 1px;
			position: absolute;
			top: 191px; left: 0;
		}
		
		div.title div.cr-br {
			width: 9px; height: 9px;
			background: url(../static-images/title-cr-br.png) no-repeat top left;
			font-size: 1px;
			position: absolute;
			top: 191px; right: 0;
		}		
	
	
	/* hero teasers */
	
		div.heroSmall {
			width: 232px; height: 163px;
			background: url(../static-images/hero-small-bg.png) no-repeat top left;
			padding: 22px 0 0 8px;
			/*
			float: right;
			*/
			position: absolute;
			top: 147px; right: 0;
			
		}
		
		div.heroHome {
			width: 232px; height: 295px;
			background: url(../static-images/hero-home-bg.png) no-repeat top left;
			padding: 20px 0 0 8px;
			
			position: absolute;
			top: 147px; right: 0px;
		}
		
		div.heroSmall div.hider {
			height: 128px; 
			width: 224px; 
			position: relative;
			overflow: hidden;
		}
		
		div.heroSmall div.slider {
			position: absolute; 
			top: 0; left: 0;
		}
		
		div.heroSmall div.img, div.heroHome div.img {
			position: relative;
			min-height: 128px;
		}
		
		div.heroHome div.img {
			height: 248px;
			width: 224px;
			overflow: hidden;
		}
		
		div.heroSmall div.img {
			float: left; 
			width: 224px; height: 128px; 
			overflow: hidden;
		}
		
		div.heroSmall div.cr-tl, div.heroSmall div.cr-tr, div.heroSmall div.cr-bl, div.heroSmall div.cr-br,
		div.heroHome div.cr-tl, div.heroHome div.cr-tr, div.heroHome div.cr-bl, div.heroHome div.cr-br {
			position: absolute;
			display: block;
			height: 7px; width: 7px;
			font-size: 1px;
			overflow: hidden;
		}		

		div.heroSmall div.hider div.cr-tl {
			background: url(../static-images/hero-cr-tl.png) no-repeat;
			top: 0; left: 0;
		}

		div.heroSmall div.hider div.cr-tr {
			background: url(../static-images/hero-cr-tr.png) no-repeat;
			top: 0; left: 217px;
		}
		
		div.heroSmall div.hider div.cr-bl {
			background: url(../static-images/hero-cr-bl.png) no-repeat;
			top: 121px; left: 0;
		}
		
		div.heroSmall div.hider div.cr-br {
			background: url(../static-images/hero-cr-br.png) no-repeat;
			top: 121px; left: 217px;
		}

		div.heroHome div.img div.cr-tl {
			background: url(../static-images/hero-cr-tl.png) no-repeat;
			top: 0; left: 0;
		}

		div.heroHome div.img div.cr-tr {
			background: url(../static-images/hero-cr-tr.png) no-repeat;
			top: 0; left: 217px;
		}
		
		div.heroHome div.img div.cr-bl {
			background: url(../static-images/hero-home-cr-bl.png) no-repeat;
			top: 241px; left: 0;
		}
		
		div.heroHome div.img div.cr-br {
			background: url(../static-images/hero-cr-br.png) no-repeat;
			top: 241px; left: 217px;
		}

		div.heroSmall div.img p.caption, div.heroHome div.img p.caption {
			position: absolute;
			bottom: 7px; left: 6px;
			width: 180px;
			font-size: 1.8em;
			font-family: Trebuchet MS; 
			font-style: italic;
			font-weight: bold;
			line-height: 1.7em;
		}
		
		div.heroSmall div.img p.caption span, div.heroHome div.img p.caption span {
			background: #282221;
			padding: 3px;
		}
		
		div.heroSmall p.more {
			display: block;
			float: left;
			margin: 9px 0 0 13px;
			height: 18px; width: 89px;
			font-size: 1px;
			text-indent: -9999px;
			background: url(../static-images/find-out-more.gif) no-repeat top left;
		}
		
		div.heroSmall p.more a {
			display: block;
			height: 18px; width: 89px;
		}
		
		div.heroSmall ul {
			list-style: none;
			margin: 0; padding: 12px 21px 0 0;
			font-size: 1px;
			float: right;
		}
		
		div.heroSmall ul li {
			display: block;
			float: left;
			width: 13px; height: 13px;
			background: url(../static-images/hero-selector-off.gif) no-repeat;
			margin: 0 2px 0 0;
		}
		
		div.heroSmall ul li.selected {
			background: url(../static-images/hero-selector-on.gif) no-repeat;
		}
		
		div.heroSmall ul li a {
			display: block;
			width: 13px; height: 13px;
			text-indent: -9999px;
		}
		div.heroHome p.buttonLight {
			margin: 18px 0 0 6px;
		}

	/* button links */
		
		p.buttonLight, p.buttonDark {
			display: block;
			float: left;
			font-size: 0.8em;
			font-weight: bold;
			height: 18px;
		}
		
		p.buttonLight a, p.buttonDark a {
			display: block;
			background: url(../static-images/button-link-light-right.png) no-repeat top right;
			height: 18px;
			text-transform: uppercase;
		}

		p.buttonLight a span, p.buttonDark a span {
			display: block;
			height: 14px;
			padding: 4px 2px 0 14px;
			margin-right: 8px;
			background: url(../static-images/button-link-light-left.png) no-repeat top left;
			
		}
		
		p.buttonLight a:hover { background: url(../static-images/button-link-light-right.png) no-repeat bottom right; }
		p.buttonLight a:hover span { background: url(../static-images/button-link-light-left.png) no-repeat bottom left; }
		
		p.buttonDark a {
			background: url(../static-images/button-link-dark-right.png) no-repeat top right;
		}
		
		p.buttonDark a span {
			background: url(../static-images/button-link-dark-left.png) no-repeat top left;
		}
		
		p.buttonDark a:hover { background: url(../static-images/button-link-dark-right.png) no-repeat bottom right; }
		p.buttonDark a:hover span { background: url(../static-images/button-link-dark-left.png) no-repeat bottom left; }
		
	/* blurb panel */
		
		div.blurb, div.blurbRelated {
			margin: 10px 0 10px 10px;
			position: relative;
			z-index: 1;
		}
		
		div.blurb div.top, div.blurb div.bottom, div.blurbRelated div.top, div.blurbRelated div.bottom {
			display: block;
			background: url(../static-images/blurb-panel-top.png) no-repeat;
			height: 9px;
			width: 230px;
			font-size: 1px;
		}
		
		div.blurb div.bottom, div.blurbRelated div.bottom {
			background: url(../static-images/blurb-panel-bot.png) no-repeat;
		}
		
		div.blurb div.mid, div.blurbRelated div.mid {
			width: 190px;
			background: url(../static-images/blurb-panel-mid.gif) repeat-y;
			padding: 12px 20px;
		}
		
		div.blurbRelated div.mid { padding-top: 4px; padding-bottom: 4px; }
		
		div.blurb div.mid.div, div.blurbRelated div.mid.div {
			background: url(../static-images/blurb-panel-mid-div.gif) repeat-y;
			margin-top: -12px;
			padding: 12px 20px 6px;
		}
		
		div.blurb div.pointer, div.blurbRelated div.pointer {
			display: block;
			width: 34px; height: 28px;
			position: absolute;
			top: 15px; left: -20px;
			background: url(../static-images/blurb-pointer.png) no-repeat top right;
			z-index: 2;
		}
		
		div.blurbRelated div.pointer.hub, div.blurb div.pointer.hub {
			width: 23px;
			left: -9px;
		}
		
		div.blurb h2 {
			font-size: 1.8em;
			font-weight: normal;
			line-height: 1em;
			padding: 0 0 12px 0;
		}
		
		div.blurb h3 {
			font-size: 1.4em;
			font-weight: normal;
			padding: 0 0 12px 0;
		}
		
		div.blurb h3.noPad {
			padding: 0;
		}
		
		div.blurb p {
			font-size: 1.3em;	/* CHANGED FROM 1.1*/
			padding: 0 0 12px 0;
		}
		
		div.blurb p.buttonDark, div.blurbRelated p.buttonDark {
			font-size: 0.8em;
			padding: 0;
		}

		div.blurb ul.help {
			list-style: none;
			margin: 0; padding: 4px 0 4px;
			display: block;
			clear: both;
			font-weight: bold;
		}
		
		div.blurb ul.help li {
			display: block;
			border-top: 1px solid #dddddc;
		}
		
		div.blurb ul.help li.first {
			border: 0px none;
		}
		
		div.blurb ul.help li a {
			background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 6px;
			display: block;
			padding: 4px 0 4px 16px;
		}
		
		div.blurb ul.help li a:hover {
			background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 -284px;
		}		
		
		div.blurbRelated h2 {
			font-size: 1.7em;
			font-weight: normal;
			line-height: 1.1em;
			background: url(../static-images/related-panel-icon.gif) no-repeat 0 0;
		}
		
		div.blurbRelated div.relatedTitle h2, div.blurbRelated div.relatedTitle p {
			padding-left: 42px;
		}
		
		div.blurbRelated div.relatedTitle p {
			padding: 0 0 8px 42px;
		}
		
		
		div.blurbRelated ul.related {
			list-style: none;
			font-size: 1em;
			padding-top: 8px;
		}
		
		div.blurbRelated ul.related li {
			border-top: 1px solid #dddddc;
			padding: 8px 0 9px 0;
			background: url(../static-images/image-thumb-bg.png) no-repeat 0 8px;
			margin-left: -5px;
		}
		
		div.blurbRelated ul.related li div.image {
			float: left;
			width: 63px; height: 63px;
			padding: 9px 0 0 9px;
		}
		
		div.blurbRelated ul.related li p {
			margin-left: 74px;
			padding: 0 0 2px;
		}
		
		div.blurbRelated ul.related li p.first {
			padding-top: 7px;
		}
		
		div.blurbRelated ul.related li.first {
			padding-top: 0;
			border-top: 0;
			background: url(../static-images/image-thumb-bg.png) no-repeat 0 0;
		}
		

		
		

	/* home content */
		
		div.homeContentRowOuter {
			padding-bottom: 14px;
		}
		
		body.hubPage div.homeContentRowOuter, body.productPage div.homeContentRowOuter, div.collationContainer, div.enquiryForm, form.enquiryForm div.formBG {
			background: url(../static-images/content-block-bg-top.gif) no-repeat 0 0;
		}
		
		div.homeContent {
			display: block;
			width: 340px;
			float: left;
			min-height: 115px;
		}
		
		div.homeContent.left {
			background: url(../static-images/home-content-div-vert.gif) no-repeat right top;
		}
		
		div.homeContent div.image {
			background: url(../static-images/home-image-bg.png) no-repeat 10px 10px;
			width: 120px;
			float: left;
			min-height: 115px;
		}
		
		div.homeContent div.image img {
			display: block;
			height: 74px; width: 74px;
			margin: 22px 0 0 22px;
		}
		
		div.homeContentDiv {
			padding: 1px 0;
			background: url(../static-images/home-content-div.gif) no-repeat 22px 2px;
			height: 3px;
			overflow: hidden;
			font-size: 1px;
		}
		
		div.homeContent div.text {
			display: block;
			float: left;
			width: 210px;
			padding: 16px 0 0;
		}
		
		div.homeContent h2 {
			font-size: 1.6em;
			line-height: 1.0em;
			width: 180px;
			display: block;
			padding: 0 0 10px;
		}
		
		div.homeContent p {
			padding: 0 0 10px;
		}
		
		div#homeRowRotate div.homeContentRow {
			float: left;
			width: 680px;
		}
		
		div#homeRowRotate div.homeContent, div#homeRowRotate div.homeContentRow {
			min-height: 115px;
		}
		
		div#homeRowRotate ul {
			margin: 0 0 0 20px;
		}
		
		div#homeRowRotate li {
			float: left;
			background: url(../static-images/home-rotator-nav.gif) no-repeat 0 0;
			margin-right: 2px;
		}
		
		div#homeRowRotate li, div#homeRowRotate li a {
			display: block;
			width: 13px; height: 13px;		
		}
		
		div#homeRowRotate li.selected {
			background: url(../static-images/home-rotator-nav.gif) no-repeat 0 -17px;
		}
		
	/* hub page styles */
	
		h3.intro {
			font-size: 1.6em;
			font-weight: normal;
			padding: 10px 20px;
			line-height: 1.4em;
		}
		
	/* collation */
	
		div.collationContainer {
			margin-top: 10px;
		}
		
		div.collationContainer div.collationSet1 {
			margin: 0 0 0 4px;
			background: url(../static-images/collation-set1-div.gif) repeat-y 345px 0;
		}
		
		div.collationContainer div.collationSet1 div.collationItem {
			float: left;
			padding: 15px 10px;
			width: 325px;
		}
		
		div.collationContainer div.collationSet1End { 
			background: url(../static-images/collation-set1-div-bottom.png) no-repeat 7px 0;
		}
		
		div.collationContainer div.collationSet2End { 
			background: url(../static-images/content-div.png) no-repeat 7px 0;
		}		
		
		div.collationContainer div.collationSet1 h2 {
			font-size: 1.8em;
			padding: 10px 0;
			line-height: 1.1em;
		}
		
		div.collationContainer div.collationSet1 h3 {
			font-size: 1.4em;
			font-weight: normal;
			padding: 0 0 10px 0;
		}
		
		div.collationContainer div.collationSet1 p {
			padding: 0 0 10px 0;
		}
		
		
		div.collationContainer div.collationSet1 div.image {
			position: relative;
			width: 326px; height: 119px;
			overflow: hidden;
		}
		
		div.collationContainer div.collationSet1 div.image a {
			display: block;
			width: 326px;
			position: absolute;
			z-index: 1;
			top: -50%; left: 0;
		}
		
		div.collationContainer div.collationSet1 div.image div.cr-tl,
		div.collationContainer div.collationSet1 div.image div.cr-tr,
		div.collationContainer div.collationSet1 div.image div.cr-bl,
		div.collationContainer div.collationSet1 div.image div.cr-br {
			position: absolute;
			height: 8px; width: 7px;
			overflow: hidden;
			font-size: 1px;
			z-index: 2;
		}
		
		div.collationContainer div.collationSet1 div.image div.cr-tl {
			top: 0; left: 0;
			background: url(../static-images/collation-wide-cr-tl.png) no-repeat;		
		}
		
		div.collationContainer div.collationSet1 div.image div.cr-tr {
			background: url(../static-images/collation-wide-cr-tr.png) no-repeat;
			top: 0; left: 319px;
		}
		
		div.collationContainer div.collationSet1 div.image div.cr-bl {
			background: url(../static-images/collation-wide-cr-bl.png) no-repeat;
			top: 111px;; left: 0;
		}
		
		div.collationContainer div.collationSet1 div.image div.cr-br {
			background: url(../static-images/collation-wide-cr-br.png) no-repeat;
			top: 111px; left: 319px;
		}
		
		div.collationContainer div.collationSet1 p.buttonDark {
			padding: 0;
		}
		
		div.collationContainer div.collationSet2 div.collationItem {
			float: left; 
			width: 220px; 
			margin-right: 10px;
		}
		
		div.collationContainer div.collationSet2 div.collationItem div.image {
			float: left;
			width: 72px;
			height: 72px;
			background: url(../static-images/image-thumb-bg.png) no-repeat;
		}
		
		div.collationContainer div.collationSet2 div.collationItem img {
			margin: 9px 0 0 9px;
		}
		
		div.collationContainer div.collationSet2 div.collationItem p {
			margin-left: 78px;
			padding-right: 20px;
			padding: 6px 0 0;
		}
		
		div.collationContainer div.collationSet2 div.collationRow {
			padding: 10px 0 0 10px;
		}
		
		div.collationContainer div.collationSet2 {
			padding: 5px 0 15px;
		}
		
		div.collationContainer div.collationSet3 {
			padding: 5px 0 20px;
		}
		
		div.collationContainer div.collationSet3 ul {
			list-style: none;
		}
		
		div.collationContainer div.collationSet3 ul li {
			display: block;
			float: left;
			width: 317px;
			border-top: 1px solid #dddddc;
			margin-left: 15px;
		}
		
		div.collationContainer div.collationSet3 ul.first li {
			border: 0px none;
		}
		
		div.collationContainer div.collationSet3 ul li a {
			display: block;
			padding: 3px 0 3px 18px;
			font-weight: bold;
			background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 5px;
		}
		
		div.collationContainer div.collationSet3 ul li a:hover {
			background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 -284px;
		}
	
	/* editorial page */
		
		div.articleText {
			padding: 0 20px;
		}
		
		div.articleText h2, #goog-fixurl h3 {
			font-size: 1.4em;
			font-weight: bold;
			font-family: arial;
			font-style: normal;
			color: #504842;
			padding: 16px 0 16px;
			background: url(../static-images/editorial-divider.gif) no-repeat top center;
		}

		#goog-fixurl h3 {
			padding: 16px 0 0;
		}
		
		div.articleText p {
			padding: 0 0 16px;
		}
		
		div.articleText ul {
			margin-left: 16px; padding-bottom: 16px;
		}
		
		div.articleText ul li {
			padding: 3px 0;
		}
		
		/* special editorial rules triggered by image tags */
			
			/* general styles */
			
			div.articleText div.editorialAlignment h2 { background: transparent; }

			div.articleText div.imageContainer, div.articleText div.imageContainerAlt {
				display: block;
				width: 106px; height: 106px;
				margin: 16px 0;
				float: left;
			}
			
			div.articleText div.imageContainer a, div.articleText div.imageContainerAlt a {
				display: block;
				width: 106px; height: 106px;
				position: relative;
			}
			
			div.articleText div.imageContainer a span, div.articleText div.imageContainerAlt a span {
				display: block;
				width: 106px; height: 106px;
				position: absolute;
				top: -3px; left: -3px;
				background: url(../static-images/text-align-img-overlay.png) no-repeat 0 0;
			}

			/* left aligned images */
			
			div.articleText div.textBlockLeft, div.articleText div.textBlockRight, div.articleText div.textBlockBoth, div.articleText div.textBlockInline {
				background: url(../static-images/editorial-divider.gif) no-repeat top center;
			}
			
			div.articleText div.textBlockLeft h2, div.articleText div.textBlockLeft p {
				margin-left: 120px;
			}
			
			div.articleText div.textBlockLeft ul {
				margin-left: 134px;
			}
			
			/* right aligned images */
			
			div.articleText div.textBlockRight h2, div.articleText div.textBlockRight p { margin-right: 134px; }
			
			div.articleText div.textBlockRight ul { margin-right: 134px; }
			
			div.articleText div.textBlockRight div.imageContainer { float: right; }
			
			/* images on left and right */
			
			div.articleText div.textBlockBoth h2, div.articleText div.textBlockBoth p {
				margin-left: 120px;
				margin-right: 134px;
			}
			
			div.articleText div.textBlockBoth ul {
				margin-left: 134px;
				margin-right: 134px;
			}

			div.articleText div.textBlockBoth div.imageContainerAlt { float: right; }
			
			/* images above or below */
			
			div.articleText div.textBlockInline div.imageContainerTop, div.articleText div.textBlockInline div.imageContainerBottom {
				display: block;
				text-align: center;
				padding: 16px 0 0;
			}
			
			div.articleText div.textBlockInline div.imageContainerBottom {
				padding: 0 0 16px;
			}

	
		div.mediaPanel {
			margin: 10px 0 0 10px;
		}
		
		div.mediaPanel div.tabs {
			margin-left: 6px;
			position: relative;
			z-index: 2;
			float: left;
		}
		
		div.mediaPanel div.tab {
			background: url(../static-images/media-tab-off.png) no-repeat bottom left;
			width: 101px; height: 43px;
			float: left;
			margin-left: -6px;
			position: relative;
			z-index: 2;
		}
		
		div.mediaPanel div.tab.selected {
			background: url(../static-images/media-tab-on.png) no-repeat bottom left;
			z-index: 3;
		}
		
		div.mediaPanel div.tab a {
			display: block;
			width: 66px; height: 30px;
			font-size: 1.6em;
			font-family: Trebuchet MS; 
			font-style: italic;
			padding: 13px 0 0 30px;
		}
		
		div.mediaPanel div.tab.selected a {
			padding: 13px 0 0 35px;
		}

		div.mediaPanel div#mediaPanelImages.selected a {
			background: url(../static-images/media-tab-images-on.gif) no-repeat 10px 17px;
		}
		
		div.mediaPanel div#mediaPanelImages a {
			background: url(../static-images/media-tab-images-off.gif) no-repeat 10px 17px;
		}
		
		div.mediaPanel div#mediaPanelVideo.selected a {
			background: url(../static-images/media-tab-video-on.gif) no-repeat 10px 17px;
		}
		
		div.mediaPanel div#mediaPanelVideo a {
			background: url(../static-images/media-tab-video-off.gif) no-repeat 10px 17px;
		}		
		
		div.mediaPanel div.mediaPanelContent {
			border: 1px solid #c8c8c8;
			border-bottom: 0px none;
			clear: both;
			position: relative;
			z-index: 1;
			margin: -1px 0 0;
			float: left;
			width: 228px;
			padding: 7px 0 0;
		}
		
		div.mediaPanel div.mediaPanelContent div.cr-tr {
			display: block;
			width: 10px; height: 10px;
			overflow: hidden;
			font-size: 1px;
			background: url(../static-images/media-panel-cr-tr.gif) no-repeat;
			position: absolute;
			top: -1px; left: 219px;
		}
		
		div.mediaPanel div.mediaPanelContent div.divider {
			position: relative;
			height: 7px;
			font-size: 1px;
			clear: both;
		}
		
		div.mediaPanel div.mediaPanelContent div.divider div {
			height: 7px; width: 230px;
			position: absolute;
			left: -1px; top: 0;
			background: url(../static-images/media-panel-div.gif) no-repeat;
		}
		
		div.mediaPanel ul.mediaPanelThumbs {
			list-style: none;
			margin: 10px 0 0 9px;
			padding: 0 0 4px 0;
		}
		
		div.mediaPanel ul.mediaPanelThumbs img {
			margin: 9px 0 0 9px;
			width: 54px; height: 54px;
		}
		
		div.mediaPanel ul.mediaPanelThumbs li {
			display: block;
			float: left;
			background: url(../static-images/image-thumb-bg.png) no-repeat;
			width: 72px; height: 72px;
			margin: -3px -3px 0 0;
			position: relative;
		}
		
		div.mediaPanel div.bottom {
			display: block;
			height: 8px; width: 230px;
			background: url(../static-images/media-panel-bottom.png) no-repeat;
			clear: both;
		}
		
		div.mediaPanel a.image {
			display: block;
			position: relative;
			margin: 10px 0 10px 6px;
			float: left;
			width: 215px;
			min-height: 24px;
		}
		
		div.mediaPanel a.image span {
			display: block;
			width: 22px; height: 22px;
			position: absolute;
			right: 0; bottom: 0px;
			background: url(../static-images/media-icon-zoom.gif) no-repeat bottom right;
		}
		
		div.mediaPanel div#mediaPanelVidHeader a.image span {
			display: none;
		}
		
		body.editorialPage div.content.pos2 {
			margin-top: 10px;
			background: url(../static-images/footer-top-div.png) no-repeat top center;
		}
		
		div.contentModule.pos1 {
			background: url(../static-images/module1-right.gif) no-repeat bottom right;
			min-height: 146px;
			padding: 10px 0;
		}
		
		div.contentModule div.moduleTitle {
			background: url(../static-images/round-icon-contact.gif) no-repeat 20px 12px;
			padding: 10px 0 6px 64px;
			min-height: 40px;
		}
		
		div.contentModule div.moduleTitle h2 {
			font-size: 1.8em;
		}
		
		div.contentModule div.contactModuleContent div.leftCol {
			float: left;
			width: 310px;
			padding: 0 19px 0 20px;
			min-height: 100px;
			border-right: 1px solid #eaeaea;
		}
		
		div.contactModuleLeftCol {
			border-right: 1px solid #eaeaea; 
			float: left; 
			min-height: 100px; 
			padding: 0 19px 0 20px; margin-left: 14px;
			width: 295px;
		}
		
		div.cmCol1 {
			height: 100px; width: 124px; 
			margin-left: 14px; 
			float: left; 
			background: url(../static-images/module-contact-bg.png) no-repeat 0 0;
		}

		#csHeating div.cmCol1, 
		#csCalor div.cmCol1 { background: url(/static-images/module-contact-bg.png) no-repeat 0 0; }
		#csCooking div.cmCol1 { background: url(/static-images/contact-specialists-cooking.png) no-repeat 0 0; }
		#csAutogas div.cmCol1 { background: url(/static-images/contact-specialists-autogas.png) no-repeat 0 0; }
		#csLPG div.cmCol1 { background: url(/static-images/contact-specialists-lpg.png) no-repeat 0 0; }
		#csSwitching div.cmCol1 { background: url(/static-images/contact-specialists-switching.png) no-repeat 0 0; }		
									
		div.cmCol2 {
			height: 100px; 
			width: 212px; 
			float: left;

		}
									
		div.cmCol2 h3 {
			padding: 8px 0 0; 
			font-size:1.8em; 
			font-weight:normal;
		}
									
		div.cmCol3 {
			min-height: 100px; width: 320px; 
			float: left; 
			border-left: 1px solid #eaeaea;
		}
									
		div.cmCol3 p {
			margin: 0; padding: 8px 20px;
		}		
		
		div.contentModule div.contactModuleContent div.rightCol, div.contactModuleRightCol {
			float: left;
			width: 310px;
			padding: 10px 20px 20px;
		}
		
		div.contentModule div.contactModuleContent div.leftCol h3, div.contactModuleLeftCol h3 {
			font-size: 1.8em;
			font-weight: normal;
			padding: 8px 0 0 100px;
		}
		
		div.contentModule div.contactModuleContent div.leftCol h3 span, div.contactModuleLeftCol h3 span {
			font-style: normal;
			font-weight: normal;
		}
		
		div.contentModule div#relatedModule {
			background: url(../static-images/round-icon-related.png) no-repeat 20px 12px;
			padding: 10px 0 6px 64px;
			min-height: 40px;
		}
		
		div.contentModule.pos1 div#relatedModule {
			background: url(../static-images/related-panel-icon.gif) no-repeat 20px 12px;
		}
		
		
		div.contentModule.pos2 {
			background: url(../static-images/module2-bg.gif) no-repeat top right;
			min-height: 146px;
			padding: 20px 0;
		}
		
		div.contentModule.pos2 div.relatedModuleContent {
			padding: 6px 0 0;
		}
		
		div.contentModule.pos2 div.relatedModuleContent.first {
			background: url(../static-images/module-related-div.gif) no-repeat top center;
		}
		
		div.contentModule div.relatedModuleContent div.leftCol {
			float: left;
			width: 310px;
			padding: 0 20px 0 20px;
			min-height: 100px;
		}
		
		div.contentModule div.relatedModuleContent div.leftCol div.image {
			background: url(../static-images/home-image-bg.png) no-repeat 0 0;
			width: 104px; height: 98px;
			float: left;
		}
		
		div.contentModule div.relatedModuleContent div.leftCol div.image img{
			width: 74px; height: 74px;
			margin: 12px 0 0 12px;
		}
	
		div.contentModule div.relatedModuleContent div.leftCol strong a {
			font-size: 1.2em;
		}
		
		div.contentModule div.relatedModuleContent div.leftCol p {
			padding: 0 0 2px;
		}
		
		div.contentModule div.relatedModuleContent div.leftCol p.buttonDark {
			margin-top: 10px;
		}
		
		div.contentModule div.relatedModuleContent div.leftCol div.text {
			padding: 10px 0 0;
			float: left;
			width: 205px;
		}
		
		
		div.contentSideMod div.moduleTitle {
			padding: 20px 0 6px 64px;
			min-height: 40px;
		}
		
		div#linksSideMod div.moduleTitle {
			background: url(../static-images/round-icon-contact.gif) no-repeat 20px 22px;
		}
		
		div#docsSideMod div.moduleTitle {
			background: url(../static-images/round-icon-downloads.gif) no-repeat 20px 22px;
		}		
		
		div.contentSideMod div.moduleTitle h2 {
			font-size: 1.8em;
		}
		
		div#docsSideMod div.moduleTitle h2 {
			padding-top: 4px;
		}
		

		div.contentSideMod ul {
			list-style: none;
			margin: 0; padding: 4px 20px 4px;
			display: block;
			clear: both;
			font-weight: bold;
		}
		
		div.contentSideMod ul li {
			display: block;
			background: url(../static-images/sidemod-div.gif) no-repeat top center;
		}
		
		div.contentSideMod ul li.first {
			background: transparent;
		}
		
		div.contentSideMod ul li a {
			background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 6px;
			display: block;
			padding: 4px 0 4px 16px;
		}
		
		div.contentSideMod ul li a:hover {
			background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 -284px;
		}
		
		div.contentSideMod p.note {
			padding: 0 20px;
		}
		
		div.contentSideMod ul li a span {
			font-weight: normal;
		}
		
		/* enquiry form */
		
		form.enquiryForm {
			display: block;
			margin: 0; padding: 0;
			font-size: 1em;
		}
		
		form.enquiryForm div.formBG {
			padding: 15px;
		}
		
		form.enquiryForm div.formBG div.label {
			width: 280px;
			display: block;
			float: left;
			font-family: Trebuchet MS; 
			font-style: italic;
			font-size: 1.4em;
			padding: 3px 0 0;
		}

		form.enquiryForm div.formBG div.fields label {
			font-size: 1.2em;
			display: block;
			float: left;
			width: 335px;
			padding: 5px 0 0;
		}

		
		form.enquiryForm div.formBG div.label span {
			padding-left: 4px;
		}
		
		form.enquiryForm div.formBG div.label p.additionalNote
		{
			padding-top: 5px;
			font-size: 0.8em;
		}

		form.enquiryForm div.formBG div.field, form.enquiryForm div.formBG div.fields {
			width: 380px;
			display: block;
			float: right;
		}
		
		form.enquiryForm div.formBG div.fields div.field {
			padding: 0 0 8px 0;
			float: left;
		}
		
		form.enquiryForm div.formBG div.fwFields div.field {
			float: none;
			clear: both;
			width: 660px;
			padding: 8px 0 0;
		}
		
		form.enquiryForm div.formBG div.fwFields p.note {
			display: block;
			font-size: 1.2em;
		}
		
		form.enquiryForm div.formBG div.fwFields div.field label {
			font-size: 1.2em;
			display: block;
			float: left;
			width: 600px;
			padding: 5px 0 0;
		}
		
		form.enquiryForm div.formBG div.field.text, form.enquiryForm div.formBG div.fields div.field.text {
			background: url(../static-images/enq-form-text-field.png) no-repeat 0 0;
			width: 363px;
			height: 24px;
			padding: 3px 7px 0;
		}
		
		form.enquiryForm div.formBG div.field.textarea {
			background: url(../static-images/enq-form-text-area.png) no-repeat 0 0;
			width: 363px;
			height: 124px;
			padding: 3px 7px 0;
		}
		
		form.enquiryForm div.formBG div.field.textarea textarea {
			width: 356px;
			height: 110px;
			font-size: 1.2em;
			background: transparent;
			border: 0px none;
			overflow: auto;
		}
		
		form.enquiryForm div.formBG div.field.text input {
			background: transparent;
			border: 0px none;
			width: 360px;
			font-size: 1.2em;
		}
		
		form.enquiryForm div.formBG div.field.text input:focus {
			
		}
		
		
		#calorForm #userChoice {
			padding-bottom: 5px;
		}
		
		.clearRow {
			clear: both;
		}
		
		#requestBrochurePanel, #requestAppointmentPanel, #requestAppointmentCalorforcePanel, 
		#enquiriesPanel, #websiteFeedbackPanel, #movingPropertyPanel, #recommendFriendPanel, 
		#becomeInstallerPanel, #becomeStockistPanel, #calorforceEnquiryPanel, #signUpAndWinPanel,
		#newsletterSignUpPanel, #businessIncentivePanel, #btccCompetitionPanel { 
			display: none; 
		}
		
		/*
		#calorForm label.error {
			display: none;
			padding-left: 5px;
		}
		*/
		
		form.enquiryForm div.formBG div.row {
			background: url(../static-images/enq-form-field-div.gif) no-repeat bottom left;
			padding: 0 0 10px; margin: 0 0 9px;
		}
		
		form.enquiryForm div.formBG div.row.rowEnd {
			background: transparent;
			padding: 0 0 18px; margin: 0 0 17px;
			border-bottom: 1px solid #b2b2b2;
		}
		
		form.enquiryForm div.formBG #formMsg.row {
			background: transparent;
			border-bottom: 0px none;
			font-size: 1.2em;
			display: none;
		}

		form.enquiryForm div.formBG div.error, form.enquiryForm div.formBG label.error {
			display: block;
			width: 377px;
			float: right;
			margin-top: 4px;
			clear: both;
		}
		
		form.enquiryForm div.formBG div.fwFields div.error, form.enquiryForm div.formBG div.fwFields label.error {
			display: block;
			float: none;
			width: 600px;
		}
		
		form.enquiryForm div.formBG div.error label.error, form.enquiryForm div.formBG label.error {
			font-size: 1.2em;
			padding: 0;
		}
		
		form.enquiryForm div.formBG div.field div.dateSub {
			background: url(../static-images/enq-form-text-field-small.png) no-repeat 0 0;
			float: left;
			width: 100px;
			margin-right: 10px;
			padding: 3px 7px;
		}
		
		form.enquiryForm div.formBG div.field div.dateSub input {
			width: 160px;
			background: transparent;
			border: 0px none;
		}
		
		form.enquiryForm div.formBG div.field div.dateSub label {
			display: block;
			margin: 10px 0 0 -7px;
			font-size: 1.2em;
		}
		
		form.enquiryForm h2 {
			display: block;
			font-size: 1.4em;
			font-weight: bold;
			padding: 0;
		}
		
		form.enquiryForm input.enqSubmit {
			background: none;
			border: 0px none;
			width: 121px; height: 34px;
			display: block;
			cursor: pointer;
		}
		
		form.enquiryForm div.enqSubmit {
			width: 121px; height: 34px;
			display: block;
			background: url(../static-images/enq-submit.png) no-repeat 0 0;
			margin-left: 550px;
			cursor: pointer;
		}
		
		form.enquiryForm div.enqSubmit:hover {
			background: url(../static-images/enq-submit.png) no-repeat 0 -50px;
		}
		
		
		div#userChoice {
			background: url(../static-images/enq-form-header.gif) no-repeat 0 0;
			width: 685px; height: 51px;
			padding: 20px 0 0 15px; margin: 0 0 8px;
		}
		
		div.servermessage {
			display: block;
			padding: 0 15px 14px;
		}
		
		div.servermessage h2 {
			font-size: 1.4em;
		}
		
		div.servermessage p {
			font-size: 1.2em;
		}
		
		form.enquiryForm div.formBG div.fwFields div.ecrm div.field {
			float: left;
			display: block;
			width: 120px;
			clear: none;
			padding: 10px 0;
		}

		form.enquiryForm div.formBG div.fwFields div.ecrm label {
			display: block;
			width: 80px;
		}
		
		#goog-fixurl ul { 
			list-style: none;
			margin: 0; padding: 0;
		}
		
		#goog-fixurl ul li {
			display: block;
			padding: 10px 0;
		}
		
		#goog-fixurl form input {
			display: block;
			margin: 10px 0;
		}
		
		#goog-fixurl form #goog-wm-qt {
			background:transparent url(../static-images/contact-bar-input.gif) no-repeat scroll 0 0;
			float:left;
			height:22px;
			margin:-1px 4px 0 0;
			padding:3px 3px 0 5px;
			width:195px;
			border: 0px none;
		}	

/* google search styles */
	.gs-title {
		font-size: 1.2em;
		color: #690001;
		padding-bottom: 2px;
		font-weight: bold;
	}

	.gs-title:hover {
		color: #ed1c2e;
	}

	.gs-visibleUrl-long {
		font-size: 1.1em;
		padding-bottom: 20px;
	}

	.gs-snippet {
		font-size: 1.1em;
	}

	.gs-visibleUrl-short, .gs-watermark, .gsc-branding, .gsc-tabsArea, .gsc-adBlock, .gsc-resultsHeader {
		display: none;
	}

	form.gsc-search-box {
		background: url(../static-images/search-results-bg.gif) no-repeat left top;
		padding: 25px 0px 40px 15px;
		margin: 0;
	}

	.gsc-cursor-page {
		display: inline;
		cursor: pointer;
		font-size: 1.2em;
		margin-right: 8px;
		text-decoration: underline;
		color: #690001;
	}

	.gsc-cursor-current-page {
		color: #ed1c2e;
		font-weight: bold;
		text-decoration: none;
	}

	td.gsc-search-button {
		padding-top: 2px;
	}

	input.gsc-search-button {
		border: none;
		color: #fff;
		background: url(../static-images/search-results-btn.gif) no-repeat;
		width: 70px;
		/*height: 23px;*/
		padding: 2px 0px 4px 0px;
		font-size: 1.1em;
		font-weight: bold;
		cursor: pointer;
	}

	input.gsc-input {
		width: 535px !important;
		font-size: 1.1em;
		padding:3px 8px;
		border: none;
		margin-right: 10px;
	}

	td.gsc-input {
		width:  555px !important;
	}	
				


/* iframe */
#iframeWrapper{ 
}
#iframeWrapper iframe{
	margin-top:56px;
	border:none;
	width:100%;
	height:400px;
	overflow:hidden;
}

/* HSEAssessment */
	#widget #hse{
		position:relative;
	}
	#widget #hse a{
		color:#FDF15D;
	}
	#widget #hse p{
		font-size:1.1em;
	}
	#widget #hse ul,
	#widget #hse ol,
	#widget #hse li{
		font-size:1em;
	}
	#widget #hse a:hover{
		color:#ED1C2E;
	}
	#widget #hse #wrapper{
		padding-left:20px;
	}
	#widget #hse .buttonWrapper{
		display:inline-block;
	}
	#widget #hse .startButton span,
	#widget #hse .yes span,
	#widget #hse .no span{
		display:none;
	}
	#widget #hse .yes,
	#widget #hse .no,
	#widget #hse .prev{
		text-transform:capitalize;
		float:left;
		font-size:1.8em;
		height:30px;
		background:url(/static-images/widgets/hse-button-left.png) no-repeat;
	}
	#widget #hse .prev{
		float:right;
		margin-right:30px;
	}
	#widget #hse .yes,
	#widget #hse .no,
	#widget #hse .prev,
	#widget #hse .startButton{
		cursor:pointer;
	}
	#widget #hse .yes strong,
	#widget #hse .no strong,
	#widget #hse .prev strong{
		background:url(/static-images/widgets/hse-button-right.png) no-repeat top right;
		margin-left:15px;
		padding-right:15px;
		padding-top:5px;
		height:30px;
		display:inline-block;
	}
	#widget #hse #top{
		background:url(/static-images/widgets/hse-top.png) no-repeat;
		width:698px;
		min-height:70px;
		padding:23px 0 0 0;
	}
	#widget #hse #bottom{
		background:url(/static-images/widgets/hse-bottom.png) no-repeat;
		width:698px;
		height:15px;
	}
	#widget #hse .content h3{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		font-size:1.8em;
		font-weight:bold;
		font-style:italic;
		margin:0px 0px 5px 0px;
		color:#B9A388;
		filter:DropShadow(Color=#1B1716,offX=1,offY=1,Positive=1);
		text-shadow:#1B1716 1px 1px 1px;
	}
	#widget #hse .content{
		font-size:1.2em;
		color:#FFF;
		font-weight:bold;
		margin:11px 0px 22px 0px;
		width:575px;
	}
	#widget #hse .content ul,
	#widget #hse .content ol{
		padding:0 0 0 20px;
	}
	#widget #hse .start .content{
		width:540px;
		position:relative;
	}
	#widget #hse .startButton{
		background:url(/static-images/widgets/hse-start-button.png) no-repeat;
		height:76px;
		width:76px;
		position:absolute;
		left:580px;
		top:30px;
		margin:-2px 0px 0px 0px;
	}

/*Forklift Calculator*/
	#widget #calcBody{
		position:relative;
		background:url(/static-images/widgets/calc-bg.png);
		height:170px;
		width:698px;
	}
	#widget #calcInputs{
		position:absolute;
		float:left;
		width:366px;
		height:170px;
	}
	#widget #calcInputsWrapper{
		padding:0 10px 0 15px;
	}
	#widget #calcExtendingArrow{
		position:absolute;
		left:366px;
		background:url(/static-images/widgets/calc-exending-arrow.png) right;
		width:318px;	/* expanded size = 318px, contracted size 32px*/
		height:170px;
		float:left;
		z-index:999;
	}
	#widget form{
		margin:0px;
		padding:0px;
	}
	#widget #calcResults{
		left:366px;
		position:absolute;
		width:332px;
		height:170px;
	}
	#widget #calcResultsWrapper{
		padding:0 14px 0 42px;
	}
	#widget #calcInputsWrapper h3,
	#widget #calcResultsWrapper h3{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1.8em;
		font-weight:bold;
		font-style:italic;
		margin:14px 0 0px 0;
	}
	#widget #calcResultsWrapper h3{
		color:#D4CDBD;
	}
	#widget #calcInputsWrapper h3{
		color:#534B45;
	}
	#widget #calcResultsWrapper .consumption,
	#widget #calcResultsWrapper .saving{
		font-family:Arial, Helvetica, sans-serif;
		font-size:4.5em;	/* THIS IS STATICALLY SET IN /javascript/forklift-calc.js LINE #8 (a variable called cts )IF YOU ALTER THIS VALUE, YOU ALSO NEED TO CHANGE IN IN THE js FILE!!! */
		font-weight:bold;
		margin:-2px 0 -2px 0;
		color:#FFF;
	}
	#widget #calcResultsWrapper .separator{
		background:url(/static-images/widgets/calc-results-separator.gif);
		width:258px;
		height:1px;
		line-height:1px;
		font-size:1px;
		margin-top:-5px;
	}
	#widget #calcInputs fieldset{
		padding:0px;
		margin:0px;
		border:none;
	}
	#widget #calcInputs fieldset div p{
		text-align:right;
		margin:11px 0 11px 0;
	}
	#widget #calcInputs .leftCol{
		text-align:right;
		float:left;
		width:152px;
	}
	#widget #calcInputs .rightCol{
		text-align:right;
		float:right;
		width:175px;
	}
	#widget #calcInputs input{
		width:47px;
		height:23px;
		border:none;
		vertical-align:baseline;
		background:url(/static-images/widgets/calc-textbox.png);
/*		text-align:right;*/
		font-size:1.1em;
		color:#514943;
		padding:0 5px 0 5px;
	}
	#widget #calcInputs label{
		padding:0 5px 0 0;
		margin-top:10px;
		color:#514943;
		font-size:11px; /* 1em */
		font-weight:bold;
		vertical-align:baseline;
	}
	#widget #calcInputs .separator{
		background:url(/static-images/widgets/calc-inputs-separator.gif);
		width:330px;
		height:1px;
		line-height:1px;
		font-size:1px;
		margin-top:2px;
	}
	#widget #calcInputs #error{
		background:url(/static-images/widgets/calc-error-bullit.png) no-repeat 0 1px;
		padding-left:21px;
		font-size:1.1em;
		font-weight:bold;
		color:#B2001B;
		margin:0px;
		display:none;
	}
	#widget #clearButton{
		position:absolute;
		background:url(/static-images/widgets/calc-button-clear.png);
		width:61px;
		height:21px;
		cursor:pointer;
		left:190px;
		top:150px;
	}
	#widget #calculateButton{
		position:absolute;
		background:url(/static-images/widgets/calc-button-calculate.png);
		width:81px;
		height:21px;
		cursor:pointer;
		left:250px;
		top:150px;
	}
	#widget #recommendation img{
		float:left;
		margin:4px 6px 0 0;
	}
	#widget #recommendation h3{
		float:left;
	}
	#widget #recommendation p,
	#widget #results p{
		background:url(/static-images/widgets/calc-recommend-bullit.png) no-repeat 0 2px;
		float:left;
		width:180px;
		padding-left:16px;
		font-size:1.1em;
		font-weight:bold;
		color:#FFF55A;
		margin:2px 0 0 0;
	}
	#widget #results p{
		background:none;
		width:220px;
	}
	#widget #results p span{
		float:right;
	}
	#widget #results #petrolPrices{
		margin-top:10px;
	}
	#widget #results #petrolPrices p{
		color:#D4CDBD;
		font-weight:normal;
		font-size:1em;
	}
	#widget #results #petrolPrices p a{
		font-weight:bold;
		color:#FFF55A;
	}
	#textSizeTest{
		width:1em;
		height:1em;
		background:#F00;
		margin:-1em 0px 0px -1em;
	}
/* sitemap styles*/
 	.content.sitemap{
		margin-top:120px;
	}
	.child{
		padding:5px 10px 5px 40px;
	}
	.parent em{
		font-weight:bold;
	}


/* editorial promo video styles */

	div.editorialPromoVideo {
		padding: 20px 13px; 
		background: url(../static-images/editorial-divider.gif) no-repeat center top;
	}
	
	div.editorialPromoVideo div.vidTop {
		height: 6px;
		display: block;
		overflow: hidden;
		background: url(../static-images/video-promo-top.gif) no-repeat;
	}
	
	div.editorialPromoVideo div.vidBot {
		height: 8px;
		display: block;
		overflow: hidden;
		background: url(../static-images/video-promo-bot.gif) no-repeat;
	}

	div.editorialPromoVideo div.vidMid {
		background: url(../static-images/video-promo-mid.gif);
		padding: 5px 0 2px 10px;
	}