body {font-size: 13px; font-family: "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0;background: #fff; color: #666;}

a {color: #6cb132; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: none;}
#emaillink {display:block;position:absolute;top:93px;right:0px;width:45px;text-indent:-9999px;}

.screen-reader-text, .helper {display: none;}
.clearing {clear:both;}

h1, h2 { color: #255a68; }
.blue { color: #255a68; }
h1 {
margin-top:10px;
}

p { margin-bottom:15px; }

/* basic-accordian */

#basic-accordian{
	width:422px;
	z-index:2;	
}

.breadcrumb  {
margin: 15px 0 0 0;
font-size: 0.8em; padding: 0;
}

.breadcrumb * {margin: 0; padding: 0;}

.accordion_headings{
	color:#2f5b68;
	cursor:pointer;
	font-weight:bold;
	font-size: 1.2em;	
	padding-top:5px;
	border-top: 1px solid #ccc;
	border-bottom: 5px solid #fff;
}

.accordion_headings:hover{
	color:#e65e00;
	
}

.accordion_child{
	
	padding-left:0px;
	padding-top:0px;
	padding-bottom:15px;
	
}

.widget-container { list-style:none; }
.alignright {float:right;margin-left:10px;margin-bottom:10px; }

#wrapper {width: 900px; margin: 0 auto; background: #fff;position:relative;}
#masthead {position:relative;}

#header {position: relative; width: 900px; height: 200px; background:  url('/assets/images/bg-header.jpg') 0 23px no-repeat;}
#header .logo {position: absolute; left: 0; top: 36px;}
#header .logo a {display: block; height: 70px; width: 145px;}
#header .logo a span {display: none;}


#header .nav-myovo {position: absolute;height: 30px; width: 160px; right: 0px; top: 0; font-size: 11px;background:  url('/assets/images/bg-nav-myovo.gif') no-repeat;}
#header .nav-myovo a {position: relative; top: 6px; left: 30px;color: #235a69;}
#header .nav-myovo a span {}

#header .nav-livechat {display: none; position: absolute;height: 30px; width: 90px; right: 0px; top: 0; font-size: 11px;background:  url('/assets/images/bg-nav-livechat.gif') no-repeat;}
#header .nav-livechat a {position: relative; top: 6px; left: 30px;color: #235a69;}
#header .nav-livechat a span {}

#header .nav-search {position: absolute;height: 30px; width: 90px; right: 165px; top: 0; font-size: 11px;background:  url('/assets/images/bg-nav-search.gif') no-repeat;}
#header .nav-search a {position: relative; top: 7px; left: 5px;color: #235a69; padding-left: 30px;}
#header .nav-search a span {}


#header .nav-search-full {position: absolute;height: 30px; width: 200px; right: 165px; top: 0; font-size: 11px;background:  url('/assets/images/bg-nav-search2.gif') no-repeat;}
#header .nav-search-full a {position: relative; top: 6px; left: 35px;color: #235a69;}
#header .nav-search-full input#s {border: 1px solid #ccc; padding: 2px; position: absolute; top: 3px; left: 7px; width: 120px;}
#header .nav-search-full input#searchsubmit {position: absolute; top: 4px; left: 137px; }
#header .nav-search-full a span {}

/* =Menu
-------------------------------------------------------------- */

.mainnav-myovo {position: absolute; top: 140px; right: 0; text-align: center;}
.mainnav-myovo a {color: #fff !important; display:block;text-decoration:none;color:#aaa;line-height:38px;background: url('/assets/images/bg-tab-myovo.gif') no-repeat; width: 82px;}

.mainnav-livechat {position: absolute; top: 130px; right: 0; text-align: center;}
.mainnav-livechat a {color: #fff !important; display:block;text-decoration:none;color:#aaa;line-height:38px;background: url('/assets/images/bg-tab-myovo.gif') no-repeat; width: 82px;}


#access {position: relative; z-index:9999; background: url('/assets/images/bg-nav.gif') 0 29px no-repeat; margin: 0 auto;width: 815px;display:block;float: left; top: 140px;left: 0;}
#access ul {margin: 0; padding: 0;position: relative;}


#access .menu-header,div.menu {font-size: 13px;margin-left: 0;position:relative;}
#access .menu-header ul,div.menu ul {list-style: none;margin: 0;}
#access .menu-header li,div.menu li {float:left;position: relative;padding: 0 2px 0 0;}

#access a {display:block;text-decoration:none;color:#fff;padding:0 10px;line-height:38px;background: #195663;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}

#access ul ul {padding: 0 0 10px 0;background:#75b941; display:none;position:absolute;top:38px;left:0;float:left;box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);width: 180px;}
#access ul ul li {position:relative;min-width: 180px;background: #195663;padding: 0 !important; margin: 0 !important;}
#access ul ul ul {left:100%;top:0;}
#access ul ul a {background:#75b941;height:auto;line-height:1em;padding:5px 10px;color:#255a68;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position:relative;	width: 160px;}

#access li:hover > a,#access ul ul :hover > a {color:#fff;background:#75b941;}
#access ul li:hover > ul {display:block;}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
background:#75b941 !important;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
background:#75b941 !important;
}



/* =Sidenav
-------------------------------------------------------------- */
.subnav {width: 200px; float: left;}
.subnav ul {list-style: none; margin: 20px 0 0 10px; padding: 0; font-size: 13px;}
.subnav li {margin: 0; padding: 0 0 5px 0;}
.subnav li:hover {}
.subnav a {color: #666; padding: 5px 5px 5px 10px; background:url("/assets/images/bullet-sidenav.gif") 0 -15px no-repeat; }
.subnav .current_page_item a, .subnav a:hover {text-decoration: none; color: #6cb132; background:url("/assets/images/bullet-sidenav.gif") 0 10px no-repeat;}

.subnav .big-links {width: 180px; margin-left: 1px;height: 150px; background:url("/assets/images/bg-sidenav.gif") 0 0 no-repeat;}
.subnav .big-links ul {margin: 0; list-style: none; padding: 0;position: relative;}
.subnav .big-links li {margin: 0; padding: 0; position: absolute;}
.subnav .big-links li a {background: none; display: block; width: 150px; height: 20px;}
.subnav .big-links li a span {display: none;}

.subnav .big-links li.link1 {top: 20px; left: 12px;}
.subnav .big-links li.link2 {top: 57px; left: 12px;}
.subnav .big-links li.link3 {top: 95px; left: 12px;}

.subnav .big-links a:hover {background:url("/assets/images/bg-sidenav.gif") 0 0 no-repeat;}
.subnav .big-links li.link1 a {background-position: -221px -20px;}
.subnav .big-links li.link2 a {background-position: -221px -57px;}
.subnav .big-links li.link3 a {background-position: -221px -95px;}

.subnav h2.cattitle {font-size: 14px; margin: 0 0 10px 10px; padding: 0; position: relative; top: 15px; left: 0px;}

.cloud {margin: 10px; padding: 5px 0;}
.cloud a {background: none; padding: 5px 0 0 0;}
.customer-counter {color: #6cb132; width: 180px; margin-left: 10px;}



/* =Home page layout
-------------------------------------------------------------- */

.hp-top {height: 365px;}
.hp-top .slider {margin-top: -10px; margin-left: -10px; float: left; width: 605px; height: 364px;background:url("/assets/images/bg-hp-panel.jpg") 0 0 no-repeat;padding-top:10px;padding-left:10px;z-index:0;}
.hp-top .slider .slideinner {background:url("/assets/images/no-flash.jpg") 0 0 no-repeat;}
.hp-top .hp-top-right {float: right; width: 285px;}

.switch-and-save {width: 285px; height: 170px; background:url("/assets/images/bg-switch-and-save.jpg") 0 0 no-repeat;}
.switch-and-save p.text1 {color: #fff; }
.switch-and-save form {color: #fff; width: 180px; padding-top: 40px; padding-left: 23px;}
.switch-and-save a {color: #fff;}

.help-centre {position: relative; width: 288px; float:right; margin-top:30px;height: 122px;background:url("/assets/images/bg-question-box.jpg") 0 0 no-repeat;}
.help-centre p.item-text {position: absolute; top: 45px; left: 20px; height: 0px; width: 150px;}
.help-centre p.item-link {position: absolute; bottom: 15px; left: 20px;}

.hp-bottom {clear:both;}
.hp-bottom a,
.help-centre a {color: #215d6a}

.hp-friend {position: relative;float: left; width: 285px; height: 170px;margin-left: 20px; background:url("/assets/images/hp-friends.jpg") 0 0 no-repeat;}
.hp-friend p.item-text {position: absolute; top: 67px; left: 20px; height: 0px; width: 120px;}
.hp-friend p.item-link {position: absolute; bottom: 10px; left: 20px;}


.simple-tariffs {position: relative;float: left; width: 290px; height: 170px; margin-left: 20px; background:url("/assets/images/bg-simple-tariffs.jpg") 0 0 no-repeat;}
.simple-tariffs p.item-text {position: absolute; top: 62px; *top:70px; left: 20px; height: 0px; width: 220px;}
.simple-tariffs p.item-link {position: absolute; bottom: 15px; left: 20px;}
.simple-tariffs p.item-link2 {position: absolute; bottom: 0px; left: 20px;}

.hp-got-a-question { position: relative;float: left; width: 290px; height: 170px; margin-left: 20px; background:url("/assets/images/bg-hp-got-a-question.jpg") 0 0 no-repeat; }
.hp-got-a-question p.item-text {position: absolute; top: 62px; *top:70px; left: 20px; height: 0px; width: 220px;}
.hp-got-a-question p.item-link {position: absolute; bottom: 15px; left: 20px;}
.hp-got-a-question p.item-link2 {position: absolute; bottom: 0px; left: 20px;}

.big-energy {position: relative;float: left; width: 290px; height: 170px; background:url("/assets/images/bg-helping-you-save-2012.jpg") 0 0 no-repeat;}
.big-energy p.item-text {position: absolute; top: 62px; left: 20px; height: 0px; width: 220px;}
.big-energy p.item-link {position: absolute; bottom: 15px; left: 20px;}
.big-energy p.item-link2 {position: absolute; bottom: 0px; left: 20px;}

.rec-friend {position: relative;float: left; width: 290px; height: 170px; background:url("/assets/images/bg-hp-raf.jpg") 0 0 no-repeat;}
.rec-friend p.item-text {position: absolute; top: 62px; left: 20px; height: 0px; width: 220px;}
.rec-friend p.item-link {position: absolute; bottom: 15px; left: 20px;}
.rec-friend p.item-link2 {position: absolute; bottom: 0px; left: 20px;}

.easy-billing {position: relative;margin-left: 0px;float: right; width: 286px; height: 170px;background:url("/assets/images/bg-easy-billing.jpg") 0 0 no-repeat;}
.easy-billing p.item-text {position: absolute; top: 40px; left: 20px; height: 0px; width: 180px;}
.easy-billing p.item-link {position: absolute; bottom: 10px; left: 20px;}

.greener-energy {position: relative;float: right; width: 285px; height: 170px;background:url("/assets/images/bg-greener-energy.jpg") 0 0 no-repeat;}
.greener-energy p.item-text {position: absolute; top: 40px; left: 20px; height: 0px; width: 190px;}
.greener-energy p.item-link {position: absolute; bottom: 10px; left: 20px;}

.coolearth {position: relative;float: left; width: 285px; height: 170px;margin-left: 20px; background:url("/assets/images/hp-rainforest.jpg") 0 0 no-repeat;}
.coolearth p.item-text {position: absolute; top: 67px; left: 20px; height: 0px; width: 190px;}
.coolearth p.item-link {position: absolute; bottom: 10px; left: 20px;}

.christmastimes {position: relative;margin-left: 20px;float: left; width: 290px; height: 170px;background:url("/assets/images/bg-xmas.jpg") 0 0 no-repeat;}
.christmastimes p.item-text {position: absolute; top: 70px; left: 20px; height: 0px; width: 220px;}
.christmastimes a {color: #ee9a20;}

.inthenews {position: relative;float: left; width: 285px; height: 170px;margin-left: 20px; background:url("/assets/images/hp-ovonews.jpg") 0 0 no-repeat;}
.inthenews p.item-text {position: absolute; top: 67px; left: 20px; height: 0px; width: 150px;}
.inthenews p.item-link {position: absolute; bottom: 10px; left: 20px;}

.thankyou {position: relative;top: 15px; width: 285px; height: 170px;background:url("/assets/images/hp-thanks.jpg") 0 0 no-repeat;}
.thankyou p.item-text {position: absolute; top: 60px; left: 20px; height: 0px; width: 190px;}
.thankyou p.item-link {position: absolute; bottom: 7px; left: 20px;}
.thankyou a {color: #215d6a;}

.thankyou2 {position: relative;top: 15px; width: 285px; height: 170px;background:url("/assets/images/Awards-box.jpg") 0 0 no-repeat;}
.thankyou2 p.item-text {position: absolute; top: 60px; left: 20px; height: 0px; width: 190px;}
.thankyou2 p.item-link {position: absolute; bottom: 7px; left: 20px;}
.thankyou2 a {color: #215d6a;}


.hp-pricepledge {position: relative;float: left; width: 285px; height: 170px;margin-left: 20px; background:url("/assets/images/hp-pricepledge.jpg") 0 0 no-repeat;}
.hp-pricepledge p.item-text {position: absolute; top: 37px; left: 13px; height: 0px; width: 150px;}
.hp-pricepledge p.item-link {position: absolute; bottom: 10px; left: 13px;}



/* =One column layout
-------------------------------------------------------------- */

.one-column {background: url('/assets/images/bg-onecol.gif') 0 0 no-repeat;}
.one-column #content {width: 660px; float: left; margin: 0 20px;}


/* =One column flip layout (Portal items, etc)
-------------------------------------------------------------- */

.one-column-flip {background: url('/assets/images/bg-onecol-flip.gif') 0 0 no-repeat;}
.one-column-flip #content {width: 660px; float: left; margin: 0 20px;}
.one-column-flip #sidebar {width: 170px; float: left; margin: 0 20px;}
.skin #header {position: relative; width: 900px; height: 120px; background:  url('/assets/images/bg-header.jpg') 0 20px no-repeat;}


/* =Full layout (Portal items, etc)
-------------------------------------------------------------- */

.fullwidth {background: url('/assets/images/bg-fullwidth.gif') 0 0 no-repeat;}
.fullwidth #content {width: 900px; float: left; margin: 0 20px;}



/* =Campaign column layout
-------------------------------------------------------------- */

.campaign-column {background: url('/assets/images/bg-onecol-flip.gif') 0 0 no-repeat;}
.campaign-column #content {width: 660px; float: left; margin: 0 20px; }
.campaign-column #sidebar {width: 180px; float: left; padding: 10px 0 10px 10px; *padding-left: 20px !important;} 
.campaign-column #sidebar {*padding: 10px 0 10px 0px; *margin-left: -5px; }

.campaign-column #sidebar .quote-area {font-size: 13px; margin: 10px 0 20px 0; clear:both;}
.campaign-column #sidebar .quote-area p {font-size: 12px; font-weight: bold; clear:both; padding-top: 10px; *padding-top: 0px !important; background: url("/welcome/media/layout/quote-close.gif") no-repeat bottom right; margin-left: 35px; *padding-bottom: 10px;
}
.campaign-column #sidebar .quote {font-style: italic;}

.campaign-column #sidebar .qopen {
background: url("/welcome/media/layout/quote-open.gif") no-repeat; 
display: block; float: left; width: 37px; height: 34px;}
.campaign-column #sidebar .qcopy {float: left; width: 140px;}

.campaign-column #content .block-nep .accordion div {padding: 0 0 0 6px;}

.signup-column .quote-area {font-size: 13px; margin: 10px 0 20px 0; clear:both;}
.signup-column .quote-area p {font-size: 12px; font-weight: bold; clear:both; padding-top: 10px; *padding-top: 0px !important; background: url("/welcome/media/layout/quote-close.gif") no-repeat bottom right; margin-left: 35px; *padding-bottom: 10px;
}
.signup-column .quote {font-style: italic;}

.signup-column .qopen {
background: url("/welcome/media/layout/quote-open.gif") no-repeat; 
display: block; float: left; width: 37px; height: 34px;}
.signup-column .qcopy {float: left; width: 140px;}



/* =Two column layout
-------------------------------------------------------------- */

.two-column {background: url('/assets/images/bg-twocol.png') 0 0 no-repeat;}


.two-column #content {width: 480px; float: left; margin: 0 20px;}
.two-column #sidebar {width: 170px; float: left; padding: 10px 0 10px 10px;} 

.two-column #sidebar {*padding: 10px 0 10px 0px; *margin-left: -5px; }

h3.widget-title {display:none;}
.block-joinus {height: 171px; width: 160px; background: url('/assets/images/bg-joinus.png') 0 0 no-repeat; color: #b40101;}
.block-joinus h2 {margin: 0 0 0 10px; padding: 10px 0 0 0; font-size: 16px;}
.block-joinus form {margin: 0 0 0 10px;}
.block-joinus form input {border: 1px solid #ccc; padding: 4px 2px; width: 130px;}
.block-joinus p {padding: 0 5px 0 10px; margin: 9px 0;}
.block-joinus form p{padding-left: 0;}
.block-joinus a {}

.block-interest-rewards {position: relative; margin: 7px 0; width: 160px; height: 198px; background: url('/assets/images/advert-interest-rewards.jpg') 0 0 no-repeat;}
.block-interest-rewards a {display: block; width: 80px; height: 20px; position: absolute; top: 110px; left: 38px;}
.block-interest-rewards a span {display: none;}

.block-the-ovo-story {position: relative; width: 160px; height: 208px; background: url('/assets/images/advert-ovo-story.jpg') -5px -5px no-repeat;}
.block-the-ovo-story a {display: block; width: 80px; height: 18px; position: absolute; top: 174px; left: 13px;}
.block-the-ovo-story a span {display: none;}

.block-do-you-have-a-question {position: relative; width: 160px; height: 173px; background: url('/assets/images/advert-questions.jpg') 0 0 no-repeat;}
.block-do-you-have-a-question a.link1 {display: block; width: 50px; height: 15px; position: absolute; top: 105px; left: 11px;}
.block-do-you-have-a-question a.link2 {display: block; width: 85px; height: 15px; position: absolute; top: 121px; left: 11px;}
.block-do-you-have-a-question a.link3 {display: block; width: 85px; height: 15px; position: absolute; top: 138px; left: 11px;}
.block-do-you-have-a-question a span {display: none;}

.block-uk-customer-service {width: 160px; height: 165px; background: url('/assets/images/advert-block1.jpg') 0 0 no-repeat; z-index: 0}
.block-uk-customer-service a {display: block; width: 80px; height: 28px; position: relative; top: 120px; left: 10px;}
.block-uk-customer-service a span {display: none;}

.block-why-were-different {position: relative; width: 160px; height: 150px; background: url('/assets/images/advert-block2.jpg') 0 0 no-repeat;}
.block-why-were-different a {display: block; width: 80px; height: 18px; position: absolute; top: 113px; left: 10px;}
.block-why-were-different a span {display: none;}


.block-pp {margin-top: 5px; position: relative; width: 160px; height: 148px; background: url('/assets/images/advert-pricepledge.jpg') 0 0 no-repeat;}
.block-pp a {display: block; width: 80px; height: 18px; position: absolute; top: 115px; left: 12px;}
.block-pp a span {display: none;}

.block-customer-service-stats {position: relative; width: 160px; height: 150px; background: url('/assets/images/advert-block3.jpg') 0 0 no-repeat;}
.block-customer-service-stats a {display: block; width: 80px; height: 18px; position: absolute; top: 113px; left: 10px;}
.block-customer-service-stats a span {display: none;}

.block-2-simple-tariffs {position: relative; width: 160px; height: 123px; background: url('/assets/images/advert-block4.jpg') 0 0 no-repeat;}
.block-2-simple-tariffs a {display: block; width: 80px; height: 18px; position: absolute; top: 87px; left: 10px;}
.block-2-simple-tariffs a span {display: none;}

.block-our-energy-sources {position: relative; width: 160px; height: 169px; background: url('/assets/images/advert-block5.jpg') 0 0 no-repeat;}
.block-our-energy-sources a {display: block; width: 80px; height: 18px; position: absolute; top: 134px; left: 10px;}
.block-our-energy-sources a span {display: none;}

.block-energy-saving-tips {position: relative; width: 160px; height: 169px; background: url('/assets/images/advert-block6.jpg') 0 0 no-repeat;}
.block-energy-saving-tips a {display: block; width: 80px; height: 18px; position: absolute; top: 134px; left: 10px;}
.block-energy-saving-tips a span {display: none;}

.block-how-switching-works {position: relative; width: 160px; height: 219px; background: url('/assets/images/advert-block7.jpg') 0 0 no-repeat;}
.block-how-switching-works a {display: block; width: 86px; height: 18px; position: absolute; top: 162px; left: 10px;}
.block-how-switching-works a span {display: none;}

.block-reading-your-bill {position: relative; width: 160px; height: 158px; background: url('/assets/images/advert-block8.jpg') 0 0 no-repeat;}
.block-reading-your-bill a {display: block; width: 86px; height: 28px; position: absolute; top: 112px; left: 10px;}
.block-reading-your-bill a span {display: none;}

.block-greener-energy {position: relative; width: 160px; height: 175px; background: url('/assets/images/advert-block9.jpg') 0 0 no-repeat;}
.block-greener-energy a {display: block; width: 86px; height: 18px; position: absolute; top: 140px; left: 10px;}
.block-greener-energy a span {display: none;}

.block-blog {position: relative; width: 160px; height: 118px; background: url('/assets/images/advert-block10.jpg') 0 0 no-repeat;}
.block-blog a {display: block; width: 86px; height: 18px; position: absolute; top: 83px; left: 10px;}
.block-blog a span {display: none;}

.block-myovo {position: relative; width: 160px; height: 118px; background: url('/assets/images/advert-block11.jpg') 0 0 no-repeat;}
.block-myovo a {display: block; width: 66px; height: 18px; position: absolute; top: 83px; left: 10px;}
.block-myovo a span {display: none;}

.block-what-our-customers-say {position: relative; width: 160px; height: 158px; background: url('/assets/images/advert-block12.jpg') 0 0 no-repeat;}
.block-what-our-customers-say a {display: block; width: 86px; height: 18px; position: absolute; top: 122px; left: 10px;}
.block-what-our-customers-say a span {display: none;}

.block-coolearth {position: relative; width: 160px; height: 174px; background: url('/assets/images/advert-rainforest.jpg') 0 0 no-repeat;}
.block-coolearth a {display: block; width: 145px; height: 160px; position: absolute; top: 5px; left: 5px;}
.block-coolearth a span {display: none;}

.block-demo {position: relative; width: 160px; height: 158px; background: url('/assets/images/advert-block1.jpg') 0 0 no-repeat;}
.block-demo a {border: 1px solid #000; display: block; width: 80px; height: 18px; position: absolute; top: 0px; left: 0px;}
.block-demo a span {display: none;}

.block-ovoview {position: relative; width: 160px; height: 160px; background: url('/assets/images/advert-ovoview.jpg') 0 0 no-repeat;}
.block-ovoview a {display: block; width: 150px; height: 150px; position: absolute; top: 5px; left: 5px;}
.block-ovoview a span {display: none;}

.block-friend {position: relative; width: 160px; height: 165px; background: url('/assets/images/advert-refer.jpg') 0 0 no-repeat;}
.block-friend a {display: block; width: 150px; height: 150px; position: absolute; top: 5px; left: 5px;}
.block-friend a span {display: none;}


/* =Footer
-------------------------------------------------------------- */

#footer {clear:both; position: relative;}

.footer-blog {background: url('/assets/images/bg-footer-blog.jpg') 0 0 no-repeat; height: 187px; position: relative;}
.footer-blog h2 {color: #215d6a; font-size: 12px; margin: 0 0 5px 0; padding: 0;}
.footer-blog p {margin: 0; padding: 0; line-height: 1.4em;}

.footer-blog .blog-entry {position: absolute; top: 50px; left: 140px; width: 430px; line-height: 1em; font-size: 12px;}
.footer-blog .our-bit {position: absolute; top: 50px; left:630px; width: 250px;}


.our-stats {width: 285px; margin-top: 0px; height:168px; background: url('/assets/images/bg-stats.jpg') 0 0 no-repeat; float: right;}
.our-stats h2 {text-align: center; display: block; width: 250px; color: #cc071e; margin: 0; padding: 0; position: absolute; top: 0px; left: 0px;}
.our-stats .call-waiting {position: absolute; font-size: 24px; color: #fff; top: 30px; left: 15px; display: block; text-align: center; width: 100px; }
.our-stats .email-response {position: absolute; font-size: 24px; color: #fff; top: 30px; left: 140px; display: block; text-align: center; width: 100px; }
.our-stats a {display: block; width: 285px; height: 168px;}

.sub-footer {color: #666;}
.sub-footer a {color: #666;}
.sub-footer .current_page_item a {font-weight: bold; color: #6cb132;}
.sub-footer ul {margin: 0; padding: 0;}
.sub-footer ul li.pagenav {margin: 0; padding: 0 0 10px 0; list-style: none; font-size: 14px;}
.sub-footer ul ul {margin-top: 10px;}
.sub-footer ul ul li {margin: 0 0 0 12px; padding: 3px 0;list-style-image:url("/assets/images/bullet-footer.gif");list-style-type:square; font-size: 11px;}


.sub-footer .col1 {float: left; width: 105px}
.sub-footer .col2 {float: left; width: 145px}
.sub-footer .col3 {float: left; width: 145px}
.sub-footer .col4 {float: left; width: 105px}
.sub-footer .col5 {float: left; width: 130px}
.sub-footer .col6 {float: left; width: 110px}
.sub-footer .col7 {float: left; width: 135px; padding-right: 0px;}

.col7a ul { margin-top: 0px !important; }
.col7a .coolearthul {margin-top: 10px !important; margin-bottom: 0 !important;}


.footer-clear {clear:both; padding: 10px;}
#site-info {clear:both; padding: 15px 0 30px 0; border-top: 1px solid #f1f1f1;}
#site-info a {color: #215d6a; font-size: 11px;}


.footer-links {font-size: 11px; position: absolute; bottom: 35px; right: 0; color: #ccc;}
.footer-links ul {margin: 0; padding: 0; list-style: none;}
.footer-links ul li {margin: 0; padding: 0 0 0 5px; list-style: none; float: left;}
.footer-links ul li span {padding-left: 5px;}
.footer-links ul li a {color: #999;}


.counter-wrap {height:34px; overflow:hidden; position: relative; padding: 1px 0;}

.counter-number {
height:400px;
width:25px;
margin: -1px 1px;
position:relative;
background-image:url('/assets/images/bg-counter-ticker2.gif');
float:left;
}







/* = PLANNING PAGE
-------------------------------------------------------------- */

.block-nep {float: left; width: 300px; margin-right: 30px;}
.block-nep h2 {display: block;width: 300px; height: 45px; background:url('/assets/images/planning/header-new-energy-plan.jpg') no-repeat;}
.block-nep h2 span {display: none;}

.block-nep h3 {font-size: 13px; margin: 0 0 0 5px; padding: 5px 0;outline: none;}
.block-nep h3 a {outline: none; color: #cc071e; background:url('/assets/images/planning/plusminus-red.gif') -5px 0 no-repeat; padding: 5px 0 0 22px;}
.block-nep h3.ui-state-active a {background:url('/assets/images/planning/plusminus-red.gif') -5px -31px no-repeat;}
.block-nep p {padding: 5px 0; margin: 0 0 0 5px;}

.block-gep {float: left; width: 300px; margin-left: 10px;}
.block-gep h2 {display: block;width: 300px; height: 45px; background:url('/assets/images/planning/header-green-energy-plan.jpg') no-repeat;}
.block-gep h2 span {display: none;}

.block-gep h3 {font-size: 13px; margin: 0; padding: 5px 0;outline: none;}
.block-gep h3 a {outline: none; background:url('/assets/images/planning/plusminus-green.gif') -5px 0 no-repeat; padding: 5px 0 0 22px;}
.block-gep h3.ui-state-active a {background:url('/assets/images/planning/plusminus-green.gif') -5px -31px no-repeat;}
.block-gep p {padding: 5px 0; margin: 0 0 0 5px;}

.image-left {float: left; position: relative; top: 10px;}


/* = HOW SWITCHING WORKS PAGE
-------------------------------------------------------------- */

.how-switching-works-canvas {width: 300px; padding: 10px 0 0 150px; background:url('/assets/images/how-switching-works.jpg') 0 0 no-repeat;}
.how-switching-works-canvas h2 {font-size: 14px; margin: 0 0 5px 0; pading: 0;}
.how-switching-works-canvas p {padding: 0; margin: 0;}
.how-switching-works-canvas .how-step2 {padding-top: 20px;}
.how-switching-works-canvas .how-step3 {padding-top: 20px;}
.how-switching-works-canvas .how-step4 {padding-top: 20px;}


/* = ENERGY SOURCES PAGE
-------------------------------------------------------------- */

.sources-options {height: 50px;}
.link-gas {float: left; width: 230px;}
.link-electricity {float: right; width: 230px;}


/* = FAQS PAGE
-------------------------------------------------------------- */

.faq-accordion h2 {border-bottom: 1px solid #ededed; font-size: 18px; margin: 0; padding: 5px 0;outline: none;}
.faq-accordion h2 a {color: #cc071e;outline: none; background:url('/assets/images/planning/plusminus-red.gif') -5px 3px no-repeat; padding: 5px 0 0 22px;}
.faq-accordion h2.ui-state-active a {background:url('/assets/images/planning/plusminus-red.gif') -5px -28px no-repeat;}

.sub-accordion {margin-left: 10px;}

.faq-accordion h3 {border-bottom: 1px solid #ededed; font-size: 13px; margin: 0; padding: 5px 0;outline: none;}
.faq-accordion h3 a {outline: none; background:url('/assets/images/planning/plusminus-green.gif') -5px 0 no-repeat; padding: 5px 0 0 22px;}
.faq-accordion h3.ui-state-active a {background:url('/assets/images/planning/plusminus-green.gif') -5px -31px no-repeat;}
.faq-accordion p {padding: 10px 0; margin: 0 0 0 0; line-height: 1.4em}
.faq-accordion ol, .faq-accordion ul {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.faq-accordion li {line-height: 1.4em; padding: 5px 0}

.faq-accordion h3 span.payments {display: block; width: 200px; height: 30px; position: relative; top: -5px; background:url('/assets/images/faq-payment.gif') -4px 10px no-repeat;}
.faq-accordion h3 span.statements {display: block; width: 200px; height: 30px; position: relative; top: -5px;background:url('/assets/images/faq-statement.gif') -4px 10px no-repeat;}
.faq-accordion h3 span.interests {display: block; width: 200px; height: 30px; position: relative; top: -5px;background:url('/assets/images/faq-interest.gif') -3px 10px no-repeat;}
.faq-accordion h3 span.faq-ncjo {display: block; width: 200px; height: 30px; position: relative; top: -5px;background:url('/assets/images/faq-ncjo.gif') -3px 10px no-repeat;}
.faq-accordion h3 span.faq-eoc {display: block; width: 200px; height: 30px; position: relative; top: -5px;background:url('/assets/images/faq-eoc.gif') -3px 10px no-repeat;}



.accordion h2 {border-bottom: 1px solid #ededed; font-size: 18px; margin: 0 0 5px 0; padding: 5px 0;outline: none;}
.accordion h2 a {color: #cc071e;outline: none; background:url('/assets/images/planning/plusminus-red.gif') -5px 3px no-repeat; padding: 5px 0 0 22px;}
.accordion h2.ui-state-active a {background:url('/assets/images/planning/plusminus-red.gif') -5px -28px no-repeat;}



/* = TEAM PAGE
-------------------------------------------------------------- */

.stickmen-row {clear: both; padding: 20px 0;}
.stickmen-row br {display: none;}
.stickmen-row a {float: left;}
.stickmen-row a img {border: none;}


#content-lightbox-team {margin: 0 auto; width: 570px; position: relative;}
#content-lightbox-team h1 {font-size: 22px; padding: 0 0 10px 0; margin: 0;}
#content-lightbox-team h1 span {font-size: 16px;}
#content-lightbox-team p {line-height: 1.4em; background:url('/assets/images/dot-green.gif') 0px -9px no-repeat; padding-left: 15px;}
#content-lightbox-team strong {color: #255a68;}
#content-lightbox-team .lightbox-pic {float: right; text-align: right; position:absolute; bottom: 0px; right: 0;}
#content-lightbox-team .lightbox-text {height: 360px;  width: 350px;}

#content-lightbox-team .lightbox-text.leahtext h1 {padding: 0 0 5px 0;}
#content-lightbox-team .lightbox-text.leahtext {height: 360px; width: 430px;}

#content-lightbox-team .lightbox-text.johntext h1 {padding: 0 0 5px 0; position: relative; width: 500px;}
#content-lightbox-team .lightbox-text.johntext {height: 360px; width: 370px;}

#content-lightbox-team .lightbox-text.lyndseytext h1 {padding: 0 0 5px 0;}
#content-lightbox-team .lightbox-text.lyndseytext {height: 360px; width: 360px;}


#content-lightbox-team .lightbox-text.jamesg h1 {padding: 0 0 5px 0;}
#content-lightbox-team .lightbox-text.jamesg {height: 360px; width: 410px;}

/* = What our customers say
-------------------------------------------------------------- */

.quote-item {border-top: 1px solid #ededed; padding: 0 0 15px 0;}
.quote-text {}
.quote-author {text-align: right; font-size: 14px; color: #888;}


.quote-item blockquote {
color: #888;
font-size: 13px;
margin: 0; padding: 0;
background-image: url("/assets/images/quote-left.gif");
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 40px;
font-style: italic;
}
.quote-item blockquote span {
background-image: url("/assets/images/quote-right.gif");
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 30px;
}

.oneliner blockquote span {padding-top: 10px; padding-bottom: 10px;}






/* = Meter reading
-------------------------------------------------------------- */


.wpcf7-form p {clear:both; padding: 5px 0; margin: 0;}
.wpcf7-form label {margin-top: 10px;}
.wpcf7-form label span.label {float: left; width: 200px;}
.wpcf7-form input {border: 1px solid #ccc; padding: 4px; width: 150px;}
.wpcf7-form textarea {border: 1px solid #ccc; padding: 4px; width: 350px;font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px;}
.wpcf7-form p em {font-size: 10px !important; padding-left: 200px; display: block;}
.wpcf7-form p b {font-size: 16px;color: #255a68; padding: 10px 0;}



/* =Navigation
-------------------------------------------------------------- */



h1.entry-title {font-size: 22px;}
h2.entry-title {font-size: 16px;}
.entry-utility {margin: 0 0 30px 0;border-top: 1px solid #e7e7e7; padding-top: 10px;}

.entry-utility,
.navigation,
.entry-meta {font-size: 11px; color: #aaa}

.entry-meta a,
.entry-utility a {color: #aaa}

.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #FF4B33;

}
.nav-previous {font-size: 12px; border-bottom: 1px solid #ededed; text-align: center;padding: 5px; margin: 5px;}
.nav-next {font-size: 12px; text-align: center}

.nav-next a, .nav-previous a {color: #6cb132 !important;}

.paged #nav-above,
.single #nav-above {display: block;}


code {display: block; font-size: 11px; line-height: 1em; border: 1px solid #ededed; padding: 10px;}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0 !important;
padding: 0;
}
h3#comments-title {
	padding: 10px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 14px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
padding-top :20px;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}


#author,#url, #email, #comment {border: 1px solid #ccc; padding: 4px;font-size: 13px; font-family: "Trebuchet MS", Arial, sans-serif; color: #666;}










/* = BILL PAGE
-------------------------------------------------------------- */

#billtabs {height: 90px;}
#billtabs ul {margin: 0; padding: 0; list-style: none;}
#billtabs ul li {margin: 0 5px 0 0; padding: 0; float: left; }
#billtabs ul li a {outline: none; display: block; width: 60px; height: 90px; background: url("/assets/images/bill-thumbs.gif") no-repeat;}
#billtabs ul li a span {display: none;}

#billtabs ul li a.link-bill1 {background-position: 0 0px;}
#billtabs ul li a.link-bill2 {background-position: -66px 0px;}
#billtabs ul li a.link-bill3 {background-position: -132px 0px;}
#billtabs ul li a.link-bill4 {background-position: -198px 0px;}
#billtabs ul li a.link-bill5 {background-position: -264px 0px;}
#billtabs ul li a.link-bill6 {background-position: -330px 0px;}

#billtabs ul li a.link-bill1.selected {background-position: 0 -100px;}
#billtabs ul li a.link-bill2.selected {background-position: -66px -100px;}
#billtabs ul li a.link-bill3.selected {background-position: -132px -100px;}
#billtabs ul li a.link-bill4.selected {background-position: -198px -100px;}
#billtabs ul li a.link-bill5.selected {background-position: -264px -100px;}
#billtabs ul li a.link-bill6.selected {background-position: -330px -100px;}

.bill-tabcontent {height: 678px; width: 478px; border:1px solid #255a68;}

#billpage1 {background: url("/assets/images/bill-page1.gif") no-repeat;}
#billpage2 {background: url("/assets/images/bill-page2.gif") no-repeat;}
#billpage3 {background: url("/assets/images/bill-page3.gif") no-repeat;}
#billpage4 {background: url("/assets/images/bill-page4.gif") no-repeat;}
#billpage5 {background: url("/assets/images/bill-page5.gif") no-repeat;}
#billpage6 {background: url("/assets/images/bill-page6.gif") no-repeat;}


.anythingSlider                         { clear: both; height: 680px; width: 480px; position: relative; margin: 0 auto; }
.anythingSlider .wrapper                { width: 480px; overflow: auto; height: 680px; margin: 0; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #ededed; margin: 0; padding: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 680px; width: 480px; margin: 0; }
.anythingSlider .arrow                  { display: none;}

.thumbNav                               { position: relative; top: -50px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop                             { display:none; }

/* Prevents */
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.tooltip img {border: none;}
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: #f6ad17; z-index: 9999; color: #fff; font-size: 11px; width: 250px; }
p#vtip b {font-size: 12px;}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }


.bill-tabcontent {position: relative;}
.tooltip {position: absolute;width: 14px;height: 14px;display:block}


#account-number .tooltip {top: 109px; left: 458px;}
#statement-number .tooltip {top: 122px; left: 458px;}
#previous-balance .tooltip  {top: 251px; left: 18px;}
#months-charges .tooltip  {top: 274px; left: 18px;}

#ovo-interest-reward .tooltip  {top: 348px; left: 18px;}

#amount-outstanding .tooltip  {top: 396px; left: 18px;}
#direct-debits .tooltip  {top: 456px; left: 18px;}
#new-balance .tooltip  {top: 490px; left: 18px;}
#interest-reward .tooltip  {top: 340px; left: 5px;}
#additional-charges .tooltip  {top: 310px; left: 5px;}


/* Bill 2 */
#billing-messages .tooltip{top: 6px; left: 7px;}

/* Bill 3 */
#your-account-summary .tooltip{top: 15px; left: 318px;}
#tarriff-information .tooltip{top: 82px; left: 16px;}
#your-payment-plan .tooltip{top: 220px; left: 16px;}
#your-forecasted-consumption .tooltip{top: 86px; left: 434px;}
#your-energy-consumption .tooltip{top: 325px; left: 15px;}
#your-energy-costs .tooltip{top: 334px; left: 434px;}


/* Bill 5 */
#your-estimated-annual-consumption .tooltip{top: 176px; left: 18px;}
#meter-readings-page5 .tooltip{top: 207px; left: 18px;}
#meter-point-reference-number-page5 .tooltip{top: 141px; left: 430px;}
#meter-serial-number-page5 .tooltip{top: 155px; left: 430px;}




#meter-point-reference-number .tooltip  {top: 144px; left: 430px;}
#meter-serial-number .tooltip  {top: 156px; left: 430px;}
#meter-readings-extra .tooltip  {top: 180px; left: 5px;}
#meter-readings-page3 .tooltip  {top: 208px; left: 5px;}
#explaining-your-statement .tooltip  {top: 387px; left: 18px;}





#electricity-supply .tooltip  {top: 90px; left: 429px;}
#meter-serial .tooltip  {top: 142px; left: 429px;}
#tariff .tooltip  {top: 138px; left: 18px;}
#meter-readings-extra2 .tooltip  {top: 161px; left: 18px;}
#meter-reading-day .tooltip  {top: 200px; left: 18px;}
#estimate-accurate .tooltip  {top: 217px; left: 18px;}
#kWhs-used .tooltip  {top: 233px; left: 429px;}
#price-kWhs .tooltip  {top: 235px; left: 18px;}
#fixed-charge .tooltip  {top: 373px; left: 18px;}
#livechatcompare {padding-top: 180px;}


.search .navigation {text-align: right; font-size: 12px;}
.search .navigation a {color: #6cb132; margin-left: 20px;}


.anythingSliderNEW .tooltip img{display: none;}


/* MC Signup */

.page-id-1784 .big-links {margin-top: 10px;}

#mc_embed_signup {width: 500px; padding-top: 15px;}
#mc_embed_signup p {padding: 0; margin: 0 0 10px 0;}
#mc_embed_signup form {margin: 0; padding: 0;}
#mc_embed_signup fieldset {bordeR: none; padding: 0; margin: 0;}
#mc_embed_signup legend {}
#mc_embed_signup .mcinput {margin: 10px 0 2px 0; border: 1px solid #ccc; padding: 4px; width: 190px;}
.mc-field-group {padding: 0 0 10px 0; clear:both;}
.mc-field-group label {display: block;}


.page-id-1784 #content {position: relative;}
.whysignup {position: absolute; top: 100px; left: 260px; display: none;}
.whysignup ul {margin: 0; padding: 0; color: #ef9e1d;}
.whysignup li {margin: 0; padding: 5px 0;}






.lightbox {position: relative;}
.trophy {background: transparent url("/assets/images/team/trophy.png") no-repeat; width: 30px; height: 45px; display: block !important; z-index: 9999; position: absolute; bottom: 0; left: 5px;}

.star {background: transparent url("/assets/images/team/star.png") no-repeat; width: 120px; height: 120px; display: block !important; z-index: 9999; position: absolute; top: 10px; left: -15px;}

.ofg {position: relative; width: 900px; height: 190px; background:  url('/assets/images/bg-header-ofg.jpg') 0 20px no-repeat !important;}




.big-rewards {position: relative; width: 288px; float:right; margin-top:30px;height: 122px;background:url("/assets/images/Interest-box.jpg") 0 0 no-repeat;}
.big-rewards a {position: absolute; bottom: 0px; left: 0px; width: 288px; height: 122px;}