@import url(/Content/CSS/SignUpModule.css);
   /* =============================================================================
   Sign up module import above
   ========================================================================== */

/* Emergency Message */
@import url(/Content/CSS/emergency-message.css);

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

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; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }



a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; clear:both; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #fcc712; color: black; padding: 20px 20%;}
.chromeframe a { font-weight: bold; color: #000; }

/* ===== Fonts ========================================================
   Using http://www.fonts.com/
   ========================================================================== */

/* ===== Primary Styles ========================================================
   Author: Revium (http://revium.com.au)
   ========================================================================== */

/* Alinta Energy Colours

	Orange  - #ee8428 | 238,132,40
	Blue 	- #0093db | 0,147,219
	Red		- #ee2e24 | 238,46,36
	Yellow	- #ffd457 | 255,212,87
	Green	- #89bd3e | 137,189,62
	Grey	- #d8d8d8

*/

/* =============================================================================
   General styles
   ========================================================================== */

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

body {
	color: #363636; font-size: 87.5%; /* 14px */
	position: relative;
}
@media all and (max-device-width: 768px) {
	body {
		/* min-width: 1020px;  Fix background crop issue on mobiles and tablets */
	}
}
.content-width { margin: 0 auto; width: 1000px; position: relative; }

@media (max-width: 1020px) {
	.full-width-page {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.right { float: right; }
.left { float: left; }

a { color: #0093db; }
a:visited { color: #0093db; }
a:hover { color: #00496d; }
a.pdf-link { padding-left: 20px; background: transparent url(../Images/icon-pdf-link.gif) no-repeat 0 50%; }

h1, h2, h3, h4, h5 {
	margin-bottom: 10px;
	font-weight: normal;
	color: #242424;
}
h1 { font-size: 2.500em; color: #ee8428; }
h2 { font-size: 1.786em; color: #ee8428; }
h3 { font-size: 1.429em; }
h4 { font-size: 1.143em; }
h5 { font-size: 1.000em; }
h1 i, h2 i, h3 i, h4 i, h5 i {
	margin-right: 0.5em;
}

table.table,
#jobs-form table {
	width: 100%;
	border: 1px solid #d8d8d8;
	border-right: 0; border-bottom: 0;
	text-align: left;
	box-shadow: 0 0 5px #ddd;
}
table.table th,
#jobs-form table th,
.ui-datepicker table th {
	background-color: #0093db;
	color: #fff;
}
table.table th, table.table td,
#jobs-form table th, #jobs-form table td {
	padding: 5px;
	border: 1px solid #d8d8d8;
	border-left: 0; border-top: 0;
}
table.table tr.odd,
table.table tr.odd td {
	background-color: #f1f1f1;
}
table.asp-table {
	border: 0px none #d8d8d8;
}
table.asp-table td {
	border: 0px none #d8d8d8;
}
ol.alpha {
	list-style-type: lower-alpha;
}
ol.alpha-i {
	list-style-type: lower-roman;
}
.off {
    display: none;
}

/* =============================================================================
   Form styles
   ========================================================================== */

label,
span.EditingFormLabel { display: inline-block; width: 30%; vertical-align: top; }
#contact-form label { width: 50%; }

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
textarea,
select,
.styled-select {
	background-color: #f9f9f9;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: inset 0 2px 5px -2px #999;
	-webkit-input-appearance: none;
	outline: none;
	padding: 5px;
	font-size: 1em;
	color: #363636;
	width: 44%;
	margin-left: 5%;
	height: 30px;
}
textarea { height: 100px; }
input[type=text].small { width: 20%; }
.form-container > div {
	display: block;
	margin-bottom: 1em;
	clear: both;
}
.form-container > div.two-column-split label {
	width: 15%; vertical-align: middle;
}
.form-container > div div.EditingFormControlNestedControl {
	display: inline-block;
	width: 44%;
	margin-left: 5%;
}
.form-container > div.two-column-split div div.EditingFormControlNestedControl {
	display: inline-block;
	width: 50%;
	margin-left: 5%;
}
.form-container > div.checkbox-accept {
	 border-top: 1px solid #d8d8d8;
	 padding-top: 10px;
}
.form-container > div.checkbox-accept div.EditingFormControlNestedControl {
	 width: 5%;
	 margin-left: 3%;
}
.form-container > div.checkbox-accept label {
	 width: 72%;
	 cursor: default;
}
.form-container > div.two-column-split {
	display: block;
	width: 100%;
}
.form-container > div.two-column-split div {
	display: inline-block;
	width: 49%;
}
.form-container > div div.EditingFormControlNestedControl input[type=text],
.form-container > div div.EditingFormControlNestedControl input[type=password],
.form-container > div div.EditingFormControlNestedControl textarea,
.form-container > div div.EditingFormControlNestedControl select { width: 100%; margin-left: 0; }

.form-container > div.medium div.EditingFormControlNestedControl input[type=text] { width: 100px; margin-left: 0; }

.form-container > div.checkbox-accept,
.form-container > div.gas-item-connections {
	 width: 100%;
}
.form-container > div.gas-item-connections h5 {
	display: inline-block;
	width: 35%;
}
.form-container > div.gas-item-connections > div {
	display: inline-block;
	width: 24%;
}
.form-container > div.gas-item-connections > div > label {
	 display: inline-block;
	 width: 30%;
	 vertical-align: middle;
}
.form-container > div.gas-item-connections > div div.EditingFormControlNestedControl {
	 display: inline-block;
	 width: 44%;
}
.form-container > div.gas-item-connections > div > div.EditingFormControlNestedControl input {
	width: 100%;
}
.form-container > div.gas-item-connections > div.other-item {
	width: 50%;
}
.form-container > div.gas-item-connections > div.other-item label {
	width: 15%;
}
.form-container > div.gas-item-connections > div.other-item div.EditingFormControlNestedControl {
	width:70%;
	margin-left: 2%;
	margin-bottom: 10px;
}
.form-container > div.gas-item-connections > div.padme {
	margin-left: 35.7%;
}

select { width: auto; height: 30px; }
#question-bar .form-container div.styled-select {
	display: inline-block;
	position: relative;
	padding-left: 10px;
	padding-right: 40px;
	width: 250px;
	box-shadow: inset 0 -2px 5px -2px #999;
	height: 38px;
}
.styled-select { cursor: pointer; }
.styled-select p {
	margin: 0;
	text-decoration: none;
	color: #363636;
	font-size: 1.429em;
	line-height: 1em;
	position: relative;
	z-index: 99;
	overflow: hidden;
	height: 25px;
	padding-top: 2px;
}
.styled-select p.dropdownOpen {
	overflow: visible;
	height: auto;
}
.styled-select ol {
	margin: 0;
	display: none;
	padding: 10px;
	padding-top: 55px;
	list-style: none;
	background: #fff;
	position: absolute;
	z-index: 1;
	top: -1px; right: -1px;
	border-radius: 5px;
	padding-right: 40px;
	list-style: none;
	width: 101%;
	box-shadow: 0 0 10px 0 #111;

}
.styled-select ol li {
	display: block;
	border-top: 1px solid #d8d8d8;
}
.styled-select ol li:first-child {
	border-top: 0;
}
.styled-select ol li a {
	display: block;
	text-decoration: none;
	color: #363636;
	font-size: 1.2em;
	padding: 5px;
}
.styled-select ol li a:hover {
	color: #00496d;
}
.styled-select i {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	height: 40px;
	padding: 10px;
}
.button, input[type=submit], input[type=button] {
	display: inline-block;
	/*border-radius: 5px;*/
	color: #fff;
	padding: 5px 20px;
	text-decoration: none;
	font-size: 18px;
	text-transform: lowercase;
	border: 0px solid;
	margin-bottom: 10px;
	/*background-image: url(../Images/button-treatment.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;*/
	background-color: #000;
}
.button i {
	vertical-align: top;
	display: inline-block;
	width: 30px;
	margin-left: 15px;
	height: 28px;
	border-left: 1px solid #fff;
	background: transparent url(../Images/icon-white-arrow.png) no-repeat 100% 50%;
}
.button:hover,
.button:active,
.button:visited { color: #fff; }
.button.blue,
input[type=submit], input[type=button] {
	color: #fff;
	/*text-shadow: 0 -1px 0 #696969;*/
	border-color: #0093db;
	background-color: #0093db;
}
.button.grey {
	color: #0093db;
	/*text-shadow: 0 1px 0 #fff;*/
	border-color: #e7e7e7;
	background-color: #e7e7e7;
}
.button.grey i { border-color: #999; background-image: url(../Images/icon-blue-arrow.png); }

.button.orange {
	color: #fff;
	/*text-shadow: 0 -1px 0 #777;*/
	border-color: #ee8428;
	background-color: #ee8428;
}
.button.green {
	color: #fff;
	/*text-shadow: 0 -1px 0 #999;*/
	border-color: #89bd3e;
	background-color: #89bd3e;
}

#main .button:hover,
#main input[type=submit]:hover,
#main input[type=button]:hover { /*box-shadow: inset 0 -3px 10px -5px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.5);*/ }

#main .button:active,
#main input[type=submit]:active,
#main input[type=button]:active { top: 1px; position: relative; }

.button:hover,
.button.blue:hover 		{ background-color: #0076af; }
.button.grey:hover 		{ background-color: #b9b9b9; }
.button.orange:hover 	{ background-color: #be6a20; }
.button.green:hover 	{ background-color: #6e9732; }

.HiddenButton {
	display: none !important; visibility: hidden !important;
}

/*#main input.button,
#main input[type=submit],
#main input[type=button] { box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255,255,255,0.5); }*/

.ErrorLabel {
	display: block;
	background-color: #bf282d;
	border: 1px solid #942225;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	box-shadow: inset 0 1px 0 #dd6567, inset 0 3px 25px -5px rgba(255,255,255,0.5);
	text-shadow: 0 -1px 0 #942225;
}
.Error input[type=text],
.Error textarea,
.Error select {
	background-color: #fcf4f4;
	border: 1px solid #942225;
}
.EditingFormErrorLabel {
	color: #942225;
	margin-left: 30.5%;
	padding: 5px;
	display: inline-block;
	width: 44%;
	font-weight: bold;
}
table input { width: auto; margin-right: 5px; }
table label { width: auto; }
table.RadioButtonList label {
	margin-right: 20px;
}
p.button-container { text-align: center; margin-top: 2em; }
ol#enquiry-type-selection {
	display: inline-block;
	margin: 0; padding: 0;
	list-style-type: none;
	width: 50%;
}
ol#enquiry-type-selection li  {
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	padding: 0;
	background-color: #aaa;
	text-decoration: none;
	font-size: 18px;
	border: 1px solid #999;
	margin-bottom: 10px;
	background-image: url(../Images/button-treatment.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	width: 100%;
	text-shadow: 0 -1px 0 #969696;
}
ol#enquiry-type-selection label {
	display: block;
	width: 100%;
	padding: 3px 10px 7px 50px;
	background: transparent url(../Images/icon-option-tick-grey.png) no-repeat 10px 50%;
}
ol#enquiry-type-selection label:hover {
	box-shadow: inset 0 -3px 10px -2px #969696;
}
ol#enquiry-type-selection li.current {
	background-color: #0093db;
	border-color: #2383b2;
	text-shadow: 0 -1px 0 #2383b2;
}
ol#enquiry-type-selection li.current label {
	background: transparent url(../Images/icon-option-tick-green.png) no-repeat 10px 50%;
}
ol#enquiry-type-selection li.current label:hover {
	box-shadow: inset 0 -3px 10px -2px #2383b2;
}
.error {
    display: block;
    color: #c00;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
}

/* Google search form*/
.gsc-control-cse * {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;
}
.gsc-control-cse input,
.gsc-control-cse input[type=text] {
	border-radius: 0px;
	box-shadow: none;
}

/* QAS */
section.form .QAS-dropdown select {
	font-size: 18px;
	height: 34px;
}
/* =============================================================================
   Menus
   ========================================================================== */

#top {
	/*background: #fff url(../Images/background-top.png) repeat-x 0 100%;
	border-bottom: 1px solid #d8d8d8;*/
	/*border-bottom: 1px solid #ccc;*/
	background: #fff;
}
#top #logo { display: inline-block; }

#primary-nav {
	list-style-type: none;
	display: block;
	font-size: 1.214em;
	margin-bottom: 0;
	position: relative;
	/*position: absolute;*/
/*	bottom: 0;
	right: 0;*/
	text-transform: lowercase;
}

#primary-nav li { display: block; float: left; vertical-align: middle; /*position: relative; */;}
#primary-nav li a { color: #fff; display: block; text-decoration: none; line-height: 2.059em; -webkit-font-smoothing: antialiased; -webkit-transform: translateZ(0);}
#primary-nav li:first-child a { border-left: 0; }
#primary-nav li.current a,
#primary-nav li a:hover { color: #fff; }

#primary-nav li.home-icon { width: 24px; margin-right: 10px; }
#primary-nav li.home-icon a { background: transparent url(../Images/icon-home.png) no-repeat 0 50%; text-indent: -9999em; }
#primary-nav li.home-icon a:hover,
#primary-nav li.home-icon.current a { background: transparent url(../Images/icon-home.png) no-repeat 100% 50%; }

#primary-nav li > a { border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative;}
.has-megamenu:hover { box-shadow: 0 0 8px #ccc; }
.has-megamenu:hover > a {
	/*border: 1px solid #d8d8d8;*/
	border-right: 0;
	border-bottom-color: #fff;
	background: #fff;
	position: relative;
	z-index: 99999;
}
.mega-menu-container { top: -9999em; left: 0;}
.has-megamenu:hover .mega-menu-container { top: auto; }
.mega-menu-container * {
	font-size: 14px;
	text-transform: none;
}
.mega-menu-container {
	display: block;
	margin-top: -1px;
	position: absolute;
	z-index: 9999;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #d8d8d8;
}
/* hides megamenu on mobile/tablet devices */
@media all and (max-device-width: 768px) {
	.mega-menu-container { display: none; }
}
.mega-menu-wrapper {
	background: #fafafa;
	border-radius: 10px;
	border: 5px solid #fff;
	padding: 10px;
}
.mega-menu-container h2 { display: block; clear: both; font-size: 15px; }
#primary-nav .mega-menu-container li,
#primary-nav .mega-menu-container li a { font-family: sans-serif; border: 0; display: block; float: none; line-height: 1.5em; }
#primary-nav .mega-menu-container li a { color: #0093DB; }
#primary-nav .mega-menu-container li a:hover { color: #00496d; }
.sub-menu-items,
.marketing-area { display: inline-block; vertical-align: top; }
.marketing-area { width: 240px; min-height: 300px; border: 1px solid #eee; }
.sub-menu-items { margin-right: 20px; }

.mega-menu-container.one-column						{ width: 315px; }
.mega-menu-container.two-column						{ width: 540px; }
.mega-menu-container.three-column					{ width: 785px; }
.mega-menu-container.one-column.has-media			{ width: 585px; }
.mega-menu-container.two-column.has-media			{ width: 830px; }
.mega-menu-container.three-column.has-media			{ width: 1005px; }
.mega-menu-container.one-column .sub-menu-items		{ width: 285px; }
.mega-menu-container.two-column .sub-menu-items		{ width: 530px; }
.mega-menu-container.three-column .sub-menu-items	{ width: 755px; }

.mega-menu-container .sub-menu-items ul { margin-bottom: 0; float: left;}
.mega-menu-container.one-column .sub-menu-items ul { margin-bottom: 10px; }
.mega-menu-container.two-column .sub-menu-items ul.li_cont1,
.mega-menu-container.two-column .sub-menu-items ul.li_cont2 {
	width: 50%;
}
.mega-menu-container.three-column .sub-menu-items ul.li_cont1,
.mega-menu-container.three-column .sub-menu-items ul.li_cont2,
.mega-menu-container.three-column .sub-menu-items ul.li_cont3 {
	width: 33.3%;
}
#primary-nav .mega-menu-container.two-column .sub-menu-items ul.li_cont1 li,
#primary-nav .mega-menu-container.three-column .sub-menu-items ul.li_cont1 li,
#primary-nav .mega-menu-container.three-column .sub-menu-items ul.li_cont2 li { border-right: 1px solid #d8d8d8; }

.mega-menu-container .sub-menu-items h2,
.mega-menu-container .sub-menu-items br {
	display: block; clear: both;
}
#primary-nav .mega-menu-container h2 a {
	font-size: 15px; color: #ee8428; display: block; border-left: none; text-decoration: none; padding: 0; line-height: normal;
}

#secondary-nav > ul {
	margin: 0; list-style-type: none;
	margin-top: 30px;
	padding: 20px 10px;
	background: transparent url(../Images/opaque-white-95.png);
	/*border-radius: 10px;*/
	/*box-shadow: 0 0 8px #999;*/
	width: 250px;
	font-size: 16px;
	border: solid 1px #ccc;
}

html.lt-ie9 #secondary-nav ul {
	border: 1px solid #d8d8d8;
}
#secondary-nav ul li { border-top: 1px solid #d8d8d8; }
#secondary-nav ul li:first-child { border: 0; }
#secondary-nav ul li a {
	padding: 8px 10px;
	display: block;
	text-decoration: none;
	color: #363636;
}
#secondary-nav ul li.CMSListMenuHighlightedLI a { color: #ee8428; }
#secondary-nav ul li a:hover { color: #00496d; }


#secondary-nav ul li ul.CMSListMenuUL {
	display: block;
	margin-top: 0px;
	padding: 10px;
	padding-top: 0;
	background: none;
	border-radius: 0px;
	box-shadow: none;
	width: auto;
	font-size: 14px;
}
#secondary-nav ul li.CMSListMenuHighlightedLI ul.CMSListMenuUL li a { color: #363636; }
#secondary-nav ul li.CMSListMenuHighlightedLI ul.CMSListMenuUL li.current a { color: #ee8428; }
#secondary-nav ul li.CMSListMenuHighlightedLI ul.CMSListMenuUL li a:hover { color: #00496d; }



