/* Dynamic CSS */

/* Dynamic CSS */

/* Dynamic CSS */

ul#topmenu li a, ul#topmenu li button {
    padding: 9px 28px 10px 28px;
    font-size: 18px;
    color: #ffffff;
    text-shadow: none;
    font-family: arial;
    font-weight: normal;
    position: relative;
    z-index: 400;
    margin: 0;
    zoom: 1;
    border-color: transparent;
    text-decoration: none;
    display: block;
    line-height: 1.4em;
    border: 0;
    text-align: left;
}

ul#topmenu li {
    float: left;
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    border: none;
    text-align: left;
    font-size: 12px;
    display: block;
    line-height: 1.4em;
}


.force-center {
    margin: 0;
    width: 100%;
    float: left;
    position: relative;
    line-height: 1em;
    overflow: visible;
    display: block;
}

nav.navbar.navbar-default {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    min-height: 44px;
    box-shadow: none;
}

.main-menu {
    float: left;
    width: 100%;
    display: block;
}

@media screen and (min-width: 980px) {

ul#topmenu .dropdown:hover .dropdown-menu {
    display: block;
    border: none;
}
}


@media screen and (max-width: 980px) {
    div#navbar {border: none;padding:0;}
    ul#topmenu li {width:100%;}
ul#topmenu li ul{/* width:100%; *//* position: relative; *//* top:0; */}




ul#topmenu {
    background: #fff;
}


ul#topmenu li a, ul#topmenu li button{color: #00529f;text-transform: capitalize;padding: 9px 28px 10px 28px;}
ul#topmenu li:hover {background: transparent;}


.navbar-nav>li>.dropdown-menu {
    background:  #42aee1;
}
ul#topmenu li ul li a, ul#topmenu li ul li button, .dropdown-menu > li > a{
    color: #ffffff;
    font-size: 14px;
}

ul#topmenu > li:first-child {
    margin-top: 15px;
}

ul#topmenu > li:last-child {
    margin-bottom: 15px;
}

.main-menu {
    background: transparent !important;
}

button.navbar-toggle {
    border: none;
    position: absolute;
    top: -120px;
    right: 0;
    z-index: 1080;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #00529f;
    height: 3px;
    width: 35px;
    margin: 8px 0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: transparent;
}
}






/* Dynamic CSS */



/*------------------TOP NAVIGATION--------------------*/

.container.widetop-container
{
    margin-bottom: 0
    padding-top: 0
    padding-bottom: 0
}

.top-menu
{
    background-color: #ffffff;
    font-size: 12px;
    color: #ffffff;
    border-top: solid 10px #0055a5;
}

.widetopbar-div
{
    margin: 0 auto;
}

#widetopbar-div ul
{
    list-style: none;
    max-width:980px;
    margin: 0 auto;
    text-align:right;
}

.navbar-default
{
    background: #FFFFFF
    border-bottom:none
    border-top: none
    border-left: none
    border-right: none
}

