/*** START: Clearfix ***/
.clearfix {
	display: block;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*** END: Clearfix ***/

/*** START: Basic reset class ***/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;  
 	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #e5e5e5;
	margin: 0 0 35px 0;
}

a img {
	border: none;
}

a, a:link, a:visited {
	color: #006cb5;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #ffa21b;
	text-decoration: none;
}

label {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

/*** END: Basic reset class ***/

/*** START: Replacement Header styles ***/
div#header {
	padding: 0 20px 5px 20px;  /*Venkat change from 27px to 5px*/
	width: 960px;
	
}

div#header div#breadCrumb {
	float: left;
	width:90%;      /* Venkat change for space between breadcrumb and black bar in IE6 */
}

div#header div#breadCrumb ul {
	list-style-type: none;
	padding: 0 0 13px 10px;
}

div#header div#breadCrumb ul li {
	list-style-position: outside;
	float: left;
	color: #333;
	font-weight: bold;
}

div#header div#breadCrumb ul li span {
	font-size: 1.1em;
	color: #333;
	font-weight: bold;
}

div#header div#breadCrumb ul li a {
	font-size: 1.1em;
}

div#header div#navigation {
	float: left;
	width: 765px;
}

div#header div#primaryNavigation {
	padding: 5px 0 0 0;			/*wl - changed from 10px to 5px*/
	border-top: 5px solid #e5e5e5;
	width: 785px;
}

div#header div#secondaryNavigation {
	border-top: 5px solid #e5e5e5;
}

div#header div#primaryNavigation ul,
div#header div#secondaryNavigation ul {
	list-style-type: none;
}

div#header div#primaryNavigation ul {
	padding: 0 0 4px 0;	
}

div#header div#secondaryNavigation ul {
	padding: 5px 0 17px 0;	
}

div#header div#primaryNavigation ul li,
div#header div#secondaryNavigation ul li {
	list-style-position: outside;
	float: left;
	padding: 0 15px 0 0;
	width: 180px;
}

div#header div#secondaryNavigation ul li {
	margin: 5px 0 0 0;
}

div#header div#primaryNavigation ul li.last,
div#header div#secondaryNavigation ul li.last {
	padding: 0;
}

div#header div#primaryNavigation a:link,
div#header div#primaryNavigation a:visited {
	font-weight: bold;
	font-size: 1.4em;
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #e5e5e5;
	width: 170px;
	display: block;
}

div#header div#primaryNavigation li.current a,
div#header div#primaryNavigation a:hover,
div#header div#primaryNavigation a:active {
	color: #fff;
	background-color: #006cb5;
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #006cb5;
}

div#header div#primaryNavigation ul li.secondLine a:link,
div#header div#primaryNavigation ul li.secondLine a:visited {
	margin: 5px 0 0 0;
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #e5e5e5;
}

div#header div#primaryNavigation ul li.secondLine a:hover,
div#header div#primaryNavigation ul li.secondLine a:active {
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #006cb5;
}

div#header div#secondaryNavigation a:link,
div#header div#secondaryNavigation a:visited {
	font-weight: bold;
	font-size: 1.2em;
	padding: 8px 0 7px 20px;
	width: 160px;
        height: 30px;
	display: block;
	background-color: #dfdfdf;
}

div#header div#secondaryNavigation li.dropDownEnabled a:link,
div#header div#secondaryNavigation li.dropDownEnabled a:visited {
	background: #dfdfdf url(http://www2.nationalgridus.com/img/reskin/bullet_topnav_closed.gif) no-repeat 11px 13px;
}

div#header div#secondaryNavigation li.current a,
div#header div#secondaryNavigation a:hover,
div#header div#secondaryNavigation a:active {
	color: #fff;
	background-color: #666;
}

div#header div#primaryNavigation li.dropDownEnabled p {
	background: #fff url(http://www2.nationalgridus.com/img/reskin/bullet_primarynav_closed.gif) no-repeat 163px 16px;
	font-weight: bold;
	font-size: 1.4em;
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #e5e5e5;
	width: 170px;
	color: #006cb5;
}

div#header div#primaryNavigation li.current p,
div#header div#primaryNavigation li:hover p,
div#header div#primaryNavigation li.hover p {
	background: #006cb5 url(http://www2.nationalgridus.com/img/reskin/bullet_primarynav_open.gif) no-repeat 163px 16px;
	border-bottom: 1px solid #fff;
	color: #fff;
}

/* fix for secondary menu box not highlighted in dark grey */
div#header div#secondaryNavigation li.dropDownEnabled.current a, 
div#header div#secondaryNavigation li.dropDownEnabled.current a:link,
div#header div#secondaryNavigation li.dropDownEnabled.current a:visited,  
div#header div#secondaryNavigation li.dropDownEnabled a:hover,
div#header div#secondaryNavigation li.dropDownEnabled a:active {
	background: #666 url(http://www2.nationalgridus.com/img/reskin/bullet_topnav_open.gif) no-repeat 10px 15px;
}

/*venkat Added for Sec Nav menu highlight */
div#header div#secondaryNavigation ul li ul li.current a,
div#header div#secondaryNavigation ul li ul li.current a:link,
div#header div#secondaryNavigation ul li ul li.current a:visited, 
div#header div#secondaryNavigation ul li ul li.current a:hover,
div#header div#secondaryNavigation ul li ul li.current a:active
{
	background-image: none !important;
	background: #666 !important;  /*changed from #666 - wl */
	color: #fff;
}


div#header div#primaryNavigation ul li ul,
div#header div#secondaryNavigation ul li ul {
	position: absolute;
	z-index:999;
	width: 10em;
	left: -999em;
	padding: 0;
}