#top-quicklinks {
	/*position: absolute;*/
	top: 5px; right: 0;
	/*padding-top: 10px;*/
}
#top-quicklinks ul { margin: 0; padding: 0; list-style-type: none;}
#top-quicklinks li {
	display: block;
	float: left;
	padding: 3px 10px 3px 10px;
	margin-bottom: 5px;
	border-left: 1px solid #d8d8d8;
	text-align: right;
	font-size: 12px;
}
#top-quicklinks li:first-child { border: 0; }
#top-quicklinks a { text-decoration: none; }
#top-quicklinks .phone-number,
#top-quicklinks .phone-number a { color: #000; cursor: default; text-decoration: none;}

#top-quicklinks #account-access { float: right; }
#top-quicklinks #account-access li { border-left: 0; padding: 0; border-radius: 10px; }
#top-quicklinks #account-access li:first-child { margin-right: 10px; }
/*#top-quicklinks span { display: inline-block; width: 0px; overflow: hidden; white-space: nowrap; }*/
#top-quicklinks span { display: none; overflow: hidden; white-space: nowrap; vertical-align: top; padding-top: 5px; text-transform: none; line-height: 23px; }
#top-quicklinks #account-access li a {
	display: block;
	/*border-radius: 10px;
	border-style: solid;
	border-width: 1px;*/
	height: 35px;
	padding: 0 5px 0 10px;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	/*background-image: url(../Images/button-treatment.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;*/
}
#top-quicklinks #myaccount-login a {
	border-color: #ee8428;
	background-color: #ee8428;
}
#top-quicklinks #myaccount-access a {
	border-color: #89bd3e;
	background-color: #89bd3e;
}
#top-quicklinks #account-access li i { display: inline-block; width: 30px; height: 35px; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: middle; }
#top-quicklinks #myaccount-login i { background-image: url(../Images/icon-white-padlock.png); }
#top-quicklinks #myaccount-access i { background-image: url(../Images/icon-white-pencil.png); }
/* State Selector Drowdown*/
#top-quicklinks li#change-state-link {
	float: none;
	clear: both;
	border: 1px solid #d8d8d8;
	border-right: 0; border-left: 0;
	position: relative;
	text-align: left;
}
#top-quicklinks .change-state-link-label {
    display: inline;
    cursor: pointer;
}
#top-quicklinks .change-state-link-selection {
    display: block;
    float: right;
    color: #0093DB;
    background: url(../Images/state-dropdown-select-arrow.png) right center no-repeat;
    padding: 0 22px 0 10px;
    cursor: pointer;
}
.change-state-dropdown {
    width: 485px;
    position: absolute;
    top: 35px;
    right: 0;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px 0 10px 10px;
    box-shadow: 0 0 8px #CCCCCC;
    display: none;
    margin-top: -1px;
    position: absolute;
    z-index: 99999;
    padding: 20px;
}
.change-state-dropdown-tip {
    position: absolute;
    top: -11px;
    right: 4px;
    width: 31px;
    height: 11px;
    background: url(../Images/state-dropdown-tip.png)no-repeat;
}
#header-toolbox-state-selector .change-state-dropdown-list a {
	cursor: pointer;
	display: block;
}

#header-toolbox-state-selector .change-state-dropdown-list a:hover, .change-state-dropdown-list a:hover strong {
	cursor: pointer;
	color: black;
}

#header-toolbox-state-selector .change-state-dropdown-list li {
    padding-left: 0;
    border: none;
    float: none;
    text-align: left;
    margin: 0;
}

.change-state-dropdown-list strong {
	font-weight: 400;
	color: #0093DB ;
}

#header-toolbox-state-selector .change-state-dropdown-list a {
	color: #999;
	display: block;
}

#header-toolbox-state-selector .change-state-dropdown-info {
	/*background: url(../Images/state-dropdown-info-icon.png) no-repeat 0 22px;*/
	border-top: #ccc 1px solid;
	padding-top: 15px;
	margin-bottom: 0;
	color: #999;
	text-align: center;
}

.change-state-dropdown-info img {
	margin-right: 5px;
}

.breadcrumb-wrapper {
	margin-top: 30px;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
}
.breadcrumb-wrapper li {
	display: inline-block;
	border-left: 1px solid #d8d8d8;
	padding-left: 0;
	margin-left: -1px;
	font-size: 12px;
}
.breadcrumb-wrapper li:first-child {
	margin-left: 0;
	border-left: 0;
}
.breadcrumb-wrapper li a,
.breadcrumb-wrapper li span {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}
.breadcrumb-wrapper li span {

}
ul.breadcrumb-wrapper + div > h1 {
	margin: 0;
	margin-top: 10px;
}

/*#main { background: transparent url(../Images/footer-background.jpg) no-repeat 50% 100%; }*/
#main { padding-bottom: 90px;}
#main .full-width {
	display: block;
	border-bottom: 1px solid #d8d8d8;
}

#mobile-header .mobile-menu {
	position: absolute;
	left: -300px; /*same as the width*/
	top: 0;
	width: 300px;
	background: #ee8428;
	transition: 1s;
}
#mobile-header .mobile-menu .open-nav-control {
	display: block;
	position: absolute;
	top: 0; right: -40px;
	width: 40px; height: 40px; line-height: 40px;
	color: #fff;
	font-size: 25px;
	text-align: center;
	background: #ee8428;
	border-right: solid 1px #cd7c16;
	border-bottom: solid 1px #cd7c16;
	cursor: pointer;
}
#mobile-header .mobile-menu .open-nav-control i { float: none; }
#mobile-header .mobile-menu.open { left: 0; }
#mobile-header .mobile-menu ul {
	margin: 0; width: 100%;
}
#mobile-header .mobile-menu > ul > li {
	border-bottom: 1px solid #fff;
	box-shadow: none;
}
#mobile-header .mobile-menu > ul > li > a {
	font-size: 18px;
	font-weight: bold;
}
#mobile-header .mobile-menu ul > li a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
}
#mobile-header .mobile-menu ul > li li a {
	padding-left: 10px;
	padding-right: 10px;
}
#mobile-header .mobile-menu ul li br { display: none; }

#mobile-header .mobile-menu .mega-menu-container.one-column,
#mobile-header .mobile-menu .mega-menu-container.two-column,
#mobile-header .mobile-menu .mega-menu-container.three-column,
#mobile-header .mobile-menu .mega-menu-container.one-column .sub-menu-items,
#mobile-header .mobile-menu .mega-menu-container.two-column .sub-menu-items,
#mobile-header .mobile-menu .mega-menu-container.three-column .sub-menu-items {
	width: 100%;
	display: block;
}
#mobile-header .mobile-menu ul > li.has-megamenu:hover > a {
	border: none;
	background: transparent;
	position: relative;
	z-index: 99999;
}
#mobile-header .mobile-menu .mega-menu-container {
	display: block;
	margin-top: 0;
	position: relative;
	z-index: 9999;
	background: transparent;
	border-radius: 0px;
	border: 0;
	box-shadow: none;
	top: auto;
}
#mobile-header .mobile-menu .mega-menu-container * { font-size: initial; }
#mobile-header .mobile-menu .mega-menu-wrapper {
	background: transparent;
	border-radius: 0px;
	border: none;
	padding: 0px;
}
#mobile-header .mega-menu-container .sub-menu-items ul { float: none; margin-bottom: 0;  }
#mobile-header .mobile-menu .marketing-area { display: none; }

#mobile-header .mobile-menu ul > li h2,
#mobile-header .mobile-menu ul > li ul {
	margin: 0;
	font-weight: bold;
	color: #fff;
	font-family: sans-serif;
	font-size: 15px;
}
#mobile-header .mobile-menu ul > li h2 { padding: 10px 20px; padding-right: 7px; }
#mobile-header .mobile-menu ul > li h2 a {
	font-size: 15px;
	color: #fff;
	display: block;
	border-left: none;
	text-decoration: none;
	padding: 0;
	line-height: normal;
}
#mobile-header .mobile-menu ul > li h2 + ul {
	font-size: 14px;
	font-weight: normal;
}
#mobile-header .mobile-menu .has-megamenu .mega-menu-container,
#mobile-header .mobile-menu h2 + ul {
	display: block;
	max-height: 0;
	transition: 0.5s;
	overflow: hidden;
}
#mobile-header .mobile-menu .has-megamenu.show-submenu .mega-menu-container,
#mobile-header .mobile-menu h2 + ul.show-submenu {
	max-height: 1500px;
}
#mobile-header .mobile-menu ul > li h2 + ul li a {
	padding-left: 30px;
	font-size: 14px;
}

#mobile-header .mobile-menu i { float: right; }

#mobile-header .mobile-menu li.has-megamenu > a > i,
#mobile-header .mobile-menu h2 > a > i {
	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
			transform:rotate(90deg);
	transition: 0.5s;
}
#mobile-header .mobile-menu .has-megamenu.show-submenu  > a > i,
#mobile-header .mobile-menu h2.show-submenu-parent > a > i {
	-webkit-transform:rotate(270deg);
	   -moz-transform:rotate(270deg);
			transform:rotate(270deg);
	transition: 0.5s;
}

#mobile-header .mobile-menu ul > li > a i { margin-top: 6px; }


#mobile-header .mobile-menu .has-megamenu.show-submenu { background-color: #0093db; }
#mobile-header .mobile-menu h2.show-submenu-parent,
#mobile-header .mobile-menu h2 + ul.show-submenu {
	background-color: #0072AA;
}

#mobile-header #mobile-search-box {
	text-align: center;
}
#mobile-header #mobile-search-box label {
	font-weight: bold;
	line-height: 25px;
	width: 100%;
	color: #fff;
	display: none;
}
#mobile-header #mobile-search-box input[type=text] {
	width: 60%;
	margin-left: 10px; margin-top: 10px;
}
#mobile-header #mobile-search-box input.btn {
	margin: 7px 10px;
}


/* =============================================================================
   Specifics
   ========================================================================== */

.non-edit #alinta-welcome {
	position: absolute;
	top: 0; right: 0;
	z-index: 99;
}
#alinta-welcome h1 {
	color: #ee8428;
	font-weight: normal;
	font-size: 15px;
	background: transparent url(../Images/welcome-arrow.png) no-repeat 100% 50%;
	padding-right: 30px;

	position: relative;
	z-index: 99;
	cursor: pointer;
}
.non-edit #alinta-welcome h1 {
    float: right;
}

.non-edit #alinta-welcome h1.close {
	background-image: url(../Images/welcome-cross.png);
}
.non-edit #alinta-welcome span {
	display: none;
	clear: both;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 10px;
	box-shadow: 0 0 10px #d8d8d8;
	padding: 20px; padding-top: 35px;
	width: 700px;
	position: absolute;
	top: -5px; right: -10px;
	z-index: 989;
}

.non-edit #alinta-welcome span.open {
	/*max-height: 700px*/
	display: block;
	top: 40px;
}


.EditMode .non-edit #alinta-welcome-wrapper {
	margin-top: 0;
}

#new-campaign-wrapper .non-edit #alinta-welcome-wrapper {
	margin-top: -41px;
	z-index: 999;
}

#new-campaign-wrapper .non-edit #alinta-welcome {
	position: relative;
	left: auto; top: auto;
	z-index: : 99;
}

#new-campaign-wrapper .non-edit #alinta-welcome h1 {
	display: inline-block;
	color: #ffffff;
	font-weight: normal;
	font-size: 15px;
	padding: 10px;
	position: relative;
	float: none;
	z-index: 99;
	cursor: pointer;
	margin:0;
	background: #000;
	background: rgba(0,0,0,0.5);
}
#new-campaign-wrapper .non-edit #alinta-welcome h1.close {
	background-image: url(../Images/welcome-cross.png);
}
#new-campaign-wrapper .non-edit #alinta-welcome #title-content {
	display: block;
	clear: both;
	max-height: 0;
	overflow: hidden;
	padding: 0px 20px;
	width: 100%;
	z-index: 9999;
	-webkit-transition: 1s;
	transition: 1s;
}
.EditMode .non-edit #alinta-welcome #title-content {
    max-height:none;
}
#new-campaign-wrapper .non-edit #alinta-welcome #title-content.open {
	max-height: 350px;
	padding: 20px; padding-bottom: 0;
}
#new-campaign-wrapper .non-edit #alinta-welcome #title-content .close-welcome-text {
	display: block;
	border-top: 1px solid #ccc;
	padding: 5px 0;
	text-decoration: none;
}
@media (max-width:640px) {
	#new-campaign-wrapper .non-edit #alinta-welcome #title-content.open {
		max-height: 800px;
	}
}

