html{ width:100%; height:100%; margin:0; padding:0;font-size:18px; }
body{ width:100%; height:100%; margin:0; padding:0; font-family: Arial,Helvetica,sans-serif; font-size:72%; -moz-box-sizing: border-box; box-sizing: border-box; }
body{/* padding:0 1em 0 1em ;*/ position:relative;} /* for allowing space when responsive site is reduced to same size as window */

div { -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/*******  hide spinner buttons on input type=number fields ******/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/*******  end hide spinner buttons ******/

a.green_a{text-decoration:none;color: #00853F; }
a{text-decoration:none;color: #00853F;}
a:hover{text-decoration:none;}
a:focus { outline: none }
.q_mark{text-decoration:none;color:#FFF;line-height: 1.9;}
#main{width:100%; margin: 0 auto; max-width:990px;}

/*******  from globalNav.css  ******/
#headerWrapper { overflow: hidden; padding-top:0; margin-bottom:0; position: relative; }
#logoContainer {clear: both; }
#header_logo { float: left; height: 55px; padding-top:0; margin: 40px 0 12px 11px; width: 260px; background:transparent url("../images/MYA_header_sprite.png") 0px -381px no-repeat scroll; }
#header_logo a {display: inline-block; height: 45px; width: 205px; }
#header_nav { clear: both; overflow: hidden; }
#chatArea { float: right; margin: 30px 0 0 0; overflow: hidden; padding: 0; }

#topLevelNav div.navItem { float: left; height: 18px; }
#topLevelNav div.navItem a{ border-right: 1px solid #ccc; padding-right:1em; margin-right:1em; }
#topLevelNav div#largeBusinessCont {height:40px;}
#topLevelNav div.dropnav { display: block; height: 19px; margin-bottom: 2px; padding: 0 10px 0 4px; }
#topLevelNav div.dropnav a { border-right:none; margin-right:0em;}
#topLevelNav div.last { border: medium none; }

#topLevelNav a:hover { text-decoration: underline; }
#topLevelNav a.selected { color: #00853F; font-weight: bold;}
#topLevelNav div.dropnav a.dropLink { display:block; height: 15px; }

#topLevelNav div.offState {background-color: #FFFFFF; }
#topLevelNav div.onState {background-color: #EEEEEE; }
#topLevelNav div.offArrow {background: url("../images/arrow_closed.png") no-repeat scroll right top rgba(0, 0, 0, 0); }
#topLevelNav div.onArrow { background: url("../images/arrow_open.png") no-repeat scroll right top #EEEEEE; }

#commonNav { height:15px; width:45%; font-size:11px;	 margin: 0; overflow: hidden; padding: 0; position: absolute	; right: 0; top: 10px; }
#commonNavMenu {list-style-type: none; margin: 0; font-size:1em; line-height:1.2em; padding: 0; text-align: right; }
#commonNavMenu li { border-right: 1px solid #999999; display:inline; height: 15px; margin: 0; padding: 0; }
#commonNavMenu a {color: #666666; font-size: 1em; height: 13px; margin: 0; padding: 0 6px 0 3px; }
#commonNavMenu a:hover { text-decoration: underline; }
#commonNavMenu a.selected { color: #00853F; font-weight: bold; }
#commonNavMenu .last { border:none; padding-right: 0; }

#contactMenu { float: right; margin: 0; padding: 0; }
#contactMenu li { float: left; height: 20px; list-style-type: none; margin-left: 12px; overflow: hidden; vertical-align: top; }
#contactMenu li a { color: #666666; display: inline-block; height: 18px; padding-top: 2px; text-decoration: none; }
#contactMenu li a:hover { text-decoration: underline; }
#contactMenu li.callLink { background: url("../images/icon_cta_call.png") no-repeat scroll 0 0 #FFFFFF; }
#contactMenu li.chatLink { background: url("../images/icon_cta_chat.png") no-repeat scroll 0 0 #FFFFFF; }
#contactMenu li.emailLink { background: url("../images/icon_cta_email.png") no-repeat scroll 0 0 #FFFFFF; }
#contactMenu li.callLink a { padding-left: 12px; }
#contactMenu li.chatLink a { padding-left: 18px; }
#contactMenu li.emailLink a {padding-left: 20px; }

#tabnavContainer { clear: both; margin: 0; overflow: hidden; padding: 0; }

#header_nav{height:65px; width:100%; overflow:hidden; position:relative; background:transparent url("../images/MYA_header_sprite.png") 0px -71px repeat-x scroll}

#nav_tabs{width:100%; *float:left; }
#nav_tabs_left{height:65px; position:absolute; bottom:0px; left:0px; background:transparent url("../images/topnavBkg_left.gif") left bottom no-repeat scroll;}
#nav_tabs_right{height:65px; z-index:35; width:400px; position:absolute; bottom:0px; right:0px; background:transparent url("../images/topnavBkg_right.gif") right bottom no-repeat scroll;}

ul#mainNav {list-style-type:none; margin:0;padding:0;}
ul#mainNav li { float:left; text-align:center; padding:0px 0px 2px 0px; height:29px; border-right:1px solid #D8D8D8; color: #999999; }
ul#mainNav li.active {background: url("../images/topbarTabCurrent.gif") repeat-x top left;height:31px; color:#00853F; }
ul#mainNav li.active a{ color:#00853F; font-weight:bold;} /* Selected Tab */
ul#mainNav li a { font-size:15px; color:#666; text-decoration:none; display:block; padding:8px 25px 5px 25px; }

#subnavMenu {list-style-type:none; height:30px; margin:0 15px 0 25px; top:1px; padding:0; position:relative;}
#subnavMenu li{ display:inline-block; height:14px; margin:8px 1em 8px 0; padding-right:1em; border-right:1px solid #666; *display:inline; zoom:1;}
#subnavMenu li a{display:block; line-height:14px; vertical-align: middle; font-size:1em; margin:0; padding:0; width:100%;}
#subnavMenu li:last-of-type{border-right:none}
#subnavMenu #menuSpacer{width:8%;}

#qbpBlock{position:absolute; bottom:5px; right:255px; width:125px; height:28px; background: url("../images/roundSubmitBtn.png") 100px 4px no-repeat scroll;}
#qbpBlock a{display:block; color: #00853F; font-size:14px; line-height:14px;font-weight:bold; height:28px; text-decoration:none; padding:6px 0;}

#searchBlock{position:absolute; width:220px; height:100%; bottom:0px; right:10px; }
#searchForm{margin:0px; height:30px; position:absolute; right:0px; bottom:0px;}
#searchForm #searchBtn{float:right; padding-top:1px; background:transparent url('../images/roundSubmitBtn.png') right center no-repeat scroll; width:25px; height:25px; border:none;}
#searchForm #searchText { background: url("../images/iconSearch.gif") no-repeat scroll 5px 1px #FFFFFF; position:absolute; right:15px; border: 2px solid #999999; color: #666666; margin-right: 5px; padding-left: 25px; vertical-align: bottom;}	

#main-content{width:100%; background-color:#fff; border:none; padding:0 1em; overflow:auto; position:relative;	}

.mobileOnly{display:none;}
.stdOnly{display:block;}

.feedback{position:absolute; right:0px; background:transparent url('../images/oo_icon.gif') right center no-repeat scroll;}
.feedback a{font-size:11px; text-align:right; padding-right:1em;}

@media (max-width: 768px) {
	.mobileOnly{display:block;}
	/* .stdOnly{display:none;} */
	.topShadow{ box-shadow:inset 0px 5px 5px -5px rgba(0,0,0,.4); }
	.leftShadow{ box-shadow:-5px 5px 5px -2px rgba(0,0,0,.4); }
	.contentBlock{padding:0px;}
	
	body{padding:0 0}
	
	#accountHead_container{display:none;}
	#headerWrapper{ position:fixed; z-index:25; height:55px; left:0px; top:0px; width:100%; min-width:320px; margin:0; padding:0;}
	#headerBlock{overflow:hidden; height:50px; border-bottom:1px solid #aaa; background-color:#e6e6e6; box-shadow:0 5px 5px -4px rgba(0,0,0,.4);}
    #header_logo {overflow:hidden; width:150px; height:35px; float:left; margin:.5em 0 0 .7em; background:transparent url('../images/MYA_header_sprite.png') 0px -280px no-repeat scroll; }
    #header_logo a{display:inline-block; height:45px; width:150px; *display:inline; zoom:1;}
    #header_logo.smb{height:45px; background:transparent url('../images/MYA_header_sprite.png') 0px -314px no-repeat scroll;}
	#header_menu{float:right; pointer:cursor; width:30px; height:35px; margin-right:1.2em; margin-top:1em; background:transparent url('../images/MYA_header_sprite.png') -184px -284px no-repeat scroll	;  }
	#pageOverlay{display:none; position:absolute; z-index:11; top:0%; left:0%; width:100%; height:100%; background-color: #000; -moz-opacity:0.7; opacity:.70; filter: alpha(opacity=70); background-color:rgba(0,0,0,.7);}

	#menuContainer{position:absolute; display:none; width:85%; min-width:200px; max-width:300px; top:0px; right:0px; z-index:15; background-color:#fff;}
	#menuContainer div.menuItem{height:40px; padding-left:2em; border-left:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden;}
	#menuContainer div.menuItem a{display:block; height:28px; padding-top:12px; font-size:1.1em; font-weight:bold; text-decoration:none;}	
    
	#menuContainer .topShadow{ box-shadow:inset 0px 5px 5px -5px rgba(0,0,0,.4); }
	#menuContainer .leftShadow{ box-shadow:-5px 5px 5px -2px rgba(0,0,0,.4); }
    
    #menuContainer .first{ height:50px !important; }
    #menuContainer .menuItem{ padding-left:35px !important; }
    #menuContainer .bigger{display:block; height:65px !important; color:#fff;}
    #menuContainer .darkgreen{ padding-left:5em !important; background-color:#00853f; color:#fff; }
    #menuContainer .darkgreen a{ color:#fff; }
    #menuContainer .signOut{ padding-left:2em !important; background-color:#00853f; color:#fff; }
    #menuContainer .signOut a{ color:#fff; }
    #menuContainer .lightgreen{ padding-left:5em !important; background-color:#8cc63f; color:#fff; }
    #menuContainer .lightgreen a{ color:#fff; }
    #menuContainer .white{ padding-left:2em !important; background-color:#fff; color:#00853f; }
    #menuContainer .white a{ display:block; height:41px !important; padding-top:24px !important; font-size:1.5em !important; font-weight:normal !important; line-height:16px; }
    #menuContainer .padTop{ padding-top:1.5em; }
    #menuContainer #accountSelectLabel{font-weight: bold;}
    #menuContainer .chevron{background:transparent url('../images/svg/chevron.svg') 210px center no-repeat scroll; background-size:18px 18px; }
    #menuContainer div#signOutBlock.chevron{background-position:245px center !important;}
    
	div#signOutBlock{height:100%; overflow:hidden; padding-top:1.4em; padding-left:2em !imporant; }
	div#signOut{ font-size:11px; padding:.5em .5em .5em 3em; margin-right:1em; vertical-align:middle;}
    div#signOut #menu_accountBlock{padding-top:16px;}
	div#signOutBlock label{ float:left; height:20px; vertical-align:middle; font-size:11px;}
	div#signOutBlock select{ background-color:#666; border: 1px solid #CCCCCC; color: #FFF; font-size: 11px; margin: 3px 15px 0 15px; padding: 0;}
    div#signOutBlock #accountSelect{ float:left;}
    
	.topShadow{ box-shadow:inset 0px 5px 5px -5px rgba(0,0,0,.4); }
	.leftShadow{ box-shadow:-5px 5px 5px -2px rgba(0,0,0,.4); }
	
    /* SVG Background images */
    div#menu_signOut{ background-color: }
    div#menu_residential{ background:transparent url('../images/svg/mobile-res-home.svg') 2em 0.9em no-repeat scroll; background-size:18px 18px;}
    div#menu_res_home{}
	div#menu_payBill{}
    div#menu_signIn{}
	div#menu_shop{}
	div#menu_support{}
	div#menu_smallBus{ background:transparent url('../images/svg/mobile-small-business.svg') 2em 0.9em no-repeat scroll; background-size:18px 18px;}
	div#menu_largeBus{ background:transparent url('../images/svg/mobile-large-business.svg') 2em 0.9em no-repeat scroll; background-size:18px 18px;}
    div#menu_storeLocator{ background:transparent url('../images/svg/mobile-locator.svg') 2em 0.9em no-repeat scroll; background-size:18px 18px;}
	div#menu_fullSite{ background:transparent url('../images/svg/mobile-full-site.svg') 2em 0.9em no-repeat scroll; background-size:18px 18px;}

	#footer{ width:100%; }
    #footer ul.footernav li { border-color: #fff;}
	#footer ul.footernav li.last{ border-right: none;}
	#footer ul.footernav li a{color:#fff; font-size:1em;}
    #footer .borderTop{width:90%; border-top:1px solid #fff; margin:.5em auto 0 auto; padding-top:.5em;}
    #footer .largerNav a{font-size:1.3em !important;}
    
    #footerMenu{height:20px;}
    #footerMenu #footerMenu_smallBus{display:inline-block; line-height:20px; height:20px; padding-left:18px; background:transparent url('../images/svg/mobile-small-business_white.svg') 0 3px no-repeat scroll; background-size:14px 14px;}
    #footerMenu #footerMenu_largeBus{display:inline-block; line-height:20px; height:20px; padding-left:18px; background:transparent url('../images/svg/mobile-large-business_white.svg') 0 4px no-repeat scroll; background-size:12px 12px;}
    
    #mobileFooter .feedback{position:relative; background:transparent url('../images/oo_icon.gif') left center no-repeat scroll;}
   
}



/* Global Nav Styles */


/* Header Wrappers */

header {
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    margin: 0 0 15px;
    padding: 11px 10px 7px;
    width: 100%;
}

@media (min-width: 992px) {
    header {
        border: none;
        margin: 0 auto;
        padding: 11px 0 0;
        width: 960px;
    }
}

#top-row-wrapper {
    border-bottom: 1px solid #ccc;
    margin: 0 0 4px;
    padding: 4px 0 2px;
}

#top-row-inner-wrapper,
#middle-row-wrapper,
#main-nav,
#subnavContainer {
    box-sizing: border-box;
}

@media (min-width: 992px) {
    #top-row-inner-wrapper,
    #middle-row-wrapper,
    #main-nav,
    #subnavContainer {
        margin: 0 auto;
        padding: 0 34px !important;
        width: 960px;
    }
}

#top-row-inner-wrapper {
    font-size: 0;
}

