/* =============================================================================
   Sign up module import above
   ========================================================================== */

/* =============================================================================
   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 */
}
@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],
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;
}

/* =============================================================================
   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;
  }


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

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

#new-campaign-wrapper .non-edit #alinta-welcome {
  position: relative;
  left: auto; top: auto;
  position: 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; 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: fixed;
  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%;
}
#StateSelectDialog {
  padding: 105px 20px;
  background-color: #fff;
  box-shadow: 0 5px 10px -5px #473D34;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  background: #ee8428;
  z-index: 9999;

  overflow: hidden;
  overflow-y: auto; 
}
#StateSelectWrapper {
  max-width:  ;
  margin: 0;
}
#StateSelectWrapper p#state-instructions {
  display: inline-block;
  font-size: 1.3em;
  color: #fff;
  width: 100%;
  text-align: left;
  vertical-align: top;
  padding: 0 50px 0 0;
  font-weight: bold;
  margin: 0;
  line-height: 1em;
  text-shadow: 0 -1px 0 #666;
}
#StateSelectWrapper p#state-instructions small {
  display: block;
  font-weight: normal;
  color: #fff;
  padding: 5px 0;
  text-shadow: 0 -1px 0 #666;
}
#StateSelectOptions {
  background-color: #fff;
  padding: 10px;
  width: 530px;
  display: inline-block;
  border-radius: 10px;
  text-align: center;
  float: right;
}
#StateSelectOptions table {
  width: auto;
  text-align: left;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
#StateSelectOptions p {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  text-align: center;
  margin: 10px 0 0 0;
}
#StateSelectOptions,
#StateSelectWrapper p#state-instructions {
  display: block;
  float: none;
}
#StateSelectWrapper p#state-instructions {
  margin-bottom: 20px;
}

/* =============================================================================
   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;
}
.interactive-container.bill-front-page .item-01 { left: 55%; top: 6.5%; }
.interactive-container.bill-front-page .item-02 { left: 55%; top: 9.5%; }
.interactive-container.bill-front-page .item-03 { left: 12%; top: 17%;  }
.interactive-container.bill-front-page .item-04 { left: 55%; top: 24%;  }
.interactive-container.bill-front-page .item-05 { left: 03%; top: 42%;  }
.interactive-container.bill-front-page .item-06 { left: 03%; top: 49%;  }
.interactive-container.bill-front-page .item-07 { left: 03%; top: 62.6%;  }
.interactive-container.bill-front-page .item-08 { left: 56.5%; top: 62.6%;  }

#res-electricity-front .interactive-container.bill-front-page .item-01 { left: 12%; top: 19%; }
#res-electricity-front .interactive-container.bill-front-page .item-02 { left: 03%; top: 36%; }
#res-electricity-front .interactive-container.bill-front-page .item-03 { left: 03%; top: 40%;  }
#res-electricity-front .interactive-container.bill-front-page .item-04 { left: 03%; top: 85%;  }
#res-electricity-front .interactive-container.bill-front-page .item-05 { left: 92%; top: 8.5%;  }
#res-electricity-front .interactive-container.bill-front-page .item-06 { left: 92%; top: 16.5%;  }
#res-electricity-front .interactive-container.bill-front-page .item-07 { left: 92%; top: 23%;  }
#res-electricity-front .interactive-container.bill-front-page .item-08 { left: 92%; top: 28%;  }
#res-electricity-front .interactive-container.bill-front-page .item-09 { left: 92%; top: 64.5%;  }

#res-electricity-back .interactive-container.bill-back-page .item-10 { left: 02%; top: 5%; }
#res-electricity-back .interactive-container.bill-back-page .item-11 { left: 02%; top: 31%; }
#res-electricity-back .interactive-container.bill-back-page .item-12 { left: 02%; top: 45%;  }
#res-electricity-back .interactive-container.bill-back-page .item-13 { left: 02%; top: 77%;  }
#res-electricity-back .interactive-container.bill-back-page .item-14 { left: 92%; top: 12%;  }

#res-gas-front .interactive-container.bill-front-page .item-01 { left: 11%; top: 19%; }
#res-gas-front .interactive-container.bill-front-page .item-02 { left: 03%; top: 37%; }
#res-gas-front .interactive-container.bill-front-page .item-03 { left: 03%; top: 45%;  }
#res-gas-front .interactive-container.bill-front-page .item-04 { left: 04%; top: 79%;  }
#res-gas-front .interactive-container.bill-front-page .item-05 { left: 93%; top: 10%;  }
#res-gas-front .interactive-container.bill-front-page .item-06 { left: 93%; top: 17%;  }
#res-gas-front .interactive-container.bill-front-page .item-07 { left: 93%; top: 23%;  }
#res-gas-front .interactive-container.bill-front-page .item-08 { left: 93%; top: 38%;  }
#res-gas-front .interactive-container.bill-front-page .item-09 { left: 93%; top: 48%;  }

#res-gas-back .interactive-container.bill-back-page .item-10 { left: 02%; top: 7.5%; }
#res-gas-back .interactive-container.bill-back-page .item-11 { left: 02%; top: 24%; }
#res-gas-back .interactive-container.bill-back-page .item-12 { left: 02%; top: 44%;  }
#res-gas-back .interactive-container.bill-back-page .item-13 { left: 02%; top: 78%;  }
#res-gas-back .interactive-container.bill-back-page .item-14 { left: 93%; top: 11.5%;  }

.interactive-container.bill-back-page .item-01 { left: 03%; top: 6.5%; }
.interactive-container.bill-back-page .item-02 { left: 03%; top: 9.5%; }
.interactive-container.bill-back-page .item-03 { left: 03%; top: 17.5%;  }
.interactive-container.bill-back-page .item-04 { left: 03%; top: 21.5%;  }
.interactive-container.bill-back-page .item-05 { left: 03%; top: 27.7%;  }
.interactive-container.bill-back-page .item-06 { left: 03%; top: 34.5%;  }
.interactive-container.bill-back-page .item-07 { left: 03%; top: 50%;  }
.interactive-container.bill-back-page .item-08 { left: 03%; top: 56%;  }
.interactive-container.bill-back-page .item-09 { left: 03%; top: 60%;  }
.interactive-container.bill-back-page .item-10 { left: 03%; top: 83.8%;  }

.interactive-container.location-map .item-01 { left: 10%; top: 23%; }
.interactive-container.location-map .item-02 { left: 15%; top: 30%; }
.interactive-container.location-map .item-03 { left: 20%; top: 40%; }
.interactive-container.location-map .item-04 { left: 03%; top: 56%; }
.interactive-container.location-map .item-05 { left: 06%; top: 59.5%; }
.interactive-container.location-map .item-06 { left: 06%; top: 64.5%; }
.interactive-container.location-map .item-07 { left: 03%; top: 47%; }
.interactive-container.location-map .item-08 { left: 45%; top: 59.5%; }
.interactive-container.location-map .item-09 { left: 46%; top: 50%; }
.interactive-container.location-map .item-10 { left: 59%; top: 77%; }
.interactive-container.location-map .item-11 { left: 45%; top: 68%; }
.interactive-container.location-map .item-12 { left: 66%; top: 40%; }
.interactive-container.location-map .item-13 { left: 72%; top: 46%; }
.interactive-container.location-map .item-14 { left: 63%; top: 37%; }
.interactive-container.location-map .item-15 { left: 70%; top: 63%; }
.interactive-container.location-map .item-16 { left: 92%; top: 59%; }
.interactive-container.location-map .item-17 { left: 65%; top: 72%; }

.interactive-container .item-copy-container {
    display: block;
    position: absolute;
    left: -999em; top: 0;
    border-radius: 5px;
    background: #0093db;
    z-index: 9999;
    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 { 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: 9999;
}
.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; }

@media (max-width: 630px) {
    .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 (max-width: 400px) {
    .interactive-container .item-marker > a {
        margin-left: -7px;
    }
}


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

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


#new-campaign-wrapper {

  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: relative;
  z-index: 99;
  width: 100%;
  min-height: 450px;
  overflow: hidden;
}

#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-top: -30px;
  position: relative;

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

#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 #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: 99;
  }
  #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
   ============================================================== */

