/* Dynamic CSS */

html{
min-height:100%;
position:relative;
}
body{
margin-bottom:100px!important; 
font-family: "Open Sans", Arial, sans-serif!important;
color:#5a5a5a!important;
background-color: #ffffff !important;
}
a{
color: rgb(51, 122, 183);
text-decoration: none;
}
.footer{
position: absolute;
width: 100%;
bottom: -100px;
height: 50px;
float: left;
text-align: center;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
font-size: 12px;
color: #666 !important;
}
.footer-div{
padding:15px 0px;
}
.footer-div a{
color:#666666;
text-decoration:none;
}
.footer-div a:hover{
color:#092B47;

}


/*--------------------       --------------------
-------------------- FONTS --------------------
--------------------       --------------------*/
@font-face {
font-family: 'Glyphicons Halflings';
src: url('/style/fonts/glyphicons-halflings-regular.eot');
src: url('/style/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
url('/style/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
url('/style/fonts/glyphicons-halflings-regular.woff') format('woff'), 
url('/style/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
url('/style/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
font-family: 'bebas_neuelight';
src: url('/style/fonts/bebasneue_light_eot.eot');
src: url('/style/fonts/bebasneue_light_eot.eot?#iefix') format('embedded-opentype'),
url('/style/fonts/bebasneue_light_woff.woff2') format('woff2'),
url('/style/fonts/bebasneue_light_woff.woff') format('woff'),
url('/style/fonts/bebasneue_light_ttf.ttf') format('truetype'),
url('/style/fonts/bebasneue_light_svg.svg#bebas_neuelight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'bebas_neuebold';
src: url('/style/fonts/bebasneue_bold_eot.eot');
src: url('/style/fonts/bebasneue_bold_eot.eot?#iefix') format('embedded-opentype'),
url('/style/fonts/bebasneue_bold_woff.woff2') format('woff2'),
url('/style/fonts/bebasneue_bold_woff.woff') format('woff'),
url('/style/fonts/bebasneue_bold_ttf.ttf') format('truetype'),
url('/style/fonts/bebasneue_bold_svg.svg#bebas_neuebold') format('svg');
font-weight: normal;
font-style: normal;
}


/*--------------------          --------------------
-------------------- HEADINGS --------------------
--------------------          --------------------*/

h1,h2,h3,h4,h5,h6{
font-family: "Open Sans", Arial, sans-serif!important;
}
h1{
margin-top:0 !important;
}
h2{
    font-weight: bold !important;
    font-size: 30px !important;
    color: #990330 !important;
text-transform: uppercase; !important;
margin-top: 0 !important;
}
h3{
color:#030a04!important;
}
h4, .pageheader h4, .statements-heading h1, td.form-heading{
  margin-top: 15px !important;
    font-weight: bold !important;
    font-size: 30px !important;
    color: #990330 !important;
    text-transform: uppercase !important;
}

b{

}
.list-group-item-heading h4{
font-style: 18px;
}
.col-lg-4 h2 {
border-bottom: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
padding: 5px 0;
text-transform: uppercase;
}

/*--------------------       --------------------
-------------------- ICONS --------------------
--------------------       --------------------*/
.destwin-icons{
font-family: 'destwin-icons';
src: url('/style/fonts/destwin_icons_eot.eot');
}
i {
font-family: "destwin-icons";
font-size: inherit;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-transform: none;
padding:2px;
background-color:none;
color:#666666;
font-size:large;
-webkit-border-radius: 3px;
-moz-border-radius: 3px ;
border-radius: 3px;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
i:hover{
padding:2px;
color:#092B47;
background-color:transparent;
}

.icon-angies-list:before {
content: "\e600";
}
.icon-bbb:before {
content: "\e601";
}
.icon-blogger:before {
content: "\e602";
}
.icon-calender .path1:before {
content: "\e603";
color: rgb(51, 51, 51);
}
.icon-calender .path2:before {
content: "\e604";
margin-left: -0.7724609375em;
color: rgb(255, 255, 255);
}
.icon-customer-lobby:before {
content: "\e605";
}
.icon-danger:before {
content: "\e606";
}
.icon-facebook:before {
content: "\e607";
font-size:18px
}
.icon-foursquare:before {
content: "\e608";
}
.icon-googleplus:before {
content: "\e609";
}
.icon-home-dashbord:before {
content: "\e60a";
}
.icon-info:before {
content: "\e60b";
}
.icon-insiderpages:before {
content: "\e60c";
}
.icon-instagram:before {
content: "\e60d";
}
.icon-linkedin:before {
content: "\e60e";
padding: 0 2px;
}
.icon-myaccount:before {
content: "\e610";
}
.icon-myprofile:before {
content: "\e611";
}
.icon-order-fuel:before {
content: "\e612";
}
.icon-pay-bill:before {
content: "\e613";
}
.icon-pinterest:before {
content: "\e614";
}
.icon-save:before {
content: "\e615";
}
.icon-settings-options:before {
content: "\e616";
}
.icon-success:before {
content: "\e617";
}
.icon-tools:before {
content: "\e618";
}
.icon-tumblr:before {
content: "\e619";
}
.icon-twitter:before {
content: "\e61a";
padding: 0 3px;
}
.icon-vine:before {
content: "\e61b";
}
.icon-warning:before {
content: "\e61c";
}
.icon-yahoo:before {
content: "\e61d";
}
.icon-yellowbook:before {
content: "\e61e";
}
.icon-yellowpages:before {
content: "\e61f";
}
.icon-yelp:before {
content: "\e620";
}
.icon-youtube:before {
content: "\e621";
}
.icon-credit-card:before {
content: "\e93f";
}
.icon-address-book:before {
content: "\e944";
}
.icon-bubbles2:before {
content: "\e96d";
}
.icon-search:before {
content: "\e986";
}
.icon-lock:before {
content: "\e98f";
}
.icon-unlocked:before {
content: "\e990";
}
.icon-stats-dots:before {
content: "\e99b";
}
.icon-gift:before {
content: "\e99f";
}
.icon-bin:before {
content: "\e9ac";
}
.icon-switch:before {
content: "\e9b6";
}
.icon-cloud:before {
content: "\e9c1";
}
.icon-cloud-download:before {
content: "\e9c2";
}
.icon-cloud-upload:before {
content: "\e9c3";
}
.icon-link:before {
content: "\e9cb";
}
.icon-flag:before {
content: "\e9cc";
}
.icon-eye:before {
content: "\e9ce";
}
.icon-star-empty:before {
content: "\e9d7";
}
.icon-star-half:before {
content: "\e9d8";
}
.icon-star-full:before {
content: "\e9d9";
}
.icon-cross:before {
content: "\ea0f";
}
.icon-checkmark2:before {
content: "\ea11";
}
.icon-share2:before {
content: "\ea82";
}
.icon-vimeo:before {
content: "\ea9c";
}
.icon-skype:before {
content: "\eac6";
}
.icon-phone:before{
content: "\e182";
font-family: 'Glyphicons Halflings';
}
.icon-phone{
color: #888;
float: left;
font-size: 15px;
font-weight: bold;
width: 25px;
}
.login-icon{
float:left;
}

div.functional-icons, div.alert-icons{
padding:2px;
display:inline;
}
ul.social{
list-style: none;
padding: 0;
margin-bottom: 0 !important;
}
ul.social li{
display: inline-block;
padding: 5px;
}
.icon-calender .path1::before {
color:#464646;;
}
.icon-tools, .icon-success,.icon-warning,.icon-settings-options, .icon-error, .icon-calender, .icon-info{
background-color:transparent;
}
.icon-tools, .icon-success,.icon-warning,.icon-settings-options, .icon-error, .icon-calender, .icon-info i:hover{
background-color:transparent !important;
color:inherit !important;
}
.alert-info{
border-color: #bce8f1 !important;
}
div#user_summary_csrscript{
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc !important;
padding: 15px;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
width: 50%;
float: right;
}

/*-------------------- NEW NAVIGATION --------------------*/
.navbar-default{
background-image: none!important;
box-shadow: none !important;
background-color:transparent!important;
border-color:transparent!important;
background-color:transparent!important;
background-image: none!important;
background-repeat: repeat-x;
border-radius: 0px!important;
box-shadow: none!important;
border-color: transparent!important;
border: none !important;
}
.navbar-default > .container{
margin-bottom:0px!important;
padding-bottom:0px!important;
}
.navbar{
margin-bottom:0px!important;
}
.navbar-nav{
float:none!important;
}
.navbar-brand, .navbar-nav > li > a{
text-shadow: none!important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {

}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .active > a .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > .active > a .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > .active > a .dropdown-menu > li > a:active{
text-decoration: none;
background-image: none!important;
vertical-align:middle;
}
.dropdown-menu {
background-color: #f5f5f5 !important;
border: 1px solid #ddd !important;
border-radius: 0 !important;
width:100%;
box-shadow: none !important;
}
.dropdown-menu > li > a {
color: #666666 !important;
text-align:left;
    transition: padding 0.15s ease-in-out 0s;
}
/*------------------TOP NAVIGATION--------------------*/

.widetop-column{
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.col-md-12.top-container {
padding: 0 !important;
background-color: #f5f5f5;
border-bottom:1px solid #ddd;
}
.col-md-12.top-container .container {
padding: 0 !important;
}
.container-fluid.top-menu {
padding: 0 !important;
}
.widetop-menu {
float: right;
background: #f5f5f5;
margin: 0 auto;

}
.widetopbar-div {
float: right;
margin-top: -1px;
}
ul#widetopmenu{
margin-bottom: 0px;
list-style-type: none;
float: right;
padding-left: 0 !important;
}
ul#widetopmenu li{
display:block;
float:left!important;
}
ul#widetopmenu li button{
margin-top:-5px;
color:#888!important;
}
ul#widetopmenu li a{
color: #666;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
}
ul#widetopmenu li a:hover {
color: #666666;
text-decoration: none !important;
}
ul#widetopmenu li ul li a{
float: right;
padding-left: 5px;
padding-top: 2px;
}

.mainnav-container{
max-width:1170px;
margin:0px auto;
}
.social-links{
margin-top: 3px;
float:right;
}
.social-links a{
margin:0 2px;
}
#phone-number a {
font-family: "bebas_neuebold" !important;
font-size: 23px !important;
}
#login-logout, #contact-us {
background: #ff8e00;
}
#login-logout a, #contact-us a {
color: #ffffff !important;
font-family: "bebas_neuebold" !important;
font-size: 23px !important;
font-weight: normal;
padding: 10px !important;
}
.phone {
float: left;
width: 50%;
color:#888888;
}