#middle-row-wrapper {
    font-size: 0;
    margin-bottom: 3px;
}

/* Mobile header */

header {
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  margin: 0;
  padding: 11px 10px 7px;
  width: 100%;
}

@media (min-width: 768px) {
  header {
    border: none;
    margin: 0 auto;
    padding: 11px 0 0;
    width: 960px;
  }
}


/* Header Logo */

a#header-logo {
    background: url('../images/global_nav_sprite.png') -13px -304px no-repeat;
    display: inline-block;
    height: 34px;
    width: 165px;
}

@media (min-width: 992px) {
    a#header-logo {
        margin: 23px 0 0;
    }
}

#headerWrapper {
    position: relative;
    padding-top: 10px;
    overflow: hidden;
}

#commonNav {
    overflow: hidden;
    float: right;
}

#header_nav {
    clear: both;
    overflow: hidden;
}

#chatArea {
    float: right;
    width: 500px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
}


/* Top Left Segments Pivot */

#top-row-inner-wrapper a {
    display: inline-block;
    line-height: 1;
    vertical-align: text-top;
}

#topLevelNav {
    z-index: 50;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 15px;
}

#topLevelNav div.navItem {
    float: left;
    margin-right: 10px;
    height: 18px;
    padding-right: 10px;
    border-right: 1px solid #666;
}