/* line 12, ../scss/styles.scss */
.box-shad {
  background: rgba(0, 0, 0, 0) url(http://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 #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 */
  #content-Wrapper {
    display: block;
    float: none;
    vertical-align: middle;
    width: 290px;
    margin: 15px auto 0px auto;
  }
  #StateSelectDialog {
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 0 5px 10px -5px #473D34;
    /*position: absolute;*/
    /*top: -500px; left: 0; right: 0;*/
    width: 100%;
    background: #ee8428;
    z-index: 9999;
  }
  #StateSelectWrapper {
    margin: 0;
    
  }
  #StateSelectWrapper p#state-instructions {
    width: 100%;
    margin: 0;
    margin: 0px auto 0px auto;
  }
  #StateSelectWrapper p#state-instructions small {
    display: block;
    font-weight: normal;
    color: #fff;
    padding: 5px 0;
    text-shadow: 0 -1px 0 #666;
  }
  #StateSelectOptions {
    background-color: #fff;
    padding: 10px;
    width: 290px;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    margin: 20px 0;
    
  }
  #StateSelectOptions table {
    width: auto;
    text-align: left;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    clear: both;
  }
  #StateSelectOptions p {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    margin: 10px 0 0 0;
    float: none;
  }
  #StateSelectOptions,
  #StateSelectWrapper p#state-instructions {
    display: block;
    float: none;
  }
  #logo-Wrapper {
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 0px auto 0px auto;
    width: 290px !important;
  }  
  
}  
@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%;
  }

  .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 {
    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;
}
@media (max-width:500px) {
  .card-widget-container {
    width: 95%;
  }
  .card-widget-container.double .card-widget {
    width: 100%;
    float: none;
    margin-right: 0!important;
  }
}
.card-widget-container.double .card-widget:first-child {
  margin-right: 4%;
}
.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-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  {
  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-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";
}

#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 #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: right;
  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;
}

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