﻿/* Nav level one -------------------------------------------------------------------------------------  */
ul.main-menu li{ 
   float: left; 
   zoom: 1;
}
ul.main-menu li a{
   display: block; 
}
ul.main-menu li:hover{
   position: relative; 
}
ul.main-menu ul li{            
   float: none;
   margin: 0 !important;
   padding: 0 !important;
   width: 132px;
   line-height: 22px;
   height: 22px;
}
ul.main-menu ul #last-child{
	display:none
}
ul.main-menu ul li a{
   background: #f1f0ed top center;
   border-right: #bdbcba solid 1px!important;
   border-left: #bdbcba solid 1px!important;
   line-height: 22px;
   height: 22px;
   margin-left: 0px;
   margin-right: 0px;  
   padding: 0 5px 0 12px !important;
   width: 114px !important;
   color: #6a5d52;
   text-shadow: #ffffff 0 1px 1px !important; 
}
ul.main-menu ul li:first-child{
  background: url(../images/menu-top-slice.png) top center no-repeat; 
  margin: 0 0 -2px 0 !important;
  #margin: 0 0 -3px 0 !important;
  padding: 0 0 0 1px !important;
  height: 10px !important;
  line-height: 10px !important;
}
ul.main-menu ul li a:hover{
	color: #33281e;
	text-shadow: #ffffff 0 1px 1px; 
}
/*   LEVEL TWO */
ul.main-menu li:hover ul{
   visibility: visible;
	z-index:999!important;	 
}
ul.main-menu ul{  
   list-style: none;   
   margin-top: -6px;
   #margin-top: -7px;
   padding: 0 0 10px 0px;  
   position: absolute;
   top: 100%;
   left:0;
   visibility: hidden;   
   width: 133px !important; 
   background: url(../images/menu-bottom-slice.png) bottom center no-repeat;
   z-index: 999;
}
ul.main-menu #mnuWhyJoinUs ul{
   left: 120px;
}
ul.main-menu #mnuYourBusinessEnergy ul{
   left: 1px;
}
ul.main-menu #mnuYourHomeEnergy ul,ul.main-menu #mnuGreenEnergy ul,ul.main-menu #mnuHelpCentre ul,s
ul.main-menu #mnuAboutUs ul {
left:0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.main-menu ul                   
	{  
		width:180px;
	}
}
           