#topLevelNav div.dropnav {
    display: block;
    height: 19px;
    margin-bottom: 3px;
}

#topLevelNav div.last {
    border: none;
}

#topLevelNav div. {
    border: none;
}

#topLevelNav a:hover {
    text-decoration: underline;
}

#topLevelNav a.selected {
    color: #00853F;
    font-weight: bold;
}

#topLevelNav div.dropnav {
    padding-right: 10px;
}

#topLevelNav a.dropLink {
    display: inline-block;
    height: 15px;
    padding: 0px 3px 3px 3px;
    margin-bottom: 3px;
}

#topLevelNav div.offState {
    background-color: #fff;
}

#topLevelNav div.onState {
    background-color: #eee;
}

#topLevelNav div.offArrow {
    background: url('../images/arrow_closed.png') no-repeat right top;
}

#topLevelNav div.onArrow {
    background: #eee url('../images/arrow_open.png') no-repeat right top;
}

.clearFix:after {
    content: "";
    display: table;
    clear: both;
}


/* For Business Dropdown */

#lbiz:hover div.businessMenuBox {
    display: block;
}

#business-dropdown {
    padding: 8px 0 0 12px;
}

.businessMenuBox > li {
    float: left;
    margin: 0;
}

.businessMenuBox ul {
    list-style: none;
}