.frmcls
{ 
	position:relative;
	z-index:998;
	overflow:hidden;
	top:0;
	width:18.2em;
	height:500px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

div#header div#primaryNavigation li:hover ul,
div#header div#primaryNavigation li.hover ul,
div#header div#secondaryNavigation li:hover ul,
div#header div#secondaryNavigation li.hover ul {
	left: auto;
	z-index:999;
}

div#header div#primaryNavigation ul li ul li {
	margin: 0;
}

div#header div#primaryNavigation ul li ul li a {
	border-bottom: 1px solid #fff !important;
}

div#header div#primaryNavigation ul li ul li.last a {
	border-bottom: none !important;
}

div#header div#secondaryNavigation ul li ul li {
	margin: 0;
	border-top: 1px solid #fff;
}

div#header div#primaryNavigation ul li ul li a:link,
div#header div#primaryNavigation ul li ul li a:visited {
	background-image: none !important;
	background: #006cb5 !important;
	color: #fff;
}

div#header div#primaryNavigation ul li ul li a:hover,
div#header div#primaryNavigation ul li ul li a:active {
	background-image: none !important;
	background: #e78c07 !important;
	color: #fff;
	border-bottom: 1px solid #fff;
}

div#header div#secondaryNavigation ul li ul li a:link,
div#header div#secondaryNavigation ul li ul li a:visited {
	background-image: none !important;
	background: #dfdfdf !important;
	color: #006cb5;
}

div#header div#secondaryNavigation ul li ul li a:hover,
div#header div#secondaryNavigation ul li ul li a:active {
	background-image: none !important;
	background: #666 !important;
	color: #fff;
}

/* old
div#header div#logo {
	width: 170px;
	padding: 22px 0 0 20px;
	margin: 0 15px 0 0;
	float: left;
} */
/* wl - new */
div#header div#logo {
	width: 180px;
	padding: 22px 0 0 0;
	margin: 0 15px 0 0;
	float: left;
}

div#header div#logo a {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}

div#header div#utility {
	float: right;
	width:760px;  /*fix for IE 6 position of the line above the header */
	padding: 7px 0 8px 0; /* VN 10/28 Change to 7px from 8px */
}

div#header div#utility ul {
	list-style-type: none;
/*	padding: 13px 0 13px 0;   */
	float:right;  /*fix for IE 6 position of the line above the header */
}

div#header div#utility ul li {
	list-style-position: outside;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 30px 0 0;
}

/*added for HP greeting message */
div#header div#utility ul li.hpmessage {
	list-style-position: outside;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 360px 0 0;
    color: #78a22f;
    font-size: 1.4em;
}

div#header div#utility ul li.last {
	padding: 0 10px 0 0;
}

div#header div#utility ul li a {
	font-size: 1em;
	font-weight: bold;
}
/*** END: Replacement Header styles ***/

/*** START: New homepage content styling ***/
div#mainBanner {
	padding: 0 0 19px 0;
}

div#homeContent ul {
	list-style-type: none;
	padding: 0 0 30px 0;
}

div#homeContent ul li {
	list-style-position: outside;
	float: left;
	padding: 0 15px 0 0;
	width: 180px;
}

div#homeContent ul li.last {
	padding: 0;
}

div#homeContent ul li h3 {
	font-family: Helvetica Neue, Arial;
	font-size: 14px;
	color: #262626;
	font-weight: bold;
	padding: 10px 0 7px 9px;
	border-bottom: 1px solid #c1c1c1;
	border-top: 2px solid #262626;
	margin: 0 0 15px 0;
	height: 30px;
}

div#homeContent ul li ul {
	padding: 0;
}

div#homeContent ul li ul li {
	font-family: arial;
	padding: 0 10px 11px 10px;
	font-size: 14px;
	font-weight: bold;
	width: 160px;
	float: none; 
}

div#homeContent ul li ul li.last {
	padding: 0 10px 0 10px;
}

div#homeContent ul.secondList {
	padding: 0 0 0 0;   /*wl - removed bottom 10px */
}

div#homeContent ul.secondList li {
	padding: 0;
	margin: 0 15px 0 0;
	font-size: 14px;
	font-weight: bold;
	width:375px;
}

div#homeContent ul.secondList li a {
	display: block;
	width:353px;
	float:left; 
	height: 33px;
	padding: 10px 10px 11px 10px;
	border: 1px solid #c1c1c1;
}

div#homeContent ul.secondList li.last {
margin: 0;
}

div#homeContent ul.secondList li a:hover,
div#homeContent ul.secondList li li a:focus {
	background-color: #006cb5;
	color: #fff;
}

div#advertLinks ul {
	list-style-type: none;
}

div#advertLinks ul li {
	list-style-position: outside;
	float: left;
	width: 180px;
	margin: 0 0 20px 0;
}

div#advertLinks ul li.last {
	margin: 0;
}

div#advertLinks ul li a {
	display: block;
	width: 160px;
	height: 155px;
	padding: 10px;
}

div#advertLinks ul li.visitFloe {
	background: #1677b9 url(http://www2.nationalgridus.com/img/reskin/bg_visit_floe.gif) no-repeat center bottom;
}

div#advertLinks ul li.visitFloe a {
	display: block;
	width: 150px;
	padding: 10px 20px 10px 10px;
}

div#advertLinks ul li.visitFloe a span {
	color: #fff;
	display: block;
}

div#advertLinks ul li.visitFloe a span.title {
	font-size: 2.1em;
	font-weight: bold;
	padding: 0 0 17px 0;
}

