#map_container {
	background: #dddddd;
	padding: 0 2.0625rem 2.0625rem 2.0625rem;
	width:53.375rem;
	display: block;
	margin:1.875rem auto 0;
}
#map_canvas{
	width:53.3125rem;
	height:32.6875rem;
	display: block;
	background:#ccc;
	margin:0 auto;
}
#map_top {
	position: relative;
	padding:1.3125rem 0;
}
label {
	padding-right: 0.625rem;
}
label, .input {
	font:1rem/1.875rem Helvetica;color:#555;
}
.input {
	background-color: #ececec;
	border:0.0625rem solid #aaaaaa;
	width:19.1875rem;
	height:2.8125rem;
	padding-left:0.625rem;
	outline: none;
    -webkit-appearance: none;
}
.country_select{
	width: 12.1875rem;
	background-color: #ececec;
	border:0.0625rem solid #aaaaaa;
	margin:0 0 0.3125rem 0.3125rem;
	font-size: 1rem;
	color: #333;
}
input#search {
	width: 10.25rem;
    display: block;
    font-size: 1.3125rem;
    text-align: left;
    border: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.5625rem;
    cursor: pointer;
    text-transform: capitalize;
    padding-left: 1rem;
    height: 3.0625rem;
    box-sizing: border-box;
    vertical-align: top;
    -webkit-appearance:none;
}
p {font-family: Arial;font-size: 0.75rem;}
.location_error {
	border:0.0625rem solid #FF0000;background: #FFB3B3;font-style: italic;}
.initial {font-style: italic;}
.input.extra-long{width:31.5625rem;}


@media all and (max-width: 740px){
	html:not(.block-sizing){
		font-size:16px;
	}
	html:not(.block-sizing) #map_container{
		width:100%;
		margin:0;
		box-sizing:border-box;
	}
	html:not(.block-sizing) #map_top{
		position:static
	}
	html:not(.block-sizing) #city_form label{
		display:block;
	}
	html:not(.block-sizing) #city_form input.input{
		width:100%;
		box-sizing:border-box;
	}
	html:not(.block-sizing) #city_form input#search{
		position:static;
		margin-top:10px;
		width:100%;
	}
	html:not(.block-sizing) #map_canvas{
		width:100%;
	}

}
@media all and (min-width: 740px) and (max-width: 1080px){
	html:not(.block-sizing){font-size:13px;}
}

@media all and (min-width: 1080px) and (max-width: 1460px){
	html:not(.block-sizing){
		font-size:16px;
	}
}

@media all and (min-width: 1460px){
	html:not(.block-sizing){
		font-size:19px;
	}
}

/*if the dealer map is in a block, then resizing needs to be different*/
@media all and (max-width: 674px){
	html.block-sizing{
		font-size:16px;
	}
	html.block-sizing #map_container{
		width:100%;
		margin:0;
		padding:0;
		box-sizing:border-box;
	}
	html.block-sizing #map_top{
		position:static
	}
	html.block-sizing #city_form label{
		display:block;
	}
	html.block-sizing #city_form input.input{
		width:100%;
		box-sizing:border-box;
	}
	html.block-sizing #city_form input#search{
		position:static;
		margin-top:10px;
		width:100%;
	}
	html.block-sizing #map_canvas{
		width:100%;
	}
}
@media all and (min-width: 674px) and (max-width: 915px){
	html.block-sizing{
		font-size:12px;
	}
}
@media all and (min-width: 916px) and (max-width: 1099px){
	html.block-sizing{
		font-size:16px;
	}
}

@media all and (min-width: 1100px){
	html:not(.block-sizing){
		font-size:19px;
	}
}