/* IE 6 & 7 Needs Inline Block */
ul.main-menu ul li a               
{
   border: none;
   width: 100%;
   display: inline-block; 
} 
/*****MAIN CSS***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,apress,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,p,ol,ul,li,dl,dd,dt,title
fieldset,form,legend {
border:0;
font-family:inherit;
font-style:inherit;
font-weight:inherit;
line-height:normal;
outline:0;
margin:0;
padding:0
}

body {
font-family:arial;
font-size:13px;
color:#6a5d52;
background: #fff;
min-height:650px
}

h1,h4 {
font-size:20px;
font-weight:700;
color:#f60;
margin-bottom:5px;
max-width: 587px;
padding-bottom: 5px;
}

h5 {
font-size:20px;
font-weight:700;
color:#f60;
margin-bottom:5px
}

h3 {
font-size:13px;
font-weight:700;
font-family:Arial, Helvetica, sans-serif;
color:#6a5d4f
}
p {
padding:0 0 10px
}
label {
font-family:arial;
color:#6a5d52;
font-size:11.43px;
font-weight:bold;
}
span.label {
font-size:13px;
font-weight:700;
color:#f60
}
span.item-value {
color:#414141
}
.bold {
  font-weight: bold;
}
.hidden {
display:none
}
.button {
text-decoration:none !important
}
.no-left-margin {
margin-left:0 !important
}
.text-align-left {
text-align:left !important
}
.orange {
color:#f60
}
#wrapper {
padding-bottom:15px;
position:relative;
width:1160px;
margin:0 auto
}
#main {
width:960px;
min-height:480px;
margin:0 auto
}
#header #main-banner {
height:154px;
background:url(../images/banners/main-banner-4.jpg) no-repeat;
clear:both;
z-index:-5 !important
}

#logo {
position:absolute;
top:5px;
left:115px;
z-index: 999 !important
}
#content {
width:765px;
float:left;
position: relative;
padding:0 0 20px 25px
}
#left-content {
width:515px;
padding-right:20px;
float:left
}
#right-content {
width:230px;
float:right;
}
.form-content {
width:700px;
}
ul.main-menu {
height:34px;
position:relative;
list-style-type:none;
background:url(../images/menu-background.jpg) repeat-x
}
ul.main-menu li a {
text-decoration:none !important;
font-size:11px !important;
color:#fff;
cursor:pointer
}
ul.main-menu li#mnuWhyJoinUs {
width:102px;
padding-left:110px
}
ul.main-menu li#mnuYourHomeEnergy {
width:120px
}
ul.main-menu li#mnuYourBusinessEnergy {
width:142px
}
ul.main-menu li#mnuGreenEnergy {
width:100px
}
ul.main-menu li#mnuNews {
width:56px
}
ul.main-menu li#mnuHelpCentre {
width:88px
}
ul.main-menu li#mnuAboutUs {
width:75px
}
ul.main-menu li#mnuRegister {
width:81px
}
ul.main-menu li#mnuWhyJoinUs a:hover,ul.main-menu li#mnuYourHomeEnergy a:hover,ul.main-menu li#mnuYourBusinessEnergy a:hover,ul.main-menu li#mnuGreenEnergy a:hover,ul.main-menu li#mnuNews a:hover,ul.main-menu limnuHelpCentre a:hover,ul.main-menu li#mnuAboutUs a:hover,ul.main-menu li#mnuRegister a:hover,ul.main-menu li#mnuWhyJoinUs a.selected,ul.main-menu li#mnuYourHomeEnergy a.selected,ul.main-menu li#mnuYourBusinessEnergy a.selected,ul.main-menu li#mnuGreenEnergy a.selected,ul.main-menu li#mnuNews a.selected,ul.main-menu limnuHelpCentre a.selected,ul.main-menu li#mnuAboutUs a.selected,ul.main-menu li#mnuRegister a.selected {
text-shadow:#fff 0 1px 1px
}
ul.main-menu li#mnuMyAccount,
ul.main-menu li#mnuMyRegister {
width:84px
}
ul.main-menu li a .nav-left-edge,ul.main-menu li a .nav-middle,ul.main-menu li a .nav-right-edge,ul.main-menu li a .nav-yellow-left-edge,ul.main-menu li a .nav-yellow-middle,ul.main-menu li a .nav-register, ul.main-menu li a .nav-myaccount {
float:left;
padding-top:9px;
height:25px;
white-space:nowrap
}
ul.main-menu li a .nav-register, ul.main-menu li a .nav-myaccount {
  text-align: center;
  width: 81px;
}

ul.main-menu li a .nav-left-edge,ul.main-menu li a .nav-right-edge {
width:13px
}
ul.main-menu li a:hover,ul.main-menu li a.selected {
color:#4c4a4a
}
ul.main-menu li#mnuMyAccount a:hover,ul.main-menu li#mnuMyAccount a.selected {
color:#fff
}
ul.main-menu li#mnuRegister a:hover,ul.main-menu li#mnuRegister a.selected {
color:#fff;
text-shadow:#4c4a4a 0 1px 1px
}
ul.main-menu li a:hover .nav-left-edge,ul.main-menu li a.selected .nav-left-edge {
background:url(../images/buttons/btn-menu-left-edge-selected.jpg) no-repeat;
display:block
}
ul.main-menu li a:hover .nav-middle,ul.main-menu li a.selected .nav-middle {
background:url(../images/buttons/btn-menu-body-bckgrd-selected.jpg) repeat-x;
display:block
}
ul.main-menu li a:hover .nav-register {
background:url(../images/buttons/btn_register.jpg) no-repeat;
display:block
}
ul.main-menu li a:hover .nav-right-edge,ul.main-menu li a.selected .nav-right-edge {
background:url(../images/buttons/btn-menu-right-edge-selected.jpg) no-repeat;
display:block
}
ul.main-menu li a .nav-myaccount {
background:url(../images/buttons/btn_myaccount.jpg) top no-repeat;
display:block
}
ul.main-menu li a .nav-register {
background:url(../images/buttons/btn_register.jpg) top no-repeat;
display:block
}
ul.main-menu li a:hover .nav-orange-left-edge,ul.main-menu li a.selected .nav-orange-left-edge {
background:url(../images/buttons/btn-menu-orange-left-edge.jpg) bottom left no-repeat
}
ul.main-menu li a:hover .nav-orange-middle,ul.main-menu li a.selected .nav-orange-middle {
background:url(../images/buttons/btn-menu-orange-body.jpg) bottom left repeat-x
}
ul.main-menu li a:hover .nav-myaccount,ul.main-menu li a.selected .nav-myaccount {
background:url(../images/buttons/btn_myaccount.jpg) bottom no-repeat;
}
ul.main-menu li a:hover .nav-register,ul.main-menu li a.selected .nav-register {
background:url(../images/buttons/btn_register.jpg) bottom no-repeat;
}
ul.main-menu li a:hover .nav-orange-right-edge,ul.main-menu li a.selected .nav-orange-right-edge {
background:url(../images/buttons/btn-menu-orange-right-edge.jpg) bottom left no-repeat
}

div#main-menu-utils {
height:54px;
position:relative;
z-index:-1 !important
}
div#main-menu-utils #main-banner-background {
position:absolute;
top:23px;
left:0;
height:39px;
background:url(../images/banners/banner-bottom-background.jpg) center;
clear:both;
width:960px;
z-index:-2
}

div#main-menu-utils .left-edge {
width:17px;
height:34px;
float:left;
background:url(../images/banners/banner-menu-left-edge.png) no-repeat
}
div#main-menu-utils .right-edge {
width:16px;
height:34px;
float:left;
background:url(../images/banners/banner-menu-right-edge.png) no-repeat
}
div#main-menu-utils .middle-body {
width:927px;
height:34px;
float:left;
background:url(../images/banners/banner-menu-mid-bckgrd.png) repeat-x
}
.main-utils {
position:absolute;
top:178px;
z-index:0;
padding:10px
}
.main-utils ul.util-menu li a.button {
z-index:-1 !important;
display:block
}
.main-utils .search-control {
height:34px;
position:absolute;
top:9px;
left:700px;
}
.main-utils .main-util-label {
   color: #ffffff;
   font-size: 15px;
   text-shadow: #000000 0 1px 1px !important; 
}
#left-panel {
width:170px;
float:left;
margin:5px 0 30px
}
ul.left-panel-menu {
margin-bottom:30px;
width:170px;
list-style-type:none
}
ul.left-panel-menu li {
height:29px;
margin-bottom: 4px;
}
ul.left-panel-menu li a {
height:29px;
text-decoration:none;
color:#d9531e;
font-weight: bold;
font-size: 12.7px;
background:url(../images/buttons/btn-panel-menu-bckgrd.jpg) no-repeat;
text-shadow:#fff 0 1px 1px;
display:block;
padding:6px 0 0 12px;
}
ul.left-panel-menu li a:hover,ul.left-panel-menu li a.selected {
color:#fff;
background:url(../images/buttons/btn-panel-menu-selected-bckgrd.jpg) no-repeat;
text-shadow: none;
}

ul.left-panel-menu li.special-menu {
height:33px
}
.util-menu a .btn-body {
float:left;
height: 25px !important;
font-weight: normal !important;
font-size: 13px !important;
color:#fff !important;
text-shadow:#2c2824 0 1px 1px !important;
text-decoration:none !important;
padding: 0 !important;
cursor:pointer !important;
background:url('') !important;
}
.util-menu a:hover .btn-body
{
background: url('') !important;
}
a .btn-email {
width:21px;
height:15px;
float:left;
background:url(../images/buttons/btn-email-new.png) no-repeat;
cursor:pointer !important;
}

a:hover .btn-email {
width:21px;
height:15px;
background:url(../images/buttons/btn-email-new-hover.png) no-repeat
}

a .btn-print {
width:20px;
height:18px;
float:left;
background:url(../images/buttons/btn-print-page-new.png) no-repeat;
cursor:pointer
}

a:hover .btn-print {
width:20px;
height:18px;
background:url(../images/buttons/btn-print-page-new-hover.png) no-repeat
}

a .btn-live-chat {
width:21px;
height:22px;
float:left;
background:url(../images/buttons/btn-live-chat-new.png) no-repeat;
cursor:pointer;
}

a:hover .btn-live-chat {
width:21px;
height:22px;
background:url(../images/buttons/btn-live-chat-new-hover.png) no-repeat
}
.left-content .bottom {
margin-top:15px
}
.date{
color:#ff6600;
font-weight:normal;
font-size:12px;
display:block
}
.addthis_default_style{
width:200px;
float:left;
padding:8px 0
}


/**
 * LUM11146 Index refresh ..............................................................
 */