div#advertLinks ul li.visitFloe a span.NG {
	font-size: 1.4em;
	font-weight: bold;
}

div#advertLinks ul li.visitFloe a span.tagLine {
	font-size: 1.4em;
}

div#advertLinks ul li.keyspanNameChange a {
	display: block;
	padding: 15px;
	width: 148px;
	border: 1px solid #c1c1c1;
}

div#advertLinks ul li.keyspanNameChange a {
	padding: 15px;
	width: 148px;
	border: 1px solid #c1c1c1;
}

div#advertLinks ul li.keyspanNameChange a span.title,
div#advertLinks ul li.keyspanNameChange a span.subTitle {
	font-size: 1.7em;
	font-weight: bold;
	color: #78a22f;
	display: block;
}

div#advertLinks ul li.keyspanNameChange a span.subTitle {
	color: #006cb5;	
}

.margin15  /* added for right column images spacing - wl 11/14/08 */
{
padding-bottom: 15px;
}

/*** END: New homepage content styling ***/

/*** START: Footer ***/
div#footer ul {
	list-style-type: none;
	margin: 0;
}

div#footer ul li {
	list-style-position: outside;
}

div#footer ul.utilityFooter {
	width: 970px;
	padding: 15px 0 30px 0px;  /* no left padding - wl */
	margin: 0 0 0 20px;
}

div#footer ul.utilityFooter li {
	background-color: #e5e5e5;
	float: left;
	font-size: 1.7em;
	font-weight: bold;
	height: 70px;
	margin-right: 15px;  /*changed from 10px to 15px - wl */
	padding: 0 0 0 0;
	width: 180px;   /*footer should be 180px w/ 15px space wl*/
}

/*for search box - wl */
div#footer ul.utilityFooter li.search {
	width: 160px;
	display: block;
	height: 50px;
	padding: 10px;
	color: #006cb5; 
}


div#footer ul.utilityFooter li.search form div label
{	padding-bottom:2px;
    display: block;
} 

div#footer ul.utilityFooter li.search form input#searchKey {
	width: 126px;
	border: none;
	padding: 2px 0;
}

div#footer ul.utilityFooter li.search form input#submitButton 
{
	border: none;
	background-color: #006cb5;
	color: #fff;
	font-weight: bold;
	font-size: .65em;
	width:28px;
	height:20px;
	padding: 2px 4px;
}
/*end wl */
div#footer ul.utilityFooter li a,
div#footer ul.utilityFooter li a:link,
div#footer ul.utilityFooter li a:visited {
	display: block;
	height: 50px;
	padding: 10px;
}

div#footer ul.utilityFooter li a:hover,
div#footer ul.utilityFooter li a:active,
div#footer ul.utilityFooter li a:focus {
	background-color: #E78C07;
	color: #fff;
}

div#footer ul.listLinks1 {
	width: 970px;
	padding: 13px 0 12px 10px;  /* wl padding: 17px 0 15px 10px; */
	border-top: 15px solid #e5e5e5;
	margin: 0 0 0 20px;
}

div#footer ul.listLinks1 li {
	font-size: 1.1em;
	color: black;
	float: left;
}

div#footer ul.listLinks1 li a {
	font-weight: bold;
}


div#footer ul.listLinks1 li.otherLinks {
	float: right;
	padding: 0 30px 0 0;
}

div#footer ul.listLinks1 li.otherLinks ul li.optOut {
	padding: 0 11px 0 0;
	border-right: 1px solid #006cb5;
}

div#footer ul.listLinks1 li.otherLinks ul li.privacyPolicy {
	padding: 0 0 0 10px;
}
/*** END: Footer ***/

