﻿html {border:0;margin:0;padding:0;}
body {background:#f0f0f0 none no-repeat top left; font:normal normal normal 14px/1.4em Arial, Helvetica, sans-serif;padding:0;margin:0;color:#414141;}
a {outline:0;border:0;}
img {border:0;outline:0;margin:0;padding:0;}
#shadowcontainer {position:relative;width:1060px;margin:0 auto;background:#f0f0f0 url(/images/body-background.png) repeat-y top left;z-index:1;}
#shadow-top {position:relative;width:1060px;height:35px;background:#f0f0f0 url(/images/body-background-top.png) no-repeat top left;z-index:2;}
#shadow-bottom {position:relative;width:1060px;height:50px;background:#f0f0f0 url(/images/body-background-bottom.png) no-repeat bottom left;z-index:2;}
#outercontainer {position:relative;margin:0 33px -20px 33px;width:994px;padding:0;background-color:#fff;z-index:3;}
#title {position:relative;margin:0 27px;padding:17px 0;width:940px;height:110px;background:#fff url(/images/logo-watermark.png) no-repeat 620px;z-index:6;}
#title a {outline:0;border:0;color:#fff;}
#title h1 {font-size:15px;display:block;position:relative;width:230px;height:110px;color:#fff;}
#title h1 span {display:block;position:absolute;width:230px;height:110px;background:url(/images/Sanctuary-Energy-Your-Renewable-Energy-Partner.png) no-repeat top left;top:0;left:0;}
#title div.freecall {position:absolute;top:35px;right:0;font-size:18px;}
#title div.selectedregion {position:absolute;top:70px;right:0;font-size:11px;color:#45A0E3;z-index:7;}
#title div.selectedregion span {color:#83B14B;}
#title div.selectedregion a:hover {text-decoration:none;}
#title div.selectedregion a {text-decoration:none;font-size:11px;padding:.2em .5em;position:relative;width:120px;border:solid 1px #BBB;color: #fff;outline:none;background:#b6b6b6;-moz-box-shadow:2px 2px 5px rgba(0, 0, 0, .2);-webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, .2);box-shadow:2px 2px 5px rgba(0, 0, 0, .2);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;}
#title #regiondrop {z-index:100;background:#fff;position:absolute;top:20px;right:5px;width:115px;border:solid 1px #BBB;border-radius:5px;display:none;}
#title #regiondrop ul {list-style:none;margin:0;padding:5px;text-align:left;}
#title #regiondrop ul li {line-height:16px;cursor:pointer;padding:2px 5px;}
#title #regiondrop ul li:hover {background:#eee;}
#title div.search {position:absolute;top:100px;right:0;}
#title div.search div.searchbox {background: transparent url(/images/search-box.png) no-repeat top left;width:170px;height:30px;float:left;}
#title div.search input[type=text] {height:22px;padding:0;margin:3px 3px 0 3px;border:none;outline:none;width:129px;color:#636363;background-color:transparent;}
#title div.search input[type=text].greyed {color:#969696;}
#title div.search a {width:26px;height:30px;margin:0;padding:0;display:block;float:left;outline:0;border:0;}
#title div.search a:hover {background: transparent url(/images/search-box.png) no-repeat bottom left;}
#navbar {position:relative;margin:0 27px;padding:0;width:940px;height:45px;z-index:5;}
#navbar div.left{width:10px;height:45px;background:#fff url(/images/main-nav-left.png) no-repeat top left;float:left;}
#navbar div.main{width:920px;height:45px;background:#fff url(/images/main-nav-bg.png) no-repeat top left;float:left;}
#navbar div.right{width:10px;height:45px;background:#fff url(/images/main-nav-right.png) no-repeat top left;float:left;}
#contentouter {position:relative;margin:10px 27px;padding:0;width:940px;min-height:450px;z-index:4;}
#footer {position:relative;margin:0;padding:0;width:994px;}
#tagline {width:920px;height:58px;margin:0;padding:0 37px;background:#3B99DF url(/images/Sanctuary-Energy-Your-Renewable-Energy-Partner-Footer.png) no-repeat top right;color:#fff;font-size:20px;}
#tagline p {line-height:58px;}
#lowernav {width:920px;height:42px;margin:0;padding:0 37px;background:#636363; color:#fff;font-size:13px;}
#lowernav div {width:456px;height:42px;margin:0;padding:0;}
#lowernav p {line-height:42px;margin:0;}
#lowernav ul {list-style:none;line-height:42px;margin:0;padding:0;text-align:right;}
#lowernav ul li {line-height:42px;padding-left:15px;padding-right:15px;display:inline;}
#lowernav ul li.last {padding-right:0;}
#lowernav ul li a, #lowernav ul li a:visited {color:#fff;text-decoration:none;outline:none;}
#lowernav ul li a:hover {color:#3B99DF;}

#four-col1 {float:left;margin-right:15px;width:255px;}
#four-col2 {float:left;width:220px;margin-left:15px;}
#four-col3 {float:left;width:670px;}
#four-col h2 {line-height:33px;font-size:16px;color:#fff;margin:0;padding:0 18px;background:#fff url(/images/h2-bg.png) repeat-x top left;font-weight:normal;border-bottom:1px dashed #3B99DF;border-top-left-radius:7px;border-top-right-radius:7px;}
#four-col h2.nohighlight {background-image:none;text-align:left;color:#3B99DF;border:none;text-align:center;} 
#four-col p {padding;0;margin:0;}
#four-col table {border:none;padding:0;margin:0;border-collapse:collapse;} 
#four-col td {padding:0;margin:0;background-color:#fff;border:none;}
#four-col td.highlight {font-size:14px;color:#fff;margin:0;padding:12px 18px;background-color:#969696;vertical-align:top;}
#four-col .news {font-size:11px;line-height:1.2em;margin:12px 5px;}
#four-col .news p {margin-bottom:6px;text-align:left;}

.pointer {cursor:pointer;}

#leftcolumn {float:left;margin:0 15px 0 0;width:675px;}
#rightcolumn {float:left;width:250px;}

.main-page-feature {margin-bottom:23px;}
.main-image {width:940px;height:320px;float:left;}
.small-more {text-align:right !important;padding-right:18px;}

.content h2 {color:#45A0E3;margin:10px 0 5px 0;padding:0;}
.content h2.banner {display:block;position:relative;width:675px;height:177px;color:#fff;margin-top:0;padding-top:0;}
.content h2.banner span {display:block;position:absolute;width:675px;height:177px;background-repeat:no-repeat; background-position:top left;top:0;left:0;}
.content h3 {color:#3B99DF;margin:10px 0 5px 0;padding:0;}
.content h4 {color:#3B99DF;margin:7px 0 5px 0;padding:0;}
.content .callout {font-size:1.1em;font-style:italic;}
.content .callout-large {font-size:1.6em;font-style:italic;color:#3B99DF;font-weight:bold;line-height:1.2em;}
.content p {text-align:justify;}
.content a, .content a:visited {color:#3B99DF;text-decoration:none;outline:0;}
.content a:hover {text-decoration:underline;}
.content table {border:none;border-collapse:collapse;padding:0;margin:0 auto;}
.content table tr {}
.content table th {color:#fff;background-color:#3B99DF;border:1px solid #c5c5c5;padding:4px 6px;margin:0;text-align:right;font-weight:normal;}
.content table td {color:#fff;background-color:#969696;border:1px solid #c5c5c5;padding:4px 6px;margin:0;font-weight:bold;}
.content table a, .content table a:visited {color:#fff;text-decoration:underline;outline:0;}
.content table a:hover {text-decoration:none;}
.content div.search {margin: 13px 26px;position:relative;}
.content div.search .searchbox {background-image:url(/images/large-search-box.png);background-repeat:no-repeat;width:360px;height:30px;margin:0;padding:0;}
.content div.search input[type=text] {height:22px;padding:0;margin:0 10px;border:none;outline:none;width:303px;color:#636363;background-color:transparent;position:absolute;top:2px;}
.content div.search input[type=submit].searchbutton {background:transparent url(/images/large-search-box-button.png) no-repeat top left;width:36px;height:30px;margin:0;padding:0;border:0;outline:0;position:absolute;left:323px;}
.content div.search input[type=submit].searchbutton:hover {background-position:bottom right;}

.sidebar {font-size:13px;}
.sidebar h2 {line-height:33px;font-size:16px;font-weight:normal;color:#fff;margin:0;padding:0 18px;background:#fff url(/images/h2-bg.png) repeat-x top left;border-bottom:1px dashed #3B99DF;border-top-left-radius:7px;border-top-right-radius:7px;}
.sidebar div {color:#fff;margin:0;padding:12px 18px;background-color:#969696;}
.sidebar th {text-align:left!important;font-weight:normal!important;font-size:13px;}
.sidebar th.header {border:none;background-color:transparent;padding:15px 5px 5px 5px;}
.sidebar td {font-weight:normal;background-color:#636363!important;}
.sidebar td.number {text-align:center;}
.sidebar h3 {padding:0;margin:0;font-size:16px;font-weight:normal;color:#fff;}
.sidebar ul {list-style:none;padding:0;margin:0;color:#fff;background-color:#969696;}
.sidebar ul li {border-bottom:1px dashed #fff;padding:0px 18px;color:#fff;line-height:34px;}
.sidebar ul li a, .sidebar ul li a:visited {color:#fff;line-height:34px;outline:0;display:block;}
.sidebar ul li.indent {padding-left:36px;}
.sidebar ul li.last {border-bottom:none!important;}
.sidebar a, .sidebar a:visited {color:#424242;text-decoration:none;outline:0;}

.supply-table th {text-align:left!important;font-weight:bold!important;font-size:13px;}
.supply-table th.header {border:none;background-color:transparent;padding:15px 5px 5px 5px;color:#636363;}
.supply-table td {font-weight:normal;background-color:#636363!important;}
.supply-table td.number {text-align:center;}
.supply-table h3 {padding:0;margin:0;font-size:16px;font-weight:normal;color:#636363;}

a.squarebutton{background: transparent url("/images/blue-button-left.png") no-repeat top left;display: block;float: left;font: normal 14px Arial, Helvetica, sans-serif;line-height: 17px;height: 30px;padding-left: 8px;text-decoration: none;}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{color: #fff;}
a.squarebutton span{background: transparent url("/images/blue-button-right.png") no-repeat top right;display: block;padding: 5px 13px 9px 0;}
a.squarebutton:hover{text-decoration:none;}
a.squarebutton:hover span{color:#b3b3b3;}
.buttonwrapper{overflow: hidden;}

table.searchresults {margin:0 26px;;text-align:left;width:870px;}
table.searchresults td {background:#fff !important;color:#616161 !important;border:0 !important;font-weight:normal !important;padding:7px 7px !important;}
table.searchresults td table {width:870px;}
table.searchresults td table td {padding:0px!important;}
table.searchresults a {color:#45A0E3 !important;}
table.searchresults .resulttext {font-size:.95em;line-height:1.3em;}
table.searchresults .pageurl {color:#83B14B!important;font-size:.95em;}
table.searchresults .highlight {color:#83B14B;}
table.searchresults .currentpage {color:#83B14B;font-weight:bold;}
table.searchresults td.mouseover {background-color:#F6F6F6 !important;}

.faq {margin:0 15px 0 15px;}
.faq .faqcontent {margin:0 10px 5px 15px;text-align:justify;}
.faq h3 {color:#83B14B;font-weight:bold;font-size:14px;}
.faq p {}
.faq h3.faqopened, .faq h3.faqclosed {cursor: pointer;padding: 0px 0 0 15px;border-bottom: dotted 1px #ccc;margin-bottom: 10px;}
.faq h3.faqclosed:hover {color: #83B14B;}
.faq h3.faqclosed {color: #636363;background: transparent url(/images/collapsed.png) no-repeat scroll 0 5px;}
.faq h3.faqopened {color: #83B14B;background: transparent url(/images/expanded.png) no-repeat scroll 0 5px;}

.news h3 {color:#636363;font-size:0.98em;}
.news h3 span {padding-left:13px;color:#3B99DF;}
.news hr {color:#c8c8c8;background-color:#c8c8c8;}

#map-view-container {margin:11px auto;position: relative;}
#map-container {float: left;position: relative;}
#map-view-container img.map {position: relative;z-index: 21;}
#map-view-container img.region {display: none;left: 0px;position: absolute;top: 0px;z-index: 20;}		
#map-view-container img.regionbg {left: 0px;position: absolute;top: 0px;z-index: 19;}
#map-description {float:left;position:relative;}
#map-description div.region {display:none;left:-50px;position:absolute;top:0;z-index:20;}
#map-description div.region p {font-weight:bold;font-style:italic;margin-bottom:0;}
#map-description div.region ul {padding-left:20px;margin:0;}
#resetregion {position:absolute;bottom:0;left:0;z-index:100;}
#resetregion a:hover {text-decoration:none;}
#resetregion a {margin:0 7px 0 13px;text-decoration:none;text-align:center;font-size:11px;padding:.2em .5em;width:50px;border:solid 1px #BBB;color: #fff;outline:none;background:#b6b6b6;-moz-box-shadow:2px 2px 5px rgba(0, 0, 0, .2);-webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, .2);box-shadow:2px 2px 5px rgba(0, 0, 0, .2);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;}

.tariffrate {margin:13px !important;width:450px;}
.tariffrate caption {text-align:left;margin-bottom:7px;font-weight:bold;}
.tariffrate th {text-align:center !important;}
.tariffrate td {font-weight:normal !important;}
.tariffrate td.centre {text-align:center !important;}
.tariffrate td span {font-weight:normal;font-size:11px;line-height:1.2em;}
.tariffnote {font-size:12px;margin:6px 13px;}

.no-format {width:70%;margin:0 !important;}
.no-format td {background-color:#fff!important;color:#414141!important;font-weight:normal!important;border:none!important;}

blockquote.accountdetails p {line-height:1em;padding:0;margin:0;width:300px;clear:left;padding-left:150px;}
blockquote.accountdetails label {width:150px;float:left;margin-left:-150px;}
blockquote.accountdetails span {font-weight:bold;}

.savingsnojs, .savingsloading, .savingserror {margin:26px 13px;font-size:12px;text-align:center;color:#3b99df;}
.savingsloading, .savingserror {display:none;}
.savingsform {margin:0 13px;display:none;}
.savingsform > div {margin:13px 0 0 0;}
.savingsform label {font-size:13px;}
.savingsform table {width:280px;border:none;background-color:#fff;margin:13px 0 0 0;}
.savingsform table td {border:none;background-color:#fff;color:#636363;font-weight:normal;font-size:13px;}

.savingsform .singleline {padding-left:120px;}
.savingsform .singleline label {width:120px;float:left;margin-left:-120px;padding:8px 0 4px 0;}
.savingsform .singleline span {padding-left:8px;font-size:12px;}
.savingsresult {margin:0 13px;display:none;}
.savingsresult > div {margin:13px 0 0 0;}
.savingsresult h3 {font-weight:normal;font-size:15px;padding:0;margin:13px 0 7px;}
.savingsresult table {width:100%;border:none;background-color:#fff;margin:0;}
.savingsresult table td {border:none;background-color:#fff;color:#636363;font-weight:normal;font-size:13px;padding:2px 0 2px 0;margin:0;}
.savingsresult table td.right {text-align:right;font-weight:bold;}

.tariffelements {display:none;}

.smallnote {font-size:0.8em;line-height:1.2em;}
table.smallnote td {color:#616161;background-color:#fff;border:0;padding:4px 13px;margin:0;font-weight:normal;text-align:center;}
table.smallnote a span {display:block;}
table.smallnote a, table.smallnote a:visited {color:#3B99DF;text-decoration:none;outline:0;}
table.smallnote a:hover {text-decoration:underline;}
table.normalnote td {color:#616161;background-color:#fff;border:0;padding:4px 13px;margin:0;font-weight:normal;text-align:center;}
table.normalnote a span {display:block;}
table.normalnote a, table.normalnote a:visited {color:#3B99DF;text-decoration:none;outline:0;}
table.normalnote a:hover {text-decoration:underline;}

table.tariffsmall {padding:0;margin:5px auto;width:250px;line-height:1.2em;}
table.tariffsmall td {font-size:0.8em;padding:0 3px;}