li#login {
background: #e87424;
}

/*--------------------- LOGO  --------------------*/
#logo {
margin: 15px 15px 15px 0;
}
#logo img{
max-width: 100%;
max-height: 150px;
}

/*---------------------WIDETOP--------------------*/
.bigblue {
text-align: right;
font-size: 30px;
margin-top: 30px;
color: rgb(39, 58, 143) !important;
font-weight: bold;
}
.bigblue a{
color: #273a8f;
}
.main-menu {
background-color: #f5f5f5 !important;
height: 50px;
border-bottom: 1px solid #dddddd;
}
/*--------------------- MAIN NAVIGATION --------------------*/
div#topbar-div {

}
#topmenu{
margin-top: 10px;
z-index: 30000;
margin: 0 auto;
border: 0px solid #000000;
position:relative;
}
ul#topmenu li {
display: inline;
text-align: center;
width: 33%;
}

#topmenu > li > a {
clear: both;
display: block;
box-shadow: none;
font-family: inherit;
line-height: 1.42857;
white-space: nowrap;
font-weight: normal;
text-transform: uppercase;
padding: 12px 20px;
font-size: 18px;
}

#topmenu > li > a:hover, #topmenu > li > a:focus, #topmenu > li > a:active {
    background-color: #e8e8e8 !important;
background-image: transparent!important;
background-repeat: repeat-x;

}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-image:none!important;
background-repeat: repeat-x;
padding: 0 23px !important;
}


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


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
background-color: transparent !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
background-color: transparent !important;
}


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:}

#navbar {
float:left;
width:100%;
}
ul#topmenu li ul li button.user-option-button {
	color:#666666 !important;
    padding: 0 15px;
    text-align: left;
    transition: padding 0.15s ease-in-out 0s;
}

ul#topmenu li ul li button.user-option-button:hover{
    padding: 0 23px;
    background-color: #e8e8e8;
}

li#contract-btn #user-option-button-contract {
clear: both;
display: block;
box-shadow: none;
font-family: inherit;
line-height: 1.42857;
white-space: nowrap;
font-size: 16px;
padding: 5px !important;
color: #666 !important;
text-decoration: none;
height: auto !important;
font-weight: normal;
}
li#contract-btn #user-option-button-contract:hover {
font-weight:bold !important;
background-color: #0f4a21 !important;
color: #fff !important;
}