/*** START: NEW generic content styling ***/
div.genericContent {
	padding: 20px 0 15px 10px;  /* fix for pagetitle lining up w/ title image wl */
	background: transparent url(http://www2.nationalgridus.com/img/reskin/bg_header_bottom.gif) no-repeat;
}

div.genericContent ul {
	padding: 20px 0 0 0;
	list-style-type: none;
}

div.genericContent ul li {
	list-style-position: outside;
	/*list-style-type: disc;*/   /* Added VN 03/30/2009 for bullet's for list*/
	padding: 0 0 0 10px;
	background: transparent url(http://www2.nationalgridus.com/img/reskin/bullet_asterisk.gif) no-repeat left 5px; 
}

/*added for contact us page*/
div.genericContent ul.contactus {  
    padding: 8px 0 0 0;
	list-style-type:disc;
}

div.genericContent ul.contactus li {
background: transparent;
padding: 0;
list-style-position: inside;
}

div.genericContent ul li div {
	display: inline;
}


div.genericContent table tr td table tr td div.pagetitle {
  	font-size: 2em;  /* wl 11/6/08 - changed from 2.55em */
	font-weight: bold;
	color: #333;
	padding: 0px 0 17px 0; /* fix for pagetitle lining up w/ title image wl */
}


div.genericContent table tr td {
	/* font-size: 1.1em;  PN CHANGED 10/28 */ /*nb due to a lack of tags this font effectivel multiplies font-sizes below by 1.1*/
	font-size: 1.2em;
	color: #262626;
}

div.genericContent table tr td table tr td {
	font-size: 1.41em;
	font-weight: bold;
}


/*  Modified 10/20 11:45 pn      see bottom
div.genericContent table tr td table tr td div {
	padding: 0 0 12px 0;
	font-size: 1.4em;
}
*/

div.genericContent table tr td table tr td div.typetitle {
	font-size: 1em;
}

div.genericContent table tr td table tr td div.last {
	padding: 0;
}

div.genericContent div.pagetitle {
  	font-size: 2em; /* wl 11/6/08 - changed from 2.55em */
	font-weight: bold;
	color: #333;
	padding: 0px 0 17px 0; /* fix for pagetitle lining up w/ title image wl */
}

div.genericContent table tbody tr td table tr td {
	font-size: 100%;
        font-weight: normal;
		padding: 0 0 0 3px; /*vn 04/06/2009 added*/
}

div.genericContent div.typetitle {
  	font-size: 1.55em;
	font-weight: bold;
  	color: #333;
	padding: 0 0 14px 0; 
}

div.genericContent div.divider {
	padding: 22px 0 23px 0;
}


/*     MODIFIED PN 10/27 */
/*
div.genericContent table tr td br {
	display: none;
}
*/


/*** END: NEW generic content styling ***/

/*** START: NEW generic secondary conent styling ***/
div.genericSecondaryContent {
	/*padding: 28px 0 0 0;*/
	padding: 0 0 0 0;	
}

div.genericSecondaryContent table tr td div.modheader {
	padding: 10px 0px 18px 10px;
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	border-top: 2px solid #262626;
	border-bottom: 1px solid #c1c1c1;
	margin: 0 0 13px 0;
}

div.genericSecondaryContent table tr td a.contextuallinkcontact,
div.genericSecondaryContent table tr td a.contextuallink {
	padding: 0 10px 17px 10px;
	font-size: 1.4em;
	font-weight: bold;
	display: block;
}

div.genericSecondaryContent table tr td a.last {
	padding: 0 10px 45px 10px;
}

div.genericSecondaryContent table.last tr td a.last {
	padding: 0 10px 0 10px;
	
	
}

/* begin - added for right column styles reskin - WL */
.contextuallink, .contextuallinkcontact
{
	padding: 0 10px 17px 10px;
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	color: #333;
}

.modheader {
	padding: 10px 0px 18px 10px;
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	border-top: 2px solid #262626;
	border-bottom: 1px solid #c1c1c1;
	margin: 0 0 13px 0;
}
/*end - WL */

/*** END: NEW generic secondary conent styling ***/

/*** START: Remaining legacy rules - existed prior to reskin ***/
body.pop {
	background        : #ffffff; 
/*	background-image  : url(http://www2.nationalgridus.com/img/pop_top.gif);  wl 10/28/08*/
	background-repeat : repeat-x;
	margin            : 0, 0, 0, 0;
	font-size:12px;
}

body.poplipa {
	background        : #ffffff;
/*	background-image  : url(http://www2.nationalgridus.com/img/lipa_poptop.gif);  wl 10/28/08 */
	background-repeat : repeat-x;
	margin            : 0, 0, 0, 0;
}
/* -----TEXT----- */

.grouptitle {
  font-size     : 1.55em;
	font-weight   : bold;
  color         : #666666;
	margin-bottom : 10px; 
}

/* Reskin wl 11/5/08 
.elementtitle {
  font-size     : 10px;
	font-weight   : bold;
	color         : #666666;
	margin-bottom : 5px;
}
*/

.bluesm {
  font-size     : 9px;
  color         : #0099cc;
}

.brown {
/* 	color         : #c06b10; wl 10/28/08 */
font-weight:bold;
}

.greylb {
	font-size     : 11px;
	color         : #999999;
  font-weight   : bold;
}	

.brownb {
/*	font-size     : 11px;
	color         : #c06b10;  */
  font-weight   : bold;
}	

.brownsm {
/*  font-size     : 9px;
	color         : #c06b10; */
	font-weight:bold; /*wl 10/28/08 */
}

.whitesm {
  font-size     : 9px;
  color         : #ffffff;
}

.smgrey {
  font-size     : 9px;
}

.region {
  font-size     : 9px;
  color         : #333333;
}

.rsheader {
  font-size     : 12px;
  color         : #003366;
}

.modheadercontact {
  font-size     : 9px;
	color         : #f7c003;
  font-weight: bold;
}

.modbold {
  font-size     : 9px;
	font-weight   : bold;
	color         : #555555;
}

.modcopy {
  font-size     : 9px;
	color         : #555555;
}

.footnote {
  font-size     : 9px;
  color         : #666666;
  margin-top    : 3px;
  margin-bottom : 6px;
  margin-left   : 6px;
  margin-right  : 6px;
}

.error {
  color         : #eb2525;
  font-weight   : bold;
}

/*
.header {
	font-size       : 11px;
	color           : #c06b10;
  font-weight     : bold;
}*/

.header  /*modified to match footer styles - reskin WL */
{
	font-size: 1.2em;
	font-weight: bold;
	color: #006cb5;
	float: left;
	width: 255px;
	padding: 0 15px 0 0;
}

.headerSM  /*added by KM on 10/29/08 */
{
	font-size: 1.4em;
	font-weight: bold;
	color: #006cb5;
	float: left;
	width: 570px;
	padding: 0 15px 0 0;
}

.smallheaderSM  /*added by KM on 10/29/08*/
{
	font-size: 1.2em;
	font-weight: bold;
	color: #006cb5;
	float: left;
	width: 570px;
	padding: 0 15px 0 0;
}

.smalltextSM   /*added by KM on 10/29/08: This gives padding to smallest text lines in the Sitemap page*/
{
	padding: 0 0 0 15px;
}

/* ------LINKS------ */

a.featuretitle, div.featuretitle {
  font-size     : 12px;
	font-weight   : bold;
	color         : #014383;
}

a.featuretitle:hover {
	color         : #003466;
}

/*a.header {
	font-size       : 11px;
	color           : #c06b10;
  font-weight     : bold;
}	*/

/*a.header  /*modified to match footer styles - reskin WL 
{
	font-size: 1.4em;
	font-weight: bold;
	color: #0058a6;
	float: left;
	width: 255px;
	padding: 0 15px 0 0;
}	
Comment out to allow hyperlink to highlight w/ orange when mouse over - WL 10/28/08*/

a.headerlarge {
	font-size       : 13px;
	color           : #c06b10;
  font-weight     : bold;
}	

a.provider {
	font-size       : 9px;
	color           : #c06b10;
}	

a.provider:hover {
	color           : #c06b10;
}	

a.crumbtext {
	font-size       : 9px;
	color           : #0099cc;
}	

a.crumbtext:hover {
	color           : #c06b10;
}	

a.region {
	font-size       : 9px;
	color           : #0099cc;
}

a.region:hover {
	color           : #c06b10;
}

a.sitemap {
	font-size       : 9px;
	color           : #ffffff;
}	

a.sitemap:hover {
	color           : #ffffff;
}	

a.white {
	font-size       : 10px;
	color           : #666666;
}	

a.white:hover {
	color           : #666666;
}	

/* fix for reskin - choose a region page wl - 10/31/08 
a.brownb {
	font-size       : 11px;
	color           : #c06b10;
  font-weight     : bold;
  text-decoration : underline;
}	

a.brownb:hover {
	color           : #c06b10;
  text-decoration : underline;
}	
*/

a.contextuallinkbold {
  font-size       : 10px;
  color           : #555555;
  font-weight     : bold;
}

a.contextuallinkbold:hover {
  font-size       : 10px;
  color           : #DD7302;
  font-weight     : bold;
}

a.modcopylnk {
  font-size       : 10px;
  color           : #c7c7c7;
}

a.modbrownlnk {
	font-size       : 10px;
	color           : #e4b205
}

a.subnav {
	color : #474747;
	font-size       : 9px;
	text-decoration : none;
}
a.subnav:hover {
	color : #474747;
}

/* -----ALIGNMENT----- */

.crumb {
	font-size     :  9px;
	font-color    :  #666666;
  margin-top    :  3px;
  margin-bottom :  4px;
	text-align    :  left;
}

.legal {
  margin-top    :  6px;
  margin-bottom :  6px;
  margin-left   :  8px;
}

.poptop {
	width         :484px; 
  margin-top    :  6px;
  margin-left   : 15px;
  margin-right  : 15px;
}

.popcontent {
	width         :484px;     
  margin-top    : 10px;
  margin-bottom :  5px;
  margin-left   : 15px;
  margin-right  : 15px;
}

.popcontent ul
{
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
padding-left: 15px;
list-style-type:inherit;
}

.popcontent ul li ul 
{
list-style-type:disc;
}
/*  Comment out Patti  10/27 
div.popcontent div.pagetitle
{
font-size:14px;
font-weight:bold;
}

div.popcontent div.typetitle
{
font-size:12px;
font-weight:bold;
}
*/


.cell10 {
  margin-top    : 10px;
  margin-bottom : 10px;
  margin-left   : 0px;
  margin-right  : 0px;
}

.cell15 {
  margin-top    : 15px;
  margin-bottom : 15px;
  margin-left   : 15px;
  margin-right  : 15px;
}

.cell01 {
  margin-top    :  1px;
  margin-bottom :  1px;
  margin-left   :  1px;
  margin-right  :  1px;
}


/* -----FORMS-----  | view browser specific style sheets */

/* -----POSITIONS----- */

#pssub {
	position   : absolute;
	top        : 107px;
	left       : 33px;
	visibility : hidden;
}

#menu1 {
	position   : absolute;
	top        : 166px;
	left       : 33px;
	width      : 174px;
	height     : 34px;
	visibility : hidden;
}

