body, html { font-size:16px; line-height:22px; color:#001828; font-family: 'National 2', Arial; background:#fff; }

* { box-sizing:border-box; }

a, a:hover, a:visited, a:active { color:#001828; }

img { max-width:100%; height:auto !important; }

header img { width:100%; height:auto; }

.container { width:600px; margin:0px auto; background:#E8F5F9; }

#content { padding:30px 35px; }

p { margin:0 0 10px; }

footer .search { float:left; padding:20px 35px; }
footer .logo { float:right; }

#fields, #fields > li, #fields ul { list-style-type:none; padding:0px; margin:0px; }


#IntroText, #OutroText, #InactiveText { margin-bottom:20px !important; }

input[type="text"] {
	clear: both;
	display: block;
	width: 100%;
	height: 36px;
	border: none;
	padding: 5px;
	padding-left: 10px;
	border-radius: 3px;
	background-color: #fff;
	color: #001828;
	font-size: 15px;
	font-family: 'National 2', Arial;
}

.field { margin-bottom:15px; }

.field-text { font-size:18px; line-height:24px; }
	.field-text p { margin:5px; font-weight:bold; }

.buttons { overflow:hidden; }

.submit-button {
	float: right !important;
	display: inline-block;
	text-decoration: none;
	background: #95d3e4;
	color: #001828;
	cursor: pointer;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	padding: 8px 32px;
	transition: all .3s;
	text-align:center;
	border-radius:7px;
}

.submit-button:hover,
.submit-button:focus {
	background: #007bb9;
	color:#fff;
}

footer.container { margin-top:0px; }
	footer .border-image { width:100%; height:auto; }

#logos { overflow:hidden; margin-top:10px; }

#waste-logo { margin-top:10px; }

.pull-left { float:left; }
.pull-right { float:right; }

.validation { display:none; }
div.error {clear:both; color: red; font-size: 14px; padding-top:5px;}

#small-print { font-size:12px; line-height:16px; margin-top:25px !important; clear:both; }

/*autocomplete styles*/
.ui-autocomplete { width:528px !important; text-align:left !important; color:#001828 !important; border-radius:0px; list-style-type:none; background:#fff !important; padding:0px !important; }
.ui-autocomplete li { padding:5px 10px !important; font-family: 'National 2', Arial; font-size:15px; }
.ui-autocomplete li:nth-child(even) { background:#fff !important; }
.ui-autocomplete li:nth-child(odd) { background:#E5EFF6 !important; }
.ui-autocomplete.ui-widget-content { color:#001828 !important; padding:0px; border: 1px solid #98BFF9 !important; }
.ui-autocomplete.ui-widget-content a { color:#001828 !important; cursor:pointer; }
.ui-autocomplete.ui-corner-all { border-radius:0px !important; }
.ui-autocomplete .ui-menu-item:hover,
.ui-menu .ui-menu-item a{
	border:none !important;
}
.ui-autocomplete .ui-state-focus { font-weight:bold !important; background:none !important; }

#Address, #Recycling_First_Collection_Date, #First_New_Refuse_Collection, #Additional_Recycling_Day, #Additional_Refuse_Day, #Letter_Code, #Raw_Address { display:none; }
#invalid-address-error { display:none; background:#ffeded; padding:10px !important; color:#e25353; border:1px solid #edbbbb; border-radius:5px; }

#custom-error { display:none; padding:10px; color:red; background:#fff2f2; border:1px solid #ffe2e2; font-weight:bold;  }

@media only screen and (max-width: 599px) {
	.container { width:100%; }
	
	#content { padding:20px 25px; }

	footer .search { display:block; float:none; padding:20px 25px; }
	
	.submit-button { width:100%; }
	.ui-autocomplete { width:261px !important; }
}