li .user-option-button
{
height: 28px;
width: 100%;
font-size: inherit;
line-height: 20px;
border:none;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
margin: 0;
padding: 2px 0 0 4px;
font-family: inherit;
vertical-align: middle;
display: block;
cursor: pointer;
}

ul#topmenu li ul li a,
ul#topmenu li ul li span.menu-header
{
line-height: 28px;
height: 28px;
font-size: 14px;
color: white;
font-weight: normal;
text-decoration: none;
padding: 0px 15px;
vertical-align: middle;
}

/*-------------------- LISTS  --------------------*/
ul.check-list {
    padding: 0 !important;
}
.check-list li {
    list-style: outside none none;
    margin: 5px 0;
    padding: 0 0 0 15px;
}
.check-list li::before {
    content: "\e013";
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    margin: 0 10px 0 0;
}

/*--------------------FORMS & BUTTONS  --------------------*/
input[type="checkbox"], input[type="radio"] {
margin: 15px 5px !important;
}
.btn{
text-align: center;
vertical-align: middle;
white-space: nowrap;
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
margin-bottom: 0;
cursor: pointer;
line-height: 1.5;
display: inline-block;
margin:0px 15px;
}
.btn.btn-primary {
margin: 6px 12px 6px 0;
min-width: 175px;
}
input.text, input[type="text"], select{
background-color: #FFF;
font-family: inherit;
border: 1px solid #CCC;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
color: rgba(0, 0, 0, 0.75)!important;
width: 100%;
box-sizing: border-box;
transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
border-radius: 0.3rem;
}
select{
padding:5px;
width:100%;
color:#555;
height: 34px;
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
input {
line-height: normal;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
textarea{
width:100%;
}

#dynamic-submit-one {
margin-top: 10px;
}
.select-button{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:0px;
background: #0E5E9D !important;
color:#ffffff;
}
.select-contract{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:0px;
background: #E03841 !important;
color:#ffffff;
}
.submit, .button_class, .btn-primary, .button, .submit_button_class, #cmdSubmit, input.submit, input.addtocart{
-moz-user-select: none;
border: 2px solid #990330 !important;
color: #990330 !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
display: inline-block;
margin: 15px 0;
font-size: inherit;
font-size: 1.5em !important;
min-width: 175px;
text-shadow: none !important;
padding: 10px 20px !important;
text-align: center;
vertical-align: middle;
line-height: 1.42857143;
white-space: nowrap;
background-image: none !important;
transition: color 0.1s ease-in 0s;
background-color: #FFFFFF !important;
}
.submit:hover, .button_class:hover, .btn-primary:hover, .button:hover, .submit_button_class:hover, #cmdSubmit:hover, input.submit:hover, input.addtocart:hover{
-moz-user-select: none;
cursor: pointer;
display: inline-block;
font-size: inherit;
font-size: 1.5em;
min-width: 175px;
text-shadow: none !important;
padding: 10px 20px !important;
text-align: center;
vertical-align: middle;
white-space: nowrap;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
transition: color 0.1s ease-in 0s;
background-color: #f5f5f5 !important;
}
#cmdCancelPayment, .cancel{
border: 1px solid transparent;
cursor: pointer !important;
background: #DADDE1 !important;
border: medium none !important;
    cursor: pointer;
    display: inline-block;
    margin: 15px 5px 15px 5px;
    font-size: inherit;
    font-size: 1.5em !important;
    min-width: 175px;
    text-shadow: none !important;
    padding: 10px 20px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 1.42857143;
    white-space: nowrap;
    background-image: none !important;
    transition: color 0.1s ease-in 0s;
}
#cmdLogin{
background-image: none !important;
text-shadow: none !important;
padding: 10px 20px !important;
background: #f5f5f5 !important;
font-weight: normal !important;
border: 2px solid #990330 !important;
line-height: 1.5 !important;
margin-bottom: 0;
text-align: center;
transition: color 0.1s ease-in 0s;

}
#cmdLogin:hover{
background-color: #670220 !important;
border: 2px solid #dddddd !important;
color: #fff !important;
background-image: none !important;
padding:10px 20px!important;
}
#cmdNewPassword {
background-color: #CC3A3D !important;
background-image: none !important;
border: medium none;
color:#fff;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.input-group {width:100%;}

.generic-form > div {
margin: 1% 0;
}
#updatedelivery-submit{
margin:1% 0;
}
#fv_cmdSubmit{
font-size:14px;
}
.form-control{
background-color: transparent!important;
float:left;
padding: 0 !important;
border: 0 solid #ccc !important;
border-radius: 0 !important;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset !important;
height: auto!important;

}
/*-------------------- TABLES --------------------*/
table{
max-width:100%;
width:100%;
border-collapse:collapse;
background:transparent;
border-spacing:0;
margin-bottom:20px;
}
table.user-info-table, table#loyalty-table, table#statements-table, .contact-table{
    background-color: #f5f5f5;
}
table#statements-table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}
table.user-info-table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}
table#loyalty-table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}
.contact-table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}
td.amount,td.gallons,td.price,td.document-amount,td.balance,td.price---gal-,td.average-unit-price-for-fuel,td.gallons-contracted,td.gallons-delivered,td.gallons-remaining{
text-align: right;
padding:3px 10px;
}
td.transaction-date,td.description,td.location{
padding:3px 10px;
}
td.signup-right{
padding:3px;
}

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


#loyalty-heading-row {
    color: #31708f;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
}
#loyalty-heading-row td{
padding: 15px !important;
border: 1px solid transparent;
border-radius: 4px !important;
border-color: #bce8f1 !important;
}
table#loyalty-table .col3 {
    width: 110px;
}
table#loyalty-table > tbody > tr > td {
    padding: 10px;
}
#loyalty-products-heading {
    font-weight: bold;
}
.loyalty-products-name {
    font-weight: bold;
}
.loyalty-products-name a {
    font-weight: normal !important;
    font-style: italic;
}
table#loyalty-table .numeric {
    font-weight: bold;
}
.loyalty-product-image {
    background-color: #ffffff;
    border: 1px solid #ddd;
    text-align: center;
}
.loyalty-product-image img {
    max-height: 100px;
}



/*-----------                     ---------------
-------------    MY STATEMENTS    ---------------
-------------                     --------------*/


table#statements-table > tbody > tr > td {
    padding: 10px;
}
#statements-headings-row{
    font-weight: bold;
}

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

/*-----------                     ---------------
-------------   MY BUDGET PLANS   ---------------
-------------                     --------------*/