#menu2 {
	position   : absolute;
	top        : 166px;
	left       : 167px;
	width      : 174px;
	height     : 34px;
	visibility : hidden;
}

#menu3 {
	position   : absolute;
	top        : 166px;
	left       : 301px;
	width      : 174px;
	height     : 34px;
	visibility : hidden;
}

#menu4 {
	position   : absolute;
	top        : 166px;
	left       : 435px;
	width      : 174px;
	height     : 34px;
	visibility : hidden;
}

#menu5 {
	position   : absolute;
	top        : 200px;
	left       : 33px;
	width      : 174px;
	height     : 34px;
	visibility : hidden;
}

#menu6 {
	position   : absolute;
	top        : 200px;
	left       : 167px;
	width      : 174px;
	height     : 34px;
	visibility : hidden;
}

#menu7 {
	position   : absolute;
	top        : 200px;
	left       : 301px;
	width      : 174px;
	height     : 34px;
	visibility : hidden;
}

#menu8 {
	position   : absolute;
	top        : 200px;
	left       : 435px;
	width      : 174px;
	height     : 34px;
	visibility : hidden;
}

/* ------TEMPORARY---------- */

.icon {
  text-indent   : -15px;
  margin-left   : 16px;
  margin-top    : 8px;
  margin-bottom : 5px;
  color: #474747;
}

.iconns {
	color: #474747;
}


div.item {
  position:relative;
  width:172px;
  background-color:c5c5c5;
}

div.itemb {
  position:relative;
  width:174px;
}

div.menu_bg {
  position:relative;
  width:174px;
  background-color:#919191;
  padding-left:1px;
}

.biotitle {
  font-size     : 10px;
	font-weight   : bold;
	color         : #666666;
}

