*{padding: 0;margin: 0;}

html, body{
height:100%;
}

.navbar ul li, .botbar ul li{
display: inline-block;
padding: 4px 8px;
}

.navbar input[type="email"], .navbar input[type="password"]{
 padding: 0 2px;
 width: 40%;
}


.tab{
background-color: rgb(254, 255, 153);
border: 1px solid #000000;
position: absolute;
z-index: 10;
}

.alb{
top: 28%;
left: 87%;
}

.chi{
top: 30%;
left: 70%;
}

.lasV{
top: 57%;
left: 33%;
}

.nyc{
top: 34%;
left: 88%;
}

.bos{
top: 27%;
left: 91%;
}
.phi{
top: 39%;
left: 87%;
}
.bur{
top: 14%;
left: 88%;
}


.privacy{
width: 1200px;
margin:0 auto;
}

.privacy h1, .privacy h2, .privacy h3{
margin-top:16px;
}

.privacy h4, .privacy h5{
font-weight: normal;
margin:8px 0;
}

.privacy table{
margin:0 auto;
border: 1px solid #000000;
border-collapse: collapse;
}

.privacy th, td{
border: 1px solid #000000;
padding:1px 2px;
}

.signf th, .signf td{
padding:2px 4px;
border: 0;
}

.privacy p{
margin:4px;
}

.privacy ul{
width:90%;
margin-left:5%;
}

.signin input[type="email"], .signin input[type="password"]{
width:30%;
}

#container{
min-height: 100%;
position:relative;
/* Firefox */
min-height: -moz-calc(100% - 256px);
/* WebKit */
min-height: -webkit-calc(100% - 256px);
/* Opera */
min-height: -o-calc(100% - 256px);
/* Standard */
min-height: calc(100% - 256px);
}

#signup{
width:50%;
margin: 0 auto;
text-align: center;
}

#signup input[type="email"], #signup input[type="password"]{
font-size: 18px;
padding:2px;
display: block;
width:50%;
margin: 8px auto;
}

#signup input[type="submit"]{
font-size: 20px;
padding:4px 8px;
margin: 8px auto;
background: #4CAF50;
color: white;
border-radius: 8px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #4CAF50;
border-bottom: 1px solid #4CAF50;
box-shadow: 5px 5px 5px #CCC;
}

#signup .header, .txt_container_s .header{
font-size: 24px;
}

#signup .message, #resetuserpw .message{
font-size: 14px;
color: red;
padding-top:16px;
}

.pro_mess{
text-align: center;
font-size: 18px;
font-weight: bold;
margin-top: 16px;
}

.upd table{
width: 1000px;
margin: 16px auto;
}

.upd th{
width:33%;
}

.upd th.hf{
width:40%;
}

.upd .tlef{
text-align: right;
padding-right: 8px;
font-size: 14px;
}

.tbmid{
display: block;
margin: 8px auto;
padding: 1px 2px;
font-size: 14px;
width: 300px;
}

.tbsmx{
width: 36px;
text-align: center;
padding: 1px 0;
float: left;
}

.tbsm{
width: 72px;
text-align: center;
padding: 1px 0;
float: left;
}


.point{
cursor: pointer;    
}

.barimg{
height:32px;
padding:0 6px;
}


/* Style The Dropdown Button */
.locationbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}


.products{
display: block;
width: 100%;
min-height: 200px;
text-align: center;
position: relative;
max-width: 1200px;
margin:0 auto;
}

.prodClass{
width: 25%;
display: inline-block;
padding: 20px 0;
text-align: center;
}

.mapp{
height: 600px;
width: 1200px;
margin: 0 auto;
position:relative;
}

.mapp .map_usa{
height:600px;
position:absolute;
top: 0;
left: 20%;
}

.mapp .map_tank{
height: 40px;
position:absolute; 
}

.acct_btn{
width: 30%;
}

.loc_bar{
text-align: center;
/* background-color: rgb(254, 255, 153); */
width: 100%;
padding-bottom: 4px;
margin-top: 8px;
}

.loc_bar li{
display: inline-block;
color:#FFF;
background-color: #4CAF50;
padding: 8px 16px;
font-size: 18px;
}

.loc_bar a{
text-decoration: none;
}

.prodClass{
display: block;
width: 100%;
position: relative;
}

.hovBut:hover{
transition: 0.3s;
background-color: #2c9f32;
}


.su{
background: #4CAF50;
width: auto;
color: white;
padding: 4px 8px;
font-size: 18px;
text-decoration: none;
border-radius: 8px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #4CAF50;
border-bottom: 1px solid #4CAF50;
box-shadow: 5px 5px 5px #CCC;
}

.su:hover{
background: #2c9f32;
}

.su:active{
background: #0c7f12;
border: 1px solid #CCC;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
border-top: 1px solid #0c7f12;
border-left: 1px solid #0c7f12;
}



.high{
background:#FFFF00;
}

/* LEGACY FROM TBM */
#fr4 .contract{text-align:justify;width:90%;max-width:800px;margin:0 auto;}

#fr4 h5{font-weight: normal;}
.u {text-decoration:underline;}
.b {font-weight:bold}
#fr4 .c {text-align:center;margin:0 auto;}
#fr4 .ml{margin-left:40px;}
#fr4 .mll{margin-left:80px;}

#fr4 .high{background:#FFFF00;}
#fr4 .high_o{background:#FFAA33;}

#fr4 #a1, #fr4 #n1, #fr4 #n2, #fr4 #a2, #fr4 #e1, #fr4 #n3{
display:inline;
}

#fr4 .fs{
font-family:'Brush Script MT', 'Brush Script Std', cursive;
font-size: 24px;}
#fr4 .fs2{
font-family:'Courier New', monospace;
font-size: 24px;}

#fr4 h5.mt{margin-top:8px;}

/* LEGACY FROM BCA */
.mySubmit input[type="text"], .mySubmit input[type="email"]{
font-size: 16px;
padding: 1px 4px;
border-top: 0;
border-left: 0;
border-right: 0;
}
    
.mySubmit textarea{
width:56%;
height:280px;
resize: none;
padding: 8px;
font-size: 18px;
}
    
.mySubmit input[type="submit"]{
font-size: 24px;
padding:8px 16px;
margin: 10px 40%;
}

.conf{
position: fixed;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
display: none;
}