#page-mybudget table#budget-table > tbody > tr:nth-of-type(2n+1) {
    background-color: rgba(108, 179, 68, 0.2);
}
#page-mybudget table#budget-table > tbody > tr > td {
    padding: 10px;
}
#page-mybudget #budget-headings-row {
    font-weight: bold;
}
#page-mybudget table#budget-table .numeric {
    font-weight: bold;
    padding: 10px 10px 10px 25px !important;
}
#page-mybudget table#budget-table > tbody > tr#monthly_amount-row > td:first-child,
#page-mybudget table#budget-table > tbody > tr#number_amount-row > td:first-child,
#page-mybudget table#budget-table > tbody > tr#charged_amount-row > td:first-child,
#page-mybudget table#budget-table > tbody > tr#paid_amount-row > td:first-child,
#page-mybudget table#budget-table > tbody > tr#due_amount-row > td:first-child,
#page-mybudget table#budget-table > tbody > tr#non_amount-row > td:first-child,
#page-mybudget table#budget-table > tbody > tr#total_amount-row > td:first-child {background: #092B47; color: #ffffff; font-weight: bold; }

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

/*-----------                     ---------------
-------------  BUDGET CALCULATOR  ---------------
-------------                     --------------*/
#budgetcalculator form {
    width: 50%;
    float: right;
    padding: 0 15px;
}

#budgetcalc-list {
    width: 50%;
    float: left;
    padding: 15px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}
#budgetcalc-items {
    font-weight: bold;
    list-style: none;
padding: 0;
}
.selector-label {
    padding: 10px 0;
}
.selector-input {
    font-weight: normal;
}
.budget-heading-narrow{
    font-weight: bold;
}

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

/*-----------                     ---------------
------------- MARKETING MESSAGES  ---------------
-------------                     --------------*/


div#user_delivery_intro, div#user_service_intro, div#user_oilpriceprotection_intro, div#orderfuel-marketing-intro, div#newpayment-marketing, div#newpayment-marketing, div#form_paperless_starter {
    margin: 10px 0;
    padding: 15px;
}

/*-----------                      --------------
------------- UPDATE DELIVERY INFO --------------
-------------                      -------------*/

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

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

#boat-for-floats #main-div{
	float: left;
}
@media (min-width:768px){#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%;
}
#rightbar-column {
    width: 25%;
    padding: 15px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}

#rightbar-column .col-md-12{
  padding: 0 !important;
}

ul#quicklinksmenu {
    list-style: none;
    padding: 0;
}
ul#quicklinksmenu li {
    padding: 5px 0;
}
ul#quicklinksmenu li a{
font-size:16px;
}
ul#quicklinksmenu li a::before{
content: "\e258";
position: relative;
top: 2px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 13px;
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;
}


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

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

div#header-acct-selector{
max-width: 1170px;
margin: 0 auto;
}
@media (min-width:768px){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:1170px}}
.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;
}
#account_num {
width: 82%;
font-style: italic;
font-weight: normal !important;
font-size:inherit;
}

span#tank-selector {
font-style: italic;
font-weight: normal;
font-size:inherit;
}
#loc_selector {
width: 72%;
}
#row-4 > div{
margin:0 auto;
max-width:1170px;
}

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

.main-column {
margin: 0 auto;
}
.outer-div {
margin:auto;
padding:auto;
overflow: visible;
position:relative;
}

#main-div {
border: medium none;
line-height: 1.5em;
margin: 0 auto;
padding: 1%;
max-width: 1170px;
min-height: 250px;
text-align: left;
z-index: 1;
clear: both;
width: 100%;
background-color: rgba(0, 0, 0, 0) !important;
padding: 15px;
}
@media (min-width:768px){#main-div{width:750px}}
@media (min-width:992px){#main-div{width:970px}}
@media (min-width:1200px){#main-div{width:1170px}}
.container{
padding:15px;
}
nav.navbar.navbar-default div.container{
padding-top:0 !important;
}
.navbar-collapse{
padding-left: 0px!important;
padding-right: 0px!important;
}


/*----------------ALERTS---------------------------*/
.ssn_error{
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
border-radius:4px;
padding:15px;
border:1px solid;
margin-bottom:15px;
display:block;
border:#D9534F;
color:#700000;
background: rgb(214,155,154); /* Old browsers */
background: -moz-linear-gradient(top, rgba(214,155,154,1) 1%, rgba(216,114,112,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(214,155,154,1)), color-stop(100%,rgba(216,114,112,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(214,155,154,1) 1%,rgba(216,114,112,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(214,155,154,1) 1%,rgba(216,114,112,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(214,155,154,1) 1%,rgba(216,114,112,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(214,155,154,1) 1%,rgba(216,114,112,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d69b9a', endColorstr='#d87270',GradientType=0 ); /* IE6-9 */
}
.status-message,.general-error{
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
border-radius:4px;
padding:15px;
border:1px solid;
margin-bottom:15px;
border:#D9534F;
color:#700000;
background: rgb(214,155,154); /* Old browsers */
background: -moz-linear-gradient(top, rgba(214,155,154,1) 1%, rgba(216,114,112,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(214,155,154,1)), color-stop(100%,rgba(216,114,112,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(214,155,154,1) 1%,rgba(216,114,112,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(214,155,154,1) 1%,rgba(216,114,112,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(214,155,154,1) 1%,rgba(216,114,112,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(214,155,154,1) 1%,rgba(216,114,112,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d69b9a', endColorstr='#d87270',GradientType=0 ); /* IE6-9 */
}
.alert{
margin-bottom: 0px !important;
}
/*------- FOOTER -------*/
.copyright > img {
    margin-left: 2px;
    margin-right: 1px;
    margin-top: -2px;
}
.back-to-top {
margin: 20px;
position: fixed;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 100;
display: none;
text-decoration: none;
color: #ffffff !important;
}
.back-to-top i {
font-size: 40px;
background-color: #000000 !important;
opacity: 0.6;
border-radius: 0px;
color: #ffffff !important;
}
.main-footer-wrapper{
color:#666;
/*background-color: #869DA6;*/
background-color: #f8f8f8;
border-top: 1px solid #CCC;
padding-bottom: 20px;
}
.location-footer-wrapper{
border-top: 1px solid #CCC;
background-color: #3B3DA8;
color:#ffffff;
}
.widget-content .btn{
margin-right:0 !important;
float: right;
}
.contact-info {
margin-top: 10px;
}

/*------- LOGIN PAGE -------*/
.main-column {
/*background-image:url('/images/local/login-img.png');
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: top center;*/

}
div#passwd-div, div#username-div {
    padding: 5px 0;
}
body#page-login div#row-4 {
display: none;
}
body#page-login #passwd-msg-div{
padding-right: 0px !important;
padding-left: 0px !important;
}
#login-existing-customer-div {
background-color: #950d4c;
border:1px solid #bcbec0;
color: #ffffff !important;
padding: 15px;
float:left;
}
#login-existing-customer-div h2{
color: #ffffff !important;
}
#login-existing-customer-div b{
    color: #dddddd !important;
}
#user_login_register_title {
padding-top: 5px;
}
body#page-login .signup-left{
font-weight: 700;
font-size: 14px;
line-height: 1.42857143;
}
div#site-login-div{
float: left;
width:100%;
}
#login-box-div {
padding: 0 !important;
}
.top-login-password-1{
    float: left;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
div#new-passwd-entry-div{
padding: 15px;
background: rgba(255,255,255,0.6);
border-radius: 40px;
}
#first-login-container{
margin: 0 0 15px 15px;
padding: 15px;
border:1px solid #dddddd;
}
#second-login-container{
margin: 0 0 15px 15px;
padding: 15px;
border:1px solid #dddddd;
}
#user_login_existing_title .title{
margin:0px;
padding:10px 10px 10px 0;
}
#user_login_register_title p {
line-height: 1.7em;
}
#user_login_register_abbrev_join p {
line-height: 1.7em;
}
div#submit-button-input-div {
    text-align: right;
}
.top-login-register-1 {
font-size: 12px;
font-weight: bold;
padding: 10px 0px;
float: left;
width: 100%;
}
.title {
padding: 0px 10px;
margin: 10px 0;
margin-top: 0px;
line-height: .9;
font-size: 43px;
color: #0f4a21;
font-family: "bebas_neuebold";
font-weight: normal;
border-left: 5px solid #ff8e00;
}
.subtitle {
font-size: 14px;
font-weight: normal;
line-height: 1.7em;
text-transform: none;
margin-top: 10px !important;
font-family: inherit;
}
#new-passwd-question, #new-passwd-div{
    font-size: 13px;
    width: 50%;
    float: left;
    margin-top: 70px;
    border-top: 1px solid rgba(0,0,0,0.7);
    padding: 15px 1% 0 1%;
    color: rgba(0,0,0,0.7);
}
body#page-login input#cmdNewPassword{
background-color:transparent!important;
box-shadow: none !important;
border: none !important;
color: rgba(0,0,0,0.7)!important;
float: right;
font-size: 12px !important;
font-weight: 700;
margin-bottom: 1px;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
min-width: 100px !important;
padding: 0 !important;
text-transform: uppercase;
text-align: right;
}
/*-----------ORDERLOGIN ---------------*/
body#page-orderlogin #signup-email, body#page-orderlogin #signup-phone{
float:left;
width:50%;
}
body#page-orderlogin #user_login_bottom {
background-color: #8F2C11;
color: #ffffff;
float: left;
left: 25px;
padding: 15px;
position: relative;
top: -480px;
width: 32%;
border-radius: 0.3rem;
}
body#page-orderlogin #user_login_bottom h4{
color:#ffffff!important;
border-bottom:1px solid #ffffff;
}