/* -----Energy Star----- */
/*  No longer need to make 'E' and 'S' a different font for Reskin  wl - 10/30/08
.pagetitleenergystar {
	font-size     : 16px;
	font-weight   : bold;
	color         : #666666;
}

.grouptitleenergystar {
	font-size     : 16px;
	font-weight   : bold;
	color         : #666666;
}

.energystar {
	font-size : 14px;
}

.estypetitle {
  font-size     : 14px;
	font-weight   : bold;
  color         : #c06b10;
}

.esh {
	font-size       : 15px;
	color           : #c06b10;
  font-weight     : bold;
}

*/

/***
 END: Remaining legacy rules - existed prior to reskin ***/
/**** Changes as of 10/21  11:45am ******/

/* Modified existing */
div.genericContent table tr td table tr td div {
	padding: 0 0 12px 0;
	font-size:1.2em;    /* wl 10/24, 11/6 changed from 1.4em*/
	font-weight:bold;  /* wl 10/24 */
	}
	
/* Newly added */
div.genericContent p.typetitle {
   font-size: 1.55em;
 font-weight: bold;
   color: #333;
 padding: 20px 0 20px 0; 
}	

/*  newly added   12:00pm 10/21  PN */
div.genericContent div.grouptitle {
  	font-size: 1.55em;  /* wl 11/6/08 changed from 17px */
	font-weight: bold;
	color: #333;
	padding: 20px 0 0 0;
}

/*** Changes as of 10/21 WL ****/
div.genericContent {
	padding: 20px 0 15px 10px;
	width:600px;  /* fix for inconsistency on right column alignment - from existing*/
}

/*  newly added  10/21  PN */	
div.genericContent ul.notopspace {
	padding: 0 0 0 0;
}

/*  newly added  10/22  PN */	
div.genericContent ol {
	padding: 0 0 0  20px;
}

/* newly added 10/24 wl */   /*VN 10/28  typetitle changed to typetitle1 */ 
div.genericContent table tr td div.typetitle1 {
	height:10px;
}

div.genericContent table tr td div.typetitle a.header{
	width:600px;
	font-size:14px;
}


/* newly added 10/24 pn */
div#footer ul.utilityFooter li.blank {
   background-color: #ffffff;
   float: left;
   font-size: 1.7em;
   font-weight: bold;
   height: 70px;
   margin-right: 15px;
   padding-top: 0pt;
   padding-right: 0pt;
   padding-bottom: 0pt;
   padding-left: 0pt;
   width: 180px;
}

/* newly added 10/27 wl */
div.genericContent table tr td.largerlink
{
	font-size:1.4em;    
	font-weight:bold; 
}

/*  Newly Added 10/27 PN */
div.popcontent div.pagetitle
{
padding: 12px 0 0 0;
font-size:14px;
font-weight:bold;
}


div.popcontent div.typetitle
{
padding: 12px 0 0 0;
font-size:12px;
font-weight:bold;
}

/*  Newly Added 10/27 PN */
div.popcontent div.footnote
{
font-size: 10px;
color: #000;
}

/* newly added 11/10 wl */
div.genericContent table tr td table tr td div.nobold
{
font-family:font-family: Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
}


/*Header CSS for NGRID site for Gas Emergency */

div#wrapper {
background-color:#FFFFFF;
padding:0 0 0 20px;
width:980px;
}
div#BasicHeader.oneColFourCol {
background:transparent url(http://www2.nationalgridus.com/img/reskin/bg_header_bottom.gif) no-repeat scroll 0 bottom;
}

div#BasicHeader div#NGLogo {
float:left;
margin:0 15px 0 0;
min-height:61px;
padding:31px 0 0 10px;
width:170px;

}
div#BasicHeader div#NGLogo a:link, div#BasicHeader div#NGLogo a:visited {
display:block;
font-size:1.2em;
font-weight:bold;
}
div#BasicHeader div#navigation {
float:right;

width:770px;
}
div#BasicHeader div#utilityNav {
border-bottom:5px solid #E5E5E5;
float:right;
width:inherit;
}
div#BasicHeader div#utilityNav ul {
float:right;
list-style-type:none;
}
div#BasicHeader div#mainNavigation ul {
float:right;
list-style-type:none;
padding:0 0 25px;

}
div#BasicHeader div#utilityNav ul li, div#BasicHeader div#mainNavigation ul li {
float:left;
list-style-position:outside;
}
div#BasicHeader div#utilityNav ul li {
padding:8px 34px 8px 0;
}
div#BasicHeader div#utilityNav ul li.last {
padding:8px 30px 8px 0;
}
div#BasicHeader div#utilityNav ul li a {
font-size:1.1em;
font-weight:bold;
}
div#BasicHeader div#utilityNav ul li a:hover, div#BasicHeader div#utilityNav ul li a:active {
color:#E78C07;
}
div#BasicHeader div#mainNavigation ul {
padding:0 0 25px;
}
div#BasicHeader div#mainNavigation ul li {
padding:0 15px 0 0;
}
div#BasicHeader div#mainNavigation ul li.last {
padding:0;
}
div#BasicHeader div#mainNavigation ul li.secondLine {
float:left;
}
div#BasicHeader div#mainNavigation {
float:right;
}
div#BasicHeader div#mainNavigation a:link, div#BasicHeader div#mainNavigation a:visited {
border-bottom:1px solid #E5E5E5;
display:block;
font-size:1.4em;
font-weight:bold;
padding:15px 0 5px 9px;
width:171px;
}
div#BasicHeader div#mainNavigation ul li.secondLine a:link, 
div#BasicHeader div#mainNavigation ul li.secondLine a:visited {
border-bottom:medium none;
}
div#BasicHeader div#mainNavigation ul li.home a:link, 
div#BasicHeader div#mainNavigation ul li.home a:visited {
border-bottom:medium none;
}
div#BasicHeader div#mainNavigation li.current a:link, 
div#BasicHeader div#mainNavigation li.current a:visited, 
div#BasicHeader div#mainNavigation a:hover{
background-color:#006CB5;
border-bottom:medium none;
color:#FFFFFF;
margin:5px 0 0;
padding:10px 0 6px 9px;
}
div#BasicHeader div#mainNavigation ul li.secondLine a:hover{
padding:10px 0 5px 9px;
}
/*END Header CSS for NGRID site*/

