/* styles for header*/
body {
    font-size: 20px !important;
    margin: 0;
    padding: 0;
    font-family: Roboto, Arial, sans-serif;
}

*:focus {
    outline: none;
}

img {
    border:none;
}

@media all and (min-width:1601px) {
    body {
        font-size: 20px !important;
    }
}

@media all and (max-width:1600px) and (min-width:1281px) {
    body {
        font-size: 15px !important;
    }
}

@media all and (max-width:1280px) and (min-width:1021px) {
    body {
        font-size: 14px !important;
    }
}

@media all and (max-width:1020px) and (min-width:1px) {
    body {
        font-size: 12px !important;
    }
}

body.bizHeader {
background:none;
background-color:white !important;
}


.bizHeader {
background:none;
background-color:white !important;
}

.background-header{
width:28%;
position:relative;
top:0;
left:0;
margin-top:2%;
margin-bottom:3%;
}

.background-phonenumber{
width:85%;
position:relative;
top:0;
left:0;
margin-top:2%;
}

.background-login{
width:85%;
position:relative;
top:0;
left:0;
margin-top:2%;
}

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


.nav-table {
 position:absolute; 
 top:0; 
 left:9%;
 }
 

.stretch {
width:100%;
}


.background-nav {
width:70%;
position:relative;
top:0;
left:0;
margin-top:5%;
}


.text-nav {
font-family:'Roboto', arial, sans-serif;
font-size:90%;
color:black;
text-transform:uppercase;
}

.text-nav:hover {
color:#00a4ff; 
}


.border{
    position:relative;
}


.border:hover::after{
    content:'';
    position:absolute;
    width: 100%;
    height: 0;    
    left:0;
    bottom:-20%; /*Change this to increase/decrease distance*/
    border-bottom: 3px solid #00a4ff;  
}



/************************************************/


.txtUsername, .txtPassword
{
font-weight:bold;
color:#FFFFFF;
font-size:12px; 
font-family:Arial;
}
a.pw
{
font-size:12px;	
font:normal 12px Arial; 
border:0px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
}
a.pw:link, a.pw:visited
{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
}
a.pw:hover{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
.txtbox01 {
	display: block;
	height: 15px;
	width: 130px;
}
.bottomLinks{
font-weight:normal;
font-size:12px;
text-decoration:none;
line-height:30px;
color:Black;
/*background-color:Black;
color:#05b3f2;*/
}

/************************************************
	FOOTER ICONS: USA, RECYCLE
************************************************/
.footer_icon_main 
{ 
	width: 100%; 	
	height:60px;
	color: #05b3f2; 
	min-height: 60px;
	background-color:Black;
}

.recycle_holder { text-align:center; }
.recycle_holder img { margin-left:5px; }
.recycle_holder span { position:relative; top:-7px; font:12px Arial;vertical-align:middle;}

.usa_holder { text-align:left; }
.usa_holder img { }
.usa_holder span { position:relative; top:-2px; font:12px Arial; vertical-align:middle;}

.bottomText{
	COLOR: #474646;
	font-size:12px;	
	font-family:Arial;
}


.footer-section {
width:100%;
clear:left;
float:left;
background-color:#3d3d3d;
}

.footer-text {
font-family:'Roboto', arial, sans-serif;
font-size:70%;
color:white;
margin-top:1.5%;
margin-bottom:1.5%;
}

.links-text {
font-size:110%;
color:white;
text-decoration:none;
}

.links-text:hover {
text-decoration:underline;
}

.reserved {
margin-top:3% !important;
}