#breadcrumbWrapper {
  width: 510px;
  color: #afa6a0;
  font-size: 10px;
  position: absolute;
  top: -20px;
  left:25px;
}

#breadcrumbWrapper a {
  color: #afa6a0;
  text-decoration: underline;
}
#breadcrumbWrapper a:hover {
  color: #6A5D52;
}


#right-content ul.tile-image-group li ul li{
	margin-bottom: 0px !important;
}

.tile-form-wrapper .error-message {
	display : none !important;	
}

div.selectbox-wrapper ul li {
	background-image: none !important;

}	

#right-content ul.tile-image-group li {
  padding: 0 !important;
  list-style:none !important;	
  width: 231px;
  position: relative;
  margin-bottom: 16px;
  list-style-image:none;
  background-image:none;
}

#right-content ul.tile-image-group{
  list-style-image:none;
  list-style:none !important;	
}

.fixBottom{
	margin-bottom:20px !important;	
}

.clearBottom{
	margin-bottom:0px !important;	
}

ul.tile-image-group {
  margin: 0 !important;
  padding: 0 !important;
}

ul.tile-image-group li {
  padding: 0 !important;
  list-style: none;
  float: left;
  width: 231px;
  position: relative;
  margin-right: 11px;
}
ul.tile-image-group li.clearRight {
  margin-right: 0 !important;
}
li.tile-hover h2.tile-title a,
ul.tile-image-group a.tile-link:hover {
  text-decoration: none;
}
li.tile-hover h2.tile-title a,
ul.tile-image-group li a:hover h2.tile-title {
  color: #ff9900 !important;
}
li.tile-hover div.tile-image-bg,
ul.tile-image-group li a:hover div.tile-image-bg {
  display: none;
}
ul.tile-image-group .tile-image-wrapper {
  width: 231px;
  height: 101px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
ul.tile-image-group .tile-image-content {
  padding: 4px 7px;
  width: 105px;
  height: 90px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
ul.tile-image-group .tile-image-content .tile-title {
  margin-bottom: 5px;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  color: #d9531e!important;
  padding-right: 11px;
}

.tile-title a {
	color: #d9531e!important;
}

ul.tile-image-group .tile-image-content .tile-text {
  font-family: arial;
  font-size: 11px;
  color: #58595b;
}
ul.tile-image-group .tile-image-content .tile-image-icon {
  position: absolute;
  top: 4px;
  left: 98px;
}
ul.tile-image-group .tile-image-bg,
ul.tile-image-group  .tile-image-bg-hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
ul.tile-image-group .tile-image-bg-hover {
  z-index: 1;
}
ul.tile-image-group .tile-image-file {
  position: absolute;
  top: 0;
  right: 0px;
}

#tile-image-big {
	margin-bottom:20px;	
}
#tile-image-big .tile-image-big-wrapper {
  width: 231px;
  height: 111px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
#tile-image-big .tile-image-big-wrapper ul {
  margin: 0;
  width: 100%;
}
#tile-image-big .tile-image-big-wrapper ul li {
  list-style: inside;
  list-style-image: url(../images/home-tile-dot.png) !important;
 background-image : none;	
 padding-top: 0px !important;
 padding-left:0px !important;
}
#tile-image-big a.tile-link:hover {
  text-decoration: none;
}
#tile-image-big a:hover h2.tile-title-big {
  color: #ff9900;
}
#tile-image-big a:hover div.tile-image-bg {
  display: none;
}
#tile-image-big .tile-image-content {
  padding: 4px 7px;
  width: 102px;
  height: 90px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