#campaign-wrapper {
	display: inline-block;
	width: 750px;
	background-color: #fff;
}
#vertical-homepage-ad-unit {
	margin-right: 20px;
	width: 250px; height: 502px; float: left;
}
#horizontal-homepage-ad-unit img {
	width: 100%;
}


#link-panel { display: inline-block; margin-top: 40px; float: right; }
#link-panel ul { padding: 0; list-style-type: none; }
#link-panel li {
	display: block;
	width: 190px;
	margin: 0;
	padding: 0;
	position: relative;
	border: 1px solid #d8d8d8;
	background: #f1f1f1;
	border-radius: 10px;
	height: 100%;
	margin-top: 20px;
}
#link-panel li:first-child { margin-top: 0; }
#link-panel li a {
	display: block;
	padding: 25px 0 25px 0;
	padding-left: 45px;
	font-weight: normal;
	color: #242424;
	text-shadow: 0 1px 0 #fff;
	font-size: 1.286em;
	text-decoration: none;
	text-transform: lowercase;
	line-height: 1.1em;
}
#link-panel li a.twolines {
	padding-top: 16px;
	padding-bottom: 16px;
}
#link-panel li a i {
	position: absolute;
	left: -50px; top: -5px;
	display: block;
	width: 85px; height: 85px;
	padding: 15px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 100px;
	background: #0093db url(../Images/panel-icon-background.png) no-repeat 50% 50%;
}
html.lt-ie9 #link-panel li a i {
	background: transparent url(../Images/panel-icon-background-circle.png) no-repeat 50% 50%;
	border: none;
}
#link-panel li a i img {
	height: 100%;
	width: 100%;
}
#link-panel li a strong {
	padding-top: 5px;
	display: block; overflow: hidden; height: 0;
	clear: both;
	font-weight: normal;
}


#new-link-panel { display: block; margin-top: 10px; margin-bottom: -20px; overflow: hidden;}
#new-link-panel ul { padding: 0; list-style-type: none; }
#new-link-panel li {
	display: block;
	float: left;
	width: 23.5%;
	margin: 0;
	margin-top: 20px;
	margin-left: 2%;
	padding: 0;
	position: relative;
	border: 1px solid #ccc;
	background: #f1f1f1;
	/*border-radius: 10px;*/
	height: 100%;
	vertical-align: top;
	font-family: "AvantGardeGothicITCW01B 731069", sans-serif;
}
#new-link-panel li:first-child { margin-left: 0; }
#new-link-panel li a {
	display: block;
	padding: 10px 20px;
	font-weight: normal;
	color: #242424;
	text-shadow: 0 1px 0 #fff;
	font-size: 15px;
	text-decoration: none;
	line-height: 20px;
	min-height: 82px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#new-link-panel li a:hover {
	background: #fff;
}
#new-link-panel li a.twolines {
	padding-top: 16px;
	padding-bottom: 16px;
}
#new-link-panel li a i {
	display: none;
	/*position: absolute;
	left: -50px; top: -5px;
	display: block;
	width: 85px; height: 85px;
	padding: 15px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 100px;
	background: #0093db url(../Images/panel-icon-background.png) no-repeat 50% 50%;
}
html.lt-ie9 #new-link-panel li a i {
	background: transparent url(../Images/panel-icon-background-circle.png) no-repeat 50% 50%;
	border: none;
}
#new-link-panel li a i img {
	height: 100%;
	width: 100%;*/
}
#new-link-panel li a strong {
	font-size: 20px;
	padding: 5px 0 10px 0;
	display: block;
	clear: both;
	font-weight: normal;
	font-family: "AvantGardeGothicITCW01D 731075", sans-serif;
	color: #0093db;
}

#left-panel { width: 250px; display: inline-block; vertical-align: top; position: relative; z-index: 999; }
.has-banner #left-panel { margin-top: -250px; }
#right-content { width: 730px; display: inline-block; vertical-align: top; margin-left: 15px; /* background: #fff; */ }



#banner-area {
	margin-top: -1px;
	border-bottom: 1px solid #d8d8d8;
	min-height: 250px;
	overflow: hidden;
	position: relative;
}
#banner-area > .content-width { position: relative; z-index: 99; padding-left: 270px; padding-bottom: 0; height: 250px; }
#banner-area .content-width * { margin-bottom: 0; }
#banner-area .content-width #secondary-nav {
	position: absolute;
	left: 0;
	top: 0;
}
#banner-area .content-width h1 {
	color: #fff;
	font-size: 3.571em;
	line-height: 1em;
	margin-bottom: 0.5em;
	margin-top: 0;
	padding-top: 0.5em;
}
#banner-area .content-width p { color: #fff; font-size: 1.429em; }
#banner-area #background-container {
	position: absolute;
	text-align: center;
	left: 0; right: 0; top: 0; bottom: 0;
	z-index: 1;
}
#question-bar {
	margin: 0 auto;
	display: block;
	min-height: 80px;
	clear: both;
	color: #fff;
	max-width: 100%; /* 1300px; */
	/* position: relative; */
	z-index: 999;
	padding-top: 20px;
	border-bottom: 1px solid #D8D8D8;
}
#question-bar-placeholder {
	display: block;
	height: 80px;
	margin-bottom: 10px;
}
#question-bar-container {
	z-index: 1;
	left: 0; right: 0;
}
#question-bar-container #question-bar .content-width {
	padding-left: 230px;
}
#question-bar label {
	font-size: 1.786em;
	width: auto;
	margin: 0;
}
#question-bar label,
#question-bar input {
	display: block;
	float: left;
}
#question-bar input[type=text] {
	width: 55%;
	font-size: 1.429em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 20px;
}
#question-bar-container #question-bar input[type=text] {
	width: 300px;
}

.content-module {
	display: inline-block;
	border: 1px solid #d8d8d8;
	background-color: #fdfdfd;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 1.429em;
	vertical-align: top;
}
.content-module.left { display: block; float: left; width: 48.5%;}
.content-module.right { display: block; float: right; width: 48.5%; }
.content-module h2 { margin-top: 0; }
.contact-page .content-module h2 { font-size: 1.429em; color: #242424; }

ul.link-list {
	margin: 0; padding: 0; list-style-type: none;
}
ul.link-list li {
	border-top: 1px solid #d8d8d8;
	padding: 5px 10px;
	overflow: hidden;
}
ul.link-list li:first-child {
	border-top: 0;
}
ul.link-list li.last-link {
	border-top-width: 2px;
	font-weight: bold;
}
ul.link-list li a {
	display: block;
	text-decoration: none;
}
ul.link-list li.last-link a {
	display: inline-block;
	padding-right: 15px;
	background: transparent url(../Images/icon-blue-arrow-right.png) no-repeat 100% 50%;
}
ul.link-list .date {
	display: block;
	float: left;
	text-align: right;
	width: 40px;
	margin-right: 10px;
	color: #aaa;
	text-transform: uppercase;
}


#support-questions-container .content-module { margin-top: 1.429em; width: 66%; }

#category-listing {
	margin-left: 3%;
	display: inline-block;
	width: 30%;
}

#support-news-list,
#support-contact-list,
#support-emergency-contacts {
	display: inline-block;
	width: 30%;
	margin-left: 3%;
	vertical-align: top;
}
#support-news-list { margin-left: 0; width: 33%; }

#support-contact-list ul {
	margin: 0; padding: 0; list-style-type: none;
}
#support-contact-list ul li {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	margin-bottom: 15px;
}
#support-contact-list ul li.spaceright {
	margin-right: 20px;
}
#support-contact-list ul li a {
	margin-bottom: 0.7em;
	display: block;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #0093db;
	background: #0093db url(../Images/button-treatment.png) repeat-x 0 0;
	height: 90px;
	width: 100%;
	text-decoration: none;
	color: #fff;
	font-size: 1.1em;
	line-height: 1em;
	position: relative;
}
#support-contact-list ul li a:hover {
	box-shadow: inset 0 -5px 10px -2px #00496d;
}
#support-contact-list ul li a i {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70px; height: 70px;
	padding: 10px 5px 5px 10px;
}
.faq-item {
	background: #fff url(../Images/background-top.png) repeat-x 100% 100%;
	border-bottom: 1px solid #d8d8d8;
	padding: 10px;
}
.faq-items .faq-item.first-child {
	border-top: 1px solid #d8d8d8;
}
.faq-items .faq-item h3 {
	display: block;
	width: 100%;
	margin: 0;
	font-size: 18px;
	padding-right: 20px;
}
.faq-items .faq-item h3.closed {
	background: transparent url(../Images/icon-blue-arrow-down.png) no-repeat 100% 50%;
	cursor: pointer;
}
.faq-items .faq-item h3.open {
	background: transparent url(../Images/icon-blue-arrow-up.png) no-repeat 100% 50%;
	cursor: pointer;
	color: #0093db;
}
.faq-items .faq-item h3:hover {
	color: #0093db;
}
.faq-items .faq-item span.faq-answer {
	display: block;
}
#main .form-container {
	display: block;
	clear: both;
}
#main .form-container h2 {
	border-top: 1px solid #d8d8d8;
	margin-top: 0;
	padding-top: 0.400em;
}
h3 span {
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: #999;
}
span.required-icon {
	color: #f00;
	font-weight: bold;
	font-size: 16px;
	padding-top: 2px;
	display: inline-block;
	vertical-align: middle;
}

.news-snippet {
	display: block;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #d8d8d8;
}
.news-snippet:first-child {
	border-top: 0;
}
.news-snippet-date,
.news-snippet-content {
	display: block;
	float: left;
	width: 20%;
}
.news-snippet-date p {
	margin-top: 8px;
	text-align: right;
	padding-right: 20px;
}
.news-snippet-content {
	float: right;
	width: 80%;
}
.news-snippet-content h1 {
	font-size: 1.5em;
	margin: 0;
	margin-bottom: 10px;
}
.news-snippet-content h1 a { text-decoration: none; }

/* Jobs */
#search-filters .filter-group-title { font-weight: bold; }
#search-filters ul { padding: 0; list-style-type: none; margin-top: 0; }
#search-filters ul li { padding: 0; margin: 0; }
#search-filters ul li input { margin-right: 5px; }
#search-filters ul li label { width: 80%; }
#search-filters h2 { font-size: 1.429em; /*color: #242424;*/ }
#search-filters h3 { font-size: 1.143em; color: #ee8428; }
#search-filters span.count {
	color: #999;
	border-left: 1px solid #D8D8D8;
	padding-left: 5px;
}
#existingApplicant {
	position: absolute;
	right: 0;
	bottom: 0;
}
#jobs-form h2 {
	margin-top: 34px;
	line-height: 1em;
}
#search-keyword {
	 margin: 0;
	 width: 100%;
}
#job-mail.focus { /* same styling as content module */
	display: inline-block;
	border: 1px solid #d8d8d8;
	background-color: #fdfdfd;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 0;
	margin-top: 20px;
	vertical-align: top;
	width: 100%;
}
#job-mail-content { display: none; }
#job-mail.focus #job-mail-content,
#job-mail.noscript #job-mail-content { display:block }
#job-mail.focus #job-mail-trigger { display: none; }

#job-mail-subscribe p { margin-top: 0; }
#job-mail-subscribe input[type=email] {
	padding: 10px;
	margin-left: 0; margin-right: 10px;
}
#job-content .button {
	text-shadow: 0 -1px 0 #696969;
	border-color: #0093db;
	background-color: #0093db;
}
#job-mail #job-mail-trigger {
	float: right;
	margin-top: 10px;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	padding: 3px 10px 7px 10px;
	text-decoration: none;
	font-size: 18px;
	text-transform: lowercase;
	border: 1px solid;
	margin-bottom: 10px;
	background-image: url(../Images/button-treatment.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	text-shadow: 0 -1px 0 #696969;
	border-color: #0093db;
	background-color: #0093db;
}

.loading{ -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.5; zoom:1 }
.bodyLoading,.bodyLoading *{ cursor:progress }

#PageUpPeopleLink { text-align: center; font-size: 0.9em; }
#PageUpPeopleLink a { color: #999; }

footer { margin: 0; background: #d8d8d8 url(../Images/footer-treatment.png) repeat 0 0; box-shadow: inset 0 0 10px #ccc; }

footer #bottom-links ul { margin: 0 auto; padding: 0; padding-bottom: 10px; list-style-type: none; text-align: center; }
footer #bottom-links ul li { display: inline; }
footer #bottom-links ul li a { color: #363636; text-decoration: none; padding: 0 10px 0 10px; line-height: 30px; }
footer #bottom-memberships { text-align: center; line-height: 25px; }
footer #bottom-memberships p { line-height: 30px; font-size: 0.9em; }
footer #bottom-memberships img { display: inline-block; vertical-align: top; padding: 0 10px; }

#footer-module-wrapper { display: inline-block; width: 62%; position: relative; top: -30px; vertical-align: top; }
.footer-module { display: inline-block; background-color: #fff; border: 1px solid #ccc; /*box-shadow: 0 0 5px #bcbcbc;*/ width: 48.5%; float: right; padding: 20px; padding-bottom: 13px; }
.footer-module:first-child { float: left; }
.community-links { display: inline-block; width: 37%; padding-left: 20px; padding-top: 20px; }

.footer-module h1, .footer-module .headerTitle { margin: 0; margin-bottom: 10px; border-top: 0; }
.footer-module ul { margin: 0; padding: 0; list-style-type: none; }
.footer-module li { border-top: 1px solid #d8d8d8; }
.footer-module li a { display: block; padding: 7px 5px; text-decoration: none; color: #242424; }

footer #bottom-links li a:hover,
.footer-module li a:hover { color: #0093db; }

footer #bottom-links li:first-child a:hover { color: #363636; }

.community-links h2 { margin: 0; font-size: 1.071em; color: #ee8428; font-weight: normal; text-shadow: 0 1px 0 #fff; }

footer * .footer-module li.headerTitle a,
footer * .footer-module li.headerTitle a:hover { font-size: 1.071em; color: #ee8428; cursor: default; }

#email-signup .form-container {
	margin-top: 10px;
	margin-bottom: 20px;
	display: block;
	border-radius: 10px;
	padding: 4px;
	border: 1px solid #d5d5d5;
	background: #e7e7e7 url(../Images/button-treatment.png) no-repeat 50% 50%;
}
#email-signup .form-container input[type=text] {
	margin: 0;
	display: inline-block; vertical-align: middle;
	background-color: #fdfdfd;
	border: 0;
	height: 35px;
	line-height: 35px;
	border-radius: 5px;
	padding: 0 10px 0 10px;
	width: 74%;
}

#email-signup .form-container p.button-container {
	margin: 0;
	display: block; float: right;
	width: 24%;
	text-align: center;
	border-left: 1px double #999;
}
#email-signup .form-container input[type=submit] {
	background: transparent url(../Images/icon-letter.png) no-repeat 50% 50%;
	margin: 0; border: 0; padding: 0;
	height: 35px;
	font-size: 1px; color: #e7e7e7;
	width: 100%;
}

#social-links ul { margin: 0; margin-top: 10px; padding: 0; list-style-type: none; }
#social-links ul li {
	margin: 0; padding: 0;
	width: 45px; height: 45px;
	display: inline-block;
	margin-right: 5px;
}
#social-links ul li a {
	text-indent: -9999em;
	display: block;
	width: 45px; height: 45px;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 0px;
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;
	transition: 0.5s;
}
#social-links ul li a:hover {
	border-radius: 45px;
}
@media (max-width:800px) {
	#social-links ul li {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		width: 40px; height: 40px;
		margin-right: 0px;
	}
}
#footer-blog a		{ background-image: url(../Images/footer-icon-blog.png); }
#footer-forum a		{ background-image: url(../Images/footer-icon-forum.png); }
#footer-facebook a	{ background-image: url(../Images/footer-icon-facebook.png); }
#footer-instagram a	{ background-image: url(../Images/footer-icon-instagram.png); }
#footer-twitter a	{ background-image: url(../Images/footer-icon-twitter.png); }
#footer-youtube a	{ background-image: url(../Images/footer-icon-youtube.png); }
#footer-linkedin a	{ background-image: url(../Images/footer-icon-linkedin.png); }
#footer-googleplus a	{ background-image: url(../Images/footer-icon-googleplus.png); }

