/* Override the theme */
.ui-content { padding: 0; }
.ui-collapsible-set { margin: 0; }
.ui-btn { margin: 0; text-align: left; text-shadow:0 1px 2px #FFFFFF; }
.ui-body-c, .ui-overlay-c { text-shadow: none; }
.ui-body-c .ui-link { text-decoration:none; font-size:14px; text-shadow:0 1px 2px #FFFFFF; }
.ui-body-c .ui-link:visited { color:#FC6715; }
.ui-select { margin-bottom: 7px; }
.ui-btn-down-a { color:#FFFFFF; text-shadow:0 1px 2px #555555; }
.ui-btn-down-a:visited,
.ui-btn-down-a:hover,
.ui-btn-down-a a.ui-link-inherit { color:#FFFFFF; }
.ui-btn-active { text-shadow:none; }

/* Defaults */
img { max-width: 100%; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Header */
#header-nav { margin: 10px 12px; }
#header-nav .ui-block-a { width: 70%; }
#header-nav .ui-block-b { width: 30%; }
#header-nav .ui-block-b a { clear: both; float: right; }
#logo { float: left; }
#strapline { float: left; margin: 55px 0 0 5px; }

#btn-home { display:block; margin-top: 0; top: 0; }
/*#btn-home span.ui-btn-corner-all { -moz-border-radius: 1.9em ; -webkit-border-radius: 1.9em; border-radius: 1.9em; }*/
#btn-home.ui-btn-icon-notext { height: 30px; width: 30px; }
#btn-home .ui-icon, #btn-home .ui-icon-searchfield:after { background: url("/siteFiles/resources/mobile/images/icons-18-white.png") no-repeat scroll 0 0; border-radius: 28px 28px 28px 28px; }
#btn-home .ui-icon-home { background-position: -572px 50%; }
#btn-home .ui-btn-inner { padding:1em 4em 1em; }

#btn-menu { margin-bottom: 0; margin-top: 11px; }
#btn-menu .ui-btn-inner { padding: 0.9em 15px; }

/* Content */
.ui-content .content-paragraphs { padding: 0 12px; }
.ui-content .ui-collapsible-inset { margin: 0; }
.content-primary { margin: 16px 12px; }
.ui-content .content-primary p { margin-left: 0; margin-right: 0; }
.wrap-text .ui-li-heading { white-space: normal; }
.content-primary .list-indent a.ui-link-inherit { padding-left: 25px; }
.text-uppercase { text-transform: uppercase; }
.ui-grid-solo .ui-btn { margin-left: 0; margin-right: 0; }
.ui-grid-a .ui-block-a .ui-btn { margin-left: 0; }
.ui-grid-a .ui-block-b .ui-btn { margin-right: 0; }
.ui-content form .ui-btn { margin-bottom: 12px; }

.ui-input-search input.ui-input-text { background-color: #fff; color:#505E6B; }
.ui-listview-filter .ui-body-d { background-color: #fff; }
.hidden-lis .ui-li-divider { cursor:pointer; }


/* Menu page */
#content-menu .ui-btn { margin: 0; text-align: left; }
#content-menu .ui-btn-inner { padding-left: 12px; }
#content-menu .ui-listview .ui-btn-inner { padding-left: 0; }

/* Locations page */
#location-address,
#location-tel { margin-top: 1em; }

/* Search */
#mobile-search .fldSiteSearch label { display: none; }
#mobile-search .zoom_searchform { display: none; }
#mobile-search #search-results { margin: 0 12px 16px 12px; }
#mobile-search #search-results .highlight { background: none; }

/* Cookie Policy */
#overlay {z-index: 110384; background-color:#000000;top:0;left:0;width:100%;height:100%;position:fixed;display:none;}
#divCookiesConsent {background-color: #FFFFFF; background-image: url(/siteFiles/images/background-divCookiesConsent.gif); background-position: right bottom; background-repeat: no-repeat; border: 1px solid #CCCCCC; top: 5%; display: block; margin-left: -128px; padding: 0 15px 30px 15px; position: fixed; left: 50%; z-index: 11031984; width: 210px; }
#divCookiesConsent fieldset {border: none; margin: 0; padding: 0;}
#divCookiesConsent legend {display: none;}
#divCookiesConsent p {clear: both; color: #5C6162; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; float: left; line-height: 18px; margin: 15px 0 0; padding: 0; text-align: left; width: 100%;}
#divCookiesConsent ul {clear: both; color: #5C6162; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style-type: none; margin: 15px 0 0; padding: 0; width: 100%;}
#divCookiesConsent ul li {clear: none; margin-right: 5px;}
#divCookiesConsent input {background-color: #FFFFFF; border: 1px solid #C4C4BD !important; color: #5C646C; cursor: pointer; display: block; height: 40px; margin: 0 0 10px; outline: medium none; padding: 3px; width: 200px;}
#divCookiesConsent a {color: #5C6162;}

/* General */
.page-margin { margin:0px 10px 10px 10px; }
.page-padding { padding:0px 10px 20px 10px }
.page-padding { color: #7E7C7C; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 18px; text-align: left; text-decoration: none; white-space: normal; }
.page-padding p { color: #7E7C7C; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 18px; text-align: left; text-decoration: none; white-space: normal; }
.page-padding ul li, .page-padding ol li { color: #7E7C7C; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 18px; text-align: left; }
.ui-content .page-padding p a.ui-link { color: #22B2E3; }
.page-padding h4 { color: #5E5E5F; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 15px; font-weight: bold; text-align: left; text-decoration: none; white-space: normal; }
.page-padding table { margin: 15px 0 7px 0; }
.page-padding table tr td { margin: 0; padding: 5px 5px 5px 5px; text-align: left; vertical-align: top; }
.accordion-item p { color: #7E7C7C; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 18px; text-align: left; text-decoration: none; white-space: normal; font-weight:normal; }
.accordion-section .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left:10px; }
.beFormItem .errorMessage { color: #FF0000; font-size:12px; }

/* Footer */
#footer {background-color:#013C74;}
#footer-social-icons { display:block; margin: 0 auto; font-size:14px; font-weight:bold; margin-top:10px; text-align:center; }
#footer-social-icons-text { display:inline-block; *display:inline; margin-right:20px; }
#footer-social-icons-images { display:inline-block; *display:inline; vertical-align:middle; }
#footer-small-print { font-size:11px; margin: 0 auto; text-align:center; }
.ui-component-menu ul { width:90%; margin:0 auto; }
.social-media { float:left; margin-right:5px; background:url("/siteFiles/resources/mobile/images/niw-social-media-icons.svg") no-repeat; width:32px; height:32px; display:inline-block; *display:inline; vertical-align:middle; }
#twitter { background-position: 0 -42px; }
#youtube { background-position: 0 -82px; }
#email { background-position: 0 -123px; }
#footer-small-print a.ui-link { color: #ffffff; font-size: 11px; font-weight: normal; text-decoration: none; text-shadow:none; }

/* Page Title Bars */
#title-bar { background-color: #36DAFA; height:44px; font-size:16px; font-weight:bold; margin-bottom:20px; }
#title-bar-no-margin { background-color: #36DAFA; height:44px; font-size:16px; font-weight:bold; }
.title { background:url("/siteFiles/resources/mobile/images/niw-mobile-icons-blue.jpg") no-repeat; height:34px; padding-left:40px; padding-top:10px; color:#003C73; text-shadow:0 1px 2px #FFFFFF; }
.got-a-problem { background-position: 0 -86px; }
.report-a-leak { background-position: 0 -44px; }
.news { background-position: 0 -132px; }
.contact-us { background-position: 0 -176px; }

/* Home */
.home-button .ui-btn-inner { background:url("/siteFiles/resources/mobile/images/niw-mobile-icons.svg") no-repeat; padding-left:40px; padding-top:2px; }
.home-repairs-and-interruptions .ui-btn-inner { background-position: 8px 5px; }
.home-report-a-leak .ui-btn-inner { background-position: 8px -35px; }
.home-need-our-help .ui-btn-inner { background-position: 8px -76px; }
.home-news .ui-btn-inner { background-position: 8px -116px; }
.home-contact-us .ui-btn-inner { background-position: 8px -158px; }
.home-visit-desktop-site .ui-btn-inner { background-position: 8px -198px; }


/* Report a Leak Form */
#fieSubmit legend { display: none !important; }
fieldset#fs10011 legend { display:none !important; }

/* Repairs and Interruptions */
.repairs-title { font-size:14px; font-weight:bold; }
.repairs-teaser { color:#3E86A4; font-weight: bold; font-size: 12px; }
.accordion-section .ui-collapsible-content { margin:0;padding:0; }
.accordion-section .ui-collapsible-content .accordion-item { 
 background: #FFFFFF;
 position:relative;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF), to( #DBE5E6)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient( #FFFFFF, #DBE5E6); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient( #FFFFFF, #DBE5E6); /* FF3.6 */
 background-image: -ms-linear-gradient( #FFFFFF, #DBE5E6); /* IE10 */
 background-image: -o-linear-gradient( #FFFFFF, #DBE5E6); /* Opera 11.10+ */
 background-image: linear-gradient( #FFFFFF, #DBE5E6);
 padding:2px 10px;
}
.accordion-item .ui-icon-arrow-r { height: 18px; position: absolute; right: 10px; top: 50%; width: 18px; }
.accordion-item span { font-family:Arial,Tahoma,Verdana,sans-serif !important; }
.li-aside { color:red; font-size:14px; float: right; margin: 0.3em 0; text-align: right; width:36px; }
.repair-interruption-time { float:right; }
.repair-interruption-date { float:left; }
#short-text { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; }

.gpsButton {width: 173px;background-color: #0F99C9;color: #FFF;padding: 10px 10px 10px 59px;cursor: pointer;background-image: url('../resources/images/layout/map-button-pin.png');background-repeat: no-repeat;background-size: 50px;background-position-y: 5px;font-weight: bold;}
.gpsButton p { color: #FFFFFF !important; line-height:14px !important; padding: 0 !important; margin: 0 !important;}
#divFormItem_10278 {display: none;}

/* Contact Us */
.contact-us-intro { color:#FFFFFF; font-weight:bold; padding-left:10px; }
.contact-us-tel { margin:0px 10px 20px 10px; }
.contact-us-tel a { padding-bottom: 10px; padding-top: 10px; text-align: center; }
.contact-us-tel .ui-btn-inner { background:url("/siteFiles/resources/mobile/images/contact-tel.png") no-repeat; background-position: 0 -6px; padding-left:50px; }
.contact-us-tel .ui-btn-text a { color: #000000 !important; text-decoration: none !important; font-size: 20px; font-weight: bold; }

/* Ask a question form */
#form-10009 legend { display: none; }

/* Postcode Search */
#befm10015 legend { display: none; }

#postcodes {margin: 0 20px;}
#postcodes p {color: #fff;}
#postcode-form .ui-input-search { margin: 10px 15px 10px 15px; padding-right: 0px; background-color: #FFF;}
#postcode-form .ui-shadow-inset {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
input#pSearch-field {-webkit-border-radius: 0.5em; border-radius: 0.5em; padding-left: 0px;}
#postcode-form .ui-btn {margin: 10px 15px; padding-right: 0px; text-align: center;}
#postcode-more-list {list-style-type: none; margin: 0; padding: 0;}
#postcode-more-list li {background-color: #4C4C4C; padding: 5px 20px; margin: 15px; color: #fff;}
#postcode-more-list li a {color: #fff;}
#postcode-list {list-style-type: none; margin: 0; padding: 0;}
#postcode-list li {background-color: #EAEFF3; padding: 5px 20px; margin: 15px 0;}
#postcode-list li p {color: #000;}
#postcodes-more { height: 0; overflow: hidden; padding-bottom: 10px;}
#show-more-btn {background-color: white; padding: 20px 20px; margin: 15px; font-weight: bold; text-align: center; cursor: pointer;}
p.postcode-text {margin: 0 19px; color: #fff; padding-top: 20px;}

#postcode-form .ui-icon, .ui-icon-searchfield:after {background-color: #037FC5;}

/* News */
.news-li-aside { font-size:12px; }
.news-teaser { font-size:14px; }

/* Major Incident - Home */
.incident-banner { color:#FFFFFF; background-image:url("/siteFiles/resources/mobile/images/major-incident-home-bg.jpg"); background-repeat:repeat; font-family: Arial,Tahoma,Verdana,sans-serif; position:relative; height:160px; width:100%; }
.incident-banner a { color:#fff; height: auto; text-decoration:none; width: auto; }
/*.incident-banner #incident-title-link { padding:10px 0px 0px 10px; }*/
.incident-banner #incident-title { margin-bottom:5px; color: #FFFFFF; display: block; font-size: 20px; font-weight: bold; letter-spacing: -0.04em; width:60%; }
.incident-banner #incident-headline { color: #FFFFFF; display: block; font-size: 16px; font-weight: bold; letter-spacing: -0.04em; line-height: 1; width:60%; }
.incident-banner #incident-more-link { color: #FFFFFF; bottom: 10px; display: block; font-size: 11px; font-weight: bold; letter-spacing: -0.04em; line-height: 1; position: absolute; }
.incident-banner #incident-more-link a { color: #FFFFFF; background-image: url("/SiteFiles/resources/images/icons/home-page-link-arrow-white.png"); background-position: left 0; background-repeat: no-repeat; height: 15px; padding-left: 23px; }
.incident-banner ul { list-style-type:none; padding:0; }
.incident-banner ul li { padding:40px 0px 0px 10px; height:160px; background:url("/siteFiles/resources/mobile/images/major-incident-home-bg-image.jpg") no-repeat scroll transparent; background-position: right 0px; background-size:119px 160px; }

.major-emergency-banner #incident-title-link { margin: 40px 0 0 40px; width: 400px; }
.major-emergency-banner #incident-headline { font-size: 48px; }


/* Major Incident Page */
#top-banner{height:225px;}
#body{overflow:hidden;clear:both;}
#search-results{clear:both;margin-top:15px;margin-bottom:15px;}

#postcode-finder {background:#EDF1F4;padding:15px;-moz-border-radius: 15px;border-radius: 15px;padding-bottom:20px;margin:10px 0;overflow:hidden;}
#postcode-finder legend { display: none; }
#postcode-finder fieldset { border: 0 none; float: left; margin: 0; padding: 0; width: 100%; }
#postcode-finder #fieSubmit { width: 110px; }
#postcode-finder #fieSubmit input { display: block; }
#postcode-finder h3{font-size:1.2em;}
#postcode-finder form{margin:0;float:left;width:100%;}
#postcode-finder label{font-weight:bold;}
/*#postcode-finder .textbox, #postcode-finder .inpText {margin-top:0;border:solid 1px #D4D5D5;color:#666666;font-weight:bold;width:295px;padding:10px;border-left:solid 2px #666666;font-size:1.1em;margin-right:3px;float:left;}*/
#search-again a {text-transform:uppercase;margin-left:7px;-moz-border-radius: 10px;border-radius: 10px;border:0px;background:#054E9D;color:#FFFFFF;font-weight:bold;font-size:14px;padding:10px;cursor:pointer;background: -moz-linear-gradient(right, #008FD3, #95D0E7);background: -webkit-gradient(linear, right center, left center, from(#008FD3), to(#95D0E7));float:left;}
#postcode-finder label span {display:block;font-size:16px;}
#postcode-finder span.label-heading {color:#008FD3;}
#postcode-finder .errorMessage {color:red;}

#search-results h3{margin:0;font-size:1.0em;padding-left:10px;padding-top:12px;padding-bottom:12px;color:#ffffff;background:#008FD3;}
#search-results-body{color:#666666;background:#EDF1F4;overflow:hidden;padding-top:15px;padding-bottom:15px;float:left;width:100%;}
#search-results-body-left{clear:both;width:420px;float:left;max-width:100%;}
#search-results-body-right{width:420px;float:right;max-width:100%;}

.search-result-body-content{padding-left:10px;padding-right:10px;font-weight:bold;margin-bottom:20px;}
#search-results-body h4{margin:0;}
#search-results-body h5{margin:0 0 1em 0;font-weight:normal;}
#search-results-body p{font-size:0.8em;margin:0;}
#search-results-body ul{margin:0;padding:0;font-size:0.8em;font-weight:bold;margin-top:15px;margin-bottom:10px;}
#search-results-body ul li{list-style:none;}
#search-results-body ul li a{color:#666666;text-decoration:none;}
#search-results-body ul li a.heading{font-weight:normal;display:block;width:100%;}
#search-results-body ul li a:hover{text-decoration:underline;}

.body-column h3 { background-color:#037FC5; padding:20px 0px 20px 10px; color:#FFFFFF; margin-bottom:0px; }
.body-column .body-column-content { background-color:#E3F4FB; padding: 10px 0 10px 10px; } 
#body-info h4 {color:#008FD3;font-size:0.95em;margin-top:0.2em;font-weight:normal;}
#advice { background-color: #054E9D; color:#9AC5F7; padding:10px; margin-top:20px; }
#advice ul { list-style-type:none; padding:0; }
#advice a { color:#9AC5F7; font-size:12px; margin-right:10px; text-decoration:underline; text-shadow: none; }

.incident-banner .ui-link { text-shadow: none; }

#zoom_query { border:0 none; font-size:0.7em; margin:1px 0 0 1px; padding:0 3px; width:90px; }

/*#search-again a { padding-left: 10px; padding-right: 10px; text-decoration: none; }*/

h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; color: #686868; }

p, ul li, ol li, a, small, label, input { font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; color: #686868; text-shadow: none !important; }

/****************
	NEW SECTIONS
*****************/
#header { width: 100%; }

#header .container { padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { #header .container { width: auto !important; } }

#header .container nav { margin-bottom: 0; border: none; }

@media (min-width: 768px) { #header .container nav { -webkit-border-radius: 0 !important; border-radius: 0 !important; } }

#header .container nav .navbar-header { padding: 0; position: relative; min-height: 124px; }

@media (min-width: 768px) { #header .container nav .navbar-header { float: none !important; } }

#header .container nav .navbar-header button.navbar-toggle { margin: 0; background-color: transparent; border: none; float: none; position: absolute; right: 15px; top: 54px; padding: 0; }

@media (min-width: 768px) { #header .container nav .navbar-header button.navbar-toggle { display: block !important; } }

#header .container nav .navbar-header button.navbar-toggle:focus { background-color: transparent; }

#header .container nav .navbar-header button.navbar-toggle .icon-bar { height: 4px; width: 39px; -webkit-border-radius: 0 !important; border-radius: 0 !important; }

#header .container nav .navbar-header .header-logo { position: absolute; height: 68px; top: 34px; left: 50%; margin-left: -72px; }

#header .container nav .navbar-header .header-logo img { height: inherit; width: auto; }

#header .container nav .navbar-header .home-icon { position: absolute; width: 27px; height: 26px; left: 15px; top: 50px; }

#header .container #main-nav.navbar-collapse { padding-right: 0; padding-left: 0; }

#header .container #main-nav ul.nav { margin: 0; }

@media (min-width: 768px) { #header .container #main-nav ul.nav { float: none !important; } }

#header .container #main-nav ul.nav li:first-child a { background-color: #04B1B7; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px 12px, 94% center; background-repeat: no-repeat, no-repeat; }

#header .container #main-nav ul.nav li:first-child + li a { background-color: #0B7BBC; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -38px, 94% center; background-repeat: no-repeat, no-repeat; }

#header .container #main-nav ul.nav li:first-child + li + li a { background-color: #01A601; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -90px, 94% center; background-repeat: no-repeat, no-repeat; }

#header .container #main-nav ul.nav li:first-child + li + li + li a { background-color: #30C3FB; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -140px, 94% center; background-repeat: no-repeat, no-repeat; }

#header .container #main-nav ul.nav li:first-child + li + li + li + li a { background-color: #0B7BBC; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -191px, 94% center; background-repeat: no-repeat, no-repeat; }

#header .container #main-nav ul.nav li:first-child + li + li + li + li + li a { background-color: #8D8A8A; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -240px, 94% center; background-repeat: no-repeat, no-repeat; }

@media (min-width: 768px) { #header .container #main-nav ul.nav li { float: none !important; } }

#header .container #main-nav ul.nav li a { color: #fff; padding: 15px 0 15px 60px; font-size: 1.125em; position: relative; display: block; font-weight: 300; background-color: #DBDCDD; border-top: 1px solid #fff; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

#post-code-search { width: 100%; background-color: #003C74; }

#post-code-search .container { position: relative; }

#post-code-search .container img { position: absolute; left: 6px; top: 14px; z-index: 100; width: 40px; }

#post-code-search .container form { margin: 8px 0 16px 0; width: 100%; position: relative; padding-left: 40px; }

#post-code-search .container form label { line-height: 30px; width: 100%; font-weight: 600; font-size: 14px; color: #fff; margin: 0; }

#post-code-search .container form .ui-input-search, #post-code-search .container form div.ui-input-text { margin: 0; padding: 0; border: none; }

#post-code-search .container form input { height: 28px; line-height: 28px; width: 100%; padding-left: 10px; border: none; -webkit-border-radius: 0; border-radius: 0; margin: 0; background: #fff; font-size: 14px; font-family: "Open Sans", helvetica, arial, serif; font-weight: 400; color: #686868; text-transform: uppercase; }

#post-code-search .container form ::-webkit-input-placeholder { /* WebKit browsers */ text-transform: none; }

#post-code-search .container form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-transform: none; }

#post-code-search .container form ::-moz-placeholder { /* Mozilla Firefox 19+ */ text-transform: none; }

#post-code-search .container form :-ms-input-placeholder { /* Internet Explorer 10+ */ text-transform: none; }

#post-code-search .container form button { position: absolute; bottom: 0px; right: 0px; height: 28px; background-color: #1B7EE1; border: none; padding: 0px 7px; -webkit-border-radius: 0; border-radius: 0; }

#post-code-search .container form button span { color: #fff; }

.incident-banner { background: none; padding: 20px 15px; background-color: #052d54; height: auto; width: auto; margin: 0 !important; }

.incident-banner #incident-title { font-size: 21px; font-weight: 600; line-height: 28px; color: #fff; }

.incident-banner #incident-headline { font-size: 21px; font-weight: 300; line-height: 28px; color: #fff; letter-spacing: 0; }

.incident-banner #incident-more-link { display: inline-block; position: relative; letter-spacing: 0; line-height: initial; margin-top: 20px; }

.incident-banner #incident-more-link a { height: auto; padding: 6px 12px !important; display: block; font-size: 16px; color: #fff; font-weight: 400; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: none; background-color: #1B7EE1; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; }

.incident-banner ul { margin: 0; }

.incident-banner ul li { background: url("/SiteFiles/resources/images/2016/home-major-incident-banner-icon.png") right 8px no-repeat; background-size: 100px auto; padding: 0; height: auto; min-height: 100px; }

@media (min-width: 360px) { .incident-banner ul li { min-height: 160px; background-size: 160px auto; } }

.incident-banner ul li a { display: block; margin: 0 0 10px 0; }

#mobile-major-incident #body-info, #mobile-major-emergency #body-info { margin-bottom: 40px; }

#mobile-major-incident #body-info h4, #mobile-major-emergency #body-info h4 { color: #0B7BBC; }

#mobile-major-incident #body-info p a, #mobile-major-emergency #body-info p a { color: #1B79D7; }

#mobile-major-incident .page-padding, #mobile-major-emergency .page-padding { padding-bottom: 0; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

#mobile-major-incident .body-column, #mobile-major-emergency .body-column { margin: 0 -15px; }

#mobile-major-incident .body-column h3, #mobile-major-emergency .body-column h3 { margin: 0; padding-left: 15px !important; background-color: #1B7EE1; background-image: url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 94% center; background-repeat: no-repeat; font-size: 16px; border-top: 1px solid white; padding: 0; line-height: 44px; }

#mobile-major-incident .body-column .body-column-content, #mobile-major-emergency .body-column .body-column-content { display: none; background-color: #fff; }

#mobile-major-incident #advice, #mobile-major-emergency #advice { margin: 0 -15px; border-top: 1px solid white; }

#mobile-major-incident #advice h3, #mobile-major-emergency #advice h3 { color: #1B7EE1; text-shadow: initial; font-size: 20px; font-weight: 600; }

#mobile-major-incident #advice ul li a, #mobile-major-emergency #advice ul li a { text-decoration: none; background-image: url("/SiteFiles/resources/images/2016/blue-menu-arrow.png"); background-position: right 10px; background-repeat: no-repeat; font-size: 16px; line-height: 22px; color: #1B7EE1; display: block; padding: 5px 0; }

#mobile-major-incident #postcode-finder, #mobile-major-emergency #postcode-finder { background: #052d54; padding: 0 15px; -webkit-border-radius: 0; border-radius: 0; padding-bottom: 0; margin: -20px -15px 0 -15px; overflow: hidden; text-shadow: initial; border: none; }

#mobile-major-incident #postcode-finder form, #mobile-major-emergency #postcode-finder form { border-top: 1px solid white; padding: 15px 0; position: relative; }

#mobile-major-incident #postcode-finder form span, #mobile-major-emergency #postcode-finder form span { display: none; }

#mobile-major-incident #postcode-finder form span.label-heading, #mobile-major-emergency #postcode-finder form span.label-heading { display: block !important; color: #fff; font-weight: 400; }

#mobile-major-incident #postcode-finder form input[type="text"], #mobile-major-emergency #postcode-finder form input[type="text"] { line-height: 30px; padding: 0; -webkit-border-radius: 0; border-radius: 0; text-transform: uppercase; }

#mobile-major-incident #postcode-finder form ::-webkit-input-placeholder, #mobile-major-emergency #postcode-finder form ::-webkit-input-placeholder { /* WebKit browsers */ text-transform: none; }

#mobile-major-incident #postcode-finder form :-moz-placeholder, #mobile-major-emergency #postcode-finder form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-transform: none; }

#mobile-major-incident #postcode-finder form ::-moz-placeholder, #mobile-major-emergency #postcode-finder form ::-moz-placeholder { /* Mozilla Firefox 19+ */ text-transform: none; }

#mobile-major-incident #postcode-finder form :-ms-input-placeholder, #mobile-major-emergency #postcode-finder form :-ms-input-placeholder { /* Internet Explorer 10+ */ text-transform: none; }

#mobile-major-incident #postcode-finder #fieSubmit, #mobile-major-emergency #postcode-finder #fieSubmit { width: 90px; position: absolute; right: 0px; top: 44px; }

#mobile-major-incident #postcode-finder #fieSubmit input[type="submit"], #mobile-major-emergency #postcode-finder #fieSubmit input[type="submit"] { display: block; line-height: 30px; font-size: 14px; width: 100%; margin: 0; height: 30px; }

/****************
	OVERWRITE OLD
*****************/
* { -webkit-border-radius: 0 !important; border-radius: 0 !important; }

body { background-color: #1B7EE1 !important; }

.ui-page { background: none !important; background-image: none !important; padding: 0 !important; }

.ui-body, .ui-body-a, .ui-overlay-a { background: #fff; background-image: none !important; text-shadow: none !important; }

.page-margin { margin: 0; }

.ui-btn-text:focus { color: #fff; }

.ui-body-e, .ui-overlay-e { border: none; background: #fff; background-image: none !important; text-shadow: none !important; }

.beFormValue, .beFormTypeTextArea { border: 1px solid #E9E8E8 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; margin-bottom: 20px; }

.ui-shadow-inset { -webkit-box-shadow: none !important; box-shadow: none !important; }

#title-bar { background-color: transparent; }

.title { background: none; }

.page-padding { padding: 20px 15px 20px 15px; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

.page-padding ul { padding-left: 15px; }

.page-padding ul li { font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

.page-padding ul li a { font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

.page-padding img { margin-bottom: 20px; }

.button { background-color: #1B7EE1; line-height: 40px; width: 100%; max-width: 300px; margin: 20px auto; color: #fff; text-align: center; border: none; font-size: 18px; display: block; }

.nav-open { background-color: #003C74; opacity: 0.2; }

#divCookiesConsent { width: 300px !important; margin-left: -150px; padding: 0 15px 10px 15px !important; top: auto !important; bottom: 5% !important; }

#inputCookiesConsentDecline { background-color: #01A601 !important; color: #fff !important; border: none !important; width: 100% !important; }

#inputCookiesConsentDecline:focus { background-color: #01A601 !important; color: #fff !important; border: none !important; }

#inputCookiesConsentAccept { background-color: #0b7bbc !important; color: #fff !important; border: none !important; width: 100% !important; }

#inputCookiesConsentAccept:focus { background-color: #0b7bbc !important; color: #fff !important; border: none !important; }

#title-bar, #title-bar-no-margin { margin-bottom: 0; height: auto; }

#title-bar .title, #title-bar-no-margin .title { font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 600 !important; height: auto; line-height: 40px; color: white; text-shadow: initial; padding: 0 0 0 60px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-transition: background-color 200ms linear; transition: background-color 200ms linear; }

.ui-listview { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 1px 0 !important; }

.ui-listview li { background: transparent; border-top: 1px solid #fff; padding: 0 !important; }

.ui-listview li a { -webkit-transition: background-color 200ms linear; transition: background-color 200ms linear; }

.home-button .ui-btn-inner { background: none; padding: 0; }

.home-button .ui-btn-inner .ui-btn-text a { color: #fff; padding-left: 50px; }

.ui-listview li .ui-btn-inner { background: none; padding: 0; border: 0; }

.ui-listview li .ui-btn-inner .ui-btn-text a { color: #fff; padding-left: 60px; }

.ui-btn { text-shadow: initial; }

.ui-btn-up-a { border: none; }

.contact-us-intro { color: #686868; padding: 14px; }

.contact-us-tel { border: none; margin: 0px 15px 20px 15px; }

.contact-us-tel a { padding: 0; background: #1B7EE1; border: none; -webkit-box-shadow: none; box-shadow: none; color: #fff; }

.contact-us-tel a .ui-btn-inner { background: none; padding: 0; }

.contact-us-tel a .ui-btn-inner .ui-btn-text { background: url("/SiteFiles/resources/images/2016/call-btn-icon.png") 15px center no-repeat; font-weight: 600; font-size: 1.5em; display: inline-block; line-height: 60px; width: 290px; margin: 0 auto; padding-left: 20px; }

.ui-collapsible-set { background: #D2CFCF; padding: 15px; border: none; }

.ui-collapsible-set .accordion-section h3.ui-collapsible-heading a.ui-collapsible-heading-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; background: #1B7EE1; border: none; -webkit-border-radius: 0; border-radius: 0; text-decoration: none; }

.ui-collapsible-set .accordion-section h3.ui-collapsible-heading a.ui-collapsible-heading-toggle .ui-btn-inner .ui-btn-text a.ui-link .repair-interruptions-date { color: #fff; text-shadow: initial; }

.ui-collapsible-set .accordion-section .ui-collapsible-content { border: none; }

.ui-collapsible-set .accordion-section .ui-collapsible-content .ui-link .accordion-item { background: #fff; border-bottom: 1px solid #DBDCDD; padding: 20px 40px 0 15px; position: relative; }

.ui-collapsible-set .accordion-section .ui-collapsible-content .ui-link .accordion-item .ui-icon-arrow-r { margin-top: 2px; background: url("/SiteFiles/resources/images/2016/blue-menu-arrow.png") center center no-repeat; }

.ui-collapsible-set .accordion-section .ui-collapsible-content .ui-link .accordion-item .li-aside { position: absolute; right: 8px; top: 4px; color: red; display: block; width: auto; }

.ui-collapsible-set .accordion-section .ui-collapsible-content .ui-link .accordion-item p { font-size: 12px; max-width: 400px; }

.ui-collapsible-set .accordion-section .ui-collapsible-content .ui-link .accordion-item p span.repairs-title { color: #333; font-size: 13px; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 600 !important; }

.ui-collapsible-set .accordion-section .ui-collapsible-content .ui-link .accordion-item p span.repairs-teaser { font-size: 13px; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 600 !important; color: #1B7EE1; }

.postcode-text strong { color: #686868; }

#postcodes { padding-top: 20px; }

#postcodes p { color: #686868; }

#postcodes p strong { color: #1B79D7; }

#postcodes p .dmaTime { color: red; font-size: 11px; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 600 !important; }

#postcode-list { margin: 0 -20px; }

#postcode-list li { margin: 4px 0; }

#postcode-list p strong { color: #686868; }

#postcode-list a.ui-link { display: block; background-color: #1B7EE1; color: #fff; text-align: center; line-height: 30px; margin: 20px auto -10px auto; max-width: 300px; font-weight: 300; }

#postcode-more-list li { padding: 20px; margin: 4px 0; }

#postcode-more-list li p { color: #fff; }

#postcode-more-list li p strong { color: #fff; }

#postcode-more-list li p .dmaTime { font-size: 11px; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 600 !important; border-bottom: 1px solid #fff; }

#postcode-more-list li p a.ui-link { display: block; background-color: #fff; color: #1B7EE1; text-align: center; line-height: 30px; margin: 20px auto -10px auto; max-width: 300px; font-weight: 800; }

#show-more-btn { background-color: #1B7EE1; line-height: 40px; width: 100%; max-width: 300px; margin: 20px auto; color: #fff; text-align: center; border: none; font-size: 18px; display: block; padding: 0; font-weight: 400; }

#postcode-list li { padding: 20px; }

#mobile-home #title-bar .title, #mobile-major-emergency #title-bar .title, #mobile-page-not-found #title-bar .title, #mobile-problem-on-page #title-bar .title { background-color: #0b7bbc; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"); background-position: 16px -92px; background-repeat: no-repeat; }

.ui-listview li a{ background-color: ##0b7bbc; }

#mobile-home .ui-listview li:first-child a, #mobile-major-emergency .ui-listview li:first-child a, #mobile-page-not-found .ui-listview li:first-child a, #mobile-problem-on-page .ui-listview li:first-child a { background-color: #04B1B7; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px 12px, 94% center; background-repeat: no-repeat, no-repeat; }

#mobile-home .ui-listview li:first-child + li a, #mobile-major-emergency .ui-listview li:first-child + li a, #mobile-page-not-found .ui-listview li:first-child + li a, #mobile-problem-on-page .ui-listview li:first-child + li a { background-color: #0B7BBC; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -38px, 94% center; background-repeat: no-repeat, no-repeat; }

#mobile-home .ui-listview li:first-child + li + li a, #mobile-major-emergency .ui-listview li:first-child + li + li a, #mobile-page-not-found .ui-listview li:first-child + li + li a, #mobile-problem-on-page .ui-listview li:first-child + li + li a { background-color: #01A601; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -90px, 94% center; background-repeat: no-repeat, no-repeat; }

#mobile-home .ui-listview li:first-child + li + li + li a, #mobile-major-emergency .ui-listview li:first-child + li + li + li a, #mobile-page-not-found .ui-listview li:first-child + li + li + li a, #mobile-problem-on-page .ui-listview li:first-child + li + li + li a { background-color: #30C3FB; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -140px, 94% center; background-repeat: no-repeat, no-repeat; }

#mobile-home .ui-listview li:first-child + li + li + li + li a, #mobile-major-emergency .ui-listview li:first-child + li + li + li + li a, #mobile-page-not-found .ui-listview li:first-child + li + li + li + li a, #mobile-problem-on-page .ui-listview li:first-child + li + li + li + li a { background-color: #0B7BBC; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -191px, 94% center; background-repeat: no-repeat, no-repeat; }

#mobile-home .ui-listview li:first-child + li + li + li + li + li a, #mobile-major-emergency .ui-listview li:first-child + li + li + li + li + li a, #mobile-page-not-found .ui-listview li:first-child + li + li + li + li + li a, #mobile-problem-on-page .ui-listview li:first-child + li + li + li + li + li a { background-color: #8D8A8A; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"), url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 16px -240px, 94% center; background-repeat: no-repeat, no-repeat; }

#mobile-current-service-updates #title-bar .title, #mobile-current-service-updates #title-bar-no-margin .title, #mobile-current-service-updates-details #title-bar .title, #mobile-current-service-updates-details #title-bar-no-margin .title, #postcode-search-results-mobile #title-bar .title, #postcode-search-results-mobile #title-bar-no-margin .title { background-color: #04B1B7; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"); background-position: 16px 8px; background-repeat: no-repeat; }

#mobile-current-service-updates .ui-listview li a, #mobile-current-service-updates-details .ui-listview li a, #postcode-search-results-mobile .ui-listview li a { padding-left: 15px !important; background-color: #273371; background-image: url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 94% center; background-repeat: no-repeat; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

#mobile-current-service-updates-details .page-padding p:last-child { color: #1B79D7; }

#title-bar{ background-color: #0b7bbc; }
.ui-listview li a{ background-color: #273371; }

#mobile-report-a-leak #title-bar .title, #mobile-report-a-leak #title-bar-no-margin .title { background-color: #0B7BBC; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"); background-position: 16px -41px; background-repeat: no-repeat; }

#mobile-report-a-leak .ui-listview li a { padding-left: 15px !important; background-color: #273371; background-image: url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 94% center; background-repeat: no-repeat; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

#mobile-need-our-help #title-bar .title, #mobile-need-our-help #title-bar-no-margin .title, #mobile-need-our-help-detail #title-bar .title, #mobile-need-our-help-detail #title-bar-no-margin .title { background-color: #01A601; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"); background-position: 16px -92px; background-repeat: no-repeat; }

#mobile-need-our-help .ui-listview li a, #mobile-need-our-help-detail .ui-listview li a { padding-left: 15px !important; background-color: #273371; background-image: url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 94% center; background-repeat: no-repeat; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

#mobile-news #title-bar .title, #mobile-news #title-bar-no-margin .title, #mobile-news-detail #title-bar .title, #mobile-news-detail #title-bar-no-margin .title { background-color: #30C3FB; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"); background-position: 16px -145px; background-repeat: no-repeat; }

#mobile-news .ui-listview li a, #mobile-news-detail .ui-listview li a { padding-left: 15px !important; background-color: #049cd5; background-image: url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 94% center; background-repeat: no-repeat; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

#mobile-contact-us #title-bar .title, #mobile-contact-us #title-bar-no-margin .title, #mobile-contact-us-detail #title-bar .title, #mobile-contact-us-detail #title-bar-no-margin .title { background-color: #0B7BBC; background-image: url("/SiteFiles/resources/images/2016/menu-icon-sprite.png"); background-position: 16px -194px; background-repeat: no-repeat; }

#mobile-contact-us .ui-listview li a, #mobile-contact-us-detail .ui-listview li a { padding-left: 15px !important; background-color: #273371; background-image: url("/SiteFiles/resources/images/2016/white-menu-arrow.png"); background-position: 94% center; background-repeat: no-repeat; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 400 !important; }

#footer { background-color: #1B7EE1; padding: 8px 10px; }

#footer #footer-social-icons { text-align: left; margin-top: 0; }

#footer #footer-social-icons #footer-social-icons-text { color: #fff; margin: 10px 0 0 0; font-family: "Open Sans", helvetica, arial, serif !important; font-weight: 600 !important; }

#footer #footer-social-icons #footer-social-icons-images { text-align: right; float: right; }

#footer #footer-social-icons #footer-social-icons-images .ui-link { display: inline-block; }

#footer #footer-social-icons #footer-social-icons-images .ui-link:last-child { display: none; }

#footer #footer-small-print { padding: 0; width: 290px; margin: 26px auto 16px auto; }

#footer #footer-small-print p { color: #fff; font-size: 0.875em; }

.social-media { margin: 5px 0 5px 5px; width: 30px; height: 30px; overflow: hidden; background: url("/SiteFiles/resources/images/2016/footer-social-sprite.png") no-repeat; }

#twitter { background-position: center center; }

#facebook { background-position: left center; }

#youtube { background-position: right center; }

.ui-loader { background: none !important; }

.ui-loader .ui-icon { -webkit-border-radius: 36px !important; border-radius: 36px !important; }