#tile-image-big .tile-image-content-big {
  height: 100px;
  overflow: hidden;
}

#tile-image-big .tile-image-content .tile-title-big {
  margin-bottom: 5px;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  color: #cc3300;
}
#tile-image-big .tile-image-content .tile-text {
  font-family: arial;
  font-size: 11px;
  color: #58595b;
}

#tile-image-big .tile-image-content .tile-image-icon {
  position: absolute;
  top: 4px;
  left: 98px;
}
#tile-image-big .tile-image-bg,
#tile-image-big .tile-image-bg-hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#tile-image-big .tile-image-bg-hover {
  z-index: 1;
}
#tile-image-big .tile-image-file {
  position: absolute;
  top: 0;
  right: 0px;
}
.tile-form-wrapper {
  margin-bottom: 20px;
  width: 231px;
  height: 111px;
  overflow: hidden;
  position:relative;
  background: url(../images/home-tile-form.jpg) no-repeat;
}

.tile-form-wrapper .ez-checkbox-green{
 background-image: url(../images/check_box_smaller.jpg);!important  
 background-position:0 0;
 background-repeat:no-repeat;
}
.tile-wrapper-small {
  margin-bottom: 20px;
  width: 231px;
  height: 101px;
  overflow: hidden;
  position:relative;
}

#Terms_and_Conditions{
	outline:0;
       padding: 0px!important;
      margin:0px!important;
	
}
.tile-form-wrapper h2.tile-title-form {
  float: left;
  color: #fff;
  margin: 4px 10px;
}

.postcode-column .formsub{
margin-top:0px!important
}

.terms-column label,
.terms-column{
	   height: 18px!important;
    width: 183px;
}

.terms-column{
	margin-top:2px;
}
 .tile-form-wrapper a,
 .tile-form-wrapper label{
	 font-size:10px!important;
	 font-weight:normal!important;
	 color:#fff!important;
}
.tile-form-wrapper .warning .terms-span{
	border:#fff solid 1px!important;
	background-color:#DF784D;
}

.terms-span{
    float: right;
    margin-top: 2px;
    padding: 0 2px;
    width: 150px;
}
.tile-form-wrapper .ez-checkbox-green{
	
	margin:0 0 2px 10px!important;
	float:left
}

.tile-form-wrapper  .ez-checkbox-green input{
	margin:0px 0 0px 5px !important;

}
 .tile-form-wrapper input {
    border: 1px solid #DDDDDD;
    color: #444444;
    float: left;
    font-size: 11px;
    height: 11px;
    margin: 0 0 2px 10px;
    padding: 2px 7px;
}

.tile-form-wrapper .longBox {
  width: 192px;
}
.tile-form-wrapper .ez-checked-green { background-position: 0 -13px;!important}

.tile-form-wrapper .ez-checkbox-green {
    height: 15px;
}