#back-to-top-wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#back-to-top {
	margin: 0;
	position: absolute;
	right: 0; bottom: -100px; /* 90px from main padding and 10px for the shadow */
	background: transparent url(../Images/back-to-top-shadow.png) no-repeat 0 100%;
	padding-left: 10px;
	z-index: 999;
}
#back-to-top a {
	display: block;
	line-height: 35px;
	border: 1px solid #0093db;
	/*border-top-right-radius: 10px;
	border-top-left-radius: 10px;*/
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	/*background: #0093db url(../Images/button-treatment.png) 50% 50% repeat-x;*/
	background: #0093db;
}
#back-to-top a span {
	text-indent: -9999em;
	display: inline-block;
	width: 20px;
	background: transparent url(../Images/back-to-top-arrow.png) no-repeat 50% 50%;
	margin-right: 10px;
	position: relative;
}

#sitemap-wrapper ul { padding: 0; margin: 5px 0; list-style-type: none; }
#sitemap-wrapper > ul { margin-top: 20px; }
#sitemap-wrapper ul li { display: inline-block; width: auto; vertical-align: top; padding: 0 5px 0 5px; max-width: 20%; }
#sitemap-wrapper ul li a { display: block; color: #363636; font-weight: bold; border: 1px solid #d8d8d8; background-color: #eee; padding: 5px; text-decoration: none; }
#sitemap-wrapper ul li ul li { display: block; padding: 0; border-top: 1px solid #d8d8d8; max-width: 100%; }
#sitemap-wrapper ul li ul li:first-child { border-top: 0; }
#sitemap-wrapper ul li ul li a { font-weight: normal; text-decoration: none; color: #0093db; border: 0; background-color: transparent; }
#sitemap-wrapper ul li ul li a:hover { color: #00496d; background-color: #f3f3f3; }
#sitemap-wrapper ul li ul li ul { padding-left: 30px; list-style-type: disc; margin: 0; }
#sitemap-wrapper ul li ul li ul li { border: 0; padding: 0; display: list-item; }
#sitemap-wrapper ul li ul li ul li a { }
#sitemap-wrapper ul li ul li ul li ul li { }
#sitemap-wrapper ul li ul li ul li ul li a { }

/* =============================================================================
   State check
   ========================================================================== */

#top {
	width: 100%;
	position: absolute;
	z-index: 9999;
}
#logo-Wrapper {
	display: inline-block;
	width: 40%;
	vertical-align: middle;
	text-align: center;
}
#logo-Wrapper span {
	display: inline-block;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	vertical-align: middle;
}
#content-Wrapper {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

/* State select */
#StateSelectDialog {
	background: #fff;
	position: fixed;
	left: 0; right: 0; bottom: 0; top: 0;
	z-index: 9999;
	text-align: center;
	font-family: 'AvantGardeGothicITCW01B 731069';
}

#StateSelectDialog [class^=state-select-logo-] {
	margin: 0 auto;
	max-width: 200px;
	width: 100%;
	height: auto;
}
#StateSelectDialog img.state-select-logo-mobile {
	display: none;
}
.StateSelectOptions {
	display: block;
	clear: both;
}
.StateSelectOptions ul  {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width: 100%;
	max-width: 350px;
	text-align: center;
}
.StateSelectOptions ul li {
	padding: 0;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 10px;
	position: relative;
	border-radius: 5px;
}
.StateSelectOptions ul li:nth-child(odd) {
	margin-right: 5px;
	margin-left: 0;
}
.StateSelectOptions ul li input {
	display: none;
}
.StateSelectOptions ul li label {
	display: block;
	width: 140px;
	height: 120px;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	text-align: center;
	background: #fff;
	border-radius: 5px;
	position: relative;
	transition: 0.2s;
}
.StateSelectOptions ul li label:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.StateSelectOptions ul li label span {
	position: absolute;
	left: 20px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
}
.StateSelectOptions ul li input:checked + label {
	background: #ee8428;
	box-shadow: none;
	border-color: #ee8428;
}
.StateSelectOptions ul li input:checked + label span {
	color: #fff;
}

@media (max-width: 600px) {
	#StateSelectDialog img.state-select-logo-desktop {
		display: none;
	}
	#StateSelectDialog img.state-select-logo-mobile {
		display: block;
		margin-top: 20px;
	}
	.StateSelectOptions ul li {
		margin-bottom: 15px;
	}
	.StateSelectOptions ul li,
	.StateSelectOptions ul li label {
		width: 100%;
		margin-left: 0;
		height: auto;
	}
	.StateSelectOptions ul li label {
		padding: 10px;
		font-size: 22px;
	}
	.StateSelectOptions ul li label span {
		position: relative;
		display: block;
		top: auto; left: auto; right: auto;
		width: 100%;
		transform: translateY(0);
	}
	.StateSelectOptions ul li:nth-child(odd) {
		margin-right: 0;
	}
}
/* =============================================================================
   TipTip CSS - Version 1.2
   ========================================================================== */

.tooltip { font-weight: normal; color: #999; }
.tooltip:hover { color: #999; }

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 13px;
	color: #fff;
/*	text-shadow: 0 0 2px #000;*/
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* =============================================================================
   Interactive Area in the Business Section
   ========================================================================== */

.interactive-container { position: relative; font-size: 14px; max-width: 700px; }
.bill-sample {
	border: 1px solid #ddd;
	box-shadow: 3px 3px 5px #aaa;
	margin-bottom: 20px;
}

.interactive-container img { width: 100%; }
.interactive-container ol,
.interactive-container ol li {
    margin: 0; padding: 0;
    list-style-type: none;
}
.interactive-container .item-marker { position: absolute; top: 0; left: 0; }
.interactive-container .item-marker > a {
    display: block;
    background: #ee8428;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    position: relative;
    z-index: 999;
    border-radius: 50px;
    -webkit-transition: 1s;
       -moz-transition: 1s;
            transition: 1s;
}
.interactive-container.location-map .item-marker > a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}
.interactive-container .item-marker > a:hover,
.interactive-container .item-marker > a.active-marker {
    background-color: #0093db;
}


/* Default Elect Front tooltip position */
#res-electricity-front .interactive-container.bill-front-page .item-01 { left: 11%; top: 16%; }
#res-electricity-front .interactive-container.bill-front-page .item-02 { left: 2.5%; top: 38%; }
#res-electricity-front .interactive-container.bill-front-page .item-03 { left: 2.5%; top: 43%;  }
#res-electricity-front .interactive-container.bill-front-page .item-04 { left: 2.5%; top: 84%;  }
#res-electricity-front .interactive-container.bill-front-page .item-05 { left: 95%; top: 5%;  }
#res-electricity-front .interactive-container.bill-front-page .item-06 { left: 95%; top: 8%;  }
#res-electricity-front .interactive-container.bill-front-page .item-07 { left: 95%; top: 12%;  }
#res-electricity-front .interactive-container.bill-front-page .item-08 { left: 95%; top: 25.5%;  }
#res-electricity-front .interactive-container.bill-front-page .item-09 { left: 95%; top: 32%; }
#res-electricity-front .interactive-container.bill-front-page .item-10 { left: 95%; top: 65%; }

/* Default Elect Back tooltip position */
#res-electricity-back .interactive-container.bill-back-page .item-11 { left: 01%; top: 7%; }
#res-electricity-back .interactive-container.bill-back-page .item-12 { left: 01%; top: 28%; }
#res-electricity-back .interactive-container.bill-back-page .item-13 { left: 01%; top: 44%;  }
#res-electricity-back .interactive-container.bill-back-page .item-14 { left: 01%; top: 79%;  }
#res-electricity-back .interactive-container.bill-back-page .item-15 { left: 94%; top: 10%;  }
#res-electricity-front .interactive-container.bill-front-page .item-10 { left: 95%; top: 65%; }

/* State dot tooltip position */
.bill-layout #res-electricity-front .interactive-container.bill-front-page .item-09 { left: 95%; top: 55%; }
.bill-layout #res-electricity-back .interactive-container.bill-back-page .item-10 { left: 02%; top: 7%; }
.bill-layout #res-electricity-back .interactive-container.bill-back-page .item-11 { left: 02%; top: 23%; }
.bill-layout #res-electricity-back .interactive-container.bill-back-page .item-12 { left: 02%; top: 44%; }
.bill-layout #res-electricity-back .interactive-container.bill-back-page .item-13 { left: 02%; top: 79%;  }
.bill-layout #res-electricity-back .interactive-container.bill-back-page .item-14 { left: 94%; top: 10%;  }

/* Custom state tooltip position  */
/* Vic electricity  */
.bill-layout.vic.electricity #res-electricity-front .interactive-container.bill-front-page .item-09 { left: 95%; top: 32%; }
.bill-layout.vic.electricity #res-electricity-back .interactive-container.bill-back-page .item-11 { left: 01%; top: 7%; }
.bill-layout.vic.electricity #res-electricity-back .interactive-container.bill-back-page .item-12 { left: 01%; top: 30%; }
.bill-layout.vic.electricity #res-electricity-back .interactive-container.bill-back-page .item-13 { left: 01%; top: 44%;  }
.bill-layout.vic.electricity #res-electricity-back .interactive-container.bill-back-page .item-14 { left: 01%; top: 79%;  }

/* SA Elect */
.bill-layout.sa.electricity #res-electricity-front .interactive-container.bill-front-page .item-07 { left: 95%; top: 13%;  }

/* QLD Elect */
.bill-layout.qld #res-electricity-front .interactive-container.bill-front-page .item-08 { left: 95%; top: 24%;  }
.bill-layout.qld #res-electricity-front .interactive-container.bill-front-page .item-09 { left: 95%; top: 57%; }

/* NSW Elect */
.bill-layout.nsw #res-electricity-front .interactive-container.bill-front-page .item-08 { left: 95%; top: 26%;  }
.bill-layout.nsw #res-electricity-front .interactive-container.bill-front-page .item-09 { left: 95%; top: 55%; }

/* --------------------------- */
/* Gas Front */
/* --------------------------- */
#res-gas-front .interactive-container.bill-front-page .item-01 { left: 13%; top: 16%; }
#res-gas-front .interactive-container.bill-front-page .item-02 { left: 04%; top: 39%; }
#res-gas-front .interactive-container.bill-front-page .item-03 { left: 04%; top: 46%;  }
#res-gas-front .interactive-container.bill-front-page .item-04 { left: 04%; top: 81%;  }
#res-gas-front .interactive-container.bill-front-page .item-05 { left: 95%; top: 5%;  }
#res-gas-front .interactive-container.bill-front-page .item-06 { left: 95%; top: 8%;  }
#res-gas-front .interactive-container.bill-front-page .item-07 { left: 95%; top: 14%;  }
#res-gas-front .interactive-container.bill-front-page .item-08 { left: 95%; top: 26%;  }
#res-gas-front .interactive-container.bill-front-page .item-09 { left: 95%; top: 49%;  }

/* Gas Back */
#res-gas-back .interactive-container.bill-back-page .item-10 { left: 03%; top: 8%; }
#res-gas-back .interactive-container.bill-back-page .item-11 { left: 03%; top: 25%; }
#res-gas-back .interactive-container.bill-back-page .item-12 { left: 03%; top: 58%;  }
#res-gas-back .interactive-container.bill-back-page .item-13 { left: 03%; top: 79%;  }
#res-gas-back .interactive-container.bill-back-page .item-14 { left: 92%; top: 8%;  }

/* NSW gas  */
.bill-layout.nsw.gas #res-gas-front .interactive-container.bill-front-page .item-01 { left: 12%; top: 16%; }
.bill-layout.nsw.gas #res-gas-front .interactive-container.bill-front-page .item-02 { left: 03%; top: 39%; }
.bill-layout.nsw.gas #res-gas-front .interactive-container.bill-front-page .item-03 { left: 03%; top: 46%;  }
.bill-layout.nsw.gas #res-gas-front .interactive-container.bill-front-page .item-04 { left: 03%; top: 81%;  }
.bill-layout.nsw.gas #res-gas-front .interactive-container.bill-front-page .item-07 { left: 95%; top: 12%;  }
.bill-layout.nsw.gas #res-gas-front .interactive-container.bill-front-page .item-09 { left: 95%; top: 38%;  }

/* Vic gas  */
.bill-layout.vic.gas #res-gas-front .interactive-container.bill-front-page .item-03 { left: 4%; top: 43%;  }
.bill-layout.vic.gas #res-gas-front .interactive-container.bill-front-page .item-07 { left: 95%; top: 12%;  }
.bill-layout.vic.gas #res-gas-front .interactive-container.bill-front-page .item-09 { left: 95%; top: 31%;  }
.bill-layout.vic.gas #res-gas-front .interactive-container.bill-front-page .item-10 { left: 95%; top: 45%;  }
.bill-layout.vic.gas #res-gas-back .interactive-container.bill-back-page .item-11 { left: 03%; top: 8%; }
.bill-layout.vic.gas #res-gas-back .interactive-container.bill-back-page .item-12 { left: 03%; top: 25%; }
.bill-layout.vic.gas #res-gas-back .interactive-container.bill-back-page .item-13 { left: 03%; top: 58%;  }
.bill-layout.vic.gas #res-gas-back .interactive-container.bill-back-page .item-14 { left: 03%; top: 79%;  }
.bill-layout.vic.gas #res-gas-back .interactive-container.bill-back-page .item-15 { left: 92%; top: 8%;  }

/* SA gas */
.bill-layout.sa.gas #res-gas-front .interactive-container.bill-front-page .item-09 { left: 95%; top: 40%;  }

/* --------------------------- */
/* SME Bill  */
/* --------------------------- */
.sme.bill-layout img {
	width: 100%;
}

/* SME Front */
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-01 { left: 10%; top: 14%; }
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-02 { left: 2%; top: 38%; }
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-03 { left: 2%; top: 44%; }
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-04 { left: 2%; top: 83%; }
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-05 { left: 94%; top: 3%; }
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-06 { left: 94%; top: 7%; }
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-07 { left: 94%; top: 12%; }
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-08 { left: 94%; top: 24%; }
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-09 { left: 94%; top: 36%; }
.sme.bill-layout #sme-elect-front .interactive-container.bill-front-page .item-10 { left: 94%; top: 40%; }

/* SA Front */
.sme.bill-layout.sa #sme-elect-front .interactive-container.bill-front-page .item-08 { left: 94%; top: 25%; }

/* QLD Front */
.sme.bill-layout.qld #sme-elect-front .interactive-container.bill-front-page .item-01 { left: 12%; top: 16%; }
.sme.bill-layout.qld #sme-elect-front .interactive-container.bill-front-page .item-08 { left: 94%; top: 25%; }

/* SME Back */
.sme.bill-layout #sme-elect-back .interactive-container.bill-back-page .item-11 { left: 2%; top: 7%; }
.sme.bill-layout #sme-elect-back .interactive-container.bill-back-page .item-12 { left: 2%; top: 18%; }
.sme.bill-layout #sme-elect-back .interactive-container.bill-back-page .item-13 { left: 2%; top: 44%; }
.sme.bill-layout #sme-elect-back .interactive-container.bill-back-page .item-14 { left: 2%; top: 74%; }
.sme.bill-layout #sme-elect-back .interactive-container.bill-back-page .item-15 { left: 92%; top: 7%; }




.interactive-container .item-copy-container {
    display: block;
    position: absolute;
    left: -999em; top: 0;
    border-radius: 5px;
    background: #0093db;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.interactive-container .item-copy-container {
    width: 200px;
    padding: 5px 10px;
    color: #fff;
}
.interactive-container .item-copy-container p:first-child { padding-top: 5px; }
.interactive-container .item-copy-container p { margin: 5px 0; }
.interactive-container.location-map .item-copy-container { width: 150px; }
.interactive-container.location-map .item-copy-container a { color: #fff; }
.interactive-container .item-copy-container .close-icon {
    cursor: pointer;
    font-size: 13px;
    position: absolute;
    width: 30px; height: 30px; line-height: 30px;
    text-align: center;
    top: 0; right: 0;
    z-index: 999;
}
.interactive-container .item-copy-container.show-me { left: 40px; }
.interactive-container .item-copy-container.show-me-right { left: auto; right: 40px; }
.interactive-container .item-copy-container.show-me-bottom { left: 50%; margin-left: -100px; top: 30px; }

.interactive-container { font-size: 11px; }
.interactive-container .item-copy-container.show-me {
		left: 30px;
}
.interactive-container .item-marker > a {
		width: 15px;
		height: 15px;
		line-height: 15px;
}

@media (min-width: 630px) and (max-width: 767px) {
    .interactive-container { font-size: 13px; }
    .interactive-container .item-copy-container.show-me {
        left: 30px;
    }
    .interactive-container .item-marker > a {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
}

@media (min-width: 768px) {
    .interactive-container { font-size: 14px; }
    .interactive-container .item-copy-container.show-me {
        left: 30px;
    }
    .interactive-container .item-marker > a {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}

/* =============================================================================
   Campaign Specific
   ========================================================================== */

#campaign-wrapper { padding: 0 20px 0px 10px; }


#new-campaign-wrapper {
	z-index: 99;
	display: block;

	/*background-color: #f5f5f5;*/

	width: 100%;

	border-top: 2px solid #ccc;
	border-bottom: 3px solid #ccc;

	position: relative;
}

/*#new-campaign-wrapper #campaign-slide-container {
	display: block;
	height: 450px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
#new-campaign-wrapper #campaign-slide-container #homepage-banner-slider,
#new-campaign-wrapper #campaign-slide-container #homepage-banner-slider .bjqs,
#new-campaign-wrapper #campaign-slide-container #homepage-banner-slider .bjqs .bjqs-slide {
	height: auto !important;
}
#new-campaign-wrapper #campaign-slide-container .bjqs-slide .content-width {
	position: relative;
	height: 450px;
	z-index: 999;
	height: 0px;
}
#new-campaign-wrapper #campaign-slide-container .bjqs-slide .content-image-container {
	position: relative;
	z-index: 99;
	left: 50%;
	margin-left: -1100px;
	width: 2200px;
	min-height: 300px;
	text-align: center;
	position: absolute;
	z-index: 99;
	width: 100%;
	min-height: 450px;
	overflow: hidden;
	top: 0;
}*/

/*#new-campaign-wrapper #campaign-slide-container .bjqs-slide .content-image-container .campaign-background-image {
	display: none;
	 position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}*/
#new-campaign-wrapper #campaign-slide-container .campaign-slide-copy-container {
	padding: 0 20px;
	position: absolute;
	left: 0; top: 20px;
	font-family: "AvantGardeGothicITCW01B 731069", sans-serif;
	color :#fff;

	width: 450px;

	background: #000;
	background: rgba( 0,0,0,0.5);
}

#new-campaign-wrapper #campaign-slide-container .campaign-slide-copy-container h1 {
	color: #fff;
	font-family: "AvantGardeGothicITCW01B 731069", sans-serif;
}

#creative-wrapper {
	margin-top: 20px;
	min-height: 400px;
	position: relative;
}