#business-dropdown li a {
    background: #F2F2F2;
    border-radius: 2px;
    border: 1px solid #CDCDCD;
    /*color: #333333;*/
	color:#00853F;
    display: block;
    line-height: 30px;
    padding: 0 1.5em;
    text-decoration: none;
    width: 248px;
}

#business-dropdown li:hover a {
    background: #D0E7B5;
    text-decoration: underline;
}

.businessMenuBox ul {
    float: left;
    border-radius: 3px;
    margin-top: 1px;
    margin-left: -19px;
}

.businessMenuBox {
    background: #E0E0E0;
    border-radius: 3px;
    border: solid #E0E0E0;
	box-sizing: content-box;
    height: 155px;
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 1000;
    margin-top: -4px;
    margin-left: -21px;
}

ul.businessSubMenu li {
    margin-left: -20px;
    margin-bottom: -2px;
    margin-top: 0px;
}

ul.businessSubMenu li a {
    font-size: 12 px;
    font-family: Arial;
}

.horizontalLine {
    background: none repeat scroll 0 0 #ccc;
    border: medium none;
    color: #ccc;
    height: 1px;
    margin-top: 0px;
}

.arrow-header {
    background: url('../images/global_nav_sprite.png') no-repeat -26px -14px;
    width: 10px;
    height: 5px;
}

.arrow-headerPos {
    background: url('../images/global_nav_sprite.png') no-repeat -26px -14px;
    margin-left: 10px;
    margin-top: 5px;
    position: absolute;
}