.top-login-register-2 {
font-size: 12px;
font-weight: bold;
padding: 10px 15px;
}
#page-orderlogin #main-div {
background: transparent;
border-bottom: 0;
}


body#page-orderlogin input#cmdNewPassword {
background-color: transparent !important;
box-shadow: none !important;
color: RGB(70, 70, 70) !important;
float: right;
font-size: 12px !important;
font-weight: 700;
margin-bottom: 1px;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
min-width: 100px !important;
padding: 0 !important;
text-transform: uppercase;
}
/* --------- UPDATE PASSWORD + EMAIL --------*/

table#update-passwd {
    display: inline-block;
    float: left;
}
table#update-passwd tbody tr {
    width: 100%;
    display: block;
    float: left;
}
table.registration-table tr td, table#tprice2 tr td {
    padding: 5px;
    width: 100%;
    float: left;
}

/* --------- JOINREGISTER / NEW CUSTOMER APPLICATION --------*/
body#page-joinregister .general-marketing{
width:50%;
float:left;
padding:1%;
}
body#page-joinregister #login-box-div{

}
body#page-joinregister #passwd-msg-div{
}
body#page-joinregister #first-login-container > #user_login_register_title{
width:100%;
}
body#page-joinregister #signup-phone, body#page-joinregister #signup-email{
width:50%;
float:left;
}
body#page-joinregister h2, body#page-joinregister h3{
font-size:16px;
font-weight:normal;
color:#1D2459;
}
body#page-roa-form .header_label{
border-radius: 0 !important;
color: #e03841 !important;
font-size: 22px !important;
font-weight: normal;
margin: 15px 0 15px;
padding: 5px 10px;
}
body#page-roa-form  .label {
float: left;
width: auto;
text-align:right;
}
body#page-roa-form .value > h1 {
display:none;
}
body#page-roa-form .box {
margin: 5px 0;
}
body#page-roa-form .value{
float:left;
}
.value > span {
display:block;
}
.hide_fuel_delivery, .hide_propane, .hide_b5ub, .hide_b20ub, .hide_nrlm, .hide_ulsd, .hide_gas, .hide_kerosene, .hide_naptha{
padding:5px;
}
.hide_hvac{
padding:5px;
}
.conclusion {
text-align: left !important;
}

body#page-joinregister .top-login-register-1::before {

content: "New Customer Application";
  margin-top: 15px !important;
    font-weight: bold !important;
    font-size: 30px !important;
    color: #990330 !important;
    text-transform: uppercase !important;
}
body#page-joinregister #signup-name{
margin-top:20px;
}
body#page-joinregister #first-login-container {
margin: 0;
background-color: transparent;
border: none !important;
padding: 0;
}

.ssn_text{
color:#0E5E9D;
font-style:italic;
font-size:11px!important;
}
/*--------CUSTOMER SIGNUP------------*/
body#page-customersignup #signup-header{
font-weight:600;
border-top:1px solid rgb(221, 221, 221);
height:34px;
}
body#page-customersignup hr{
display:none;
}
body#page-customersignup table.signup-table tr td{
padding:3px 0;
}
.signup-right > table {
margin: 0 auto;
width: auto;F
}
.product-table {
background-color: #f5f5f5;
border: 1px solid #cccccc;
margin: 10px;
padding: 5px;
width: 100%;
}
.product-table td.signup-left {
width: 270px!important;
}
select#tank_Oil_tank_size, select#tank_Oil_amount_left {
max-width: 820px;
}
span.v12red, .required_star{
color:#AF272F;
}