/*#new-campaign-wrapper #campaign-slide-container ol.bjqs-markers {
	margin: 0 auto;
	width: 200px;
	margin-top: -30px;
	position: relative;

	width: 20%; left: 40%;
	width: 100%;
	left: 0;
	z-index: 9999;
}*/

/*#new-campaign-wrapper #campaign-slide-container ol.bjqs-markers li a {
	width: 15px; height: 15px;
	background: #f5f5f5;
	border: 2px solid #ccc;
	border-radius: 0;
	text-indent: -999em;
	top: auto; left: auto;
	line-height: 15px;
	margin: 0 3px;
}
#new-campaign-wrapper #campaign-slide-container ol.bjqs-markers li.active-marker a {
	background-color: #0093db;
}
#new-campaign-wrapper #campaign-slide-container ul.bjqs-controls {
	display: none;
}*/

@media (max-width:970px) {
	.non-edit #alinta-welcome { display: none; }
	#new-campaign-wrapper .non-edit #alinta-welcome { display: block; }
	#new-campaign-wrapper {
		border-top: 0;
		margin-top: -1px;
	}
}

@media (max-width:640px) {
	#new-campaign-wrapper .non-edit #alinta-welcome h1 {
		display: block;
		text-align: center;
	}
}
/*@media (max-width:640px) {
	#new-campaign-wrapper #campaign-slide-container .bjqs-slide .content-image-container {
		left: 0; margin-left: 0;
		width: 100%;
	}
	#new-campaign-wrapper #campaign-slide-container .bjqs-slide .content-image-container img {
		width: 100%;
		height: auto;
	}
	#new-campaign-wrapper #campaign-slide-container .campaign-slide-copy-container,
	#new-campaign-wrapper #campaign-slide-container .campaign-slide-copy-container h1 {
		width: 100% !important;
		top: 20px !important;
		left: 0 !important;
	}
	#new-campaign-wrapper #campaign-slide-container ol.bjqs-markers {
		margin-top: -58px;
		z-index: 999999;
	}
	#new-campaign-wrapper .non-edit #alinta-welcome h1 {
		display: block;
		text-align: center;
	}
}*/
/*#creative-wrapper #placeholder-area {
	position: absolute;
	z-index: 1;
	left: 0; right: 0; bottom: 0; top: 0;
	line-height: 400px;
	text-align: center;
	text-transform: uppercase;
	color: #aaa;
}*/
#creative-wrapper #sign-up-module {
	position: absolute;
	right: 20px; top: 10px;
	z-index: 999;
}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
    print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



/* =============================================================================
   Temporary Mobile Site Styles
   ========================================================================== */

body.mobile {
	padding: 10px;
}

body.mobile form {
	min-height: 500px;
}
body.mobile p#mobile-entry img {
	display:block; float:left; margin-right:10px;
}
body.mobile h2 {
	display: block; clear: both;
}

/* ==============================================================
    ALIL-147 Style for energy products, Solar-SA table
   ============================================================== */
#sa-solar-table {
    margin-left: 12px;
    width: 600px;
   -moz-border-radius: 3px;
}

#sa-solar-table tr.firstrow {
    color:white;
    font-size: 16px;
    font-family: "AvantGardeGothicITCW01D 731075";
    background-color: #ee8428;
   -moz-border-radius: 3px;
}

#sa-solar-table tr.secondrow {
    color:#ee8428;
    font-size: 16px;
    font-family: "AvantGardeGothicITCW01D 731075";
    background-color: #FFFAF0;
}


/* ==============================================================
    ALIL-147 New Style for energy products, Solar table
   ============================================================== */

.solar-table {
	font-family: "AvantGardeGothicITCW01D 731075";
	margin: 20px 0;
	color: #fa9c35;
	background: #fef7f0;
	border: 1px solid #fce3d8;
	width: 98%;
	line-height: 25px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px; }

.solar-table ul {
	margin: 0;
	padding: 0;
	list-style: none; }

.solar-table li {
	margin: 0;
	padding: 0; }

.solar-table h1 {
	color: #fff;
	background: #f26722;
	font-size: 18px;
	font-weight: normal;
	padding: 0 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	height: 35px;
	line-height: 35px;
	margin: 0; }

.solar-table span {
	display: block;
	padding: 0 15px; }

.solar-table p {
	margin: 10px 20px;
	font-size: 18px; }

.solar-table .line {
	border-bottom: 1px dotted #f26722;
	margin: -12px 20px; }

.solar-table .sep {
	color: #fff;
	background: #f26722;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;
	text-align: center;
	height: 20px;
	line-height: 20px;
	margin: 0 auto -10px 50%; }

.solar-table li:last-child {
	margin-top: 30px; }


/* ==============================================================
    ALIL-143 New Style for Our Prices - 24/09/2013
   ============================================================== */
@import url("https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css");