.global-above-logo-nav {
    color: #333333;
    font-size: 12px;
    text-align: left;
    width: 285px;
    white-space: nowrap;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
}

.global-above-logo-nav .current a {
    color: #00853F;
    font-weight: 700;
}

.global-above-logo-nav a#for-business {
    /*color: #666;*/
	color:#00853F;
    padding: 0 0 0 15px;
}

.global-above-logo-nav span {
    float: left;
    margin-right: 0;
}

#lbiz {
    float: left;
    background: none;
    display: block;
    height: 22px;
    width: 150px;
    margin-left: 0;
    position: relative;
    z-index: 1000;
}

#forHome {
    color: #00853F;
    font-weight: bold;
}


/* Utility Nav (upper right) */

#commonNavMenu {
    display: inline-block;
    height: 15px;
    list-style-type: none;
    padding: 0;
    margin: 0px;
    text-align: right;
    width: 50%;
}

#commonNavMenu li {
    height: 15px;
    display: inline;
    padding: 0px;
    margin: 0px;
}

#commonNavMenu a {
    font-size: 12px;
    /*color: #666;*/
	color:#00853F;
    height: 13px;
    text-decoration: none;
    margin: 0px;
    padding: 0px 7px 0px 8px;
    position: relative;
}

#commonNavMenu li:last-child a {
    padding-right: 0;
}

/*a#chat-residential-english-LQ-LCTL {
    padding: 0;
}

#utility-nav-chat-link:before,
#chat-residential-english-LQ-LCTL:before {
    background: url('../images/global_nav_sprite.png') no-repeat -98px -189px;
    content: "";
    height: 19px;
    left: -30px;
    position: absolute;
    top: -4px;
    width: 27px;
}
*/
a#contactMenu_callLink {
    margin-left: 20px;
}

#contactMenu_callLink:before {
    background: url('../images/global_nav_sprite.png') no-repeat -161px -189px;
    content: "";
    height: 19px;
    left: -20px;
    position: absolute;
    top: -4px;
    width: 19px;
}

#commonNavMenu a:hover {
    text-decoration: underline;
}

#commonNavMenu a.selected {
    color: #00853F;
    font-weight: bold;
}

#commonNavMenu .last {
    border: none;
    margin-right: 0px;
    padding-right: 0px;
}


/* Search */

.search {
    background: url('../images/global_nav_sprite.png') 101.2% -250px no-repeat;
    display: inline-block;
    text-align: right;
    vertical-align: bottom;
    width: 727px;
}

input#searchText {
   /*  background: none;
    border: none; */
    height: 27px;
    padding: 4px 5px;
    width: 183px;
    box-sizing: border-box;
	font-size: small;
}


/* Main Nav */

header #header_nav {
    background: url('../images/nav-background.png') 0 100% repeat-x;
    height: auto;
}

#subnavContainer {}

ul#main-nav {
    height: 57px;
    margin-top: 4px;
    list-style: none;
    padding: 0;
}

ul#main-nav li {
    display: inline-block;
}

ul#main-nav li a {
    /*color: #333 !important;*/
	color: #333;
    display: inline-block;
    font-size: 18px;
    margin-right: 49px;
    padding: 19px 0 17px;
	line-height: 1.18;
}

ul#main-nav li.current a {
    /*color: #00853F !important;*/
	color: #00853F ;
    font-weight: 700;
    position: relative;
}

ul#main-nav li.current a:before {
    border-bottom: 8px solid #999;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 45%;
    position: absolute;
    width: 0;
}

/* Sub Nav */

#subnavContainer .top_menu {
    padding: 0;
}

#subnavContainer {
    clear: both;
    height: 36px;
    overflow: hidden;
    padding: 0px;
}

ul#sub-nav li a {
	color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 11px 0;
    position: relative;
	/*new*/
	text-decoration: none;
}

ul#sub-nav li a.selected {
    color: #00853F;
    font-weight: 700;
}

ul#sub-nav li {
    line-height: normal;
    margin: 0 32px 0 0;
}

#qbpBtn a:after {
    background: url('../images/global_nav_sprite.png') -164px -7px no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0;
}

li.qbp {
    margin: 0 !important;
}

.top_menu ul li.qbp #qbpBtn a {
    color: #00853F;
    font-size: 14px;
    font-weight: 700;
    background: none;
    padding: 11px 28px 11px 0px;
}

.top_menu ul li.qbp #qbpBtn a:hover {
    text-decoration: underline;
}

form#siteSearch button {
    background: transparent;
    cursor: pointer;
    font-size: 0;
    height: 28px;
    width: 35px;
    vertical-align: top;
    border: none;
}


/* Older Sub Nav Styles (from global.css) */

.top_menu {
    clear: both;
    overflow: hidden;
    height: 32px;
    padding-left: 15px;
}