#widetopbar-div ul li
{
    display: inline-block;
    background-color: #47aa42;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#widetopbar-div ul li:not(:first-child)
{
    border-left: 1px solid #ad3030;
}

#widetopbar-div ul li:hover
{
    background-color: #3b8d37;
}

#widetopbar-div ul li a
{
    color: #FFFFFF
    text-transform: uppercase
    font-size: 15px;
    line-height: 1.42857143;
    font-weight: bold;
    white-space: nowrap;
}

.icon-bar
{
    background-color:#fff
}

/*--------------------- LOGO --------------------*/

#logo
{
    padding: 10px;
    position: relative;
    float:left;
}

#logo img
{
    max-width: 100%;
    max-height: 115px;
}

/*-------------------- MAIN NAVIGATION --------------------*/

/*-------------------- 100% width nav --------------------*/
.mainnav-container
{
    max-width: 980px;
    margin: 0px auto;
}
.main-menu
{
    /* min-height: 36px; */
    /*
    border-bottom: 1px solid #dddddd;
    background-color: #0055a5;
    border: 1px solid #00478a;
    */
}

ul#topmenu
{
    /* width:100%; */
    /*border-left: 1px solid rgba(255,255,255,.3);
    border-right: 1px solid rgba(0,0,0,.3);*/
}

ul#topmenu li
{
    /* display: inline; */
    text-align: center;
    /* width: 20%; */
}

#navbar
{
    float: left;
    width: 100%;
}

/*---------------------*/

#navbar
{
    margin: 0 auto;
}

.navbar-collapse
{
    /*border-top: 1px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;*/
    /* overflow-x: hidden; */
    /* padding-left: 0px; */
    /* padding-right: 0px; */
}

.navbar
{
    /* margin-bottom: -15px; */
}

.navbar-collapse
{
    /* padding-left: 0px; */
    /* padding-right: 0px; */
}

/*
.navbar-nav
{
    float:right;
}
*/

.navbar-nav>li>.dropdown-menu
{
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    /* background: #FFFFFF; */
    padding: 0;
    min-width: 100%;
}

@media (max-width:979px)
{

    .dropdown > a
    {
        text-transform:uppercase;
    }

    .dropdown-menu>li:not(:last-child)
    {
        border-bottom: 1px solid #e7e7e7;
    }

    .dropdown-menu>li>a
    {
        padding: 8px 20px;
    }

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > button
    {
        color: #FFFFFF
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
        /* font-weight: bold; */
        /* font-size: 100%; */
        font-family: "opensans", sans-serif
        padding: 0 15px;
        /* -webkit-transition: all 0.15s ease; */
        /* transition: all 0.15s ease; */
        /* line-height: 50px; */
        /* border-right: 1px solid rgba(255,255,255,.3); */
        /* border-left: 1px solid rgba(0,0,0,.3); */
    }

    .navbar-default .navbar-nav > li > a.dropdown-toggle:after
    {
        content: "\e252";
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        position: relative;
        font-size: 10px;
        color: #000000;
        padding-left: 5px;
    }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > button:hover
    {
        /* background-color: #ddddff; */
        /* color:#ffffff; */
        /* font-family:"opensans", sans-serif; */
        /* -webkit-transition: all 0.15s ease; */
        /* transition: all 0.15s ease; */
    }

    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:active,
    .navbar-default .navbar-nav>li>a:hover
    {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .active > a
    {
        background: none;
        box-shadow: none;
        /* color: #47aa42; */
    }

    .navbar-default .navbar-nav > li > a:after
    {
    }
}

/*------------------- HOVER MENU -----------------------*/
.dropdown:hover .dropdown-menu
{
    /* display: block; */
}

/*------------------------------------------*/

/*
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
li.menufunction button:hover,
li.menufunction button:focus 
{
    background-image: none;
    background-color: #e8e8e8;
    background-repeat: repeat-x;
}

.dropdown-menu > li > a,
li.menufunction button
{
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    background: transparent;
    border: 0;
    width: 100%;
    text-align: left;
}
*/
/*--------------------- MAIN NAVIGATION --------------------*/

table#r3-menu-table td#r3-menu-column
{
    border:none;
    margin: 0; 
    padding: 0;
}

tr#row-4,
    tr#row-4.td
{
    height: 0px;
    display: none;
    background-color:
}


/*----------- PAGES WITH SIDEBARS --------------*/

/*
#boat-for-floats
{
    border: medium none;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 0;
    max-width: 980px;
    min-height: 250px;
    text-align: left;
    /* z-index: 1; */
    clear: both;
    width: 100%;
}

#boat-for-floats #main-div
{
    float: left;
}

@media (min-width:980px)
{
    #boat-for-floats #main-div
    {
        width:100%;
    }
}
*/

/*
@media (min-width:992px)
{
    #boat-for-floats #main-div
    {
        width:100%;
    }
}

@media (min-width:1200px)
{
    #boat-for-floats #main-div
    {
        width:100%;
    }
}
*/

#content-wrapper
{
    width: 75%;
}

ul#quicklinksmenu
{
    list-style: none;
    padding: 15px;
}

ul#quicklinksmenu li
{
    padding: 7px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

ul#quicklinksmenu li a
{
    font-size:14px;
    color:#cccccc;
}

ul#quicklinksmenu li a::before
{
    content: "\e092";
    position: relative;
    top: 0;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 7px;
    margin-right: 5px;
}

.marketing-wrapper
{
    background: #092B47;
    color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.18);
    border: 7px solid #FFF;
    padding: 10px;
}

/*
@media screen and (max-width: 991px)
{
    #content-wrapper
    {
        width: 100%;
    }

    #leftbar-column
    {
        width: 100%;
        padding: 15px;
    }
}
*/

/*-------------------------------*/

/*---------- ACCOUNT/TANK SELECTOR ------------*/

div#row-4 .container
{
    padding:0;
}

div#header-acct-selector
{
    /*
    background-size: cover;
    padding: 15px;
    width: 100%;
    margin-bottom: 25px;
    min-height: 105px;
    */
}

/*
div#header-acct-selector
{
    float: left;
    width: 980px;
}

@media (min-width:980px)
{
    div#header-acct-selector
    {
        max-width:750px;
    }
}

@media (min-width:992px)
{
    div#header-acct-selector
    {
        max-width:970px;
    }
}

@media (min-width:1200px)
{
    div#header-acct-selector
    {
        max-width:980px;
    }
}
*/

.acct-selector
{
    /*
    width: 48%;
    float: left;
    display: inline-block;
    padding: 10px 15px;
    margin: 15px 1% 15px 1%;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    min-height: 60px;
    */
    font-weight: bold;
    min-height: 20px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e3e3e3;
    max-width: 980px;
    margin: 0 auto;
}

@media (min-width:980px)
{
    .acct-selector
    {
        max-width:750px;
    }
}

/*
@media (min-width:992px)
{
    .acct-selector
    {
        max-width:970px
    }
}

@media (min-width:1200px)
{
    .acct-selector
    {
        max-width:980px;
    }
}
*/

#account_num
{
    width: 82%;
    font-style: italic;
    font-weight: normal;
    font-size:inherit;
}

span#tank-selector
{
    font-style: italic;
    font-weight: normal;
    font-size:inherit;
}

#loc_selector
{
    width: 100%;
}

#row-4 > div
{
    margin:0 auto;
    max-width:980px;
    /*padding:0 15px;*/
}

/*-------------------------------*/

.main-column
{
    margin: 0 auto;
    max-width: 980px;
}

.outer-div
{
    /* width:100%; */
    /* display: table; */
}

div#row-4
{
    /* max-width: 980px;*/
    margin: 0 auto;
    float: left;
    width: 100%;
}

div#row-M
{
    float: left;
    width: 100%;
}

#main-div
{
    border: medium none;
    line-height: 1.5em;
    /* margin: 0 auto; */
    /* padding: 15px; */
    text-align: left;
    /*  z-index: 1; */
    clear: both;
    /*margin-bottom: 25px;*/
    background-color: #ffffff;
}

@media (min-width:1200px)
{
    #main-div
    {
        width:980px;
    }

}

.container
{
    /* padding:15px; */
}

nav.navbar.navbar-default div.container
{
    padding-top:0;
    padding-bottom: 0;
}

.navbar-collapse
{
    /* padding-left: 0px; */
    /* padding-right: 0px; */
}


/*-------------------- RESPONSIVE --------------------*/

/*
@media screen and (max-width: 991px)
{
*/

    /*
    body
    {
        /*  padding-top: 177px;* /
    }
    */

    div#widetopbar-div
    {
        margin-top: 0;
    }
    
    .myaccount
    {
        padding-top: 15px;
        text-align: center;
    }
    
    .headtowns
    {
        text-align: center;
    }
    
    .container
    {
        /* width:100%; */
        /* padding:0; */
    }
    
    #content-wrapper
    {
        width: 100%;
    }
    
    #rightbar-column
    {
        width: 100%;
    }

    #cmdLogin,
    .submit,
    .button_class,
    .btn-primary,
    .button,
    .submit_button_class,
    #cmdSubmit,
    input.submit,
    #cmdCancelPayment,
    .cancel
    {
        margin-left: 0;
        margin-right: 0;
        width:100%;
        margin: 2% 0;
    }
    
    #membership-billing-addresses,
    #membership-contact,
    #membership-accounts
    {
        float: none;
        width:100%;
    }
    
    #widetopmenu 
    {
        margin: 0 auto;
        position: relative;
        min-width: 100%;
    }
    
    div#topbar-div
    {
        width: 100%;
    }
    
    #login-existing-customer-div
    {
        width:100%;
    }
    
    #signup-account,
    #signup-digits,
    #signup-email
    {
        float: left;
        padding-right: 0;
        width: 100%;
    }
    
    #first-login-container,
    #second-login-container
    {
        margin-left: 0;
        margin-right: 0;
    }
    
    div#passwd-msg-div
    {
        float:left;
        width:100%;
        margin-top: 15px;
        padding: 0;
    }
    
    #user_summary_intro img
    {
        max-width:100%;
        max-height:100%;
    }
    
    .acct-selector
    {
        width: 100%;
    }
    
    #account_num
    {
        width: 100%;
    }
    
    #loc_selector
    {
        width: 100%;
    }
    
    .input-label
    {
        width: 100%;
    }
    
    .input-entry
    {
        width: 100%;
    }
    
    #newpayment-amount,
    #newpayment-method,
    #newpayment-saved-cc
    {
        width: 100%;
        clear:both;
    }
    
    #newpayment-amount
    {
        margin-top: 15px;
    }
    
    #newpayment-cc-entry
    {
        margin-bottom:5px;
        width: 100%;
    }
    
    #newpayment-echeck-entry
    {
        margin-bottom:15px;
        width: 100%;
    }
    
    #newpayment-billing
    {
        width: 100%;
    }
    
    #newpayment-amount-input
    {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    
    #newpayment-policies
    {
        width:100%;
        padding-left:0px;
    }
    
        #newpayment-submit
    {
        clear: both;
        width:100%;
        padding: 0;
    }
    
    #newpayment-methods
    {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        min-height: 0px;
        padding: 0;
    }
    
    select#bill_expiration_month,
    select#bill_expiration_year
    {
        width:100%;
        margin: 5px 0;
    }
    
    span.input-prefix
    {
        width: 1%;
    }
    
    #membership-billing-addresses
    {
        width: 100%;
        float: left;
    }
    
    #membership-accounts
    {
        float: right;
        width: 100%;
    }
    
    .card-input
    {
        display: table;
        width: 100%;
        float: right;
        margin-top: 15px;
    
    }
    .del-area
    {
    width:100%;
    }
    
    .del-area .btn.btn-primary
    {
    width: 100%;
    }
    
    #newpayment-method-choices
    {
        width: 100%;
    }
    
    #cmdNewMethod
    {
    width: 100%;
    }
    
    #newpayment-saved-cc
    {
        margin-bottom:0px;
    }
    
    #newpayment-save-cards
    {
        width:100%;
    }
    
    #paperless-submit,
    #membership-contact-submit
    {
        margin-top:2%;
    }
    
    #membership-billing-addresses,
    #membership-contact
    {
        width: 100%;
        margin-top: 25px;
    }
    
    #page-payment #newpayment-policies
    {
        width: 100%;
        padding: 0;
    }
    
    body#page-addautopay #newpayment-marketing-terms
    {
        width: 100%;
        padding: 0;
    }
    
    body#page-orderlogin #signup-email,
    body#page-orderlogin #signup-phone
    {
        float:left;
        width:100%;
    }
    
    body#page-orderlogin #user_login_bottom
    {
        float: left;
        left: 0;
        padding: 15px;
        border-radius: 4px;
        position: none;
        top: 0;
        width: 100%;
        margin-bottom:3%;
    
    }
    
    body#page-orderlogin #user_login_bottom h4
    {
        color:#ffffff;
        border-bottom:1px solid #ffffff;
    }
    
    body#page-orderlogin #user_login_bottom
    {
        float: left;
        left: 0;
        padding: 15px;
        position: none;
        top: 0;
        width: 100%;
    }
    
    body#page-joinregister .general-marketing
    {
        width: 100%;
    }
    
    body#page-joinregister #login-box-div
    {
        float: left;
        width: 100%;
    }
    
    div#header-acct-selector
    {
        max-width: 100%;
    }

/* end @media screen and (max-width: 991px) * /
}
*/

@media screen and (max-width: 767px)
{
    body
    {
        /* padding-top: 158px;*/
    }
}

@media screen and (max-width: 980px)
{
    .navbar-nav
    {
        width: 100%;
    }

    ul#topmenu
    {
        /* border:none; */
    }

    ul#topmenu li
    {
        /* text-align: left; */
    }

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > button
    {
        /* border-left: none; */
        /* border-right:none; */
        /* border-bottom:1px solid rgba(0,0,0,.3); */
        /* color: #555555; */
    }

    tr.spaceUnder
    {
        width:100%;
    }

    /*------------------- HOVER MENU -------------------------------*/

    .dropdown-menu
    {
        display:none;
    }

    #navbar
    {
        /* border-left: 0; */
        /* border-right: 0; */
        /* border-top: 1px solid #94b3d1; */
        /* max-height: none; */
    }

    .navbar-nav .open .dropdown-menu
    {
        display: block;
    }

    #widetopmenu
    {
        border-radius: 0;
        margin: 0 auto;
        position: relative;
        width: 100%;
        /* z-index: 30000; */
        margin: 7.5px -15px;
    }

    #widetopmenu > li > a
    {
    }

    .dropdown-menu
    {
        border-bottom: 1px solid #e5e5e5;
        border-radius: 0;
    }

    .navbar-nav
    {
        width: 100%;
        margin: 0;
    }

     .navbar-default .navbar-nav > li > a
    {
        /* padding:15px; */
        /*line-height: 40px;*/
    }

    .nav>li:not(:last-child)
    {
         /* border-bottom: 1px solid #94b3d1;*/
    }

/*
    /*---------------------*/
    div#logo
    {
        text-align: center;
        float: none;
       /* margin: 15px 0;*/
    }
*/

} /* --- end @media screen and (max-width: 980px) --- */

/* --- from drinkmore.css --- */

ul#topmenu
{
    /* border: none; */
    margin: none;
}

ul#topmenu li:first-child
{
    /* border: none; */
}

ul#topmenu li
{
    /* height: 36px; */
    /*  line-height: 48px; */
    /* border: none; */
}

ul#topmenu li
{
    /* font-family: arial; */
    /* font-weight: normal; */
    /* vertical-align: baseline; */
}

ul#topmenu li a,
ul#topmenu li button
{
    /* color: #F0F0F0; */
    /* display: block; */
    /* padding: 7px 24px 7px 24px; */
    /* line-height: 22px; */
    /* font-size: 15px; */
}

ul#topmenu li button
{
    background-color: transparent;
    /* border: none; */
    /* width: 196px; */
}

ul#topmenu li:hover
{
    /* color: #000000; */
    /* margin-top:0px; */
    /* background-image:none; */
    background-color: #42aee1;
    /* cursor: auto; */
}

ul#topmenu li ul li
{
    color: #fff;
    background-color: #42aee1;
    width: 100%;
}

ul#topmenu li ul li:hover
{
    color: #000;
    background-color: #ccc;
}

ul#topmenu li ul li a,
ul#topmenu li ul li button,
.dropdown-menu  > li > a
{
    /* background: none; */
    /* background-image: none; */
    filter: none;
    color: #fff;
    display: block;
    width: 100%;
    border: none;
}

ul#topmenu li ul li a:hover,
ul#topmenu li ul li button:hover,
.dropdown-menu  > li > a:hover
{
    background: none;
    background-image: none;
    filter: none;
    color: #000;
    background-color: #ccc;
}

.navbar-default
{
    /* box-shadow:none; */
    /* -webkit-box-shadow:none; */
    /* background:none; */
    /* background-image:none; */
    /* background-color:transparent; */
    /* border:none; */
}

.navbar
{
    /* min-height:36px; */
}

@media screen and (max-width: 980px)
{
    ul#topmenu li a,
    ul#topmenu li button
    {
        /* font-weight: bold; */
        /* color: #333333; */
        /* text-transform: uppercase; */
    }

    ul#topmenu li ul
    {
        /* top: 0; */
    }

    ul#topmenu li button
    {
        width: 100%;
        text-align: left;
        border-bottom: none;
    }

    ul#topmenu li
    {
        /* width: auto; */
        /* border-bottom: 1px solid rgba(0,0,0,.3); */
    }
} /* --- end @media screen and (max-width: 980px) --- */

/* --- EOF --- */