.tile-form-wrapper .shortBox {
  width: 105px;
}

.form-column-index{
	float:left;
}

.form-field-index{
	float:left;
}

.tile-form-wrapper .smallBox {
  width: 67px;
  margin-left:4px !important;
}

.tile-form-wrapper .tile-image-form-icon {
  margin-top: 3px;
  float: left;
}

.tile-form-wrapper a#getQuoteBtn {
  margin-left: 10px;
  width: 53px;
  height: 23px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 23px;
  text-shadow: 0px -1px 1px #555;
  display: inline-block;
  background: url(../images/buttons/btn_homeform.jpg) left no-repeat;
}
.tile-form-wrapper a#getQuoteBtn:hover {
  text-decoration: none;
  background: url(../images/buttons/btn_homeform.jpg) right no-repeat;
}

/**
 * LUM11146 Index refresh ..............continue................................................
 */

#footer-wrapper {
  clear: both;
  margin: 0 auto;
  width: 960px;
  position: relative;
}
#footer-wrapper #facebook-like-wrapper {
  float: left;
  width: 100%;
}
#footer-wrapper #facebook-like-wrapper #facebook-like {
  float: right;
}
#footer-wrapper #facebook-like-wrapper #facebook-like iframe {
  width: 81px;
}
#footer-wrapper .footer-sitemap {
  float: right;
  left: -50%;
  position: relative;
  margin: 0 auto;
}
.footer-sitemap .footer-sitemap-block {
  left: 50%;
  position: relative;
}
.footer-sitemap .footer-sitemap-block .footer-sitemap-col {
  float: left;
  margin: 0 15px;
  width: 150px;

}
.footer-sitemap .footer-sitemap-block .footer-sitemap-col .footer-sitemap-title a {
  font-size: 10px;
  font-family: arial;
  font-weight: bold;
  color: #6a5d52;
}
.footer-sitemap .footer-sitemap-block .footer-sitemap-col ul {
  margin: 0 !important;
}
.footer-sitemap .footer-sitemap-block .footer-sitemap-col ul li {
  list-style: none;
}
.footer-sitemap .footer-sitemap-block .footer-sitemap-col ul li a {
  font-size: 10px;
  font-family: arial;
  color: #6a5d52;
}

#footer-wrapper #footer-banner {
/*background:url('../images/footer-background.jpg') center;*/
padding-top:40px;
padding-bottom:20px;
clear:both;
text-align:center
}

#footer-wrapper #footer {
  padding-top: 30px;
  height: 30px;
clear:both;
font-size:9px;
color:#6a5d52;
position:relative;
}

#footer-wrapper #footer ul#footer-menu {
  float: right;
  left: -50%;
  position: relative;
  list-style: none;
}

#footer-wrapper #footer ul#footer-menu li {
  float: left;
  left: 50%;
  position: relative;
  text-align:right;
  padding-right:8px;
  border-right:1px solid #6a5d52
}

#footer-wrapper #footer ul#footer-menu li,#footer-wrapper #footer ul#footer-menu li a {
text-decoration:none;
color:#6a5d52;
font-weight:400
}

#footer-wrapper #footer ul#footer-menu li#mnuFooterCopyRight {
width:100px !important;
text-align:left;
border-right:0 solid #6a5d52
}

#footer-wrapper #footer ul#footer-menu li#mnuFooterMakeAPayment {
width:110px !important
}

#footer-wrapper #footer ul#footer-menu li#mnuFooterHardshipPolicy {
width:75px !important
}

#footer-wrapper #footer ul#footer-menu li#mnuFooterGetInTouch {
width:60px !important
}

#footer-wrapper #footer ul#footer-menu li#mnuFooterPrivacyPolicy {
width:70px !important
}

#footer-wrapper #footer ul#footer-menu li#mnuFooterSitemap {
width:41px !important;
border-right:0 solid #6a5d52
}

/**
 * LUM11146 Index refresh ..............................................................
 */
#footer-follow-us-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

/**
 * LUM11146 Index refresh ..............................................................
 */

#footer-follow-us-menu-wrapper {
  position: relative;
}
#footer-follow-us-menu {
float:right;
list-style-type:none;
}

#footer-follow-us-menu li {
float:left;
padding-left:5px
}

#footer-follow-us-menu li#mnuFollowUsCaption {
background-image:url('../images/follow-us-caption.jpg');
width:70px;
height:41px
}

#footer-follow-us-menu li#mnuFacebook {
width:25px
}

#footer-follow-us-menu li#mnuFacebook a {
display:block;
width:31px;
height:29px;
overflow:hidden;
position:relative
}
#footer-follow-us-menu li#mnuBlog a img,
#footer-follow-us-menu li#mnuTwitter a img,
#footer-follow-us-menu li#mnuFacebook a img{
	position:absolute;
	top:4px;
	left:0;	
}

