/***********************************************************
SEARCH FORM LAYOUT
***********************************************************/

#locator-search-criteria
{
	border: 1px solid #ececec;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#locator-search-tabs
{
	height: 44px;
	background-color: #ececec;
}

.locator-search-tab
{
	display: inline-block;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #666666 !important;
	font-weight: 400;
	text-decoration: none !important;
	padding-left: 44px;
	padding-right: 44px;
}
.locator-search-tab:hover
{
	color: #333333 !important;
	text-decoration: none !important;
}

.locator-search-tab-on
{
	display: inline-block;
	height: 43px;
	line-height: 44px;
	text-align: center;
	color: #333333 !important;
	font-weight: 700;
	text-decoration: none !important;
	background-color: #e1e1e1;
	border-bottom: 1px solid #ffa000;
	padding-left: 44px;
	padding-right: 44px;
}
.locator-search-tab-on:hover
{
	color: #333333 !important;
	text-decoration: none !important;
}

#locator-search-fields
{
	display: grid;
	margin: 20px;
	column-gap: 2%;
	grid-template-columns: 32% 32% 32%;
}
#locator-search-fields > div
{
	background-color: #ffffff;
}

.or-outer-2
{
	clear: both;
}

.or-outer, .or-outer-2
{
	text-align: center;
	background-image: url('/__cms/images/grey-line.png');
	background-position: 0px center;
	background-repeat: repeat-x;
	display: block;
}
.or-inner
{
	display: inline-block;
	background-color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
}

.locator-search-col-a
{
	float: left;
	width: 47%;
}

.locator-search-col-b
{
	float: right;
	width: 47%;
}

.locator-search-col-c
{
	clear: both;
	float: left;
	width: 35%;
}

.locator-search-col-d
{
	float: left;
	width: 65%;
}

#search-criteria-1
{
	display: none;
}

#search-criteria-2
{
	display: none;
	font-weight: bold;
	text-align: center;
}

.criteria-checkbox-plain
{
	margin-bottom: 12px;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-left: 6px;
	padding-right: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

.criteria-checkbox
{
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-left: 6px;
	padding-right: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

.criteria-checkbox-icon
{
	position: absolute;
	right: 12px;
	bottom: 8px;
	width: auto;
	height: 34px;
}

.formbutton
{
	display: block;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d1d1d1;
	background-color: #004a2a;

	height: 36px;
	line-height: 36px;
	color: #ffffff !important;
	font-weight: 700;
	text-decoration: none !important;
}
.formbutton:hover
{
	color: #ffffff !important;
	text-decoration: none !important;
	background-color: #007a5a;
}

#search-criteria-action
{
	clear: both;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 12px;
}

.searchbutton-grey
{
	display: inline-block;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d1d1d1;
	background-color: #ececec;
	width: 266px;
	height: 36px;
	font-size: 16px;
	line-height: 36px;
	color: #666666 !important;
	font-weight: 700;
	text-decoration: none !important;
	margin-left: 12px;
	margin-right: 12px;
}
.searchbutton-grey:hover
{
	color: #666666 !important;
	text-decoration: none !important;
}

#searchbutton-search
{
	display: inline-block;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b87507;
	background-color: #ffa000;
	width: 266px;
	height: 36px;
	font-size: 16px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	margin-left: 12px;
	margin-right: 12px;
	padding-right: 40px;
	background-image: url('/__cms/images/icon-search-result.png');
	background-position: 200px center;
	background-repeat: no-repeat;
}
#searchbutton-search:hover
{
	background-color: #ffa000;
	color: #ffffff;
	text-decoration: none;
}

#locator-map-outer
{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 400px;
}

#locator-map
{
	width: 100%;
	height: 400px;
	border: 0px;
}

#map
{
	width: 100%;
	height: 400px;
}

#locator-map-spacer
{
	height: 400px;
}

#locator-results
{
	display: grid;
	width: 100%;
	clear: both;
	padding-top: 30px;
	column-gap: 24px;
	row-gap: 48px;
	text-align: center;
	grid-template-columns: calc(33.33333% - 16px) calc(33.33333% - 16px) calc(33.333333% - 16px);
	grid-auto-rows: 255px;
}

#search-results-title
{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: 800;
	text-align: left;
	background-color: #ececec;
	margin-top: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-left: 56px;
	background-image: url('/__cms/images/icon-search-results.png');
	background-position: 12px center;
	background-repeat: no-repeat;
}

.search-result-outer
{
	margin: 0px auto;
	width: 370px;
	height: 255px;
	text-align: center;
}

.search-result
{
	position: absolute;
	width: 370px;
	height: 155px;
	text-align: center;
}

.search-result-inner
{
	margin: 0px auto;
	position: relative;
	width: 290px;
	height: 155px;
	text-align: center;
	color: #000000;
}
.search-result-inner a
{
	color: #000000;
}

.search-result-title
{
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	height: 66px;
	overflow: hidden;
}

.search-result h4
{
	font-size: 18px;
	line-height: 22px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
}

.search-result h4 .title-goldstar, .search-result h4 .title-company, .search-result h4 .title-individual
{
	font-size: 9px;
	line-height: 9px;
	padding-bottom: 15px;
	width: 280px;
	text-align: center;
}

.search-result-contact
{
	font-size: 12px;
	padding-top: 12px;
}
.search-result-contact a, .search-result-contact a:hover
{
	font-size: 12px !important;
	color: #000000;
}

.search-result-remote
{
	font-size: 9px;
	font-weight: 800;
}

.result-certified, .result-testcenter
{
	background-color: #ccffda;
}

.result-goldstar
{
	background-color: #fff0d9;
}

.result-contractor
{
	background-color: #e3f0fb;
}

.search-result-distance
{
	position: absolute;
	right: 0px;
	bottom: 4px;
	width: 48px;
	text-align: center;
	font-size: 9px;
	line-height: 14px;
	font-weight: 800;
}
.search-result-distance i 
{
	display: block;
	text-align: center;
	font-size: 22px;
}

.search-result-address
{
	font-size: 14px;
	line-height: 18px;
}

.search-result-bottom
{
	display: block;
	text-align: center;
	margin-top: 145px;
	height: 110px;
	color: #ffffff;
}
.search-result-bottom a, .search-result-bottom a:hover
{
	color: #ffffff;
}

.result-bottom-certified, .result-bottom-testcenter
{
	background-color: var(--green);
}

.result-bottom-goldstar
{
	background-color: #ffb101;
}

.result-bottom-contractor
{
	background-color: #315f90;
}

.search-result-certs
{
	margin: 0px auto;
	height: 22px;
	padding-top: 22px;
	text-align: center;
	overflow: hidden;
}

.search-result-cert-item
{
	width: 36px;
	height: 22px;
	background-color: #ffffff;
	color: #000000;
	display: inline-block;
	text-align: center;
	margin: 2px;
	font-weight: 800;
	font-size: 9px;
	line-height: 22px;
	cursor: default;
}

.search-result-phone
{
	display: inline-block;
	font-size: 10px;
	line-height: 15px;
	font-weight: 800;
	padding-left: 6px;
	padding-right: 6px;
	margin: 0px !important;
}

.search-result-website
{
	display: inline-block;
	font-size: 10px;
	line-height: 15px;
	font-weight: 800;
	padding-left: 6px;
	padding-right: 6px;
	margin: 0px !important;
}

.search-result-email
{
	display: inline-block;
	font-size: 10px;
	line-height: 15px;
	font-weight: 800;
	padding-left: 6px;
	padding-right: 6px;
	margin: 0px !important;
}

.search-result-travel
{
	font-size: 10px;
	line-height: 15px;
	font-weight: 800;
	padding-left: 6px;
	padding-right: 6px;
	margin: 0px !important;
}

#testcenter-travelto
{
	clear: both;
	background-image: url('/__cms/images/will-travel.png');
	background-position: left center;
	background-repeat: repeat-x;
	height: 32px;
	text-align: left;
}
#testcenter-travelto h5
{
	display: inline-block;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 16px;
	font-size: 14px;
	line-height: 32px;
	color: #b36f00;
	font-weight: 700;
	background-color: #ffffff;
}

#mainform-outer
{
	text-align: center;
}

#mainform-inner
{
	margin: 0px auto;
	max-width: 960px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 20px;
	border: 1px solid #d3e0e9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

@media only screen and (min-width: 740px) and (max-width: 980px)
{
	.locator-search-tab
	{
		width: 236px;
		font-size: 15px;
	}

	.locator-search-tab-on
	{
		width: 236px;
		font-size: 15px;
	}

	#locator-search-col-1
	{
		display
		float: left;
		width: 32.3%;
		padding-right: 1%;
		border-right: 1px solid #d1d1d1;
		padding-bottom: 10px;
	}

	#locator-search-col-2
	{
		float: left;
		width: 31.3%;
		padding-left: 1%;
		padding-right: 1%;
		border-right: 1px solid #d1d1d1;
		position: relative;
		padding-bottom: 10px;
	}

	#locator-search-col-3
	{
		float: left;
		width: 32.3%;
		padding-left: 1%;
		padding-bottom: 10px;
	}

	#locator-results
	{
		grid-template-columns: calc(50% - 12px) calc(50% - 12px) !important;
	}

	.criteria-checkbox-plain
	{
		margin-top: -12px;
	}

	.or-outer
	{
		margin-top: -22px;
	}

	.search-result-outer
	{
		float: left;
		width: 49.99%;
	}

	.two-col
	{
		float: left;
		width: 48%;
		padding-right: 2%;
	}

	.three-col
	{
		float: left;
		width: 31%;
		padding-right: 2%;
	}
}

@media only screen and (max-width: 740px)
{
	.locator-search-tab
	{
		width: 49%;
		font-size: 13px;
	}

	.locator-search-tab-on
	{
		width: 49%;
		font-size: 13px;
	}


	#locator-search-col-1
	{
		float: none;
		width: auto;
		padding: 0px;
		border-right: 0px;
		padding-bottom: 10px;
	}

	#locator-search-col-2
	{
		float: none;
		width: auto;
		padding: 0px;
		border-right: 0px;
		padding-bottom: 10px;
	}

	#locator-search-col-3
	{
		float: none;
		width: auto;
		padding: 0px;
		border-right: 0px;
		padding-bottom: 10px;
	}

	#locator-results
	{
		margin: 0px auto;
		display: inline-grid;
		grid-template-columns: 100% !important;
	}

	.criteria-checkbox-plain
	{
		margin-top: 8px;
	}

	.or-outer
	{
		margin-top: 0px;
	}

	#searchbutton-search
	{
		margin-top: 10px;
	}

	.search-result-outer
	{
		float: none;
		width: 100%;
	}
}