/*** ESSENTIAL STYLES ***/
.sf-menu{font-size:1em;}
#mega-menu {float:left;position: relative;width: 766px;z-index: 1000;padding:18px 0 0;}
.sf-menu, .sf-menu *{margin: 0;padding: 0;list-style:none;}
.sf-menu {line-height:1.2em;width:100%;}
.cssgradients .sf-menu {height:3.4em}
.no-cssgradients .sf-menu,.no-js .sf-menu{height:4.1em;}
.sf-menu ul {position: absolute;top: -999em;list-style-type:none;font-size:1em; /* width: 10em;*/}
.sf-menu ul.mega-menu {padding:10px 0px 5px 0px;}
.sf-menu ul li{width: 100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {width:auto;float: left;position: relative;z-index: 3000;overflow:inherit;font-size:1em;}
.no-cssgradients .sf-menu li,.no-js .sf-menu li {margin-top:4px;}
.sf-menu a {display: block;position:relative;}
.sf-menu li a {font-size:1.6em;font-weight:bold}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left: 0;top: 3.5em; /* match top ul list item height */z-index: 99;}

/*** DEMO SKIN ***/
.cssgradients .sf-menu {background:none}
.no-cssgradients .sf-menu,.no-js .sf-menu{background:none}
/*.borderradius .sf-menu{-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;}*/
.no-borderradius .sf-menu{}
.sf-menu a{padding:9px 15px;text-decoration:none;}
.sf-menu ul a{border-right: none;}
.sf-menu li a{color: #0270B9;}
.sf-menu ul li.sfHover a.sf-with-ul{color:red;}
.boxshadow .sf-menu ul.mega-menu {box-shadow:0px 3px 5px 0px #777;-moz-box-shadow:0px 3px 5px 0px #777;-webkit-box-shadow:0px 3px 5px 0px #777;}
.cssgradients .sf-menu ul.mega-menu {background: -moz-linear-gradient(top, #0589d2, #0484cf); background: -webkit-gradient(linear, left top, left bottom, from(#0589d2), to(#0484cf));}

.borderradius .sf-menu ul.mega-menu{background:-ms-linear-gradient(top, #0589d2, #0484cf);-moz-border-radius:0 0 5px 5px;border-radius: 0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
.no-cssgradients .sf-menu ul.mega-menu{background:#0589d2 url('/etc/designs/centrica/bgas/images/menubg.png') repeat-x left bottom}
.no-js .sf-menu ul.mega-menu{background:#0589d2;}
.no-boxshadow .sf-menu ul.mega-menu, .no-borderradius .sf-menu ul.mega-menu{border: 1px solid #ececec;border-top:0px none;}
.sf-menu li.sfHover a{background:#fff;color:#992900;}
.sf-menu li.sfHover a .sf-sub-indicator,.sf-menu li a.current-page .sf-sub-indicator, .sf-menu li.current-section a .sf-sub-indicator{background: url('/etc/designs/centrica/bgas/images/main-menu-more.png') no-repeat 0 0;width:17px; height:17px; display:block; top:14px;right:5px;}
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {outline:0;}

/*** arrows **/
.sf-menu a.sf-with-ul{padding:7px 30px 13px 15px;min-width: 1px;line-height:0.9em;height:0.95em; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{position: absolute;display: block;right:5px;top:10px; /* IE6 only */width: 17px;height: 17px;    text-indent:  -999em; background: url('/etc/designs/centrica/bgas/images/main-menu-more.png') no-repeat 0px 0px; /* 8-bit indexed alpha png. IE6 gets solid image only */}

a > .sf-sub-indicator {/* give all except IE6 the correct values */ top: 14px; background-position: 0 0; /* use translucent arrow for modern browsers*/} 
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {background-position:  -10px 0;}
.sf-menu ul a > .sf-sub-indicator {background-position:  0 0;}
.mcolumn5-class{clear:both;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*Mega Column Styles*/
.mega-wrapper{left:0px;}
.mega-column {margin:15px 0px 0 0;overflow: hidden;width: 160px;padding: 0 15px;}
.mega-column-content {}

.mega-column-new{float:left;background: url("/etc/designs/centrica/bgas/images/vertical-divider.png") no-repeat scroll right center transparent;overflow: hidden;width: 195px;height:28.5em;}
.no-js .mega-column-content {background:none;} 
.last-mega-column-content{background:none;}
.mega-column-content p {margin:0 0 16px;}
.mega-column-content h3{font-size:1.2em;font-weight:700;color:#fff;padding:0 0 5px;width:160px;}
#mega-menu .sf-menu li.current-section.sfHover .mega-column-content h3 a{background:none;}
.no-js .mega-column-content h3 {margin-top:5px;}
.mega-column-content h3 a{padding:0;font-size:1.1em}
.no-js .mega-column-content h3 a {color:#bc2800;}
.mega-column-content ul li a{padding:0;font-size:1.1em}
.sf-menu ul .mega-wrapper ul {background-image: none;position: relative;top: auto;width: auto;float:left;}
.sf-menu ul .mega-wrapper ul li {font-size:1.1em;margin:5px 0 0 0;padding:0 0 0 12px;background:url('/etc/designs/centrica/bgas/images/arrows-rgt.png') no-repeat 0 5px;}
.sf-menu ul .mega-wrapper ul li a{color:#d33e0b;height: 1%;position: relative;display:inline;padding:0px;background:none;}
#mega-menu .sf-menu li a:hover .sf-sub-indicator,#mega-menu .sf-menu li a:focus .sf-sub-indicator,#mega-menu .sf-menu li.sfHover .sf-sub-indicator{background: url('/etc/designs/centrica/bgas/images/main-menu-hover.png') no-repeat 0 0;width:17px; height:17px; display:block; top:14px;right:5px;}
/*.cssgradients #mega-menu .sf-menu li a:hover, .cssgradients #mega-menu .sf-menu li a:focus, .cssgradients #mega-menu .sf-menu li.sfHover a {background:-moz-linear-gradient(top,#FFFFFF,#FFFFFF);background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); color:#992900;}*/
.boxshadow #mega-menu .sf-menu li a:hover, .boxshadow #mega-menu .sf-menu li a:focus, .boxshadow #mega-menu .sf-menu li.sfHover a {box-shadow: #777 0px 1px 5px 0px;-moz-box-shadow:#777 0px 1px 5px 0px;-webkit-box-shadow: #777 0px 1px 5px 0px;}
.borderradius #mega-menu .sf-menu li a:hover, .borderradius #mega-menu .sf-menu li.sfHover a{-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;}
.borderradius #mega-menu .sf-menu li.first-menu a:hover, .borderradius #mega-menu .sf-menu li.first-menu a:focus{-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;}
/*.no-cssgradients #mega-menu .sf-menu li a:hover, .no-cssgradients #mega-menu .sf-menu li a:focus, .no-cssgradients #mega-menu .sf-menu li.sfHover a {background:#fff;color:#992900;}*/
#mega-menu .sf-menu li a:hover,#mega-menu .sf-menu li a:focus,#mega-menu .sf-menu li.sfHover a {background:#0589d2;color:#FFFFFF;}
.no-boxshadow #mega-menu .sf-menu li a:hover, .no-boxshadow #mega-menu .sf-menu li a:focus, .no-boxshadow #mega-menu .sf-menu li.sfHover a, .no-borderradius #mega-menu .sf-menu li a:hover, .no-borderradius #mega-menu .sf-menu li a:focus, .no-borderradius #mega-menu .sf-menu li.sfHover a {border:1px solid #ececec;border-bottom:0px none;}
#mega-menu .sf-menu li a:hover{text-decoration:underline;}
#mega-menu .sf-menu li .mega-column a:hover,#mega-menu .sf-menu li .mega-column a:focus,#mega-menu .sf-menu li.sfHover .mega-column a{color:#FFFFFF;background:none;text-decoration:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:1px dotted transparent;-moz-border-radius:0;border-radius:0;-webkit-border-radius:0;}
#mega-menu .sf-menu li .mega-column a:focus{border:1px dotted #c2c2c2;}
.sf-menu ul .mega-column li{float:none;line-height:1.6em;}
.sf-menu li.last-menu{float:right;}
.sf-menu li.last-menu a.menubar-link {border-right:none;}
ul.sf-menu li ul li ul li a{font-weight:normal}
.mega-column-content h3.mega-ts{margin:20px 0px 0px 0px}
#mega-menu .sf-menu .mega-column a.current-page,#mega-menu .sf-menu li .mega-column a.current-page:hover,#mega-menu .sf-menu li .mega-column a.current-page:focus, #mega-menu .sf-menu li.sfHover .mega-column a.current-page{color: #D9F3FD;font-weight:700;}
#mega-menu .sf-menu li a.current-page,#mega-menu .sf-menu li a.current-page:hover,#mega-menu .sf-menu li a.current-page:focus{background:none;color:#D9F3FD;font-weight:700;}
.cssgradients #mega-menu .sf-menu li.current-section a{background:none} 
.no-cssgradients #mega-menu .sf-menu li.current-section a{background:none}
#mega-menu .sf-menu li.current-section.sfHover a,#mega-menu .sf-menu li.current-section.sfHover .current-page {background:#0589d2;color:#ffffff}
#mega-menu .sf-menu li.current-section a{color:#939393;}
/*.#mega-menu .sf-menu li a:hover, #mega-menu .sf-menu li a:focus, #mega-menu .sf-menu li.sfHover a,a:focus {background:#fff; color:#992900;}*/