#footer-follow-us-menu li#mnuBlog a:hover img,
#footer-follow-us-menu li#mnuTwitter a:hover img,
#footer-follow-us-menu li#mnuFacebook a:hover img{
	top:-24px;
	left:0;
}

#footer-follow-us-menu li#mnuYouTube {
width:26px
}

#footer-follow-us-menu li#mnuYouTube a {
background-image:url('../images/you-tube-new.png');
display:block;
width:32px;
height:29px
}

#footer-follow-us-menu li#mnuYouTube a:hover {
background-image:url('../images/you-tube-new-hover.png')
}

#footer-follow-us-menu li#mnuBlog,
#footer-follow-us-menu li#mnuTwitter {
width:25px
}

#footer-follow-us-menu li#mnuBlog a ,
#footer-follow-us-menu li#mnuTwitter a {
display:block;
width:32px;
height:29px;
overflow:hidden;
position:relative
}


#follow-us-bg {
clear: both;
float: right;
margin-top: -9px;
margin-right: -13px;
width:104px;
height:17px;
background-image:url('../images/follow-us-bg.jpg')
}

#inline1 {
width:800px;
height:400px;
z-index:1999;
padding:40px
}

#inline1 h4,#inline2 h4 {
font-size:14pt
}

#inline2 {
width:280px;
height:390px;
z-index:1999;
padding:10px 40px 20px
}

#inline3 {
width:350px;
height:120px;
padding:10px 40px 20px
}

/************************************************** Buttons *********************************************************/
a .btn-left-edge {
width:17px;
height:34px;
float:left;
background:url(../images/buttons/btn-left-edge.jpg) top left no-repeat;
cursor:pointer !important;
display:block
}
a .btn-right-edge {
width:16px;
height:34px;
float:left;
background:url(../images/buttons/btn-right-edge.jpg) top left no-repeat;
cursor:pointer !important;
display:block
}
a .btn-body {
float:left;
height:25px;
font-weight:700;
font-size:14px;
color:#fff;
text-shadow:#2c2824 0 1px 1px;
padding-top:9px;
text-decoration:none;
background:url(../images/buttons/btn-body.jpg) top left repeat-x;
display:block;
cursor:pointer
}
a:hover .btn-left-edge {
background:url(../images/buttons/btn-left-edge.jpg) bottom left no-repeat
}
a:hover .btn-body {
background:url(../images/buttons/btn-body.jpg) bottom left repeat-x
}
a:hover .btn-right-edge {
background:url(../images/buttons/btn-right-edge.jpg) bottom left no-repeat
}

.btn-blue-left-edge {
width:17px;
height:34px;
float:left
}

.btn-blue-body {
float:left;
height:25px
}

.btn-blue-right-edge {
width:16px;
height:34px;
float:left
}

a .btn-blue-left-edge {
background:url(../images/buttons/btn-blue-left-edge.jpg) top left no-repeat !important;
display:block !important;
cursor:pointer
}

a .btn-blue-body {
background:url(../images/buttons/btn-blue-body.jpg) top left repeat-x !important;
display:block !important;
cursor:pointer;
font-weight:700;
font-size:10pt;
color:#fff;
text-shadow:#2c2824 0 1px 1px;
padding-top:9px;
text-decoration:none
}

a .btn-blue-right-edge {
background:url(../images/buttons/btn-blue-right-edge.jpg) top left no-repeat !important;
display:block !important;
cursor:pointer
}

a:hover .btn-blue-left-edge {
background:url(../images/buttons/btn-blue-left-edge.jpg) bottom left no-repeat !important
}

a:hover .btn-blue-right-edge {
background:url(../images/buttons/btn-blue-right-edge.jpg) bottom left no-repeat !important
}

a:hover .btn-blue-body {
background:url(../images/buttons/btn-blue-body.jpg) bottom left repeat-x !important
}

.btn-blue-sm-body {
float:left;
height:19px
}

a .btn-blue-sm-left-edge {
background:url(../images/buttons/btn-blue-sm-left-edge.jpg) top left no-repeat;
display:block;
cursor:pointer
}

a .btn-blue-sm-body {
background:url(../images/buttons/btn-blue-sm-body.jpg) top left repeat-x;
display:block;
cursor:pointer;
font-weight:700;
font-size:13px;
color:#fff;
text-shadow:#2c2824 0 1px 1px;
padding-top:5px;
text-decoration:none
}

a .btn-blue-sm-right-edge {
background:url(../images/buttons/btn-blue-sm-right-edge.jpg) top left no-repeat;
display:block;
cursor:pointer
}

a:hover .btn-blue-sm-left-edge {
background:url(../images/buttons/btn-blue-sm-left-edge.jpg) bottom left no-repeat
}

a:hover .btn-blue-sm-right-edge {
background:url(../images/buttons/btn-blue-sm-right-edge.jpg) bottom left no-repeat
}

a:hover .btn-blue-sm-body {
background:url(../images/buttons/btn-blue-sm-body.jpg) bottom left repeat-x
}