/* Gasem Footer for NGRID site */
div.genericContent div.footerdesc{
margin-left:30px;
}
div.genericContent div.footerdesc ul{
margin-top:-20px;
padding: 30px 0 0 0;
/*list-style-type: disc;*/
}

div.genericContent div.gasfootertitle {
  	font-size: 1.0em;  
	font-weight: bold;
	color: #333;
	padding: 10px 0 0 0; 
}
/* End Gasem Footer for NGRID site */

/*Added for contact us forms */

div.genericContent div.innerContent 
{font-size: 12px;
color: #262626;
width: 550px;
padding-top: 0pt;
padding-right: 20px;
padding-bottom: 0pt;
padding-left: 0pt;
float: left;
}

div.genericContent div.innerContent.fourCol 
{width: 785px;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
float: right;
}

.red {
	COLOR: #ff0000;
}

#border
{
padding:15px;
}

/*div.genericContent div.innerContent.fourCol div#border a, a:link
{font-weight:bold;}


/* These are for forms- VN added 04-15-2009 */ 

.buttonformat {
border: #6699cc 1px solid;
background: #f0f0f0;
color: #00345B;
}

.inputformat {
COLOR: #00345B;
border:  #6699cc 1px solid;
}

.button {
border: #A9C7EC 1px solid;
background:#ffffff;
color:#006cb5;
font-weight:bold
}
.button2 {
border: #A9C7EC 1px solid;
background:#ffffff;
color:#ff0000;
font-weight:bold
}

.formtext {
COLOR: #000000;
margin: 0px;
}

.inputformat {
COLOR: #006cb5;
FONT-SIZE: 1.1em;
border:  #6699cc 1px solid;
}
.textindent {
/*
margin-left: 13px;
*/

}
.indent {
margin-left: 10px;
margin-right: 10px;
}
.hide { display: none }
#print-only { display: none }

#border {
padding:15px;
}

.showhide {
color:#006cb5;
font-weight:bold;
text-decoration:underline;
cursor:pointer;
}


/* Header style for Flash page*/
/*** START: Replacement Header styles ***/
div#headerB {
	padding: 0 20px 5px 20px;  /*Venkat change from 27px to 5px*/
	width: 960px;
	background: transparent url(http://www2.nationalgridus.com/img/reskin/bg_header_1col4colB.gif) no-repeat 20px bottom;
}

div#header div#breadCrumb {
	float: left;
	width:90%;      /* Venkat change for space between breadcrumb and black bar in IE6 */
}

div#header div#breadCrumb ul {
	list-style-type: none;
	padding: 0 0 13px 10px;
}

div#header div#breadCrumb ul li {
	list-style-position: outside;
	float: left;
	color: #333;
	font-weight: bold;
}

div#header div#breadCrumb ul li span {
	font-size: 1.1em;
	color: #333;
	font-weight: bold;
}

div#header div#breadCrumb ul li a {
	font-size: 1.1em;
}

div#headerB div#navigation {
	float: left;
	width: 765px;
}

div#headerB div#primaryNavigation {
	padding: 5px 0 0 0;			/*wl - changed from 10px to 5px*/
	border-top: 5px solid #e5e5e5;
	width: 785px;
}

div#header div#secondaryNavigation {
	border-top: 5px solid #e5e5e5;
}

div#headerB div#primaryNavigation ul,
div#headerB div#secondaryNavigation ul {
	list-style-type: none;
}

div#headerB div#primaryNavigation ul {
	padding: 0 0 4px 0;	
}

div#headerB div#secondaryNavigation ul {
	padding: 5px 0 17px 0;	
}

div#headerB div#primaryNavigation ul li,
div#headerB div#secondaryNavigation ul li {
	list-style-position: outside;
	float: left;
	padding: 0 15px 0 0;
	width: 180px;
}

div#headerB div#secondaryNavigation ul li {
	margin: 5px 0 0 0;
}

div#headerB div#primaryNavigation ul li.last,
div#headerB div#secondaryNavigation ul li.last {
	padding: 0;
}

div#headerB div#primaryNavigation a:link,
div#headerB div#primaryNavigation a:visited {
	font-weight: bold;
	font-size: 1.4em;
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #e5e5e5;
	width: 170px;
	display: block;
}

div#headerB div#primaryNavigation li.current a,
div#headerB div#primaryNavigation a:hover,
div#headerB div#primaryNavigation a:active {
	color: #fff;
	background-color: #006cb5;
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #006cb5;
}

div#headerB div#primaryNavigation ul li.secondLine a:link,
div#headerB div#primaryNavigation ul li.secondLine a:visited {
	margin: 5px 0 0 0;
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #e5e5e5;
}

div#headerB div#primaryNavigation ul li.secondLine a:hover,
div#headerB div#primaryNavigation ul li.secondLine a:active {
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #006cb5;
}

div#headerB div#secondaryNavigation a:link,
div#headerB div#secondaryNavigation a:visited {
	font-weight: bold;
	font-size: 1.2em;
	padding: 8px 0 7px 20px;
	width: 160px;
        height: 30px;
	display: block;
	background-color: #dfdfdf;
}