.top_menu ul {
    height: 36px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.top_menu ul li {
    display: block;
    float: left;
    line-height: 27px;
    *line-height: 25px;
}

.top_menu ul li a {
    font-size: 12px;
    padding: 0 10px;
}

.top_menu ul li a:hover {
    text-decoration: underline;
}

.top_menu ul li.current_link a {
    font-weight: bold;
    color: #00853F;
    text-decoration: none;
}

.top_menu ul li.current_link a:hover {
    text-decoration: underline;
}

.top_menu ul li.first {
    margin-left: -3px;
}

.top_menu ul li.last {
    margin-right: 0px;
    padding-right: 0px;
}

.top_menu ul li.search {
    float: right;
    position: relative;
    height: 28px;
    overflow: hidden;
    padding-right: 15px;
}

.top_menu ul li.qbp {
    float: right;
    margin-right: 24px;
    width: 140px;
}

.top_menu ul li.qbp #qbpBtn {
    float: right;
}


/* --------------------------------- */
/*               Footer              */
/* --------------------------------- */

/* Wrappers and containers */
footer {
  /* border-top: 1px solid #666; */
  border-top: 0.25rem solid #8cc63f;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

@media (min-width: 768px) {
    footer {
    padding: 13px 34px 15px;
    width: 750px;
  }
}

@media (min-width: 992px) {
  footer {
    /* border-top: 1px solid #ccc; */
	border-top: 0.25rem solid #8cc63f;
        padding: 13px 34px 35px;
        width: 990px;
	padding-top: 1.25rem;
    }
}

#twoXsfooter {
    font-size: 0;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}


/* Links */

#twoXsfooter a {
  color: #666;
    line-height: 1.5;
    display: inline-block;
}


/* Logo */

#footer-logo {
  background: url('/static/images/global_nav_sprite.png') -12px -460px no-repeat;
    display: inline-block;
    height: 25px;
    width: 18.4%;
}

/* Logo mobile */

#footer-logo-mobile {
  background: url(/static/images/global_nav_sprite.png) -12px -458px no-repeat;
  display: inline-block;
  height: 25px;
  width: 40.4%;
  margin: 8px 0px 0px;
}

/* Navigation */

#footer-nav {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    width: 100%;
}

@media (min-width: 992px) {
    #footer-nav {
        width: 85.5%;
    }
	#footer-logo {
        width: 14.4%;
    }
}

#footer-nav a {
    font-size: 12px;
}


ul.twoXsfooternav {
    color: #666;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}


ul.twoXsfooternav li {
    display: inline-block;
    margin: 5px 0;
}

ul.twoXsfooternav li:after {
    content: "|";
    padding-left: 4px;
    padding-right: 0;
}

ul.twoXsfooternav li:last-child:after {
    content: "";
}



/* Copyright */ 

#twoXsfooter .copyright {
  color: #666;
  font-size: 12px;
  margin: 1em 0;
  /* text-align: center; */
}
/* force copyright on new arnold pages  */
#copyright-year {
    color: #666;
    font-size: 12px;
    margin: 1em 0;
    text-align: center;
}

@media (min-width: 992px) {
  #twoXsfooter .copyright {
        margin: 1em 0 0;
        text-align: left;
    }
}


/* Original css */

ul.twoXsfooternav li.last {
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px;
}

.feedback {
    background: transparent url('../images/oo_icon.gif') right center no-repeat scroll;
    bottom: 0;
    position: absolute;
    right: 13px;
}

.feedback a {
    font-size: 12px;
    padding-right: 1em;
    text-align: right;
}



/* Mobile Specific Elements */

#mobileFooter {
    border-top: 1px solid #666;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

.mobile-footer-nav {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-footer-nav li {
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
}

ul#mobile-footer-nav-row-1 li {
    height: 30px;
    margin: 12px 0 8px;
}

ul#mobile-footer-nav-row-1 li:first-child {
    border-right: 1px solid #ccc;
}

#mobile-footer-nav-row-1 a {
    box-sizing: border-box;
    color: #00853f;
    font-size: 14px;
    height: 100%;
    line-height: 30px;
    width: 100%;
}

#mobile-footer-for-home,
#mobile-footer-for-business {
    position: relative;
}

#mobile-footer-for-home {
    padding-left: 35px;
}

#mobile-footer-for-business {
    padding-left: 45px;
}

#mobile-footer-for-home:before,
#mobile-footer-for-business:before {
    color: #A3A3A3;
    font-family: "FontAwesome";
    font-size: 24px;
    position: absolute;
}

#mobile-footer-nav-row-2 {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

#mobile-footer-nav-row-2 a {
    color: #666;
    font-size: 12px;
    line-height: 1;
    padding-left: 25px;
}