/********************************
/* Left advertisement */

.left-panel-ad {
	margin: 0;
	padding: 0
}
.left-panel-ad .image-call-out {
	position: relative;
	margin-bottom: -30px;
	left: 115px;
	z-index: 800;
	width:55px !important;
}
.left-panel-ad .ad-image {
	position: relative;
	z-index: 799
}
.left-panel-ad .ad-caption {
	padding-left: 10px;
	width: 150px;
	font-size:16px;
	font-weight:700;
	color:#F60
}
.left-panel-ad .ad-caption a {
	font-size:16px;
	font-weight:700;
	color:#F60;
	text-decoration: none
}
.left-panel-ad .title {
	margin-bottom: 15px;
	font-size:16px;
	font-weight:700;
	font-style: italic;
	color:#F60
}
.left-panel-ad .page-link {
	margin-top: 10px;
	padding-left: 42px;
}
/********************************
/*  Buttons */

a.retangle-blue-large {
	margin: 0 5px 0 0;
	padding: 10px 2px 10px 8px;
	width: 153px;
	height: 29px;
	background: url(../images/buttons/btn-blue-retangle-large.jpg) no-repeat;
	display: block;
	text-decoration: none;
	float: left
}
a.retangle-blue-large:hover {
	background-position: bottom left;
	text-decoration: none
}
a.retangle-blue-large .standard-font {
	font-family:arial;
	font-size:13px;
	font-weight: bold;
	text-shadow: #2C2824 0 1px 1px !important;
	color:#ffffff
}
a.retangle-blue-large .small-font {
	font-family:arial;
	font-size:11px;
	font-weight: normal;
	text-shadow: #2C2824 0 1px 1px !important;
	color:#ffffff
}
/*************************************************************************************************************************************
/************************************************************************************************************************************/

#content ul {
margin-left:33px;
list-style-type:none;
list-style-image:url("../images/highlight-point.jpg");
}


#content ul li {
padding-left:2px
}

a:hover,#footer-wrapper #footer ul#footer-menu li a:hover {
text-decoration:underline
}

.clear,#pricing-information-result,.tutorials .tutoria-selected-video {
clear:both
}

ul.main-menu li,.list-item .short-intro{
float:left
}

ul.main-menu li#mnuWhyJoinUs a,ul.main-menu li#mnuYourHomeEnergy a,ul.main-menu li#mnuYourBusinessEnergy a,ul.main-menu li#mnuGreenEnergy a,ul.main-menu li#mnuNews a,ul.main-menu limnuHelpCentre a,ul.main-menu li#mnuAboutUs a,ul.main-menu li#mnuRegister a,ul.main-menu li#mnuMyAccount a {
text-shadow:#2c2824 0 1px 1px
}

div#main-menu-utils ul.util-menu,.main-utils ul.util-menu {
list-style-type:none;
margin-left:420px
}

div#main-menu-utils ul.util-menu li,.main-utils ul.util-menu li {
width:105px;
padding-top:8px;
float:left
}

div#main-menu-utils ul.util-menu li:first-child,.main-utils ul.util-menu li:first-child {
width:113px
}
.div-header-middle-body h2,.list-item .short-intro a.title {
font-weight:700
}

#footer-wrapper #footer ul#footer-menu li#mnuFooterComplaintHandling,#footer-wrapper #footer ul#footer-menu li#mnuFooterCodeAndGuideline {
width:90px !important
}

.btn-blue-sm-left-edge,.btn-blue-sm-right-edge {
width:11px;
height:24px;
float:left
} 

/***** JQUERY FANCY BOX CSS***/
 #fancybox-loading {
position:fixed;
top:50%;
left:50%;
height:40px;
width:40px;
margin-top:-20px;
margin-left:-20px;
cursor:pointer;
overflow:hidden;
z-index:1104;
display:none
}

* html #fancybox-loading {
position:absolute;
margin-top:0
}

#fancybox-overlay {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background:#000;
z-index:1100;
display:none
}

* html #fancybox-overlay {
position:absolute;
width:100%
}

#fancybox-tmp {
border:0;
overflow:auto;
display:none;
margin:0;
padding:0
}

#fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:1101;
display:none;
margin:0;
padding:20px
}

#fancybox-outer {
position:relative;
width:100%;
height:100%;
background:#FFF
}

#fancybox-inner {
position:absolute;
top:0;
left:0;
width:1px;
height:1px;
outline:none;
overflow:hidden;
margin:0;
padding:0
}

#fancybox-hide-sel-frame {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:transparent
}

#fancybox-close {
position:absolute !important;
top:-15px !important;
right:-15px !important;
width:32px !important;
height:32px !important;
background-image:url('../images/fancybox/btn-close-modal.png');
cursor:pointer;
z-index:1103 !important;
display:none
}

#fancybox_error {
color:#444;
font:normal 12px/20px Arial;
margin:0;
padding:7px
}

