/* This stylesheet is used to style the individual pages */


p{
line-height: 20px;
padding: 8px 0px 8px 0px;
}

.spacer-10{width: 100%; height: 10px;}
.spacer-20{width: 100%; height: 20px;}
.spacer-30{width: 100%; height: 30px;}
.spacer-40{width: 100%; height: 40px;}

.page-title{
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
font-family: Open Sans, trebuchet, Arial;
font-size: 22pt;
font-weight: normal;
color: #3c80c2;
text-align: center;
}
.page-title-center{
text-align: center;
}


.left{
width: 680px; 
margin: 0px 0px 0px 0px;
float: left;
}

.right{
width: 300px; 
margin: 0px 0px 0px 0px;
float: left;
}

.unique-container{padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;}

.unique-container h4, 
.unique-container h4 a, 
.unique-container h4 a:hover{
font-family: Arial, Times;
font-size: 14pt;
font-weight: normal;
color: #3c80c2 !important;
}

.unique-container h3{
color: #3c80c2;
font-size: 1.4em;
text-align: center;
}

.unique-container p{

}





/* Images inside pages */
.show-mobile{
float: none;
display: none;
visibility:hidden;	
}
.hide-mobile{
display: inherit;
visibility: visible;
}
.side-image{
float: right;
margin: 0px 0px 10px 10px;
}



.side-p{
margin: 10px 0px 10px 0px;
text-align: center;
font-weight: bold;
}

.contact-30{
margin: 30px 0px 0px 0px;
}


/* ========= ALL PAGES ==== */

.bullets{
padding: 0px 0px 0px 20px;
margin: 10px 0px 0px 0px;
}
.bullets li{
list-style: square;
padding: 0;
margin: 4px 0px 4px 0px;
}


.side-image{
display: block;
margin: 0 auto;
visibility: visible;
}

.all-cities{

}
.all-cities h4{
margin: 15px 0px 0px 0px;
font-family: Arial, Times;
font-size: 14pt;
font-weight: normal;
color: #25498a !important;
}
.all-cities p{

}

.blue-divider{
width: 100%;
padding: 20px 0px;
background-color: #3c80c2;
font-family: Arial;
font-size: 18pt;
font-weight: normal;
color: #ffffff;
text-align: center;
}


/* ====================== HOME PAGE ================= */


.main-bullets{
padding: 10px 0px 0px 20px;
margin-bottom: 20px;
}
.main-bullets li{
list-style: square;
color: #3c80c2;
/*color: #9ece46;*/
margin-bottom: 10px;
}

.tabs-holder{
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
}
.tabs-holder img{
display: inline-block;
width: 480px;
height: auto;
}
.tabs-holder > img{
margin-right: 3px;
}

.bottom-choices{
padding: 30px 0px;
}
.bottom-choices li{
width: 500px;
display: block;
margin: 0px auto;
}
.bottom-choices li img{
display: block;
width: 500px;
height: auto;
}

.bottom-explore{

}
.bottom-explore a:link, 
.bottom-explore a:active, 
.bottom-explore a:visited, 
.bottom-explore a:hover{
width: 40%;
display: block;
padding: 8px 14px;
border-radius: 14px;
text-decoration: none;
font-size: 14pt;
text-align: center;
margin: 0px auto;
background-color: #3c80c2;
color: #ffffff;
}

.map-holder{
width: 100%;
}
.map-holder iframe{
width: 100%;
height: 300px;
}


#showDumpsterForm{
display: block;
margin: 0px auto;
}

#showRecyclingForm{
display: inline-block;
padding: 10px !important;
border-radius: 14px;
background-color: #3c80c2;
color: #ffffff;
}
#viewBathroomTrailers{
display: block;
padding: 14px 0px;
background-color: #a0cc46;
color: #ffffff !important;
border-radius: 14px;
font-size: 14pt;
text-align: center;
}
#viewBathroomTrailers span{
font-size: 11pt;
}

#bathroomTrailersInfo{
display: none;
visibility: hidden;
}
.bathroomTrailersInfo{
width: 90%;
margin: 0px auto;
padding: 8px;
background-color: #edf4fa;

}
.bathroomTrailersInfo img{
float: right;
margin: 4px 0px 8px 8px;
}



.text-10off{
font-weight: bold;
font-size: 18pt;
color: #9fcd46;
}

/* Contact Form */

.form-holder{
background-color: #fafafa;
padding: 14px;
}
.form-holder .row{
margin-bottom: 8px;
}
.form-holder h4{
margin-bottom: 20px;
}
.form-holder .col-md-12{
margin-bottom: 14px !important;
}

.success-message{
padding: 30px 0px;
}
.success-message h3{
padding: 10px;
background-color: #3c80c2;
color: #ffffff;
}


.contact-success{
width: 80%;
padding: 10px;
margin: 0px auto;
background-color: #ff9900;
border-radius: 10px;
border: #ffffff 2px solid;
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.5);
float: left;
}
.contact-success h4{
padding: 0;
margin: 5px 5px 5px 5px;
font-family: Arial, Times;
font-size: 12pt;
font-weight: bold;
color: #ffffff;
}
.contact-success p{
padding: 0;
margin: 5px 5px 5px 5px;
font-family: Arial, Times;
font-size: 10pt;
font-weight: normal;
color: #ffffff;
}