#mobile-footer-nav-row-2 li {
    text-align: center;
    width: 100%;
}

#home-icon,
#business-icon {
    fill: #a3a3a3;
    position: absolute;
    width: 25px;
}

#home-icon {
    left: 0;
}

#business-icon {
    left: 10px;
}

.mobile-footer-feedback-wrapper a {
    background: transparent url('../images/oo_icon.gif') 10px center no-repeat scroll;
}


/* Scroll-to-Top */

#scroll-to-top {
    color: #666;
    display: none;
    font-size: 14px;
    margin: 0 25px 15px;
    position: relative;
    text-align: right;
}

#scroll-to-top:after {
    content: "\f077";
    font-family: "FontAwesome";
    font-size: 12px;
    position: absolute;
    right: -20px;
    top: 2px;
}
@media (max-width: 767px) {
	#footer-logo {margin:20px 0 10px; width:100%;}
	ul.twoXsfooternav-mobile{padding:0 0 0.75rem;}
}

@media (min-width:320px) and (max-width:767px){
	#mobileFeedback{
	right:auto;
	bottom: 70px;
	padding: 0 0 0 .75rem;

	}
	#twoXsfooter .copyright{
		margin: 1.9rem 0;
	}
}


/* --------------------------------- */
/*          Error messaging          */
/* --------------------------------- */

.formError p:empty {
    font-size: 0;
}


/* --------------------------------- */
/*            Mobile Menu            */
/* --------------------------------- */

#mobile-menu-button {
    box-sizing: border-box;
    color: #808080;
    font-size: 28px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    transition: background 0.35s ease-out, color 0.35s ease-out;
    width: 50px;
    z-index: 4;
}

#mobile-menu-button.enabled {
    background: #00853f;
    color: #7FC29E;
}

#page-overlay {
    background: #333;
    position: absolute;
    top: 56px;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    transition: opacity 0.35s linear;
    z-index: -1;
}

#page-overlay.enabled {
    opacity: 0.5;
    z-index: 3;
}

#mobile-menu-wrapper {
    -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, .15);
    box-shadow: -5px 0 5px rgba(0, 0, 0, .15);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 56px;
    transition: width 0.35s ease-out;
    width: 0;
    z-index: 5;
}

#mobile-menu-wrapper.enabled {
    width: 275px;
}

#mobile-menu {
    background: #fff;
    box-sizing: border-box;
    color: #000;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    right: -275px;
    top: 0;
    transition: right 0.35s ease-out;
    width: 275px;
    z-index: 4;
}

#mobile-menu,
#mobile-menu-wrapper {
    height: 456px;
}

#mobile-menu.enabled {
    right: 0;
}

#mobile-menu-nav-list {
    box-sizing: border-box;
    list-style: none;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#mobile-menu-nav-list {
    right: 0;
    z-index: 4;
}

.menu-item a {
    border-bottom: 1px solid #ccc;
    color: #00853f;
    display: block;
    font-size: 18px;
    line-height: 56px;
    padding: 0 30px 0 50px;
    position: relative;
    text-decoration: none;
}

#mobile-nav-for-home {
    background: #00853f;
    color: #fff;
}

#mobile-nav-for-home:before,
#mobile-nav-for-business:before,
#mobile-nav-store-locator:before,
#mobile-nav-full-site:before {
    content: "";
    height: 56px;
    left: 15px;
    position: absolute;
    width: 22px;
}

#mobile-nav-for-home:before {
    background: url("../images/svg/mobile-res-home.svg") center no-repeat;
    color: #fff;
}

#mobile-nav-for-business:before {
    background: url("../images/svg/mobile-large-business_black.svg") center no-repeat;
}

#mobile-nav-store-locator:before {
    background: url("../images/svg/mobile-locator_black.svg") center no-repeat;
}

#mobile-nav-full-site:before {
    background: url("../images/svg/mobile-full-site_black.svg") center no-repeat;
}

.chevron {
    display: inline-block;
    width: .5em;
    height: .8em;
    position: absolute;
    font-size: 2rem;
    right: 20px;
    top: 10px;
    padding-top: 3%;
}

.chevron:before,
.chevron:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
}

.chevron:before {
    right: 0;
    border-width: .4em 0 .4em .4em;
    border-color: transparent transparent transparent #333;
}

.chevron:after {
    left: 0;
    border-width: .4em 0 .4em .4em;
    border-color: transparent transparent transparent #ACD870;
}

#mobile-nav-for-business:after,
#mobile-nav-store-locator:after,
#mobile-nav-full-site:after {
    color: #333;
}

.menu-item:nth-last-child(-n+3) a,
#mobile-nav-quick-bill-pay {
    background: #ACD870;
    border-color: #fff;
   /* color: #333;*/
}