/* line 12, ../scss/styles.scss */
.box-shad {
  background: rgba(0, 0, 0, 0) url(https://alintaenergy.com.au/Content/Images/opaque-white-95.png);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: #999999 0 0 8px;
  -moz-box-shadow: #999999 0 0 8px;
  box-shadow: #999999 0 0 8px;
  margin: 20px 0; }

/* line 19, ../scss/styles.scss */
div.step1 {
  padding: 20px 10px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  /* line 24, ../scss/styles.scss */
  div.step1 a {
    display:inline-block;
    line-height:58px;
    text-decoration:none;
    margin: 20px;
    border: 0;
    width: 198px;
    height: 58px;
    background: #0095c7;
    color: white;
    font-family: "AvantGardeGothicITCW01D 731075";
    font-size: 19px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    /* line 34, ../scss/styles.scss */
    div.step1 a:hover, div.step1 a.active-button {
      background: #89bd3e; }

/* line 40, ../scss/styles.scss */
.step2 {
  margin-top: 40px; }
  /* line 42, ../scss/styles.scss */
  .step2 .company {
    margin: 0 20px;
    padding: 20px;
    border-bottom: 1px solid #d8d8d8; }
    /* line 46, ../scss/styles.scss */
    .step2 .company .c-name {
      font-size: 17px;
      font-weight: bold; }
    /* line 50, ../scss/styles.scss */
    .step2 .company .prices {
      color: #0095c7;
      font-size: 17px; }
    /* line 54, ../scss/styles.scss */
    .step2 .company p {
      margin-top: 0; }
    /* line 57, ../scss/styles.scss */
    .step2 .company table {
      margin: 20px 0;
      width: 100%;
      font-size: 14px;
      color: black;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      /* line 63, ../scss/styles.scss */
      .step2 .company table th:first-child {
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        -ms-border-radius: 5px 0 0 0;
        -o-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0; }
      /* line 66, ../scss/styles.scss */
      .step2 .company table th:last-child {
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        -ms-border-radius: 0 5px 0 0;
        -o-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0; }
      /* line 69, ../scss/styles.scss */
      .step2 .company table th {
        padding: 4px;
        background: #0095c7;
        color: white;
        text-align: left; }
      /* line 75, ../scss/styles.scss */
      .step2 .company table tr:hover, .step2 .company table tr.alt:hover {
        background: #dee8cf; } /* PN FIX 20131008 - better legibility */
      /* line 78, ../scss/styles.scss */
      .step2 .company table td {
        border-bottom: 1px solid #d8d8d8;
        padding: 4px; }
      /* line 83, ../scss/styles.scss */
      .step2 .company table tr.alt {
        background: #ececec; }

/* line 90, ../scss/styles.scss */
.tabs {
  width: 100%;
  padding-top: 40px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #d8d8d8; }
  /* line 96, ../scss/styles.scss */
  .tabs .tab a {
    font-weight: bold;
    font-size: 17px;
    color: black;
    text-decoration: none;
    margin-right: 15px;
    display: inline-block;
    padding: 15px;
    width: 40%;
    border: 1px solid #d8d8d8;
    border-bottom: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);
    background-image: -moz-linear-gradient(#ffffff, #f1f1f1);
    background-image: -o-linear-gradient(#ffffff, #f1f1f1);
    background-image: linear-gradient(#ffffff, #f1f1f1); }
    /* line 109, ../scss/styles.scss */
    .tabs .tab a:hover, .tabs .tab a .active:hover {
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #ffffff));
      background-image: -webkit-linear-gradient(#f1f1f1, #ffffff);
      background-image: -moz-linear-gradient(#f1f1f1, #ffffff);
      background-image: -o-linear-gradient(#f1f1f1, #ffffff);
      background-image: linear-gradient(#f1f1f1, #ffffff);
      color: #0095c7; }
  /* line 114, ../scss/styles.scss */
  .tabs .tab a.active {
    background: #fff; }

a.active
{
      border-bottom:0px;
      margin-top:1px;
}

.tab1, .tab2
{
    min-height:300px;
}

/* Added to overwrite above tab style which was causing display issues on the offer pages */
.coda-nav .tab1, .coda-nav .tab2 {
	min-height: 0px;
}

.no-resize {
	width: auto !important;
	margin-bottom: 0 !important;
}


/* ==============================================================
    ALIL-1222 Responsive Breakpoints - PN - 2/10/2013
   ============================================================== */
/* define which are shown and which are hidden - responsive elements initially hidden */
#mobile-header {
	display: none;
}
#desktop-header {
	padding-top: 8px;
	height: 92px;
}
.mobile-logo {
	text-align: center; padding: 10px 0px;
}
.mobile-logo img { max-width: 200px; }
#mobile-menu {
	height: 40px;
	background-color: #ee8428;
	border-bottom: solid 1px #cd7c16;
	width: 100%;
	overflow: hidden;
	padding-left: 40px;
}
.mobile-menu-item {
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 1em;
	font-family: "AvantGardeGothicITCW01D 731075";
	border-right: solid 1px #cd7c16;
}
.mobile-menu-item a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
	color: #fff !important;
}
.mobile-menu-item a:hover {
	display: block;
	background: #fb8c32;
}

.mobile-menu-item .fa-2x {
	line-height: 40px;
	font-size: 1.6em;
}
.mobile-menu-logo {
	float: left;
	display: block;
	height: 40px;
	border-right: solid 1px #cd7c16;
	padding: 0 10px;
	line-height: 40px;
}
.mobile-menu-logo img {
	max-height: 20px;
}
#horizontal-homepage-ad-unit {
	display: none;
	margin: 20px 10px 5px 10px;
}
#question-bar-container {
	  top: 211px;
}
.hidden-slide-panel {
	background-color: #f68428;
	position: relative;
	top: 0px;
	left: 0px; right: 0;
	width: 100%;

	display: block;
	overflow: hidden;
	max-height: 0px;
	-webkit-transition: 1s;
	   -moz-transition: 1s;
			transition: 1s;
}
.open-slide-panel {
	max-height: 1000px !important;
}
#mobile-contact-number {
	text-align: center;
	font-size: 1.3em;
	color: #fff;
}
#mobile-contact-number a {
    color: #fff;
    text-decoration: none;
    cursor: default;
}
#mobile-header-state-panel ul {
	list-style-type: none;
	padding: 0;
	margin: 10px 0;
}
#mobile-header-state-panel li a {
	color: #fff !important;
	text-decoration: none;
	display: block;
}
#mobile-header-state-panel li a strong {
	color: #fff !important;
	font-weight: bold;
	font-size: 1.2em;
}
#mobile-header-state-panel li {
	padding: 2px 10px;
}
#mobile-header-state-panel li:hover {
	background-color: #fe9c4d;
}
#mobile-header-state-panel a#close-change-state-panel {
	color: #fff;
	text-decoration: none;
	background-color: #c46920;
	border-radius: 10px 0px 0px 0px;
	font-size: 0.8em;
}
#mobile-header-state-panel a#close-change-state-panel:hover {
	background-color: #ab5815;
}
/* hides the second set of navigation icons for the slider in WA homepage */
/*#wa-homepage-slider #banner-slider ol.bjqs-markers.h-centered:last-child {
	display: none;
}  */
/*#banner-slider .bjqs-controls {
	display: none;
}*/
.homepage-video-container {
    position: relative;
    padding-bottom: 32.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.offer-video-container {
    position: relative;
    padding-bottom: 55.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.subpage-video-container {
    position: relative;
    padding-bottom: 52.25%;
    padding-top: 50px; height: 0; overflow: hidden;
}
.homepage-video-container iframe, .offer-video-container iframe, .subpage-video-container iframe,
.homepage-video-container object, offer-video-container object, .subpage-video-container object,
.homepage-video-container embed, .offer-video-container embed, .subpage-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

/*.hide-slider-markers #banner-slider ol.bjqs-markers {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
}*/

/* ******************************* RESPONSIVE BREAKPOINTS ********************************** */
@media screen and (max-width: 970px) {
/* define mobile specific styles come here */
  #desktop-header, #primary-nav, .mega-menu-container {
		display: none;
		overflow: hidden;
		width: 0px;
	  }
  .content-width, #main {
	  width: 100% !important;
	  /* background: #fff; */
  }
  #main {
	  margin-bottom: -30px;
  }
  .community-links {
	float: none;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: solid 1px #eee;
	border-top: solid 1px #eee;
	background: #d7d7d7;
  }
  #primary-nav {
	display: none;
  }
  .community-links #email-signup {
	  float: left;
	  width: 47%;
	  margin-right:30px;
  }
  .community-links #social-links {
	  float: left;
	  width: 45%;
  }
  #footer-module-wrapper {
	width: 98%;
	padding-left: 10px;
  }
  #mobile-header {
	display: block;
	width: 100%;
	float: none;
  }
  #back-to-top {
	display: none;
  }
  .content-width #left-panel {
	width: 95%;
	margin-left: 15px;
	float: none;
  }
  .content-width #left-panel > a {
	  text-align: center;
	  display: block;
	}
  .content-width #left-panel #secondary-nav ul {
	width: 100%;
  }
  .content-width #left-panel #secondary-nav ul a {
	height: 55px;
	line-height: 40px;
  }
  .content-width #left-panel #secondary-nav ul a:hover {
	background-color: #f5f5f5;
  }
  .content-width #left-panel #sign-up-module {
  	width: auto;
  	margin: 20px;
  }
  .content-width #left-panel iframe {
  	margin-left: 20px;
  }



  /*.content-width h2  , .content-width p */ #campaign-wrapper p {
	padding-left: 10px;
  }
  #back-to-top-wrapper {
	position: relative;
	width: 0px;
}

	/* Places left panel content underneath the main content area */
  #main > .content-width {
  	display: table;
  }
  #left-panel {
	display: table-footer-group;
	border-top: 1px solid #dadada;
  }
  .content-width #right-content {
	width: 95%;
	float: none;
	padding-right: 10px;
	/*display: table-header-group;*/
  }
  #secondary-nav {
  	display: none;
  }


  /* *********** PAGE-SPECIFIC CLASSES ****************** */
  #link-panel { display: block; margin: 10px 0px 0px 0px; clear: both; width: 98%; clear: both; }
  #link-panel ul { padding: 10px 10px 20px 60px; list-style-type: none; }
  #link-panel li {
	width: 41%;
	float: left;
	margin-right: 9%;
	height: 90px;
	font-size: 12px;
  }
  #link-panel li:first-child { margin-top: 20px; }
  #new-link-panel { display: block; margin: 10px 0px 0px 0px; clear: both; width: 98%; clear: both; }
  #new-link-panel ul { padding: 10px 10px 20px 20px; list-style-type: none; }
  #new-link-panel li {
	width: 49%;
	float: left;
	margin-left: 2%;
	/*height: 90px;*/
  }
  #new-link-panel li:first-child,
  #new-link-panel li:nth-child(3) { margin-left: 0px; clear: left; }
  #new-link-panel li:first-child,
  #new-link-panel li:nth-child(2) { margin-top: 0; }
  #banner-area {
	display: none;
  }
  .table {
	width: 99% !important;
  }
  #question-bar-container {
	  /* top: 165px !important; */
  }
  #question-bar .content-width {
	padding-left: 0px !important;
  }
  #question-bar-container #question-bar input[type=text] {
  	width: 60%;
  }

  #question-bar-placeholder {
	display: block;
	height: 120px;
	margin-bottom: 10px;
  }
  .content-width #right-content a img {
	margin-bottom: 10px;
  }
  #support-news-list, #support-contact-list, #support-emergency-contacts {
	width: 45%
  }
  #support-news-list {
	padding-left: 10px;
  }

  /* FOR THE ORANGE WELCOME BOX */


}
@media screen and (max-width: 755px) {
  /* ************* PAGE-SPECIFIC CLASSES / SPECIAL BREAKPOINT FOR EAST COAST ***************** */


  #campaign-wrapper {
	margin: 10px 5px -50px 5px;
	width: 95%;
  }
  #campaign-wrapper a img {
	 /*display: none; */
	float: none !important;
  }
  #campaign-wrapper h1 {
	margin-top: -20px;
  }


  #vertical-homepage-ad-unit {
	display: none;
  }
  #horizontal-homepage-ad-unit {
	display: block;
	width: 100%;
  }
  .horizontal-banner {
	width: 100%;
  }
  #wa-homepage-slider {
	overflow: hidden;
	max-height: 440px;
	width: 105%;
	margin: 0px;
	padding: 0px;
  }
/*  #wa-homepage-slider #banner-slider ol.bjqs-markers.h-centered {
	float: left;
	width: 150px;
  }*/

  #banner-slider {
	/* display: none; */

  }

  #banner-slider ul li a img {
	margin: 0 auto;
	position: relative;
	/*left: 50%;
	margin-left: -400px;*/
	width: 100%;
  }

  #sitemap-wrapper {

  }
  #sitemap-wrapper > ul.CMSSiteMapList  {
	width: 100% !important;
  }
  #sitemap-wrapper > ul.CMSSiteMapList > li.CMSSiteMapListItem {
	width: 100% !important;
	/* display: inline-block; */
	display: list-item;
	max-width: 100%;
	font-size: 13px;
	padding: 6px;
  }
  /* addresses the 404 page image */
  .content-width #right-content h2 img {
	/* width: 50% !important;
	height: 50% !important; */
	float: none;
	clear: both;
	width: 100% !important;
	height: 100% !important;
  }
/*  .content-width #campaign-wrapper {
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
  }
  .content-width #campaign-wrapper h1 {
	padding-left: 10px;
  }*/
	.homepage-video-container {
		margin-left: 10px;
	    padding-bottom: 50.25%;
	}
	.offer-video-container {
		margin-left: 10px;
	}
  	/* handles in-content video and map */
	#right-content iframe {
		width: 97%;
		height: 430px;
	}
}

#bottom-links .terms-mobile {
	display: none;
}

@media screen and (max-width: 640px) {
/* define mobile specific styles come here */

	#bottom-links .terms {
		display: none;
	}

	#bottom-links .terms-mobile {
		display: block;
		list-style-type: none;
		border-bottom: solid 1px #EEE;
		background: #D7D7D7;
		display: block;
		line-height: 60px;
		height: 60px;
	}

	iframe {
		width: 100%;
		height: auto;
	}

	.right-content #banner-slider {
		display: none;
	}

  .footer-module {
	width: 100%;
	float: none;
	margin-bottom: 20px;
  }
  /* #bottom-links ul li.CMSListMenuLI {*/
  #bottom-links ul li.CMSListMenuLI {
	float: left;
	width: 50%;
  }
  #bottom-links ul li.CMSListMenuLI a, #bottom-links .terms.CMSListMenuLI:before {
	list-style-type: none;
	border-bottom: solid 1px #eee;
	background: #d7d7d7;
	display: block;
	line-height: 60px;
	height: 60px;
  }

  #bottom-links ul li.CMSListMenuLI a:hover {
	background: #d1d1d1;
  }
  .footer-module ul li.CMSListMenuLI a {
 	line-height: 40px;
  }
  .footer-module ul li.CMSListMenuLI a:hover {
 	background: #f3f3f3;
  }
  .community-links #email-signup {
	  float: none;
	  width: 95%;
  }
  .community-links #social-links {
	  float: none;
	  width: 95%;
  }
  /* hide "call us on" text on header */
  #mobile-call-prompt {
	display: none;
  }
  /* make any content images expand to 100% on smartphone display */
  #right-content div img {
	width: 100%;
	margin-bottom: 10px;
  }

   #link-panel { display: block; margin: 10px 0px 0px 0px; clear: both; width: 98%; }
  #link-panel ul { padding: 10px 10px 20px 60px; list-style-type: none; }
  #link-panel li {
	width: 96%;
	float: left;
	margin-right: 10%;
	font-size: 12px;
  }
  #link-panel li:first-child { margin-top: 20px; }

  #new-link-panel { display: block; margin: 10px 0px 0px 0px; clear: both; width: 98%; }
  #new-link-panel ul { padding: 10px 10px 20px 20px; list-style-type: none; }
  #new-link-panel li {
	width: 100%;
	float: left;
	margin-left: 0%;
  }
  #new-link-panel li:nth-child(2) { margin-top: 20px; }
  .content-width #right-content a img {
  }
  #support-news-list, #support-contact-list, #support-emergency-contacts {
	width: 97%;
	float: none;
  }
  #category-listing {
	width: 95%;
	float: none;
  }
  #support-questions-container .content-module {
	width: 96% !important;
	margin-left: 10px;
	float: none;
  }
  /* handles in-content video */
	#right-content iframe {
		height: 300px;
	}
	/* break apart the crumb so it doesn't break on mobile */
	.breadcrumb-wrapper {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.breadcrumb-wrapper li {
		display: block;
		border: none;
	}
	.breadcrumb-wrapper li a {
		border-bottom: solid 1px #eee;
	}
}
@media screen and (max-width: 460px) {
	#right-content iframe {
		height: 200px;
	}
}
/* THE SLIDE-OUT MENU */
#build-menu-page {
  left: 0;
  position: relative;

}

#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 260px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
  background: #fff;
}
#build-menu li {
	list-style-type: none;
	display: block;
	float: left;
	width: 100%;
	background: #333;
}
#build-menu li a {
	display: block;
	text-decoration: none;
	border-bottom: solid 1px #373737;
	padding: 10px 0px 10px 20px;
}
#build-menu li a:hover {
	background: #444444;
	color: #a2bcc3;
}
#build-menu li.has-megamenu {
	background: #555555;
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	box-shadow: 0 0 0px #000;
}
#build-menu li.has-megamenu:hover {
	background: #444444;
	color: #f00;
	margin: 0px;
	border-top: solid 0px #000;
	border-bottom: solid 0px #000;
	box-shadow: 0 0 0px #000;
}
#build-menu li.has-megamenu a {
	padding: 10px 0px 10px 10px;
	color: #ffffff;
}
#build-menu ul li {
	line-height: 30px;
	list-style-type: none;
	margin-left: -20px;
}
#build-menu ul li:hover {
	background: #f00;
	color: #aaa;
}
#build-menu ul li a {
	text-decoration: none;
}
.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}

/*****
Custom button with icons
*****/
.billing .button.gray {
	background: #999;
	color: #fff;
	border: 1px solid #999;
}
.billing .button i.fa {
	width: 25px;
	display: inline-block;
	text-align: center;
	margin: 0 5px;
}
.billing .button i:first-child {
	float: left;
}
.billing .content-left .button i {
	display: inline-block !important;
}
.billing .button i {
	padding: 5px 0;
	width: 0;
	margin-left: 0;
	height: 0;
	border-left: 0;
	background: none;
}

/************************
Business Energy Comp CSS - Needs to go here as it references the main site instead of a stand along comp page
************************/
.business-campaign-wrapper .content-width {
	font-family: "AvantGardeGothicITCW01B 731069", sans-serif;
	font-size: 15px;
}
.business-campaign-wrapper .content-width strong {
	font-family: "AvantGardeGothicITCW01D 731075", sans-serif;
	font-weight: normal;
}
.business-campaign-wrapper .content-width .left-column-area,
.business-campaign-wrapper .content-width .right-column-area {
	display: block;
	float: left;
	width: 50%;
}

