body {background: #00175B;}

/*TO DO:replace not() selector by resetting the pf-nav section after this is done. IE doesn't understand not().*/
.section:not(.pf-nav) .title {line-height:100%; font-size: 1em; width: 98%; padding:2px 2px 4px 2px; margin:0 auto .5em auto;}

/* Component containers*/
.ui-widget {font-size:1em;}
.ui-widget .ui-widget { font-size: 1em; } /*1em here means, if a widget is placed in a widget, don't change font size*/
.ui-widget-content {background: #E1E1E1; border: solid 1px #595959; color: #595959; margin: 2px 4px; padding:.5em .25em;}
.ui-widget-content p {color: #595959; padding:0 .5em;}
.ui-widget-content a {color: #595959; }
.ui-widget-header {background-color: #E1E1E1; background-image: none; border: none; border-bottom: inset 2px #595959; color: #595959; padding:0;}
.ui-widget-header a {color: #595959; }

/*undo rounded corners on headers so border doesn't curve*/
.ui-widget-header.ui-corner-all {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

/*add unique styles to nav section that differ from standard widget containers*/
.header .pf-nav .ui-widget-header.title, .section.pf-nav {}
.section.pf-nav a {}
#subnav {}

/*acount links at page bottom*/
ul.ui-mobile-account-menu {}
ul.ui-mobile-account-menu li {color: #E1E1E1; font-size: .9em;}

/*re-color clicked menu link*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #E1E1E1; color: #595959;}

/*re-color selected row in list*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #595959; border: #E1E1E1;}

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #404040; border: solid 1px #595959; color:#FFFFFF; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background:#595959; color:#FFFFFF;}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png);}
button.ui-state-disabled, button.ui-button-disabled, button.ui-state-disabled.ui-button { background-color:#909090; color: #E1E1E1 !important; }

/*footer*/
.footer-container {color: #E1E1E1; margin-top: 4px; text-align: center;}

/*login page*/
#login-body{background: #E1E1E1; padding: 5px;}

/*storefront*/
.logo-container img {height: 35px; padding-top: 4px;}
.logo-container, .store_catbuttons {text-align: center;}
.store_contact {padding:.5em;}
.store_contact div {margin-bottom: 2px;}
ul.frq-radios {list-style: none; padding: 0; margin: 0 0 8px 0;}
ul.frq-radios li {display: inline; margin-right: 8px;}

#grid_container {display: flex !important; justify-content: space-around !important;}

/*pump page*/
.ui-tabs-selected.pump-tab {background:#808080;}
.ui-widget-content.pump_view_tabs {background:#808080; border: none; margin:0 2px 2px 2px;}
.ui-widget-header.ui-tabs-nav {border:none;}