div#header div#secondaryNavigation li.dropDownEnabled a:link,
div#header div#secondaryNavigation li.dropDownEnabled a:visited {
	background: #dfdfdf url(http://www2.nationalgridus.com/img/reskin/bullet_topnav_closed.gif) no-repeat 11px 13px;
}

div#header div#secondaryNavigation li.current a,
div#header div#secondaryNavigation a:hover,
div#header div#secondaryNavigation a:active {
	color: #fff;
	background-color: #666;
}

div#headerB div#primaryNavigation li.dropDownEnabled p {
	background: #fff url(http://www2.nationalgridus.com/img/reskin/bullet_primarynav_closed.gif) no-repeat 163px 16px;
	font-weight: bold;
	font-size: 1.4em;
	padding: 7px 0 6px 10px;   /*  VN 10/28 Changed from 10px to 7px */
	border-bottom: 1px solid #e5e5e5;
	width: 170px;
	color: #006cb5;
}

div#headerB div#primaryNavigation li.current p,
div#headerB div#primaryNavigation li:hover p,
div#headerB div#primaryNavigation li.hover p {
	background: #006cb5 url(http://www2.nationalgridus.com/img/reskin/bullet_primarynav_open.gif) no-repeat 163px 16px;
	border-bottom: 1px solid #fff;
	color: #fff;
}

/* fix for secondary menu box not highlighted in dark grey */
div#header div#secondaryNavigation li.dropDownEnabled.current a, 
div#header div#secondaryNavigation li.dropDownEnabled.current a:link,
div#header div#secondaryNavigation li.dropDownEnabled.current a:visited,  
div#header div#secondaryNavigation li.dropDownEnabled a:hover,
div#header div#secondaryNavigation li.dropDownEnabled a:active {
	background: #666 url(http://www2.nationalgridus.com/img/reskin/bullet_topnav_open.gif) no-repeat 10px 15px;
}

/*venkat Added for Sec Nav menu highlight */
div#header div#secondaryNavigation ul li ul li.current a,
div#header div#secondaryNavigation ul li ul li.current a:link,
div#header div#secondaryNavigation ul li ul li.current a:visited, 
div#header div#secondaryNavigation ul li ul li.current a:hover,
div#header div#secondaryNavigation ul li ul li.current a:active
{
	background-image: none !important;
	background: #666 !important;  /*changed from #666 - wl */
	color: #fff;
}


div#headerB div#primaryNavigation ul li ul,
div#header div#secondaryNavigation ul li ul {
	position: absolute;
	z-index:999;
	width: 10em;
	left: -999em;
	padding: 0;
}

.frmcls
{ 
	position:relative;
	z-index:998;
	overflow:hidden;
	top:0;
	width:18.2em;
	height:500px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

div#headerB div#primaryNavigation li:hover ul,
div#headerB div#primaryNavigation li.hover ul,
div#header div#secondaryNavigation li:hover ul,
div#header div#secondaryNavigation li.hover ul {
	left: auto;
	z-index:999;
}

div#headerB div#primaryNavigation ul li ul li {
	margin: 0;
}

div#headerB div#primaryNavigation ul li ul li a {
	border-bottom: 1px solid #fff !important;
}

div#headerB div#primaryNavigation ul li ul li.last a {
	border-bottom: none !important;
}

div#header div#secondaryNavigation ul li ul li {
	margin: 0;
	border-top: 1px solid #fff;
}

div#headerB div#primaryNavigation ul li ul li a:link,
div#headerB div#primaryNavigation ul li ul li a:visited {
	background-image: none !important;
	background: #006cb5 !important;
	color: #fff;
}

div#headerB div#primaryNavigation ul li ul li a:hover,
div#headerB div#primaryNavigation ul li ul li a:active {
	background-image: none !important;
	background: #e78c07 !important;
	color: #fff;
	border-bottom: 1px solid #fff;
}

div#header div#secondaryNavigation ul li ul li a:link,
div#header div#secondaryNavigation ul li ul li a:visited {
	background-image: none !important;
	background: #dfdfdf !important;
	color: #006cb5;
}

div#header div#secondaryNavigation ul li ul li a:hover,
div#header div#secondaryNavigation ul li ul li a:active {
	background-image: none !important;
	background: #666 !important;
	color: #fff;
}

/* old
div#header div#logo {
	width: 170px;
	padding: 22px 0 0 20px;
	margin: 0 15px 0 0;
	float: left;
} */
/* wl - new */
div#headerB div#logo {
	width: 180px;
	padding: 22px 0 0 0;
	margin: 0 15px 0 0;
	float: left;
}

div#headerB div#logo a {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}

div#headerB div#utility {
	float: right;
	width:760px;  /*fix for IE 6 position of the line above the header */
	padding: 7px 0 8px 0; /* VN 10/28 Change to 7px from 8px */
}

div#headerB div#utility ul {
	list-style-type: none;
/*	padding: 13px 0 13px 0;   */
	float:right;  /*fix for IE 6 position of the line above the header */
}

div#headerB div#utility ul li {
	list-style-position: outside;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 30px 0 0;
}

/*added for HP greeting message */
div#headerB div#utility ul li.hpmessage {
	list-style-position: outside;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 360px 0 0;
    color: #78a22f;
    font-size: 1.4em;
}

div#headerB div#utility ul li.last {
	padding: 0 10px 0 0;
}

div#headerB div#utility ul li a {
	font-size: 1em;
	font-weight: bold;
}

/*** START: Clearfix ***/
.clearfixB {
	display: block;
}

.clearfixB:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*** END: Clearfix ***/