/*------------Request Service-----------*/
td.td_white {
float: left;
padding: 10px 0 5px 0;
}
td.td_white_right {
float: left;
width: 100%;
clear: both;
}
/*------------ACCOUNT SUMMARY-----------*/


#user_summary_intro {
float: left;
width: 50%;
padding:0 15px 0 0;
}
#user-summary-table-div{
float: right;
clear: right;
width: 50%;
}
.user-info-right-col {
text-align: right;
}
.user-info-marketing-bottom.general-marketing {
clear: both;
text-align: center;
}
#user_summary_notifications {
float: right;
width: 50%;
margin-bottom: 15px;
}
/*------------ORDER FUEL-----------*/
div#order-fuel-container {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: 15px;
}
tr#billing-message {
  font-style: italic;
}
.input-label {
float: left;
width: 30%;
font-weight: bold;
color:#174822;
}
.input-entry{
width:70%;
float:left
}
.input-area {
margin: 5px 0;
}
.radioselector {
float: left;
}
#willcall-other-gallons{
float:left;
width:100%;
}
input#cmdCloseEnterCode {
  margin-top: 5px;
}


/*------------STORE-----------*/
#page-category .inner-table tbody tr td {
    padding: 5px 10px;
    background-color: #ffffff !important;
}
#page-category td:empty {
    display: none !important;
  }

@media screen and (max-width: 991px) {
#page-category .inner-table tbody tr td{
  display:block;
  text-align: left;
}
input.addtocart {
    width: 100%;
    margin: 0 !important;
}
}



/*------------SERVICE PLANS-----------*/
table.serviceplan{
border-collapse: separate;
border-spacing: 0 15px;
}
.spaceUnder .serviceplan-plan{
background-color: #FFF;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
width: 100%;
float: left;
}
.serviceplan-plan{
width: 100%;
float: left;
}
tr.spaceUnder {
width: 33%;
float: left;
padding: 0 15px 15px 15px;
border-radius: 4px !important;
}
.serviceplan-name{
padding: 10px 15px;
background-color: #f5f5f5;
border-bottom: 1px solid #ddd;
}
.plan_name{
text-transform: uppercase;
font-family: inherit;
font-weight: 600;
}
.details .list-group {
margin-bottom:0px!important;
}
.details .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
span.details {
min-height: 105px !important;
padding: 10px 15px;
float: left;
width: 100%;
}
.spaceUnder .serviceplan-price{
text-align: center;
width: 100%;
font-size: 20px;
float: left;
padding: 10px 15px;
background-color: #f5f5f5;
border: 1px solid #ddd;
border-top: 0;
border-radius: 0 0 4px 4px;
}
.serviceplan-price{
  width: 100%;
float: left;
}
.spaceUnder .serviceplan-price input[type="checkbox"], 
input[type="radio"]{
margin:5px !important;
width: 1em;
height: 1em;
}
#serviceplan-submit-input{
float: right;
text-align: right;
margin-top: 12px;
width: 50%;
padding-left: 10px;
}
/*------------------MY PROFILE------------------*/
.membership-data {
width:100%;
}
#profile-main-div {
width: 100%;
}
.membership-data-container{
width:100%;
}
#membership-accounts, #membership-billing-addresses, #membership-contact {
width: 50%;
padding: 0 15px;
}
#membership-contact{
    float: left;
    margin-bottom: 15px;
    background-color: #f5f5f5;
    padding: 0 15px 20px 15px;
    border: 1px solid #DDD;
}
span.account-number{
float: left;
width: 100%;
}
span.account-number:before{
content: "Acct. # ";
}
span.customer-name.address-info{
font-weight: 500;
}
#profile-cards{
display:none;
}
div.membership-data ul {
padding-left:0px;
list-style: outside none none;
}
div.membership-data h3 {
border-bottom: 1px solid #dddddd;
font-size:18px;
padding: 0 0 5px 0;
}
span.address.address-info, span.city-state-zip.address-info {
  display: block;
}
.linked-account-number {
    text-transform: uppercase;
    width: 48%;
    float: left;
    margin-bottom: 15px;
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-bottom: 1px solid #DDD;
    margin: 1%;
}
a.unlink-account {
  padding: 0 5px;
}
span.contactheader {
    font-weight: bold;
}
/*---------------------------*/
#first-login-cage, #register-div{
display:none;
}
.site-row{
clear:both;
}
#signup-account, #signup-digits, #signup-email{
width:33%;
padding-right:5px;
float:left;
}
tr.user-info-heading td{
font-weight:bold;
padding: 10px 5px;
}
.label {
color: inherit !important;
font-size: inherit !important;
}
.radio-box{
border-collapse: separate;
display: table;
position: relative;
}
.radiobutton{
color: #555;
display: table-cell;
font-size: 14px;
font-weight: 400;
line-height: 1;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
margin: 0 5px 3px;
}

.cc-payment-line{
width:100%;
}
select#bill_expiration_month, select#bill_expiration_year{
width:49.5%;
height: 34px;
}
button, select {
color:#555555 !important;
}
/*--------------Payment page-------------------*/
#newpayment-requirement-message {
font-style: italic;
padding: 6px 12px;
}
#newpayment-cc-title, #newpayment-echeck-title {
  width: 100%;
  color: #333;
  background-color: #f5f5f5;
  padding: 10px 15px;
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
  font-size: 16px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#newpayment-amount-preset-input {
display: table;
}
#cvd_help_bubble{
font-size:8.3px;
font-weight:normal;
}
.newpayment-entry{
width:100%;
float:left;
padding:5px 15px;
}
#newpayment-methods{
    padding-right: 0px !important;
}
#newpayment-cc-entry, #newpayment-echeck-entry{
  margin-bottom: 10px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.cc-payment-line {
padding: 5px 15px;
}
.newpayment-one-method-piece-area{
padding: 5px 15px;
}
#newpayment-echeck-account{
padding-bottom:15px;
}
#newpayment-amount-input {
display: table;
float: left;
}
div#newpayment-amount{
  margin-bottom: 20px;
  padding: 0 !important;
}
#bill_amount{
  border-radius: 0;
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: RGB(85, 85, 85);
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 1px solid rgb(204, 204, 204);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  vertical-align: middle;
  margin-bottom: 0;
}
span.input-prefix {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: RGB(85, 85, 85);
  text-align: center;
  background-color: rgb(238, 238, 238);
  border: 1px solid rgb(204, 204, 204);
  border-radius: 4px;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
  border-collapse: separate;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  width: auto;
}
#newpayment-policies-extra-info{
  float: right;
  padding: 5px 15px;
}
#newpayment-policy-radio{
float: left;
  padding: 5px 15px;
}
.close-policy{
margin-bottom:2%;
}

