* { margin: 0px; padding: 0px; outline: 0px none; border: 0px none; list-style: none; font-family: "Arial"; text-decoration: none;}
body { background: #FFF; font-size: 11px; color: #000;}
pre, pre a, pre span { color: #000; font-family: consolas;}
.clear { height: 0px; overflow: hidden; clear: both;}

.big { font-size: 30px;}
.blue { color: #006ab2;}
.grey { color:#6D6F71;}
.black { color:#000;}
span.gray { color:#636363; font-style: normal; font-weight: normal }
.back-to-top { background: url(../images/back-to-top.gif) no-repeat right; padding:0px 14px 0px 0px; text-decoration: none; margin: 30px 0px 0px 0px; float:left;}

a {color: #006AB2}
a:visited {color: #3A85DA}
p{color:#636363;}
h1{font-size:14px;font-weight: bold;margin:0px 0px 10px 0px}
h3{font-size:14px;font-weight: bold;margin:0px 0px 5px 0px}
h4{font-size:14px;}
h5{font-size:13px;font-style: italic}
p.sublist {margin-left: 12px;}
#wrapper { width: 794px; margin: 0px auto; position: relative;}

#topnav { height: 41px; background: url(../images/top-nav-back.gif) no-repeat 0px 0px;}

#topnav ul, #topnav ul li, #topnav ul li a { float: left; color: #FFF; line-height: 41px;}
#topnav ul { margin: 0px 0px 0px 5px;}
#topnav ul li a { padding: 0px 10px;}

#topnav div.search { margin: 8px 10px 0px 0px; float: right; background: url(../images/searchbox-back.gif) no-repeat 45px 0px;}
#topnav div.search label { color: #FFF; width: 45px; float: left; line-height: 26px;}
#topnav div.search input.searchbox { float: left; width: 125px; margin: 7px 8px 0px 8px; font-size: 11px;}
#topnav div.search button { float: left; width: 24px; background: #006AB2; color: #FFF; line-height: 24px; }

#mainnav { height: 43px; margin: 30px 0px 0px; padding: 0px; border-bottom: 1px solid #888888;}
#mainnav .logo, #mainnav .logo a { float: left; width: 199px; height: 43px;}
#mainnav { height: 51px;}

#navigation {float: right; margin: 20px 0px 0px;}
#navigation li { float: left; margin: 0px; position: relative;}
#navigation li a { float: left; display: block; height: 25px; position: relative; color: #898989; font-weight: bold; padding: 6px 15px 0px; font-size: 12px; font-family: "Arial";}
#navigation li a.parent-hover { background: #B2D2E8;}
#navigation li a.active { color: #006ab2;}
#navigation li.overview a.top_link { padding: 6px 35px 0px 15px;}
#navigation li.overview ul { width: 103px;}
#navigation li.business-review ul { width: 124px;}
#navigation li.corporate-governance ul { width: 157px;}
#navigation li.financial-statements ul { width: 148px;}

#pageinfo .img { border-bottom: 1px solid #888; height: 38px;}
.pathinfo { color: #9d9d9d; font-size: 10px; margin: 0px 0px 20px 0px;}
.pathinfo a { color: #9d9d9d; font-size: 10px;}
.pathinfo a:hover { text-decoration: underline;}
.pathinfo span { color: #000; font-size: 10px;}

#pagecontent .leftside { width: 208px; padding: 0px 18px 0px 0px; float: left;}
#pagecontent .wideright { width: 553px; position: relative; min-height: 300px; _height: 300px; padding: 14px 0px 14px 14px; float: left; border-left: 1px solid #888;}

#pagecontent .wideright .landing { min-height: 300px; _height: 300px; background: url(../images/landing-back.jpg) no-repeat 352px bottom;}

#leftmenu { margin: 20px 0px 0px;}
#leftmenu li, #leftmenu li a, #leftmenu div.title { font-size: 12px; font-weight: bold; font-family: "Arial"; color: #000; padding:3px 0px; display: block;}
#leftmenu li { border-bottom: 1px dashed #C1C1C1;}
#leftmenu li.first, #leftmenu div.title, #leftmenu li.first a { color: #898989; font-size: 13px;}
#leftmenu li.last { border: 0px none;}
#leftmenu li a:hover, #leftmenu li a.active { color: #006ab2;}

.image-container {background-color: #EDEDED; width:100%; border-top: 1px solid #A6A6A6; border-bottom: 1px solid #A6A6A6; float:left; width: 533px; margin-bottom: 10px;}
.image-container img {float:left;}
.image-container div {float:right; background-color: #EDEDED; margin:0px 0px 0px 10px; display: inline; width:243px; padding: 0px;}
.image-container div p { margin:10px 0px 0px 0px;}

.image-container-left { width:100%;  float:left; width: 533px; margin: 0px 0px 10px 0px;}
.image-container-left .left { float:left; border-bottom: 1px solid #A6A6A6; padding:0px 0px 0px 0px; width:280px;}
.image-container-left .right { float:right; margin:0px 0px 0px 10px; width:220px; }
.image-container-left .left p { padding: 10px 0px; }
.image-container-left h1 { font-size: 14px;}

.caption-container { background-color: #EDEDED; float:left; width: 280px; margin-bottom: 10px; border-top: 1px solid #A6A6A6; border-bottom: 1px solid #A6A6A6; padding: 20px 10px; }

#footer { border-top: 1px solid #888; height: 70px;}
#footer .copyright { float: left; color: #989898; margin: 20px 0px 0px;}
#footer .copyright a { color: #006ab2;}
#footer .bottomlinks { float: right; margin: 35px 0px 0px;}
#footer .bottomlinks a { float: left; color: #006ab2; margin-left: 13px; font-size: 10px;}

#home .homeimage { border-bottom: 1px solid #888; margin: 0px 0px 4px 0px; height: 236px;}
#home .sections { padding: 0px 0px 14px 0px;}
#home .section { float: left; width: 294px; height: 225px; overflow: hidden; margin: 0px 4px 0px 0px; border-left: 1px solid #AEAEAE;}
#home .section h3 { height: 41px; border-bottom: 1px solid #888; margin: 0px 0px 3px 0px; text-indent: -1000px; overflow: hidden;}
#home .highlights { border: 0px none;}
#home .highlights h3 { background: url(../images/title-home-highlights.gif) no-repeat;}
#home .casestudies h3 { background: url(../images/title-home-case-study.gif) no-repeat;}
#home .download { width: 196px; margin: 0px;}
#home .download h3 { background: url(../images/title-home-download.gif) no-repeat;}
#home .download .sectioncontent p a { padding: 7px; float: left; width: 180px; height: 126px;}
#home .download .sectioncontent p.acrobat a { height: 26px; color: #000;}
#home .download .sectioncontent p.acrobat a:hover { color: #006ab2;}
#home .section .sectioncontent { height: 180px; position: relative; overflow: hidden;}
#home .section .sectioncontent .developing-our-people { width: 106px; float: right; padding: 0px; height: 41px; background: url(../images/casestudy-thumbs.png) no-repeat -318px 0px;}
#home .section .sectioncontent .sustainable-development { width: 106px; float: right; padding: 0px; height: 41px; background: url(../images/casestudy-thumbs.png) no-repeat -106px 0px;}
#home .section .sectioncontent .kielder-partnership { width: 106px; float: right; padding: 0px; height: 41px; background: url(../images/casestudy-thumbs.png) no-repeat -212px 0px;}
#home .section .sectioncontent .carbon-management-plan { width: 106px; float: right; padding: 0px; height: 41px; background: url(../images/casestudy-thumbs.png) no-repeat 0px 0px;}

#home .highlights .sectioncontent div.highlight { width: 50%; float: left; margin: 5px 0px;}
#home .highlights .sectioncontent div p.big { line-height: 44px;}
#home .highlights .sectioncontent a.more { font-weight: bold; background: url(../images/home-link-arrow.gif) no-repeat left center; text-indent: 20px; display: block;}

#home .casestudies ul { position: relative;}
#home .casestudies li { display: inline; width: 294px;  height: 41px;}
#home .casestudies li a { display: block; height: 41px; margin: 0px 0px 5px 0px; background: #EDEDED url(../images/home-case-study-arrow.gif) no-repeat 0px 0px; padding: 0px 0px 0px 37px;}
#home .casestudies li a span { float: left; margin: 6px 0px 0px; cursor: pointer;}
#home .casestudies li a img { float: right;}
#home .casestudies li a div { cursor: pointer;}

#home .download .sectioncontent { background: #EDEDED url(../images/annual-report.gif) no-repeat 0px 0px;}
#home .download .sectioncontent .content { padding: 7px;}
#home .download .sectioncontent .content p.acrobat { position: absolute; bottom: 7px;}
#home .download .sectioncontent .content p.acrobat a { color: #000;}

#nwg-at-a-glance .north-east { border-bottom: 1px solid #A6A6A6; border-top: 1px solid #A6A6A6; }
#nwg-at-a-glance .north-east .left { float: left; height: 300px; width: 186px; padding:10px 10px 0px 0px ;}
#nwg-at-a-glance .north-east .right { float: right; width: 355px; height: 328px; border-left: 1px solid #A6A6A6; background: url(../images/north-east.jpg) no-repeat;}
#nwg-at-a-glance .south-east { margin: 20px 0px 0px 0px; border-bottom: 1px solid #A6A6A6; border-top: 1px solid #A6A6A6;}
#nwg-at-a-glance .south-east .left { float: left; height: 46px; width: 165px; padding: 10px 10px 0px 0px ;}
#nwg-at-a-glance .south-east .right { float: right; width: 355px; background: url(../images/south-east-1.jpg) no-repeat;}
#nwg-at-a-glance .south-east .top { width: 355px; height: 231px; border-left: 1px solid #A6A6A6; background: url(../images/south-east-1.jpg) no-repeat;}
#nwg-at-a-glance .south-east .bottom { width: 355px; height: 218px; margin: 4px 0px 0px 0px; border-left: 1px solid #A6A6A6;background: url(../images/south-east-2.jpg) no-repeat;}
#nwg-at-a-glance .revenue { margin: 20px 0px 0px 0px;}
#nwg-at-a-glance .revenue img { float: left; margin: 0px 0px 0px 15px;}
#nwg-at-a-glance .water-left { float: left; margin: 18px 0px 0px 20px;}
#nwg-at-a-glance .water-right { float: left; margin: 18px 0px 0px 18px;}
#nwg-at-a-glance .water-left p,#nwg-at-a-glance .water-right p  { padding: 0px 0px 0px 14px}
#nwg-at-a-glance .water-1 { background: url(../images/water-1.gif) no-repeat left;}
#nwg-at-a-glance .water-2 { background: url(../images/water-2.gif) no-repeat left;}
#nwg-at-a-glance .water-3 { background: url(../images/water-3.gif) no-repeat left;}
#nwg-at-a-glance .water-4 { background: url(../images/water-4.gif) no-repeat left;}
#nwg-at-a-glance .water-5 { background: url(../images/water-5.gif) no-repeat left;}
#nwg-at-a-glance .water-6 { background: url(../images/water-6.gif) no-repeat left;}

#download-centre .main{ border-top: 1px solid #A6A6A6; margin:20px 0px 0px -14px;}
#download-centre .main a{ font-weight: bold; color:#000000; text-decoration: none;}
#download-centre .main div{ border-bottom: 1px dashed #A6A6A6; margin: 0px 0px 0px 14px; padding:10px 0px;}
#download-centre .main .no-border{ border-bottom: none;}
#download-centre .get-acrobat { float:right; width:137px; height: 34px; background: url(../images/get-acrobat.jpg) no-repeat; text-indent: -10000px;}

.pagination { float: right; margin: 0px 0px 20px 0px;}
.pagination li { float: left; margin: 0px 1px; font-weight: bold; font-size: 10px; color:#9D9D9D;}
.pagination li a{ float: left; margin: 0px; padding: 0px 3px; color: #9D9D9D!important; text-decoration: none; border: 1px solid #FFF;}
.pagination li a.active , .pagination li a:hover { color: #000000!important; border: 1px solid #000;}
.pagination li a.prev:hover, .pagination li a.next:hover { border: 1px solid #FFF!important;}

.swPage, li.page { overflow: hidden; width: 553px;}
li.page { margin: 0px; padding: 0px; float: left; position: relative; }

#kip-tables h2 { color: #A8A8A8; font-size: 14px; }
#kip-tables h1 { margin: 0px 0px 5px 0px}
.table { margin: 20px 0px 0px -14px; padding: 0px 0px 0px 14px; border-top: 1px solid #A6A6A6;}
.no-border { border:none!important;}
.table td { text-align: right; padding:2px 8px 2px 0px;}
.table td.align-left { text-align: left; padding-right:0px; }
.table td.align-right { text-align: right; padding-right:0px; }
.table td.align-center { text-align: center; padding-right:0px; }
.table td.align-top { vertical-align: top; padding-right:10px; }
.table td.align-top-nopadding { vertical-align: top; padding-right:0px; }
.table td.align-bottom { vertical-align: bottom; }
.table td.gray { background-color: #F6F6F6;}
.table tr.gray { background-color: #F6F6F6;}
.table td.correct { background-image:url(../images/correct.gif); background-repeat: no-repeat; background-position: center center}
.table td.incorrect { background-image:url(../images/incorrect.gif); background-repeat: no-repeat; background-position: center center}
.table td.correct-top { background-image:url(../images/correct.gif); background-repeat: no-repeat; background-position: center 5px}
.table td.incorrect-top { background-image:url(../images/incorrect.gif); background-repeat: no-repeat; background-position: center 5px}
.table td.padded { border-left:3px solid #fff;}
.splitter{ height: 1px;background-color: #E3E3E4; padding:0px!important; }
.header-splitter { height: 2px; background-color: #918F8F; padding: 0px!important;}
.section-splitter { height: 1px; background-color: #918F8F; padding: 0px!important;}
.notes { color: #9D9D9D; font-size: 10px; margin:20px 0px 0px 0px;}
.notes li {list-style-position:outside;}
.notes ol {margin:0px 0px 0px 16px;}
.notes-nomargin { color: #9D9D9D; font-size: 10px; margin:0px 0px 0px 0px;}
.notes p { color: #9D9D9D; font-size: 10px;}
.notes-nomargin p { color: #9D9D9D; font-size: 10px;}
ol {list-style-type:decimal!important; margin:0px 0px 0px 0px;}
ol li {list-style-type:decimal!important; display: list-item!important; list-style-position: inside;}




#chairmans-statement p span{ color:#000; font-weight: bold;}

#financial-performance a { color: #006ab2;}
#financial-performance .main { float:left;}

#sitemap .left { float: left; width: 244px; }
#sitemap .right { float: left;}
#sitemap a.arrowed { color: #3D3C3C; text-decoration: none;}
#sitemap ul { margin:0px 0px 10px 0px;}

#appendix span { font-style: italic; font-size: 12px; font-weight: normal; }
#appendix .left { float:left; width:265px; padding-right:5px}
#appendix .right { float:right; width:265px}
#appendix .split { height: 1px; background-color: #918F8F; padding: 0px!important; margin: 4px 0px; overflow: hidden;}

#highlights .highlight{ float:left; margin:10px 20px 0px 0px; width:200px; }
#highlights p.item {background: url("../images/home-link-arrow.gif") no-repeat scroll 0px 3px transparent; padding:0px 0px 10px 12px;}

#board-directors-bio .left { float:left; width:170px; margin:0px 2px 50px 3px ;}

#about-us p {font-size: 16px; font-weight: bold;}

#business-review h2 { font-size: 14px; }

#leftmenu .download { background: #EDEDED url(../images/annual-report.gif) no-repeat 0px 0px; height: 179px; margin: 40px 0px 0px;}
#leftmenu .download .content { padding: 7px;}
#leftmenu .download .content p.acrobat { position: absolute; bottom: 7px;}
#leftmenu .download .content p.acrobat a { color: #000;}

#holder { width: 100%; overflow: hidden; position:relative;}

.casestudy-links { width: 115px; padding:0px 0px 0px 0px;}
.casestudy-links a { width: 115px; padding: 7px 106px 7px 5px; height: 27px; float: left; margin: 10px 10px 0px 0px; position: relative; font-size: 11px; font-weight: bold; color: #006ab2; background: #EDEDED;}
.casestudy-links a:hover,
.casestudy-links a.active { color: #b3b2b2;}
.casestudy-links a span { width: 106px; cursor: pointer; height: 41px; position: absolute; top: 0px;right: 0px; background: url(../images/casestudy-thumbs.png) no-repeat 0px 0px;}
.casestudy-links a.carbon-management-plan span { background-position: 0px 0px;}
.casestudy-links a.carbon-management-plan:hover span,
.casestudy-links a.carbon-management-plan.active span { background-position: 0px -41px;}
.casestudy-links a.developing-our-people span { background-position: -318px 0px;}
.casestudy-links a.developing-our-people:hover span,
.casestudy-links a.developing-our-people.active span { background-position: -318px -41px;}
.casestudy-links a.kielder-partnership span { background-position: -212px 0px;}
.casestudy-links a.kielder-partnership:hover span,
.casestudy-links a.kielder-partnership.active span { background-position: -212px -41px;}
.casestudy-links a.sustainable-development span { background-position: -106px 0px;}
.casestudy-links a.sustainable-development:hover span,
.casestudy-links a.sustainable-development.active span { background-position: -106px -41px;}


.case-studies .banner { margin: 15px 0px;}
.case-studies .banner h3 { font-size: 20px; color: #FFF;}
.case-studies .banner p { font-size: 11px; color: #FFF; margin: 175px 0px 0px;}
.case-studies .leftside { padding: 0px!important; width: 226px!important; overflow: hidden;}
.case-studies .wideright { min-height: 230px!important; _height: 230px!important; padding-top: 0px!important;}
.case-studies .wideright p { margin: 0px 0px;}
.carbon-management-plan .banner { padding: 10px; background: url(../images/banner-carbon-management-plan.jpg); height: 390px;}
.developing-our-people .banner { padding: 10px; background: url(../images/banner-developing-our-people.jpg); height: 390px;}
.kielder-partnership .banner { padding: 10px; background: url(../images/banner-kielder-partnership.jpg); height: 390px;}
.sustainable-development .banner { padding: 10px; background: url(../images/banner-sustainable-development.jpg); height: 390px;}
.sustainable-development .banner p { margin: 150px 0px 0px;}

ul.lined { clear: both;}
ul.lined li { /*background: url(../images/lined-list.gif) 0px 0px no-repeat; padding: 0px 0px 0px 14px;*/ color: #636363; position: relative;}
ul.lined li span { float: left; clear: left;}
ul.lined li p { margin-left: 14px;}

.span-li-td span {width: 10px; float: left;}
.span-li-td p {margin: 0px 0px 0px 17px; color:#000;}

#topSecretPage { display: none; position: relative;}