.business-campaign-wrapper .content-width .left-column-area {
	padding-right: 50px;
}
.business-campaign-wrapper .content-width h1 {
	color: #0093db;
	line-height: 1em;
}
.business-campaign-wrapper .content-width img {
	max-width: 500px;
	width: 100%;
}
.business-campaign-wrapper .content-width .larger {
	font-size: 23px;
	line-height: 1.2em;
}
.business-campaign-wrapper .content-width.competition-form-wrapper .left-column-area { padding-right: 20px; }
.business-campaign-wrapper .content-width.competition-form-wrapper .right-column-area { padding-left: 20px; }
.business-campaign-wrapper .content-width.competition-form-wrapper {
	font-size: 15px;
	margin-top: 50px;
}
.business-campaign-wrapper .content-width.competition-form-wrapper label {
	font-family: "AvantGardeGothicITCW01D 731075", sans-serif;
	font-weight: normal;
	width: 100%;
	padding: 0;
	margin-bottom: 5px;
}
.business-campaign-wrapper .content-width.competition-form-wrapper .normal-label label {
	font-family: "AvantGardeGothicITCW01B 731069", sans-serif;
	font-weight: normal;
}
.business-campaign-wrapper .content-width.competition-form-wrapper input[type=text] {
	width: 100%;
	margin: 0;
}
.business-campaign-wrapper .content-width.competition-form-wrapper .form-item {
	margin-bottom: 10px;
}
.business-campaign-wrapper .content-width.competition-form-wrapper .form-item-2col-wrapper .form-item {
	display: block;
	width: 50%;
	padding-left: 10px;
	float: left;
}
.business-campaign-wrapper .content-width.competition-form-wrapper .form-item-2col-wrapper .form-item:first-child {
	padding-left: 0px;
	padding-right: 10px;
}
/*.business-campaign-wrapper .content-width.competition-form-wrapper .FormButton {
	color: #fff;
	text-shadow: 0 -1px 0 #777;
	border-color: #ee8428;
	background-color: #ee8428;
	display: inline-block;
}*/
.business-campaign-wrapper .content-width.competition-form-wrapper .terms-conditions-button p {
	display: inline-block;
	width: 65%;
	padding-right: 20px;
	font-size: 14px;
	line-height: 2em;
	vertical-align: middle;
}
/*.business-campaign-wrapper .content-width.competition-form-wrapper a.pdf-link {
	font-size: 14px;
	padding-left: 40px;
	background: transparent url(../Images/icon-pdf-link-large.png) no-repeat 0 50%;
	display: block;
	min-height: 35px;
	line-height: 35px;
}*/
/*.business-campaign-wrapper .content-width.competition-form-wrapper .EditingFormErrorLabel {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
	margin-top: 5px;
	font-size: 14px;
}
.business-campaign-wrapper .content-width.competition-form-wrapper .InfoLabel {
	font-size: 30px;
	text-align: center;
	display: block;
	color: #89bd3e;
	font-family: "AvantGardeGothicITCW01D 731075", sans-serif;
}
.business-campaign-wrapper .content-width.competition-form-wrapper input[type=text] {
	transition: 0.5s;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}*/
/*.business-campaign-wrapper .content-width.competition-form-wrapper input[type=text]:focus {
	-webkit-box-shadow: #59c8f5 0 0 10px;
	-moz-box-shadow: #59c8f5 0 0 10px;
	box-shadow: #59c8f5 0 0 10px;*/
}

@media (max-width:1000px) {
	.business-campaign-wrapper .content-width .left-column-area { padding-left: 20px; }
	.business-campaign-wrapper .content-width .right-column-area { padding-right: 20px; }
}
@media (max-width:1000px) {
	.business-campaign-wrapper .content-width.competition-form-wrapper .terms-conditions-button p {
		width: 100%;
		padding: 0;
	}
}
@media (max-width:700px) {
	.business-campaign-wrapper .content-width .left-column-area,
	.business-campaign-wrapper .content-width .right-column-area {
		float: none;
		width: 100%;
		padding: 0 20px;
	}
	.business-campaign-wrapper .content-width .right-column-area {
		text-align: center;
	}
	.business-campaign-wrapper .content-width.competition-form-wrapper .right-column-area {
		text-align: left;
	}
}
@media (max-width:400px) {
	.business-campaign-wrapper .content-width.competition-form-wrapper .form-item-2col-wrapper .form-item {
		display: block;
		width: 100%;
		padding-left: 00px;
		float: none;
	}
	.business-campaign-wrapper .content-width.competition-form-wrapper .form-item-2col-wrapper .form-item:first-child {
		padding-left: 0px;
		padding-right: 0px;
	}
}



/* ******************************* NEW GAS CONNECTION PAGE ********************************** */

.block-content {
	display: block;
	width: 100%;
	padding: 0 20px;
	margin: 10px 0 20px;
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.block-content.grey-block {
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 20px; padding-bottom: 10px;
}
.block-content .grey-block {
	background-color: #f3f3f3;
	padding: 1px 20px; padding-bottom: 10px;
}
.block-content-icon {
	width: 100px;
	margin-left: -100%;
	text-align: center;
	float: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.block-content-icon img {
	max-width: 100px;
}
.block-content-wrapper {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.block-content-copy {
	margin-left: 120px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.block-content-copy > p,
.block-content-copy > h1,
.block-content-copy > h2 {
	margin-top: 0;
}

.block-content-copy > h1,
.block-content-copy > h2,
.block-content-copy > h3 {
	color: #000;

}
.block-content-copy li {
	margin-bottom: 10px;
}
.block-content-copy span.larger {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
}
@media (max-width:500px) {
	.block-content-icon img {
		max-width: 40px;
	}
	.block-content-icon {
		width: 40px;
		position: absolute;
		left: 20px; top: 10px;
		margin-left: 0;
	}
	.block-content.grey-block .block-content-icon {
		top: 30px;
	}
	.block-content-copy {
		margin-left: 0;
	}
	.block-content-copy h2 {
		padding-left: 60px;
		padding-right: 40px;
		min-height: 60px;
	}
}

/*  IPPayment */
.ipp-wrapper {}
.ipp-wrapper .ipp{}
.ipp-wrapper .customer-detail{border:solid 1px #0497e3;}
.ipp-wrapper .customer-detail{margin-bottom:20px;}
.ipp-wrapper .ipp .iframe{width:100%! important; height:380px! important;}
.ipp-wrapper .ipp .iframe #cardnameErr {font-size:20px;}
.ipp-wrapper .ipp .header, .ipp-wrapper .customer-detail .header{background-color:#0497e3;font-family: Verdana,Tahoma,Arial; font-size: 12px; color:#fff; line-height:30px; font-weight:bold; padding-left:10px;}
.ipp-wrapper .customer-detail .customer-detail-inner {padding:10px; font-weight:700; line-height:30px;}
.ipp-wrapper .customer-detail label{width:150px;color:#0497e3; cursor:default! important;}
.ipp-wrapper .customer-detail span{}

.ipp-wrapper-result {}
.ipp-wrapper-result .transaction-result{border:solid 1px #0497e3;}
.ipp-wrapper-result .transaction-result{margin-top:20px;}
.ipp-wrapper-result .transaction-result .header{background-color:#0497e3;font-family: Verdana,Tahoma,Arial; font-size: 12px; color:#fff; line-height:30px; font-weight:bold; padding-left:10px;}
.ipp-wrapper-result .transaction-result .transaction-result-con {padding:10px;}
.ipp-wrapper-result .transaction-result .transaction-result-con label{width:auto; padding-right:10px;}
.ipp-wrapper-result .transaction-result .transaction-result-con span{width:auto; padding-right:10px;color:#0497e3; font-weight:bold;}
.ipp-wrapper-result .transaction-result .message{padding-bottom:10px;}
.ipp-wrapper-result .transaction-result .button-con{padding-top:10px;}
.ipp-wrapper-result .transaction-result .button{width:80px;}

@media only screen and (min-width: 0px) and (max-width: 590px) {
  .ipp-wrapper .ipp .iframe{height:520px! important;}
  .ipp-wrapper .ipp .header, .ipp-wrapper .customer-detail .header{font-size: 10px;}
  .ipp-wrapper {margin-right: 2%;}
}

.ipp-wrapper-result .transaction-result .button-back, .transaction-error .button-back{background-color:#89bd3e; border-color:#89bd3e; font-family:"AvantGardeGothicITCW01D 731075";background-image: url("../Images/button-treatment.png");background-position: 50% 50%;background-repeat: repeat-x;border-radius: 10px;border-style: solid;border-width: 1px;color: #fff;display: inline-block;font-size: 1em;line-height: 35px;padding: 0 10px;text-decoration: none;}
.ipp-wrapper-result .transaction-result .button-back{float:right;}
.transaction-error .button-back {}

.ipp-wrapper-result .transaction-result .message-payment{padding-bottom:10px; color:#0497e3; font-weight:bold;}

/*  New Email Sign up - Added by AK - 16/7 */
iframe .container { width:100% !important; }
@media screen and (max-width: 755px) { #right-content iframe[src*="slm-promo.web.sd-svc.net"] { height: 680px; } }
@media screen and (max-width: 660px) { #right-content iframe[src*="slm-promo.web.sd-svc.net"] { height: 780px; } }
@media screen and (max-width: 460px) { #right-content iframe[src*="slm-promo.web.sd-svc.net"] { height: 840px; } }


/* ==========================================================================
NEW ALINTA SUB-HOVER MENU - 5th AUG 2014
- Desktop Menu updates
========================================================================== */

@media (min-width: 971px) {
	.mega-menu-wrapper {
		background: #fff;
	}

	.has-megamenu > a {
		padding-bottom: 10px;
	}

	.has-megamenu:hover > a {
		background: none;
	}

	.mega-menu-container {
		border-top: 0;
		border-radius: 0;
		margin-top: 1px !important;
	}

	#new-campaign-wrapper {
		border-top: 0;
		border-bottom: 1px solid #ccc;
	}

	.mega-menu-wrapper {
		border-radius: 0;
	}

	#primary-nav {
		margin-bottom: 0;
	}

	.has-megamenu:hover {
		box-shadow: none;
		background: none;
	}

	.has-megamenu {
		/*position: relative;*/
	}

	.has-megamenu > a:hover:after {
		z-index: 99999;
		top: 100%;
		left: 45%;
		/*border: solid transparent;*/
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.has-megamenu > a:hover:after {
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #de4509;
	}

	.has-megamenu:hover:after {
		z-index: 99999;
		border-top-color: #fff;
		border-width: 9px;
		margin-left: -9px;
	}

	.sub-menu-items .banner {
		float: left;
		margin-right: 20px;
	}

	.banner a {
		padding: 0 !important;
		border: 0 !important;
	}

	.sub-menu-items .sub-menu-container {
		float: left;
		width:200px;
	}

	.sub-menu-items .sub-menu-container ul {
		width: 100%;
	}

	.sub-menu-items .sub-menu-container ul ul{
		width: 248px;
	}

	.sub-menu-container {
		position: relative;
	}

	.sub-menu-items .has-sub > ul {
		display: none;
	}

	.sub-menu-items .has-sub > ul {
		position: absolute;
		top: 0;
		right: 0;
		/*bottom: 0;*/
		left: 200px;
	}

	.has-sub > a,
	.sub-menu-container .level-2 > li > a {
		font-size: 17px;
		font-weight: bold;
		border-right: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		padding: 5px 20px 5px 0 !important;
		color: #ee8428 !important;
	}

	#primary-nav .mega-menu-container li:last-child a {
		border-bottom: 0 !important;
	}

	.has-sub > a:hover:after, #primary-nav li.has-sub:hover > a:after{
		font-size: 17px;
		font-family: fontAwesome;
		content: "\f105";
		margin-left: 5px;
		position: absolute;
		right: 5px;
	}

	.has-sub > a:hover, #primary-nav li.has-sub:hover > a {
		color: #242424 !important;
		border-right: 1px solid #fff !important;
	}

	.sub-menu-items .has-sub > ul li a {
		padding: 3px 0 3px 10px !important;
	}

	.sub-menu-items .has-sub:hover > ul {
		display: block !important;
		height: 100%;
	}

	.has-sub ul {
		z-index: 999;
		background: #fff;
	}

	#primary-nav li.has-sub {
		position: static !important;
	}

	.mega-menu-container {
		border-top: 1px solid #ccc;
		margin-top: 0 !important;
	}
	.sub-menu-items {
		*zoom: 1;
	}
	.sub-menu-items:after {
		content: "";
		display: table;
		clear: both; }
	}
}

/* ==========================================================================
NEW ALINTA SUB-HOVER MENU - 5th AUG 2014
- Mobile Menu updates
========================================================================== */


@media (max-width: 970px) {

	.promo-banner, .banner {
		display: none;
	}

	#mobile-header .mega-menu-container .sub-menu-items ul ul {
		display: block;
		max-height: 0;
		transition: 0.5s;
		overflow: hidden;
		padding-left: 30px;
		font-weight: normal;
	}
	#mobile-header .mega-menu-container .sub-menu-items .show-children ul {
		max-height: 1500px;
	}

	#mobile-header .mega-menu-container .sub-menu-items li {
		transition: 0.5s;
	}

	#mobile-header .mega-menu-container .sub-menu-items li.has-sub.show-children {
			background: #0072AA;
	}
	#mobile-header .mega-menu-container .sub-menu-items .show-children ul {
		font-weight: normal;
	}
	#mobile-header .mega-menu-container .has-sub > a > i {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		transition: 0.5s;
	}
	#mobile-header .mega-menu-container .has-sub.show-children > a > i {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		transform: rotate(270deg);
		transition: 0.5s;
	}

}

@media (max-width: 970px) {
	.banner {
		display: none;
	}

	.sub-menu-container ul ul {
		display: block;
		max-height: 0;
		transition: 0.5s;
		overflow: hidden;
	}

	.sub-menu-container .show-submenu > ul {
		max-height: 1500px;
	}

	.sub-menu-container li.has-sub a i {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		transition: 0.5s;
	}

	.sub-menu-container li.has-sub.show-submenu i {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		transform: rotate(270deg);
		transition: 0.5s;
	}

	.sub-menu-container li.has-sub .level-3 i {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
		transition: 0s;
	}



}


/* ==========================================================================
NEW ALINTA WIDGET CARDS - 30th Oct 2014
========================================================================== */
.card-widget-container {
	overflow: hidden;
}
.card-widget {
	display: block;
	background: #efefef;
	padding: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.card-widget-container.double .card-widget {
	width: 48%;
	float: left;
}

.card-widget-container.tripple .card-widget {
	width: 30.666%;
	float: left;
}

@media (max-width:500px) {
	.card-widget-container {
		width: 95%;
	}
	.card-widget-container.double .card-widget,
	.card-widget-container.tripple .card-widget {
		width: 100%;
		float: none;
		margin-right: 0!important;
	}
}

.card-widget-container.double .card-widget:first-child,
.card-widget-container.tripple .card-widget {
	margin-right: 4%;
}

.card-widget-container.double .card-widget:last-child,
.card-widget-container.tripple .card-widget:last-child {
	margin-right: 0;
}

.card-widget > *:first-child {
	margin-top: 0;
}
.card-widget img {
	width: 100%;
	max-width: 100%;
}


/* ==========================================================================
ALINTA HEADER UPDATES
========================================================================== */
@media screen and (min-width: 971px) {
	#main, #campaign {
		padding-top: 141px;
	}
}

@media screen and (max-width: 970px) {
	#main, #campaign {
		padding-top: 40px;
	}
}

.primary-nav-container {
	background: #e97917;
	*zoom: 1;
}

.primary-nav-container:after {
	content: "";
	display: table;
	clear: both;
}

.primary-nav-container #primary-nav > li:hover {
	background: #de4509;
}

.primary-nav-container li a {
	border-left: 0;
	line-height: 16px;
	padding: 6px 10px;
	display: inline-block;
}

#primary-nav > li.icon-home > a:before,
#primary-nav > li.icon-building > a:before,
#primary-nav > li.icon-business-energy > a:before,
#primary-nav > li.icon-save-with-gas > a:before,
#primary-nav > li.icon-about-us > a:before,
#primary-nav > li.icon-contact-us > a:before,
#primary-nav > li.icon-blog > a:before,
#primary-nav > li.icon-my-account > a:before,
#primary-nav > li.icon-offers > a:before,
#primary-nav > li.icon-energy-products > a:before,
#primary-nav > li.icon-solar > a:before  {
	font-size: 20px;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	margin-right: 10px;
}