.newpayment-policy-radio-item{
  float: left;
  font-size: 12px;
  display: inline-block;
  padding: 0 20px 0 0;
}
#newpayment-policies-title-span{
  color: #333;
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
  font-size: 16px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  padding: 10px 15px;
  width: 100% !important;
  margin-bottom: 10px;
  float: left;
}
#newpayment-requirement-message{
font-style: italic;
}
#newpayment-methods{
float:right;
}
#newpayment-method{
  margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
div#newpayment-method-choices {
    padding: 5px 15px;
}
#newpayment-saved-cc{
background-color:#fafafa;
padding:10px;
margin-bottom:45px;
}
.cc-saved-line{
border-bottom:1px solid #cccccc;
padding-bottom: 10px;
}
.card-input {
display: table;
margin-top: -65px;
float:right;
}
.del-area{
float:left;
}
.card-checkbox {
display: table;
}
.card-checkbox > span {
display: table;
line-height: 77px;
margin-left: 25px;
margin-top: -60px;
}
.card-name{
font-weight:600;
}
#newpayment-amount-text {
    width: 160px;
    position: relative;
    height: 160px;
    border: 7px solid #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    background: #950d4c;
    text-align: center;
    color: #FFF;
    padding: 51px 2px;
    -webkit-box-shadow: 0px 3px 0px 3px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 3px 0px 3px rgba(0,0,0,0.18);
    box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.18);
    font-size: 16px !important;
}
#newpayment-method-text {
    width: 100%;
    color: #333;
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-bottom: 1px solid #DDD;
    font-weight: bold;
    font-size: 16px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
#newpayment-amount-balance-option{
    float: left;
    clear: right;
    display: inline-block;
    margin: 15px 0 0 15px;
    width: 50%;
}
#newpayment-amount-other-option{
    float: left;
     clear: right;
    width: 50%;
    display: inline-block;
    margin: 15px 0 0 15px;
}
#newpayment-amount-input{
    float: left;
    margin: 15px 0 15px 20px;
    clear: right;
}
#newpayment-policies{
  float:left;
  clear:left;
  margin-bottom: 20px;
  padding:0 !important;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
#newpayment-billing {
    padding: 0 15px 5px 15px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  float:left;
}
div#newpayment-billing-title{
	  width: 100%;
  color: #333;
  background-color: #f5f5f5;
  padding: 10px 15px;
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
  font-size: 16px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#newpayment-saved-cards {
border: 1px solid rgb(221, 221, 221);
padding: 1%;
background-color: #FAFAFA;
}
#newpayment-saved-cards-name {
margin-top: 15px;
}
#newpayment-saved-cards-name, #newpayment-saved-cards-address {
font-weight: bold;
line-height: 1.7;
}
#newpayment-saved-cards-routing {
margin-top: 15px;
}
#newpayment-saved-cards-routing,#newpayment-saved-cards-account,#newpayment-saved-cards-type{
font-weight: bold;
line-height: 1.7;
}
#newpayment-billing.col-md-6{
padding-left: 0px !important;
padding-right: 0px !important;
}

.newpayment-single-policy{
    top: 15%;
    bottom: 0;
    left: 30%;
    right: 30%;
    margin: 0 auto;
    max-height: 50%;
    max-width: 90%;
    overflow: hidden;
    padding: 15px;
    position: fixed;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.close-policy {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}
.close-policy:before {
    padding: 15px 15px 15px 0;
    float: left;
    font-size: 18px;
    font-weight: 500;
}
div#privacy-div .close-policy:before{
    content: 'Privacy Policy';
}
div#security-div .close-policy:before{
    content: 'Security Policy';
}
div#refund-div .close-policy:before{
    content: 'Refund Policy';
}
div#delivery-div .close-policy:before{
    content: 'Delivery Policy';
}
input#cmdUnderstand {
    float: right;
    clear: right;
    width: 35%;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
.newpayment-single-policy {
left: 0;
right: 0;
}
}




/*------ PAYMENT CONFIRMATION --------*/
body#page-paymentconfirmation #newpayment-save-cards{
display:none;
}
/*---NEW PAYMENT METHOD--*/
#newpayment-do_save_cc-input {
    float: left;
    display: inline-block;
}
#newpayment-do_save_cc-label{
  display: inline-block;
margin-top: 8px;
}
#newpayment-do_save_cc-label::before {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 17px;
    content: "\e172";
    float: left;
    clear: right;
    margin-right: 5px;
}
.card-saved{
background-color: #fafafa;
border: 1px solid #ddd;
margin-bottom: 10px;
padding: 10px;
}
body#page-payment .radioselector, body#page-paymentnewmethod .radioselector, body#page-paymentconfirmation .radioselector{
float:right;
display:table;
}
#newpayment-echeck-information > img {
max-width: 100%;
}