#fancybox-content {
height:auto;
width:auto;
margin:0;
padding:0
}

#fancybox-img {
width:100%;
height:100%;
border:none;
outline:none;
line-height:0;
vertical-align:top;
-ms-interpolation-mode:bicubic;
margin:0;
padding:0
}

#fancybox-frame {
position:relative;
width:100%;
height:100%;
border:none;
display:block
}

#fancybox-title {
position:absolute;
bottom:0;
left:0;
font-family:Arial;
font-size:12px;
z-index:1102
}

.fancybox-title-inside {
text-align:center;
color:#333;
padding:10px 0
}

.fancybox-title-outside {
padding-top:5px;
color:#FFF;
text-align:center;
font-weight:700
}

.fancybox-title-over {
color:#FFF;
text-align:left
}



#fancybox-title-wrap {
display:inline-block
}

#fancybox-title-wrap span {
height:32px;
float:left
}

#fancybox-left,#fancybox-right {
position:absolute;
bottom:0;
height:100%;
width:35%;
cursor:pointer;
outline:none;
background-image:url('../images/fancybox/blank.gif');
z-index:1102;
display:none
}

#fancybox-left {
left:0
}

#fancybox-right {
right:0
}

#fancybox-left-ico,#fancybox-right-ico {
position:absolute;
top:50%;
left:-9999px;
width:30px;
height:30px;
margin-top:-15px;
cursor:pointer;
z-index:1102;
display:block
}

#fancybox-left:hover,#fancybox-right:hover {
visibility:visible
}

#fancybox-left:hover span {
left:20px
}

#fancybox-right:hover span {
left:auto;
right:20px
}

.fancy-bg {
position:absolute;
border:0;
width:20px;
height:20px;
z-index:1001;
margin:0;
padding:0
}
.footer-widget-campaign-top
{
	height: 60px;
}

.title_form{
	float:left;
	display:block;	
}

.title_note{
	display:block;
	float:left;	
	margin-left: 13px;
}



.homepage,
#frmPricing{
	display:none;	
}

.headerBEnquiry{
	margin-top:-5px !important;	
}

h2 {
font-size:16px;
font-weight:700;
color:#F60;
font-family:Arial, Helvetica, sans-serif;
maregin:0;
padding:0
}

a {
text-decoration:none;
color:#f60;
}

.clear{
	clear:both
}

.left-content-main{
	width:670px!important;
   float: left;
   padding-right: 20px;
}

/**Search Bar***/
#frmSearch a#btn-go {
position:absolute;
top:5px;
left:210px;
width:39px;
height:24px;
background:url(../images/buttons/btn-go-new.png) top left;
cursor: pointer
}

#frmSearch a#btn-go:hover {
background:url(../images/buttons/btn-go-new.png) bottom left;
}

#frmSearch #search {
position:absolute;
top:6px;
left:80px;
width:115px;
font-family:Arial;
line-height:normal;
font-size:9pt;
padding:2px 0;
color:#6A5D52;
outline:none;
}
#frmSearch #search:focus {
	border: none;	
}

.input-left-edge,.input-right-edge {
width:10px;
height:23px;
float:left
}

.input,input.input {
height:23px;
padding-top:1px;
background:url(../images/inputs/input-middle-body.png) repeat-x;
float:left;
border-width:0
}

.input-left-edge {
background:url(../images/inputs/input-left-edge.png) no-repeat
}

.input-right-edge {
background:url(../images/inputs/input-right-edge.png) no-repeat
}

#frmSearch .input-left-edge {
position:absolute;
top:6px;
left:70px
}

#frmSearch .input-right-edge {
position:absolute;
top:6px;
left:195px
}

/*state selector*/
.state-selector-buttons {
    float: left;
}
.state-selector-buttons .state-button {
    float: left;
    padding: 10px 10px 0 0;
    width: 148px;
}
.state-selector-buttons .state-button .btn-blue-body {
    text-align: center;
    width: 115px;
}
.state-selector-links {
    clear: both;
    padding-top: 10px;
}
.state-selector-links-box {
    clear: both;
    padding-top: 30px;
}
.state-selector-links-box a, .state-selector-links a {
    color: #6A5D52;
}
.state-landing-page-content {
    clear: both;
    padding-top: 20px;
}

.phone_block,
.phone_block p{
	color: #6a5d4f;
	font-weight:normal;
}
.phone_block p{
	padding: 4px 0 0;
}
.phone_block h2 {
	font-weight:bold;	
}

.phone_block h3 {
	font-size:14px;
	font-weight:bold;	
	color: #ff6600;
	padding-top: 12px;
}

.phone_block .spacer{
	height:10px;
}

.phone_block .phone_orange{
	color: #ff6600 !important;
	font-size:18px;
	font-weight:bold;
	padding:0px;
}

.phone_block{
	margin-top:7px;
	padding-left:7px;	
}

