/*
	-----------------------------------------------------------------------------
	##### Copyright Kleenheat
	##### www.Kleenheatng.com.au
	##### Author: Sumo Group - Perth Digital Agency - www.sumo.com.au	
	-----------------------------------------------------------------------------

	Table of Contents
	---------------------
	- Soft Reset
	- Typography
	- Classes & Shared Styling
	- Accessibility
	- Base Layout
	- Navigation Styles
	- Modal
	- Retina Display
	---------------------
	
	
**		Soft Reset
--------------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; }
	html, body { height: 100%; display: block; }
	img { border: none; }
	
	/* html 5 elements */
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }
	:focus { outline: none; }
	
	button::-moz-focus-inner,
	input[type="reset"]::-moz-focus-inner,
	input[type="button"]::-moz-focus-inner,
	input[type="submit"]::-moz-focus-inner,
	input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin:0; }
	button, button:focus, button:active { margin:0; top: 0; left: 0; padding: 0; position: relative; }
		
	body input:-webkit-autofill { color: #2a2a2a!important; background-color: #ffffff!important; }
	
	[draggable] { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
	

/*		Typography
--------------------------------------------------------------------------------- */

	body { margin: 0; min-width: 980px; font: 75%/133.3% Arial, Helvetica, sans-serif; color: #636363; background-color: #fff; }
	
	a { text-decoration: none; color: #00aeef; }
	a:hover { color: #00baff; }
	
	h1 { font-size: 300%; line-height: 110%; }
	h2 { font-size: 200%; line-height: 100%; }
	h3 { font-size: 170%; line-height: 100%; }
	h4 { font-size: 150%; line-height: 100%; }
	h5 { font-size: 130%; line-height: 100%; }
	h6 { font-size: 100%; line-height: 100%; }
	
	ul { list-style: disc; margin: 0 0 20px; padding: 0 0 0 40px; }
	ul ul { list-style: circle; margin: 10px 0; }
	ul ul ul { list-style: square; }
	ol { list-style: lower-alpha; margin: 0 0 20px; padding: 0 0 0 40px; }
	ol ol { list-style: decimal; margin: 10px 0; }
	ol ol ol { list-style: lower-roman; }
	
	
/*		Classes & Shared styling
--------------------------------------------------------------------------------- */
	
	/* clearing methods */
	.clearboth { display: block; clear: both; height: 0px; font-size: 1px; line-height: 0px; }
	.clearleft { clear: left; }
	.clearright { clear: right; }
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix {	display: block; }
	
	/* image replacing */
	.img-replace { display: block; text-indent: -9999em; overflow: hidden; }

	/* floating methods */
	.imgl, .fll { float: left; margin: 5px 25px 20px 0; }
	.imgr, .flr { float: right; margin: 5px 0 20px 25px; }
	
	/* list-clear */
	.li-clear, .li-clear li { margin: 0; padding: 0; list-style: none; }
	
	.nav ul, .nav li { background: none; padding: 0; margin: 0; list-style: none; }
	.nav li { float: left; display: block; }
	.nav li a { display: block; }
	
	
/*		Accessibility
--------------------------------------------------------------------------------- */

	#access { position: absolute; top: -9999em; left: -9999em; }
	


/*		Home Landing
--------------------------------------------------------------------------------- */

	.block-container { width: 1190px; min-width: 1190px; padding: 0 10px; margin: 0 auto; }
	
	#header { background-color: #024071; height: 55px; min-width: 1210px; }
	h1 { width: 184px; height: 37px; margin: 14px 0 0 0; float: left; }
	#logo { background: url('/images/standard/landing/heading-icons.gif') 0 0 no-repeat; width: 184px; height: 37px; }
	.printlogo { display: none; }
	
	#header-pannel { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; float: right; }
	#header-pannel #landing-nav { background: url('/images/standard/landing/heading-seperator.gif') right 16px no-repeat; float: left; }
	#header-pannel #landing-nav li { margin: 16px 17px 0 0; }
	#header-pannel #landing-nav a { color: #81a0b8; line-height: 220%; }
	#header-pannel #landing-nav a:hover,
	#header-pannel #landing-nav .selected a { color: #fff; }
	#header-pannel #call-us { color: #fff; line-height: 220%; margin: 16px 0 0 7px; padding-left: 28px; background: url('/images/standard/landing/heading-icons.gif') -185px -2px no-repeat; float: left; }
	
	
/*		Home Landing - Banner
--------------------------------------------------------------------------------- */
	
	#banner { background: url('/images/standard/landing/slider-background.jpg') 0 0 repeat-x; height: 447px; overflow: hidden; min-width: 1190px; position: relative; width: 100%; }
	#banner .block-container { position: static; clear: none; }
	#banner .slides-text { background: url('/images/standard/landing/slider-mask.png') right top no-repeat; width: 627px; height: 447px; position: absolute; z-index: 20; }
	#banner .slides-text .landing-heading { letter-spacing: -0.04em; display: block; color: #fff; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 533.3%; line-height: 104.7%; padding: 38px 0 11px; }
	#banner .slides-text .landing-intro { letter-spacing: -0.04em; display: block; color: #024071; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 175.0%; line-height: 123.85%; }
	#banner .slides-text .notice { color: #5d8bad; }
	
	#banner .slide-img { min-width: 1190px; }
	#banner .slide-img-wrap { float: right; width: 874px; }
	#banner .slide-img-wrap img { display: block; }
	#banner .bullet { font-size: 125%; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; color: #024071; clear: both; display: block; background: url('/images/standard/landing/bullet-dkblue.png') 0 3px no-repeat; padding: 0 0 0 10px; margin: 15px 0 0; }
	
	.landing-signup, .landing-switch { background: url('/images/standard/landing/landing-icons.png') 0 1px no-repeat; padding-left: 33px; margin: 33px 40px 0 0; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; color: #638faf; font-size: 108.3%; float: left; }
	.landing-signup { background-position: 0 -49px; }
	
	.fbtn.landing-btn { height: 42px; clear: both; padding-top: 35px; line-height: 100%; display: block; }
	.fbtn.landing-btn .fbtn-out { padding-bottom: 0px; display: inline-block; position: static; background: url('/images/standard/landing/landing-btns.png') right -47px no-repeat; padding-right: 29px; line-height: 100%; }
	.fbtn.landing-btn .fbtn-in { min-width: 150px; display: inline-block; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; color: #fff; position: static; background: url('/images/standard/landing/landing-btns.png') 0 -5px no-repeat; padding: 0 6px 0px 22px; line-height: 39px; font-size: 138.5%; }
	
	.fbtn.landing-btn .fbtn-out:hover { background-position: right -131px; }
	.fbtn.landing-btn .fbtn-out:hover .fbtn-in { background-position: 0 -89px; }
	
	#slide02 .slides-text .landing-heading { padding-bottom: 25px; }
	#slide03 .slides-text .landing-heading { padding-bottom: 25px; }

	
/*		Home Landing - Doorways
--------------------------------------------------------------------------------- */
	
	#doorways { background: #fff; padding: 27px 0 0; height: 248px; }
	
	.landing-doorway { letter-spacing: -0.05em; color: #809fb8; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 208.3%; line-height: 120%; margin-bottom: 17px; display: block; }
	#doorways li { width: 158px; height: 150px; float: left; border-right: 1px solid #e3e3e3; text-align: center; }
	#doorways li a { display: block; color: #024071; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 133.3%; text-align: center; }
	#doorways li a:hover { color: #00AEEF; }
	#doorways li a .note { color: #bacad7; font-size: 87.5%; }
	#doorways li .ld-img { margin: 0 auto 17px; background: url('/images/standard/landing/landing-options.jpg') 0 0 no-repeat; display: block; height: 100px; width: 100px; }
	
	#doorways #ld-naturalgas .ld-img { background-position: -1px 0; width: 74px; }
	#doorways #ld-gasappliances .ld-img { background-position: -157px 3px; width: 90px; }
	#doorways #ld-lpgcylinders .ld-img { background-position: -310px 0; width: 67px; }
	#doorways #ld-kwikgas .ld-img { background-position: -482px 5px; width: 95px; } 
	#doorways #ld-gastransport .ld-img { background-position: -629px -1px; width: 158px; }
	#doorways #ld-gaswork .ld-img { background-position: 0 0; background-image: none; }
	
	#doorways li.last { border: none; }
	
	
	
/*		Home Landing - Aside
--------------------------------------------------------------------------------- */
	
	.p-landing #aside { width: 234px; float: right; margin-top: -395px; position: relative; z-index: 100; margin-left: -2px; left: 2px; }
	.p-landing #aside a.arrow { background: url('/images/standard/landing/bullets-small.png') 0 3px no-repeat; font-size: 66.7%; font-weight: bold; color: #81a0b8; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 10px; }
	.p-landing #aside a.arrow:hover { background-position: 0 -81px; color: #8caec8; }
	.p-landing #aside li, .p-landing #aside ul { margin: 0; padding: 0; list-style: none; }

	.p-khhome #aside-top { background: url('/images/standard/landing/aside-l-top.png') 0 0 no-repeat; padding-top: 4px; }
	.p-khhome #aside-wrap { background: url('/images/standard/landing/aside-l-mid.png') 0 0 repeat-y; padding: 0 3px; }
	.p-khhome #aside-colouring { background: url('/images/standard/landing/aside-l-repeater.png') 0 bottom repeat-x; }
	.p-khhome #aside-btm { background: url('/images/standard/landing/aside-l-btm.png') 0 0 no-repeat; padding-top: 8px; }
	
	.p-khhome #aside #aside-qlinks { padding: 16px 18px 21px; border-bottom: 1px solid #dae3e6; }
	.p-khhome #aside h2 { color: #024071; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 208.3%; line-height: 100%; }
	.p-khhome #aside h3 { color: #638faf; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 116.7%; line-height: 100%; text-transform: uppercase; margin-bottom: 10px; }

	.p-khhome #aside li.aside-icons a { padding: 0 0 15px 34px; display: block; }
	.p-khhome .aside-heading { color: #024071; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 125%; display: block; line-height: 146.7%; margin-bottom: 1px; padding: 2px 0 0; }
	.p-khhome .aside-subheading { color: #81a0b8; font-family: 91.7%; font-weight: bold; display: block; }
	
	.aside-icons { background: url('/images/standard/landing/landing-aside-icons.png') 0 0 no-repeat; }
	
	/* Pay your bill */
	#aside-bill-NG { padding: 20px 18px 4px; border-bottom: 1px solid #dae3e6; }
	
	/* Natural Gas */
	#aside #aside-NG { padding: 22px 18px 6px; border-bottom: 1px solid #dae3e6; }
	#aside-NG-manage:hover { background-position: 0 -84px; }
	#aside-NG-pay { background-position: 0 -168px; }
	#aside-NG-pay:hover { background-position: 0 -252px; }
	
	/* LPG Cylinders */
	#aside-LPG { padding: 22px 18px 6px; border-bottom: 1px solid #dae3e6; }
	#aside-NG-order { background-position: 0 -335px; }
	#aside-NG-order:hover { background-position: 0 -419px; }
	
	/* Find Kleenheat */
	#aside-findlpg { padding: 22px 18px; border-bottom: 1px solid #dae3e6; }
	#aside-findlpg .text-wrap { float: left; background: url('/images/standard/landing/landing-sprite-fields.png') 0 0 no-repeat; display: block; padding: 7px 0; width: 150px; float: left; overflow: hidden; }
	#aside-findlpg input.text { background: 0; border: none; line-height: 16px; width: 133px; padding: 0 8px; font-family: Arial, Helvetica, sans-serif; display: block; }
	#aside-findlpg .fbtn { display: block; float: left; height: 28px; line-height: 28px; border: none; color: #fff; cursor: pointer; background: none; }
	#aside-findlpg .fbtn-out { display: block; background: url('/images/standard/landing/landing-sprite-fields.png') right 0 no-repeat; padding:0; }
	#aside-findlpg .fbtn-in { display: block; width: 36px; height: 28px; margin-left: 4px; }
	#aside-findlpg .fbtn:hover .fbtn-out { background-poisition: 0 -36px; }
	
	/* Catalogue */
	#aside-catalogue { padding: 19px 18px; background: url('/images/standard/landing/mag.png') 118px 10px no-repeat; }
	.p-khhome #aside-catalogue h3 { color: #024071; font-weight: normal; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; text-transform: none; font-size: 133.3%; line-height: 120%; margin-bottom: 5px; }
	#aside-catalogue p { margin: 0 0 5px; line-height: 145%; color: #959595; font-size: 91.7%; }
	#aside-catalogue a { font-size: 91.7%; color: #81a0b8; font-weight: bold; background: url('/images/standard/landing/bullets-small.png') 0 2px no-repeat; display: block; padding: 0 0 0 10px; }
	#aside-catalogue a:hover { color: #8caec8; background-position: 0 -82px; }
	
	
/*		Home Landing - Content
--------------------------------------------------------------------------------- */

	#main-container { min-width: 1210px; overflow: hidden; }

	#content { padding: 38px 0 0; background: #f4f5f6; min-width: 1210px; }
	#content .block-container { border-bottom: 1px solid #e0e0e1; padding-bottom: 25px; }
	
	#content h2 { letter-spacing: -0.03em; line-height: 150%; color: #024071; font-size: 183.3%; margin-bottom: 15px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; }
	#content p { letter-spacing: -0.03em; color: #909090; font-size: 150%; line-height: 122.3%; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-weight: normal; }
	#content a.arrow { line-height: 150%; background: url('/images/standard/landing/bullets.png') 0 1px no-repeat; font-size: 66.7%; font-weight: bold; color: #81a0b8; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 13px; }
	#content a.arrow:hover { background-position: 0 -84px; color: #8caec8; }
	
	#landing-about { width: 288px; margin-right: 32px; float: left; }
	#landing-about p { line-height: 140.9%; }
	#landing-links { width: 200px; margin-right: 95px; float: left; }
	
	#landing-links ul { list-style: none; margin: 46px 0 0; padding: 0; }
	#landing-links li { list-style: none; }
	#landing-links li a { background: url('/images/standard/landing/bullets.png') 0 3px no-repeat; color: #81a0b8; font-size: 133.4%; line-height: 168.6%; padding-left: 13px; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-weight: normal; }
	#landing-links li a:hover { background-position: 0 -82px; color: #8caec8; }
	
	#landing-community { width: 290px; margin-right: 56px; float: left; }
	#landing-community h2 { background: url('/images/standard/landing/landing-icons.png') -2px -96px no-repeat; padding: 0 0 0 35px; }
	#landing-community p { margin-bottom: 8px; }
	#content .salvos { height: 35px; display: block; font-size: 100%; line-height: 122%; background: url('/images/standard/landing/landing-icons.png') -2px -208px no-repeat; font-weight: bold; color: #81a0b8; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 39px; margin: 15px 0; }

	#landing-safety { width: 220px; float: left; }
	#landing-safety h2 { background: url('/images/standard/landing/landing-icons.png') -1px -152px no-repeat; padding: 0 0 0 37px; }
	#landing-safety p { margin-bottom: 8px; }
	
	
/*		Home Landing - Footer
--------------------------------------------------------------------------------- */

	#footer { background: #f4f5f6; padding: 30px 0 20px; min-width: 1210px; }
	
	#copyright { width: 259px; float: left; padding: 0; padding-right: 25px; }
	#footer-logo { background: url('/images/standard/landing/footer-sprite.png') 0 -4px no-repeat; height: 26px; width: 186px; margin-bottom: 18px; padding: 0; }
	#copyright p { color: #9c9c9c; font-size: 91.7%; line-height: 119.3%; padding-bottom: 13px; }
	
	.footer-nav { float: left; border-left: 1px solid #e0e0e1; height: 125px; }
	.footer-nav ul { list-style: none; margin: -4px 0 0; padding: 0; }
	.footer-nav li { list-style: none; margin: 0; padding: 0 47px 2px 32px; }
	.footer-nav li.last { padding-bottom: 0; }
	.footer-nav a { color: #9c9c9c; font-size: 91.7%; }
	.footer-nav a:hover { color: #878686; }
	
	#footer-main-nav a { color: #636363; font-weight: bold; }
	#footer-main-nav a:hover { color: #7b7a7a; font-weight: bold; }
	
	#footer-affiliates { width: 235px; float: right; }
	#wesfarmers-logo { background: url('/images/standard/landing/footer-sprite.png') 0 -108px no-repeat; height: 48px; width: 274px; float: right; margin-top: -6px; }
	#wesfarmers-logo a { display: block; height: 48px; width: 274px; }
	#sumo-logo { background: url('/images/standard/landing/footer-sprite.png') 0 -38px no-repeat; height: 29px; width: 112px; float: right; margin-top: 48px; }
	#sumo-logo:hover { background-position: 0 -71px; }
	

/*	Select Dropdown
--------------------------------------------------------------------------------- */

	/* Custom Drop Menu */
	.stomp-wrap { cursor: pointer; color: #a9a9a9; position: relative; margin-bottom: 5px; }
	.text-dd { margin: 0 35px 0 0; white-space: nowrap; overflow: hidden; }
	.stomp-wrap ul { display: none; top: 22px; right: 0; left :0; margin: 0; padding: 0; list-style: none; }
	.stomp-wrap li { display: block; cursor:pointer; color: #333; }
	.stomp-wrap li.group { font-weight: bold; padding-left: 8px; cursor: default; color: #ccc; }
	.sStompList { overflow: auto; max-height: 300px; position: absolute; z-index: 100; }
	.isOpen { position: relative; z-index: 100; }
	
	.stomp-wrap { width: 173px; background: url('/images/standard/landing/landing-sprite-select.png') 0 0 no-repeat; padding: 8px 10px; margin-top: 4px; font-size: 108.3%; } 
	.stomp-wrap:focus, .isOpen { background-position: 0 -41px; }
	
	#aside-findlpg .stomp-wrap ul { top: 31px; }
	#aside-findlpg .stomp-wrap li { color: #858585; background: url('/images/standard/landing/landing-sprite-select.png') 0 -90px no-repeat; padding: 0px 10px 12px 10px; display: block; line-height: 100%; }
	#aside-findlpg .stomp-wrap li:hover, #aside-findlpg .stomp-wrap li.active { color: #638faf; }
	#aside-findlpg .stomp-wrap li:first-child { background-position: 0 -82px; padding-top: 12px; }
	#aside-findlpg .stomp-wrap li:last-child { background-position: 0 bottom; }


/*	Retina Images - Device/Resolutions Targetting - iPhone 4, Opera Mobile 11 and hi-resolution devices 
--------------------------------------------------------------------------------- */
	@media
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
	
		#logo { background-image: url('/images/retina/landing/heading-icons.gif'); background-size: 208px 25px; }
		#header-pannel #landing-nav { background-image: url('/images/retina/landing/heading-seperator.gif'); background-size: 1px 27px; }
		#header-pannel #call-us { background-image: url('/images/retina/landing/heading-icons.gif'); background-size: 208px 25px; }
		#banner { background-image: url('/images/retina/landing/slider-background.png'); background-size: 60px 447px; }
		#banner .slides-text  { background-image: url('/images/retina/landing/slider-mask.png'); background-size: 617px 447px; }
		.landing-signup, .landing-switch { background-image: url('/images/retina/landing/landing-icons.png'); background-size: 38px 246px; }
		
		.fbtn.landing-btn .fbtn-out,
		.fbtn.landing-btn .fbtn-in { background-image: url('/images/retina/landing/landing-btns.png'); background-size: 275px 173px; }
		#doorways li .ld-img { background-image: url('/images/retina/landing/landing-options.jpg'); background-size: 795px 100px; }
		.p-landing #aside a.arrow { background-image: url('/images/retina/landing/bullets-small.png'); background-size: 6px 95px; }
		
		#content a.arrow,
		#landing-links li a  { background-image: url('/images/retina/landing/bullets.png'); background-size: 9px 100px; }
		
		#landing-community h2,
		#content .salvos,
		#landing-safety h2 { background-image: url('/images/retina/landing/landing-icons.png'); background-size: 38px 246px; }
		
		#footer-logo,
		#wesfarmers-logo,
		#sumo-logo { background-image: url('/images/retina/landing/footer-sprite.png'); background-size: 274px 156px; }

	}