#newpayment-save-cards{
background-color: #fafafa;
border: 1px solid #cccccc;
margin-bottom: 10px;
padding: 15px 10px 10px;
text-align: left;
}
#newpayment-save-cards::before{
content:"\e615";
display: inline-block;
float: left;
font-family: "destwin-icons";
font-size: 23px;
margin-top: -3px;
padding-right: 5px;
}
#newpayment-submit {
clear: right;
margin-bottom: 15px;
float: right;
width: 50%;
}
#newpayment-marketing-bottom {
width: 100%;
float: left;
clear: both;
padding:15px;
text-align: center;
}
#newpayment-echeck-accounttype-label {
float: left;
width: auto;
}
/*---END PAYMENT METHOD---*/
/*------ PATYMENT RECEIPT-------*/
.success-table{
text-align:center;
}
#newpayment-subheading{
text-align:center;
font-size:18px;
color:#A4212F;
}
td.contract-separator{
border-bottom:1px solid #cccccc;
}
td.contract-simple-title,.receipt-field{
font-weight:bold;
}
/*-------END PAYMENT RECIEIPT----*/
/*-------- AUTO BILL PAY --------*/
body#page-addautopay #newpayment-marketing-terms{
    float: right;
    width: 50%;
    padding: 0 0 0 15px;
}
.terms{
  height: 382px;
    overflow-y: scroll;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
body#page-addautopay #header-acct-selector{
display:none;
}
#newpayment-requirement-message{
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
border-radius:4px;T
padding:15px;
border:1px solid;
margin-bottom:15px;
font-style:normal;
color:#3b5b7c;
border-color:#5BC0DE;
background: rgb(175,210,219); /* Old browsers */
background: -moz-linear-gradient(top, rgba(175,210,219,1) 0%, rgba(135,203,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(175,210,219,1)), color-stop(100%,rgba(135,203,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(175,210,219,1) 0%,rgba(135,203,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(175,210,219,1) 0%,rgba(135,203,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(175,210,219,1) 0%,rgba(135,203,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(175,210,219,1) 0%,rgba(135,203,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd2db', endColorstr='#87cbdd',GradientType=0 ); /* IE6-9 */
}
#newpayment-requirement-message:before{
content: "\e60b";
font-family:'destwin-icons';
font-size:18px;
font-style:normal;
    position: relative;
    top: 3px;
}
/*-------------*/
p.address{
display: none;
}
table.contact-table tr td, table.user-info-table tr td{
padding:10px;
}
.membership-data{
float:left;
}
.generic-form{
width:100%;
}
#feedback-submit{
margin-top:15px;
text-align:right;
}
a.location{
font-size: 14px;
text-decoration: none;
color: #e87424;
font-weight: bold;
cursor: pointer;
}
span.help_bubble_s,
span.help_bubble_t,
span.help_bubble_d{
color:red;
float:left;
display:none;
margin:0;
}

span.help_bubble_s,
span.help_bubble_t,
span.help_bubble_d
{
background-color: grey;
color: white;
display: none;
float: left;
padding: 2px;
position: absolute;
}
/*---------- PASSWORD ---------------------------*/
body#page-loginpassword #submit-button-div, #cancel-button-div{
margin: 1% 0;
width: 50%;
}
#page-loginpassword #cmdCancel{
background-color:#ccc!important;
color:#000!important;
}

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







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

    .container{
    width:100%;
    padding:0!important;
    }
    #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 !important;
    margin-right: 0 !important;
    width:100%;
    margin: 2% 0;
    }
    #membership-billing-addresses, #membership-contact, #membership-accounts{
    float: none !important;
    width:100% !important;
    }
    #topmenu {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 30000;
    }
    #topmenu > li > a{
    font-size: 16px;
    padding:14px;
    }
    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;
    }
    #user_summary_intro img{
    max-width:100%;
    max-height:100%;
    }
    body#page-loginpassword #submit-button-div, #cancel-button-div{
    margin: 1% 0;
    width: 50%;
    float:left;
    }
    .acct-selector {
    width: 100%;
    margin: 15px 0;
    }
    #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:15px;
    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%;
    }
    #newpayment-submit{
    clear: both;
    width:100%;
    }
    #newpayment-methods {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    min-height: 0px;
    padding: 0 !important;
    }
    select#bill_expiration_month, select#bill_expiration_year {
    width:100%;
    }
    span.input-prefix {
    width: 1%;
    }
    #membership-billing-addresses {
    width: 100%;
    float: left;
    }
    #membership-accounts {
    float: right;
    width: 100%;
    }
    .card-input {
    display: table;
    margin-top: -18px;
    float: right;
    margin-bottom: 10px;
    }
    .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%;
    }
    #page-payment #newpayment-policies{
    width: 100%;
    }
    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!important;
    top: 0!important;
    width: 100%!important;
    margin-bottom:3%;
    }
    body#page-orderlogin #user_login_bottom h4{
    color:#ffffff!important;
    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%;
    }
}
















@media screen and (max-width: 768px) {

/*------------------- HOVER MENU -------------------------------*/
.dropdown-menu {

    display:none!important;
}
.navbar-nav .open .dropdown-menu {
    display: block!important;
    border-radius: 0 !important;
}
/*---------------------*/
div#logo {
    text-align: center;
    margin: 15px 0;
}
.user-info-table {
font-size: 81%;
}
#user_summary_notifications {
width: 100%;
}
div#user_summary_csrscript{
width:100%;
}
#topmenu > li > a{
font-size: 16px;
text-align: center;
}

.container{
padding:0!important;
}
.linked-account-number{
  width:100%;
}

div#topbar-div {
float: none;
height: 1%;
margin: 0;
padding: 0;
width: auto;
}
#navbar {
margin-left:0;
}
.phone {
width: 40%;
}
.widetop-menu {
float: right;
}

#cmdCancelPayment, .cancel, .submit, .button_class, .btn-primary, .button, .submit_button_class, #cmdSubmit, 
.submit:hover, .button_class:hover, .btn-primary:hover, .button:hover, .submit_button_class:hover, #cmdSubmit:hover{
margin:2% 0;
width:100%;
}
body#page-loginpassword #submit-button-div, #cancel-button-div{
margin: 1% 0;
width: 100%;
}
ul#widetopmenu {
float: left;
padding: 0;
}

#signup-account, #signup-digits, #signup-email {
float: left;
padding-right: 0px;
width: 100%;
}
.navbar-default .navbar-toggle {
border-color: transparent!important;
background-color:#f5f5f5;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background: #eee!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {

}
.icon-bar{
background-color:#1D2459!important;
border-radius: 1px;
display: block;
height: 3px;
width: 22px;
}
tr.spaceUnder {
width: 100%;
padding: 0;
margin: 10px 0
}
#topmenu {
background-color: #f5f5f5 !important;
border: 0 solid #000000;
border-radius: 0;
margin: 0 auto;
position: relative;
width: 100%;
z-index: 30000;
}
#budgetcalculator form {
    width: 100%;
padding: 0;
}

#budgetcalc-list {
    width: 100%;
    margin-bottom: 15px;
}
#passwd-msg-div {
float: left;
margin-top: 15px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color:#E03841;
}
select#bill_expiration_month, select#bill_expiration_year{
width:100%;
margin-bottom:2%;
}
#newpayment-methods {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
#newpayment-billing {
float: left;
}
#newpayment-policies {
float: left;
width: 100%;
}
.newpayment-single-policy {
top: 15%;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
max-height: 65%;
max-width:90%;
overflow: hidden;
padding: 15px;
position: fixed;
text-align: left;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);

}
.general-marketing, #user-summary-table-div, #user_summary_intro{
width:100%;
}

body#page-joinregister .general-marketing {
width: 100%;
}
body#page-joinregister #login-box-div {
float: left;
width: 100%;
}
#serviceplan-submit-input{
width: 100%;
padding-left: 0 !important;
}
}