#primary-nav > li.icon-building > a:before {
  content: "\f1ad";
}

#primary-nav > li.icon-home > a:before {
  content: "\f015";
}
#primary-nav > li.icon-business-energy > a:before {
  content: "\f0e7";
}
#primary-nav > li.icon-save-with-gas > a:before {
  content: "\f06d";
}
#primary-nav > li.icon-about-us > a:before {
  content: "\f05a";
}
#primary-nav > li.icon-contact-us > a:before {
  content: "\f075";
}
#primary-nav > li.icon-blog > a:before {
  content: "\f10d";
}
#primary-nav > li.icon-my-account {
  background: #0093db;
  float: right;
}

#primary-nav > li.icon-my-account > a:before {
  content: "\f007";
}

#primary-nav > li.icon-offers > a:before {
  content: "\f005";
}

#primary-nav > li.icon-energy-products > a:before {
  content:  "\f0eb";
}

#primary-nav > li.icon-solar > a:before {
  content:  "\f185"
}

#mobile-header .mobile-menu a {
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	display: block;
	line-height: 25px;
}

#mobile-header .mobile-menu .content-width > ul > li {
	border-bottom: 1px solid #fff;
}

#mobile-header .mobile-menu .content-width ul > li > a i {
	margin-top: 6px;
}

/* ==========================================================================
ALINTA SCROLLING STICKY HEADER
========================================================================== */
header #desktop-header,
header #desktop-header #logo,
#primary-nav li.home-icon a,
header #desktop-header #change-state,
#primary-nav > li > a:before {
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

header.small#top {
	position: fixed;
}

header.small #desktop-header, header.small #desktop-header #logo, #header-toolbox-top {
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

header.small #header-toolbox-bottom {
	border-top: 0 !important;
}

header.small #desktop-header #logo{
	height: 48px;
	width: 198px;
}

header.small #desktop-header #header-toolbox-top {
	opacity: 0;
	height: 0;
}

header.small #desktop-header #header-toolbox-top .change-state-dropdown{
	display: none !important;
}

.lt-ie9 header.small #desktop-header #header-toolbox-top {
	display: none;
}

header.small #desktop-header {
	height: 62px;
}

header.small li[class^="icon-"] a:before {
	font-family: inherit !important;
	opacity: 0 !important;
	margin-right: 0 !important;
	width: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

header.small #primary-nav li a {
	line-height: 1.3em;
}

/* ==========================================================================
ALINTA SCROLLING STICKY HEADER part 2
========================================================================== */
.logo-main {
	display: inline-block;
}

.header-left, .header-right {
	float: left;
	width: 50%;
}

#header-toolbox-wrapper {
	text-align: right;
	padding-top: 3px;
}

#header-toolbox-top {
	height: 30px;
}

#header-toolbox-top, #header-toolbox-bottom {
	text-align: right;
	display: inline-block;
	float: right;
}

#header-toolbox-bottom {
	min-width: 360px;
	border-top: 1px solid #d8d8d8;
	padding-top: 7px;
}

ul.change-state-dropdown-list {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.change-state-dropdown-list li {
	display: block;
	float: left;
	padding: 3px 10px 3px 10px;
	margin-bottom: 5px;
	border-left: 1px solid #d8d8d8;
	width: 100%;
}

ul.change-state-dropdown-list .change-state-dropdown-list a {
	color: #999;
	display: block;
	cursor: pointer;
	display: block;
}

ul.change-state-dropdown-list a {
	text-decoration: none;
}

ul.change-state-dropdown-list strong {
	font-family: "AvantGardeGothicITCW01D 731075";
}

.change-state-dropdown-list strong {
	font-weight: 400;
	color: #0093DB;
}

#quicklinks {
	float: right;
}

.header-toolbox-info, #header-toolbox-search {
	display: inline-block;
	float: left;
	width: 50%;
}

#header-toolbox-search {
	width: 35px;
	overflow: hidden;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s;
}

#header-toolbox-search.open {
	width: 180px;
	position: relative;
}

#header-toolbox-search .header-toolbox-search-box {
	position: absolute;
	right: 40px;
}

.header-toolbox-search-box {
	background: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
	width: 130px !important;
	color: #555 !important;
}

#top-quicklinks, #header-toolbox-state-selector {
	display: inline-block;
}

#change-state {
	margin: 0;
	padding: 0;
	list-style: none;
}

#change-state-link {
	display: block;
	float: left;
	padding: 3px 10px 0 10px;
	margin-bottom: 5px;
	border-left: 1px solid #d8d8d8;
	text-align: right;
}

#change-state-link:before {
	float: right;
	content: "\f078";
	font-family: fontAwesome;
	margin-left: 5px;
	color: #0093db;
	font-size: 10px;
	padding: 2px 4px 0 0;
}

.change-state-link-label {
	color: #0093db;
	font-size: 13px;
	font-family:'AvantGardeGothicITCW01B 731069';
}

.change-state-link-selection {
	color: #0093db;
	font-size: 13px;
	font-family: "AvantGardeGothicITCW01D 731075";
}

.header-toolbox-info {
	float: left;
	width: 230px;
	font-size: 22px;
	color: #0093db;
	font-family: 'AvantGardeGothicITCW01B 731069';
	border-right: 1px solid #d8d8d8;
	padding-right: 15px;
}

.header-toolbox-info a {
	font-family:"AvantGardeGothicITCW01B 731069";
	color: #0093db;
	text-decoration: none;
	font-weight: bold;
}

.header-search {
	display: inline-block;
	text-decoration: none;
}

.header-search:before {
	content: "\f002";
	font-family: fontAwesome;
	display: inline-block;
	font-size: 22px;
	color: #e97917;
	width: 35px;
	text-align: center;
	display: inline-block;
}

.left-bottom {
	width: 260px;
	float: left;
	text-align: right;
}

.right-bottom {
	width: 40px;
	float: left;
}

#header-toolbox-bottom ul {
	margin: 0;
	float: right;
	padding: 0;
}

#header-toolbox-bottom .block {
	display: inline-block;
}

/* ==========================================================================
State select on CMS page
========================================================================== */
.select-state-page .change-state-dropdown-list {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;;
}

.select-state-page .change-state-dropdown-list a {
	cursor: pointer;
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
}

.select-state-page .change-state-dropdown-list a:hover,
.select-state-page .change-state-dropdown-list a:hover strong {
	cursor: pointer;
	color: black;
}

.select-state-page .change-state-dropdown-list li {
	padding-left: 0;
	border: none;
	float: none;
	text-align: left;
	margin: 0;
}

.select-state-page .change-state-dropdown-list strong {
	color: #0093DB ;
	font-weight: 600;
}

.select-state-page .change-state-dropdown-list a {
	color: #999;
	display: block;
}


/* ==========================================================================
Responsive tables
========================================================================== */
@media(max-width: 500px) {
	table.table {
		font-size: 70%;
	}
}

/* ==========================================================================
Footer Terms
========================================================================== */

.footer-terms {
  padding: 10px 10px 0 10px;
  font-size: 11px;
}

/* ==========================================================================
Banner Updates
========================================================================== */

#alttext-container {
  display: none !important;
}

/* ==========================================================================
Responsive padding
========================================================================== */


@media(max-width: 970px){
	p.mobile-side-padding{
		padding-left: 20px;
		padding-right: 20px;
	}
}




/* ==========================================================================
Enviroment label
========================================================================== */

.env-label {
	position: fixed;
	top: 0;
	left: 0;
	padding: 3px 6px 3px 3px;
	opacity: 0.7;
	background: red;
	color: #fff;
	z-index: 999999;
}

/* ==========================================================================
Custom home banner CSS
========================================================================== */
.mobile-only {
	display: none;
}

@media screen and (max-width: 768px) {
	.mobile-only {
		display: block;
	}
	#new-campaign-wrapper #campaign-slide-container	.bottom-for-mobile .campaign-slide-copy-container{
		bottom: 20px !important;
		top: auto !important;
	}
}

/* Mozo Award Banner layout */
.mozo-awards .button {
	font-weight: normal;
	padding: 10px 30px;
	font-size: 24px;
	margin-right: 10px;
	-webkit-font-smoothing: antialiased;
	background: #00adef;
}

#new-campaign-wrapper #campaign-slide-container .mozo-awards .campaign-slide-copy-container {
	bottom: 65px;
	top: auto;
	padding: 0;
}

/*@media screen and (min-width: 980px) {
	#new-campaign-wrapper #campaign-slide-container .bjqs-slide.mozo-awards .content-image-container .campaign-background-image {
		left: 52%;
	}
}*/

/* ==========================================================================
State Selector popup CSS
========================================================================== */
.state-selecter-overlay {
	background: rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 9999;
}

.state-selecter-popup {
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 6%;
	max-width: 600px;
	width: 600px;
	z-index: 99999;
	border: 2px solid  #e97917;
	margin: auto;
	padding: 30px;
	text-align: center;
}

@media screen and (max-width: 700px) {
	.state-selecter-popup {
		width: auto;
	}
}
@media screen and (min-width: 800px) {
	.state-selecter-popup p {
		 width: 85%; /* change from 70% */
		margin-left: auto;
		margin-right: auto;
	}
}


@media screen and (max-width: 900px) {
	.state-selecter-popup {
		top: 20px;
	}
}

.state-selecter-popup .button {
	text-transform: inherit;
	background: #e97917;
	margin: 5px;
	min-width: 80px;
}

.state-selecter-popup h2 {
	margin-top: 0;
	color: #000;
	font-size: 32px;
	margin-bottom: 10px;
}

.state-selecter-popup h2 span{
	color: #e97917;
	white-space: nowrap;
}

.state-selecter-popup p {
	font-size: 16px;
}



/* Owl Banner Updates */

@media screen and (max-width: 999px) {
	.owl-carousel img,
	.alinta-banner img {
		max-width: 100%;
	}
}

@media screen and (min-width: 1000px) {
	.owl-carousel img,
	.alinta-banner img {
	}
}

.owl-theme .owl-controls .owl-page span {
	width: 15px;
	height: 15px;
	background: #f5f5f5;
	border: 2px solid #ccc;
	border-radius: 0;
	text-indent: -999em;
	top: auto;
	left: auto;
	line-height: 15px;
	margin: 0 3px;
	opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span {
	background: #0093db;
}

.campaign-background-link {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.campaign-background-link img {
	margin-left: -1px;
}




/* Sajari Search */
#search-box #sj-search-modal-input-holder-inner {
	width: 100%;
}

#search-box #sj-search-bar-completion {
}

#search-box .sj-search-bar-input-common {
	height: 40px;
	width: 95% !important;
	max-width: 500px !important;
}

#search-response .sj-result-title,
#search-response .sj-result-url {
	white-space: normal;
	word-break: break-word;
}

/* Queensland Campaign Landing  */

.qld-landing #change-state-link {
	border: none;
}

.qld-landing #mobile-menu {
	text-align: right;
}

.qld-landing #mobile-menu .mobile-menu-item,
.qld-landing #mobile-menu .mobile-menu-logo {
	float: none;
	display: inline-block;
}

.qld-landing .banner-container img {
	width: 100%;
	height: auto;
}

.qld-landing .banner-container {
	margin-top: 20px;
	width: 100%;
	max-width: 1000px;
}

.qld-landing h1 {
	font-size: 1.786em;
}

 .qld-landing section.form .radio label {
	padding-left: 20px;
}

.qld-landing .btn {
	margin-top: 1rem;
}

.qld-landing .small-center-only {
	text-align: center;
}



@media screen and (min-width: 500px) {
	.qld-landing section.form .terms {
		margin-right: 2%;
	}
}

@media screen and (min-width: 640px) {
	.qld-landing .small-center-only {
		text-align: left;
	}

	.qld-landing footer #bottom-links ul {
		padding-top: 10px;
	}
}

@media screen and (min-width: 971px) {
	.qld-landing #change-state-link {
		margin-top: 1.5rem;
	}
	.qld-landing .change-state-dropdown {
		top: 59px;
	}

	.qld-landing #main {
		padding-top: 92px;
	}

	.qld-landing h1 {
		font-size: 2em;
	}
}

/* ==========================================================================
Mobile menu Fix
========================================================================== */

nav.open .content-width {
	max-height: 100vh;
	overflow-y: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
}

/* ==========================================================================
CMS Fix Banner
========================================================================== */

.EditMode #banner-area #background-container {
	position: relative;
}


/* ==========================================================================
Inner - Header Image Template banner CSS
========================================================================== */

#inner-background-container img {
    max-width: 100%;
}

#inner-background-container .desktop {
    display: none;
}

#inner-background-container .mobile {
    display: none;
}

@media screen and (min-width: 640px) {
    #inner-background-container .desktop {
        display: block;
    }
}

@media screen and (max-width: 639px) {
    #inner-background-container .mobile {
        display: block;
    }
}

/* Add padding to #main when agent user role is active  */
/*@media screen and (min-width: 971px) {
    #main.agent-active {
        padding-top: 220px;
    }
}
@media screen and (max-width: 970px) {
    #main.agent-active {
        padding-top: 180px;
    }
}*/

/* Add agent banner global CSS   */
.agent-banner {
    background: #363636;
    color: #fff;
    padding: 20px;
    font-size: 16px;
}
.agent-banner .title {
    text-align: center;
    padding-right: 100px;
}

 .agent-banner .btn-logout {
	position: absolute;
	top: 0;
	right: 10px;
}

.agent-banner a {
	text-decoration: none;
}

.agent-banner a:hover {
	color: #fff;
}

.agent-banner .horizontal.list {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    width: 100%;
    text-align: center;
    padding-right: 100px;
}

.agent-banner .horizontal.list li {
    display: inline-block;
    padding: 5px 10px;
}

/* Fix for cursor moving outside of input when scrolling */
/*
html,body{ -webkit-overflow-scrolling : touch !important; overflow: auto !important; height: 100% !important; }
*/


/* Solar Content Widgets */
.solar-content-wrapper {
  overflow: auto;
}

.solar-content-wrapper .button {
  margin-bottom: 22px;
}

.solar-content-right,
.solar-content-left {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

.solar-content-left.solar-content-image {
	width: 120px;
	float: left;
}

.solar-content-left.solar-content-copy {
	width: calc(100% - 120px);
	float: left;
}

.solar-content-left.solar-content-copy h2 {
	margin-top: 0;
}

.solar-content-wrapper-right,
.solar-content-right {
	transform: scaleX(-1);
}

.solar-content-image img {
  width: 100%;
}

.solar-content-right.solar-content-copy {
  padding-right: 20px;
}

.solar-content-left.solar-content-copy {
  /*padding-left: 20px;*/
}

@media (max-width: 690px) {
	.solar-content-right,
  .solar-content-left {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .solar-content-wrapper-right,
	.solar-content-right {
		transform: none;
	}
  .solar-content-right.solar-content-copy {
    padding-left: 0px;
  }
  .solar-content-left.solar-content-copy {
    padding-right: 0px;
  }
}