@import "reset.css";
/* - html elements - */
body {font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.2em; padding:0; margin:0;
background:#fff url('../template_images/Images/global/bg-body.jpg') repeat-x 0 top; color:#333;}
a {color:#f37421;text-decoration:none;}
a:hover {text-decoration:underline!important;}
p {font-size:1.0em;}
h1 {font-size:1.7em; margin-bottom:18px; line-height:1.1em;}
h2 {color:#999; font-size:1.3em;}
/*li{ list-style:none}*/
ul{padding:0; margin:0}
/* - misc - */
.clear {float:left; clear:both; margin-bottom:45px;}
.strong {font-weight:bold;}
img{border:0}
/* - global - */
#header-holder {width:100%; height:118px; background:transparent url('../template_images/Images/global/bg-header.jpg') top center no-repeat;}
#header-content {width:944px; margin:0 auto; padding:0px;}
#topContainer
{
float:left; width:944px; padding-top:10px; height:71px
}
#logoWrapper
{
padding:0; width:250px; float:left; margin:0
}
#logo {background:#1e4164 url('../template_images/Images/global/logo.jpg'); display:block; padding:0; margin:0; text-indent:-9999px; width:181px; height:61px; margin-bottom:10px; float:left}
#search {float:right; width:305px; padding:0; margin:38px 0 0}
#search span {color:#fff; font-size:0.9em; float:left; display:block; padding:3px 5px 0 0}
#search input {width:180px; padding:1px 0 3px 7px; font-size:1.0em; float:left; border:1px solid #c7c7c7; color:#999;}
#search input#searchButton {width:23px;height:21px; *height:19px; text-indent:-3000px; float:left; padding: 0; cursor:pointer; background:#fff url('../template_images/Images/global/bg-search.jpg') right 2px no-repeat; border:0; color:#999;}
#content-holder {width:944px; *width:954px; margin:15px auto 0 auto; height:auto;}
#footer {border-top:4px solid #c41230; width:944px; margin:15px auto 0 auto; padding-top:20px; clear:both;}
#footer ul {float:left; width:180px; color:#808080; font-size:0.8em; padding-bottom:20px;}
#footer li a {color:#808080; text-decoration:none;}
#footer li .dark {color:#000;}
#footer .rss {background:#fff url('../template_images/Images/misc/rss-icon.gif') 55px 2px no-repeat; margin-top:10px;}
#footer .rss a {color:#000;}
#footer ul.last {float:right; width:220px;}
#footer #sub-links {color:#000; margin-bottom:10px;}
#footer #sub-links a {display:inline; color:#000; padding:0 4px;}
#footer #sub-links .first {padding-left:0;}
#footer #sub-links .last {padding-right:0;}
a.dark{color:#000}
/* - nav and breadcrumbs - */
#menu_wrapper
{
margin:0 auto; width:944px;
}
#nav-main
{
padding:0;
width:944px;
height:35px;
z-index:9999;
margin:0 auto;
}
#nav-main li {float:left; position:relative;}
#nav-main li a {display:block; height:33px; text-decoration:none; background:#c1112f url('../template_images/Images/global/bg-nav.png') 0 0 no-repeat;}
#nav-main #gas {width:64px; text-indent:-9999px;}
#nav-main #gas:hover, #nav-main :hover > #gas, #nav-main #gas-holder .active:hover, #nav-main :hover > #gas.active {background-position:0 -33px;}
#nav-main #gas-sub {padding:25px 0; width:556px; line-height:1.4em; background:#eae7e3 url('../template_images/Images/global/bg-sub-nav.jpg') repeat-x; border-top:4px solid #f37421; box-shadow: 1px 1px 1px #c2c2c2; -moz-box-shadow: 1px 1px 1px #c2c2c2; -webkit-box-shadow: 1px 1px 1px #c2c2c2;}
#nav-main #gas-sub .one {padding:0 20px; width:177px; float:left; border-right:1px solid #dfdfdf;}
#nav-main #gas-sub .two {padding:0 20px; height:280px; width:142px; float:left; border-right:1px solid #dfdfdf;}
#nav-main #gas-sub .three {padding:0 20px; width:115px; float:right;}
#nav-main #elec {width:121px; background-position:-64px 0; text-indent:-9999px;}
#nav-main #elec:hover, #nav-main :hover > #elec, #nav-main #elec-holder .active:hover, #nav-main :hover > #elec.active {background-position:-64px -33px;}
#nav-main #elec-sub {padding:25px 0; width:873px; position:relative; z-index:100; line-height:1.4em; background:#eae7e3 url('../template_images/Images/global/bg-sub-nav.jpg') repeat-x; border-top:4px solid #f37421; box-shadow: 1px 1px 1px #c2c2c2; -moz-box-shadow: 1px 1px 1px #c2c2c2; -webkit-box-shadow: 1px 1px 1px #c2c2c2;}
#elec-sub {height: 426px;}
.menu_one {padding:0 20px; width:180px; float:left;}
.menu_last {padding:0 20px; width:170px; float:left;}
.vertical_border {height:426px; border-right:1px solid #dfdfdf; width: 2px; float: left;}
#nav-main #elec-sub .one {padding:0 20px; width:180px; float:left; height:426px; border-right:1px solid #dfdfdf;}
#nav-main #elec-sub .two {padding:0 20px; width:180px; float:left; height:426px; border-right:1px solid #dfdfdf;}
#nav-main #elec-sub .three {padding:0 20px; width:180px; float:left; height:426px; border-right:1px solid #dfdfdf;}
#nav-main #elec-sub .four {padding:0 20px; width:170px; float:left;}
#nav-main #about {width:125px; background-position:-185px 0; text-indent:-9999px;}
#nav-main #about:hover, #nav-main :hover > #about, #nav-main #about-holder .active:hover, #nav-main :hover > #about.active {background-position:-185px -33px;}
#nav-main #about-sub {padding:25px 0;width:480px; line-height:1.4em; background:#eae7e3 url('../template_images/Images/global/bg-sub-nav.jpg') repeat-x; border-top:4px solid #f37421; box-shadow: 1px 1px 1px #c2c2c2; -moz-box-shadow: 1px 1px 1px #c2c2c2; -webkit-box-shadow: 1px 1px 1px #c2c2c2;}
#nav-main #about-sub .one {padding:0 20px; width:185px; float:left; border-right:1px solid #dfdfdf;}
#nav-main #about-sub .two {padding:0 20px; width:178px; float:right;}
#nav-main ul ul {visibility:hidden; position:absolute; height:0; top:33px; left:0; color:#666;}
#nav-main table {position:absolute; top:0; left:0; border-collapse:collapse;}
#nav-main ul ul a {background:transparent!important; color:#666; height:auto;}
#nav-main ul ul a:hover {text-decoration:underline; color:#f37421;}
#nav-main ul li:hover ul, #nav-main ul a:hover ul {visibility:visible;}
#nav-main .main {color:#333; font-weight:bold; margin-bottom:11px;}
#nav-main .secondary {color:#888; font-weight:bold; margin-bottom:8px;}
#nav-main .last {margin-bottom:17px;}
#nav-main .end {margin-bottom:0;}
#nav-main #gas-holder .active {background:transparent url('../template_images/Images/global/bg-nav.png') 0 -66px;}
#nav-main #elec-holder .active {background:transparent url('../template_images/Images/global/bg-nav.png') -64px -66px;}
#nav-main #about-holder .active {background:transparent url('../template_images/Images/global/bg-nav.png') -185px -66px;}
/* ie6 nav dropdown hacks */
* html #nav-main {position:absolute; top:81px;}
* html #nav-main #gas:hover {background:url('../template_images/Images/global/bg-nav.png') 0 -33px;}
* html #nav-main #elec:hover {background:url('../template_images/Images/global/bg-nav.png') -65px -33px;}
* html #nav-main #about:hover {background:url('../template_images/Images/global/bg-nav.png') -185px -33px;}
/* breadcrumbs */
#breadcrumbs {background-color:#edeae7; width:100%; padding:10px 0px; font-weight:bold;}
#breadcrumbs span {color:#696560; padding:0 0 0 0px; display:block; margin:0 auto; width:944px; }
#breadcrumbs span a{color:#696560; font-weight:normal}
#breadcrumbs ul {width:944px; margin:0 auto;}
#breadcrumbs ul li {display:inline; color:#696560;}
#breadcrumbs ul li a {color:#696560; text-decoration:none; font-weight:normal;}
/* - left - */
#left-holder {float:left; width:160px; padding-right:10px;}
#left-holder .block {border-top:4px solid #c41230; margin-bottom:14px; float:left; width:160px;}
#nav-left {margin-top:15px; /*visibility:hidden;*/}
#nav-left li {margin-bottom:8px; padding-top:6px;}
#nav-left li a {color:#666; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#nav-left li .active {color:#000;}
#nav-left li a:hover {color:#000;}
#nav-left #section {margin-bottom:4px; text-transform:uppercase; color:#c41230; font-weight:bold; padding-top:0;}
#nav-left li ul {margin-top:5px; display:none;}
#nav-left li ul li {margin:0 0 4px 10px; padding:0;}
#nav-left li ul li a {text-transform:none; color:#666; font-weight:normal;}
#nav-left li ul li .active {color:#000;}
/* - mid (main) content */
#mid-holder {float:left; width:522px; border-right:1px solid #ccc; border-left:1px solid #ccc; padding:0 10px 50px 10px; margin-bottom:15px;}
#mid-holder.wide {width:742px;}
#mid-holder #hero {padding-bottom:10px;}
#mid-holder #intro {font-style:italic; margin-bottom:15px; padding-top:10px; border-top:1px solid #ccc; line-height:1.4em;}
#mid-holder p {line-height:1.4em; margin-bottom:12px;}
#mid-holder .content {float:left; width:522px; margin-top:15px;}
#mid-holder .wide {width:742px;}
#mid-holder h1 {font-size:1.4em; margin:0 0 10px 0;color:#333;}
#mid-holder h2 {font-size:1.3em; margin:0 0 10px 0;color:#333;}
#mid-holder h3 {font-size:1.2em; margin:0 0 10px 0;color:#333;}
#mid-holder ul {margin: 20px 0 20px 20px;}
#mid-holder ol {margin: 20px 0 20px 15px;list-style-type: decimal;list-style-position:inside;}
#mid-holder ul li {margin-bottom:3px; background:#fff url('../template_images/Images/misc/bullet-red.gif') 0 5px no-repeat; padding-left:8px;}
#mid-holder ol li {margin-bottom:3px; padding-left:8px;}
#mid-holder .teaser {border-top:1px solid #ccc; padding:15px 50px 0 0; width:472px;}
#mid-holder .teaser h3 {font-size:1.2em; margin-bottom:6px; color:#000;}
#mid-holder .teaser .thumb {float:left; margin-right:20px;}
#mid-holder .teaser .more {font-size:0.9em;}
/* - right - */
#right-holder {float:left; width:220px; margin:0 0 15px 9px;}
#right-holder ul {margin: 20px 0 20px 20px;}
#right-holder ol {margin: 20px 0 20px 15px;list-style-type: decimal;list-style-position:inside;}
#right-holder ul li {margin-bottom:3px; background:#fff url('../template_images/Images/misc/bullet-red.gif') 0 5px no-repeat; padding-left:8px;}
#right-holder ol li {margin-bottom:3px; padding-left:8px;}
#right-holder .block {border-top:4px solid #c41230; margin-bottom:14px; float:left; width:220px;}
#right-holder .block h2 {float:left; margin-top:14px;}
#right-holder .block h3 {margin-bottom:3px; font-size:1.1em;}
#right-holder .row h1 {font-size:1.4em; margin:0 0 10px 0;color:#333; float:none;}
#right-holder .row h2 {font-size:1.3em; margin:0 0 10px 0;color:#333; float:none;}
#right-holder .row h3 {font-size:1.2em; margin:0 0 10px 0;color:#333; float:none;}
#right-holder .block .sml {font-size:1.25em;}
#right-holder .block .all {float:right; font-size:0.9em; margin-top:14px;}
#right-holder .block .all-txt {float:right; font-size:0.9em; margin-top:12px;}
#right-holder .block .row {border-top:1px solid #ccc; float:left; width:220px; margin-top:10px; padding-top:10px;}
#right-holder .block .left {float:left; width:65px;}
#right-holder .block .right {float:right; width:146px;}
#right-holder .block .more {font-size:0.9em; position:relative; top:4px;}
#right-holder .block .date {margin-bottom:5px; color:#666;}
#right-holder .block .links {float:left; width:220px;}
#right-holder .block .links li {margin-bottom:3px; background:#fff url('../template_images/Images/misc/bullet-red.gif') 0 5px no-repeat; padding-left:8px; font-size:0.9em;}
#right-holder .block .links a {color:#333; text-decoration:none; font-weight:bold;}
/* #announcements h2 {background:#fff url('../Images/text/announcements.gif'); margin-top:4px; width:121px; height:9px; display:block; text-indent:-9999px;} */
/* - home - */
/* slider */
#slider {float:left; margin-bottom:15px; width:944px;}
#controls {float:right; position:relative; top:-45px;/* margin-right:20px;*/ padding:0; *padding:0 15px 0 0; margin:0}
#controls li {float:left; margin-right:10px;}
#controls li a {display:block; width:9px; height:9px; overflow:hidden; background:transparent url('../template_images/Images/misc/slider-link.png'); text-indent:-9999px;}
#controls .current a {background:transparent url('../template_images/Images/misc/slider-current.png');}
/* tabbed content */
#tabs {border-right:1px solid #ccc; width:704px; float:left; padding-right:10px; margin-bottom:25px;}
.ui-tabs {position:relative; z-index:-50}
.ui-tabs .ui-tabs-nav {width:704px; float:left; margin-bottom:20px;}
.ui-tabs .ui-tabs-nav li {float:left;}
.ui-tabs .ui-state-default a {background:#fff url('../template_images/Images/misc/tabs-nav.jpg') 0 0 no-repeat; height:50px; text-indent:-9999px; display:block;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background-position:0 -52px;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}
.ui-tabs .ui-tabs-panel {display: block; border:0; background:none;}
.ui-tabs .ui-tabs-hide {display:none!important;}
#whats-new {width:124px;}
#whats-new:hover {background-position:0 -52px;}
#electricity {width:180px; background-position:-124px 0;}
#electricity:hover {background-position:-124px -52px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#electricity {background-position:-124px -52px;}
#gas-data {width:119px; background-position:-304px 0;}
#gas-data:hover {background-position:-304px -52px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#gas-data {background-position:-304px -52px;}
#consultations {width:160px; background-position:-423px 0;}
#consultations:hover {width:160px; background-position:-423px -52px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#consultations {width:160px; background-position:-423px -52px;}
#contact {width:121px; background-position:-583px 0;}
#contact:hover {width:121px; background-position:-583px -52px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#contact {width:121px; background-position:-583px -52px;}
#tabs-1 h2 {float:left; padding:0; margin:0}
#tabs-1 h3 {border-top:1px solid #ccc; float:left; width:160px; font-size:1.2em; padding-top:16px; margin:3px 0 10px 0;}
#tabs-1 p {margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px; float:left;}
#tabs-1 .col {float:left; width:160px; padding:0 10px; border-left:1px solid #ccc;}
#tabs-1 .first {padding-left:0; border:none;}
#tabs-1 .last {padding-right:0;}
#tabs-1 .all {float:right; font-size:0.9em; margin-top:1px;}
#tabs-1 .thumb {margin-bottom:10px; float:left;}
#tabs-1 .more {font-size:0.9em; float:left; margin-top:5px;}
#tabs-1 .links {float:left;}
#tabs-1 .links li {background:#fff url('../template_images/Images/misc/bullet-red.gif') 0 5px no-repeat; padding-left:8px;}
#tabs-1 .links a {color:#333; text-decoration:none; font-size:0.9em; font-weight:bold;}
/* home right */
.right-home {/*top:-9px;*/ top:0; position:relative;}
#useful-websites {background:#fff url('../template_images/Images/misc/bg-useful-websites.jpg') 0 0 no-repeat; width:220px; height:50px;}
#useful-websites a {background:#fff url('../template_images/Images/misc/btn-view.jpg'); float:right; margin:7px 16px 0 0; display:block; width:57px; height:31px; text-indent:-9999px;}
#useful-websites p {float:left; margin:16px 0 0 12px;}
#mid-holder table, #right-holder table {border-collapse:collapse;margin-bottom:25px;padding:6px;margin:0 auto 35px auto;width:100%; }
#mid-holder table tbody tr td, #right-holder table tbody tr td{
vertical-align:middle;padding:5px 6px;
border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;
font-size:1.2em;color:#999; font-weight:bold }
#mid-holder table tbody tr td.rightColumn, #right-holder table tbody tr td.rightColumn {border-right: 1px solid #ccc; }
#mid-holder table thead th, #right-holder table thead th {background:#02446e url('../template_images/Images/misc/bg-table.jpg') -1px 0 no-repeat;text-align:center;padding:3px 6px; color:#999;vertical-align:middle;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc; text-transform:uppercase; font-size:0.9em;}
#mid-holder ul
{
padding:0;
margin:0px 0 10px 25px;
}
#mid-holder ul li.sitemap
{
font-weight:bold;
padding:0px 0 25px 15px;
background:#FFFFFF url(../template_images/Images/misc/arrow1.gif) no-repeat scroll 0 2px;
}
#mid-holder ul.compact li.sitemap
{
font-weight:normal;
padding:5px 0 0 15px;
background:#FFFFFF url(../template_images/Images/misc/arrow2.gif) no-repeat scroll 0 7px;
}
.content1
{
width: 89%; float: left; padding-bottom:5px; margin:0; border-bottom:1px solid #CCCCCC;
}
#content a
{
color:#1E4065;
font-weight:bold;
display:block;
padding:0px;
margin:0;
}
#content a.fileTxt
{
float:left; color:#1E4065; display:block; float:left; font-weight:bold; padding-top:0px;width:20px;
}
img.imgIcon
{
float:right; display:block; padding-left:0px; padding-top:0px;border:none; width:20px; height:20px;margin:4px 10px;
}
#content span
{
color:#F37421;
display:block;
float:left;
font-size:11px;
font-style:italic;
font-weight:normal;
padding-left:10px;
padding-top:2px;width:400px;
}
#content span a
{
color:#1E4065;
font-weight:bold;
display:block;
padding-top:2px;
font-style:normal
}
#ContentHeading {
border-bottom:1px solid #CCCCCC;
width: 742px;
float: left;
/*margin-bottom: 10px;*/
}
.inHeading {
border-top:1px solid #CCCCCC;
float: left;
width:500px;
padding:10px 0
/*margin-bottom: 10px;*/
}
#ContentHolder {
border-bottom:1px solid #CCCCCC;
width: 742px;
float: left;
margin-bottom: 10px;
/* font-style: italic!important;*/
}
.FolderHolder{
width: 742px;
float: left;
border-bottom:1px solid #CCCCCC;
padding-top: 10px;
padding-bottom: 10px;
}
.foldername{
font-weight: bold;
font-size: 14px;
color: #000000;
float: left;
clear:both;
margin-bottom:7px;
}
.folderdesc {
float:left;
clear:both;
margin-bottom:5px;
}
.filelink {
float: left;
clear:both;
text-decoration: underline!important;
}
.filerow{
width: 93%;
float: left;
padding-top:5px;
padding-bottom:5px;
/*border-bottom:1px solid #CCCCCC;*/
}
.filerowalt{
width: 522px;
float: left;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #CCCCCC;
background: #e3e3e3;
border-top: 1px solid #ffffff;
}
span.fileTxt
{
float:left; display:block; width:300px
}
#fileContent
{
float:left;
margin-top:15px;
margin: 0pt;
padding: 0pt 0pt 0pt 25px;
width: 490px;
}
.fileIcon
{
padding-right:10px
}
/*Form*/
#mid-holder .form_table .form_left
{
color:#333; font-size:12px;
}
#mid-holder .form_table .form_right input, textarea
{
border:1px solid #ccc; padding:5px;
}
.star
{
color:#ff0000;
}
.error
{
font-size:12px; color:#ff0000
}
hr {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #999999;
border-color:-moz-use-text-color -moz-use-text-color #999999;
border-style:none none dotted;
border-width:0 0 1px;
color:#999999;
height:2px;
}
.gas_table {float:right; width:450px;}
.gas_table #gas table {margin-bottom:10px;}
.gas_table .table_subtext {font-size:11px; margin-bottom:10px; margin-left:70px;}
.gas_table .table_footer {font-size:10px; margin-left:70px;}