/* --------------------------------- */
/*   Mobile Menu Formprocessor       */
/* --------------------------------- */

#mobile-menu-buttonFormprocessor {
    box-sizing: border-box;
    color: #808080;
    font-size: 28px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    transition: background 0.35s ease-out, color 0.35s ease-out;
    width: 50px;
    z-index: 4;
}

#mobile-menu-buttonFormprocessor.enabled {
    background: #00853f;
    color: #7FC29E;
}

#page-overlayFormprocessor {
    background: #333;
    position: absolute;
    top: 56px;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    transition: opacity 0.35s linear;
    z-index: -1;
}

#page-overlayFormprocessor.enabled {
    opacity: 0.5;
    z-index: 3;
}

#mobile-menu-wrapperFormprocessor {
    -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, .15);
    box-shadow: -5px 0 5px rgba(0, 0, 0, .15);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 56px;
    transition: width 0.35s ease-out;
    width: 0;
    z-index: 5;
}

#mobile-menu-wrapperFormprocessor.enabled {
    width: 275px;
}

#mobile-menuFormprocessor {
    background: #fff;
    box-sizing: border-box;
    color: #000;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    right: -275px;
    top: 0;
    transition: right 0.35s ease-out;
    width: 275px;
    z-index: 4;
}

#mobile-menuFormprocessor,
#mobile-menu-wrapperFormprocessor {
    height: 510px;
}

#mobile-menuFormprocessor.enabled {
    right: 0;
}

/* --------------------------------- */
/*   Hiding classes from bootstrap   */
/* --------------------------------- */

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

/* --------------------------------- */
/*   Formprocessor   contentBlock    */
/* --------------------------------- */
/*@media (max-width: 768px){
#main-contentFormprocessor{
	margin: 15px;
	
}*/

@media (min-width: 769px){
#main-contentFormprocessor {
    background: -webkit-linear-gradient(top, #fff, #eee);
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    behavior: url(/content/js/PIE.htc);
	margin-top: 15px;margin-bottom: 15px;
}
#contentBodyFormprocessor{
	background-color: #fff;
	border: 1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    behavior: url(/static/js/PIE.htc);
    padding: 15px;"
}

}
 
@media (max-width: 767px) {
	p#FormprocessorSubHeading{
	font-size: 21px;
    font-weight: bold;
	margin-top: 0px;
    margin-bottom: 15px;
	color: #00853f;
	}
	#main-contentFormprocessor.contentBlockOptOut{
	padding:15px 5px 5px 5px;
}
#optout_button{
	margin-left:100px;
}

}
@media (max-width: 768px){
#main-contentFormprocessor {
    width: 100%;
    background-color: #fff;
    border: none;
    padding: 0 1em;
    overflow: auto;
    position: relative;
}

#contentBodyFormprocessor{
	background-color: #fff;
	border: none;
    padding: 0 1em;
    overflow: auto;
    position: relative;
}

}
p.FormprocessorSubHeading{
	font-size: 21px;
    font-weight: bold;
	margin-top: 0px;
    margin-bottom: 15px;
	color: #000;
}
input.optout_width{
margin-top: 15px;
width:100px;
}

/*--- throttle page ----*/

.tp-pd20 {
        padding-top: 20px;
}
.pd-tp130 {
        padding-top: 130px;
}
.body-text {
        color: #000000;
        font-family: arial, sans-serif;
        font-size: 18px;
}
.ctl-Logo {
        background: url("/static/images/throttle_sprite.png") no-repeat -16px -10px;
        width: 169px;
        height: 34px;
}
.padd-left15{
	padding-left:15px;
}
.padd-right15{
	padding-right:15px;
}
.margin-tp0{
    margin-top: 0px;
}
.pmod{
	line-height:1.43777
}
@media (min-width: 992px){
#mod .container {
    width: 990px;
}
}
/* HSI WIFI Success */
#backTowifi{text-decoration:underline;}


/* Nokia start*/
#loading-spinner-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
  margin-top: 25px;
}

@media (min-width:320px) and (max-width:767px){
	#loading-spinner-wrapper{
		margin-top: 25px;	
	}
}

#loading-spinner {
  background: url('../images/loading_interstitial.gif') #fff no-repeat center 85px;
  box-sizing: border-box;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  padding-top: 35px;
  position: absolute;
  text-align: center;
  width: 100%;
  padding-bottom: 210px;
}



#nokia-iframe-wrapper {
  height: 1370px;
}


#nokia-iframe-wrapper {
    height: 500px;
    margin:-20px 0 0 -1px;
}

@media (min-width:320px) and (max-width:767px){
  #nokia-iframe-wrapper{
    margin:-20px 0 0 -1px;
  }
}

@media (min-width: 992px) {
  #nokia-iframe-wrapper {
    height: 500px;
  }
}

/* Nokia end */