﻿.business {
	float: left;
	width: 30%;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #cdcdcd;
	height: 220px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
	border-radius: 10px;
	position: relative;
	min-width: 300px;
	overflow: hidden;
}

	.business.half {
		min-width: 48%;
		margin-right: 1%;
		height: 240px;
	}

	.business.narrow {
		min-width: 100%;
		margin-right: 0%;
	}

.business-line {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cdcdcd;
}

.business-image-container,
.no-business-image {
	width: 20%;
	float: left;
	margin-right: 5%;
	background-size: contain;
	background-repeat: no-repeat;
	max-height: 80px;
	height: 80px;
}

.business-line .business-image-container {
	width: 80px;
	margin-right: 20px;
	margin-top: 5px;
}

.business-image-container img {
	width: 100%;
	height: auto;
}

.business-info-container {
	float: left;
	width: 75%;
}

.business-detail-link {
	font-size: 18px;
	color: #007efe;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
}

.business-line .business-detail-link {
	margin-bottom: 0px;
}

.address-line {
	font-size: 13px;
	color: #5c5c5c;
	font-family: Arial, sans-serif;
	display: block;
	line-height: 1.2;
}

.business-description {
	font-size: 13px;
	color: #5c5c5c;
	font-family: Arial, sans-serif;
	line-height: 1.4;
}

.more-link {
	color: #007efe;
	text-decoration: none;
	font-size: 13px;
}

.phone-link {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	line-height: 22px;
	display: block;
}

	.phone-link .material-icons {
		font-size: 16px;
		color: #000;
		vertical-align: middle;
		margin-right: 5px;
	}

.business-line .phone-link {
	font-size: 13px;
	line-height: 18px;
}

.business-line .material-icons {
	font-size: 14px;
}

#business_search .business-links {
	position: absolute;
	bottom: 10px;
}

.business-links a .material-icons {
	color: #000;
	font-size: 24px;
	vertical-align: middle;
}

.business-links a {
	background-repeat: no-repeat;
	background-size: 24px;
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: 3px;
}

.no-business-image {
	float: left;
	width: 80px;
	height: 60px;
	margin-right: 20px;
	background-color: #f1f1f1;
	background-image: url(/images/member_directory/shop.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
}

.business-links a.website {
	background-image: url(/images/social/globe.png);
}

.business-links a.email {
	background-image: url(/images/social/email.png);
}

.business-links a.facebook {
	background-image: url(/images/social/facebook.png);
}

.business-links a.twitter {
	background-image: url(/images/social/twitter.png);
}

.business-links a.linkedin {
	background-image: url(/images/social/linkedin.png);
}

.business-links a.instagram {
	background-image: url(/images/social/instagram.png);
}

.business-links a.youtube {
	background-image: url(/images/social/youtube.png);
}

.business-links a.google {
	background-image: url(/images/social/google_plus.png);
}

.business-links a.pinterest {
	background-image: url(/images/social/pinterest.png);
}

#business_search h1, h2 {
	clear: left;
}

#business_search fieldset {
	float: left;
	margin: 10px 0px;
}

	#business_search fieldset .form-row label {
		width: 120px;
		font-size: 12px;
	}

	#business_search fieldset legend {
	}

#business_search #search_button_box {
	float: right;
}

#business_search #zip_text_label,
#business_search #zip_text_dropdown {
	margin-right: 5px;
	font-size: 12px;
}

#business_search #zip_text_label {
	margin-left: 5px;
	padding-top: 3px;
}

#business_search .zip-drop,
#business_search #zip_text_label {
	float: left;
}

#business_search .field-note {
	margin-left: 125px;
	color: #ababab !important;
	font-style: normal !important;
}

#business_search #results {
	margin: 10px 0px;
	width: 100%;
	overflow: auto;
	padding-top: 10px;
}

#business_search .results-text {
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	color: rgb(102, 102, 102);
}

#business_search .no-results {
	color: rgb(102, 102, 102);
	padding: 3px 5px;
	margin: 6px 15px 5px;
	overflow: auto;
}

#business_search .notice {
	float: left;
	width: 450px;
	height: 68px;
	padding-left: 80px;
	padding-top: 10px;
	background-image: url(/images/member_directory/member-directory-icons.png);
	background-repeat: no-repeat;
	background-position: 0px -355px;
}

#business_search .search-indicator {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin: 10px 0px;
}

#business_search .business-line .business-info-container {
	float: left;
	width: 40%;
}

#business_search .business-line-links {
	float: left;
	width: 40%;
	margin-top: 10px;
}

	#business_search .business-line-links a {
		float: left;
		margin-right: 10px;
		height: 24px;
		padding: 1px 8px;
		background-repeat: no-repeat;
		color: #000;
		padding-top: 35px;
		text-align: center;
		background-position: center top;
		background-size: 25px;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
	}

#business_search .line-detail-link {
	background-image: url(/images/member_directory/details_icon.png);
}

#business_search .line-web-link {
	background-image: url(/images/member_directory/globe_icon.png);
}

#business_search .line-email-link {
	background-image: url(/images/member_directory/email_icon.png);
}

#business_search .search-indicator {
	float: left;
}

#business_search .paging {
	float: right;
}

#business_search fieldset {
	position: relative;	
}
#zip_div {
	padding-bottom: 20px;
}
#business_search #search_button_box {
	position: absolute;
	right: 10px;
	bottom: -10px;
}

#search_button_box a {
	display: block;
	margin-bottom: 3px;
}

#business_detail_left,
#business_detail_right {
	float: left;
}

#business_detail_left {
	width: 65%;
	margin-right: 10px;
}

#business_detail_right {
	width: 30%;
}

	#business_detail_right img {
		display: block;
		max-width: 100%;
	}

#business_container .detail-tag-link {
	font-size: 12px;
	color: #0072bc;
	text-decoration: none;
	font-weight: bold;
	transition: all .5s ease;
}

	#business_container .detail-tag-link:hover {
		color: #959595;
	}

	#business_container .detail-tag-link .material-icons {
		font-size: 14px;
		color: #0072bc;
		vertical-align: middle;
		margin-right: 2px;
	}

#business_container .row-icon,
#business_container .row-detail {
	float: left;
}

#business_container .row-icon {
	width: 24px;
	margin-right: 5px;
	clear: left;
}

#business_container .row-detail {
	width: 90%;
	font-size: 12px;
	line-height: 1.3;
}

	#business_container .row-detail a {
		vertical-align: middle;
		text-decoration: none;
		color: #000;
		line-height: 28px;
	}

	#business_container .row-detail.fax-detail {
		line-height: 28px;
	}

#business_container .row-icon .material-icons {
	color: #000;
	font-size: 24px;
	vertical-align: middle;
}

#business_container .address-container,
#business_container .map-container {
	float: left;
}

#business_container .map-container {
	width: 35px;
	margin-left: 20px;
}

	#business_container .map-container img {
		max-width: 100%;
	}

#business_container .category-links {
	margin-bottom: 20px;
}

#business_container #description_container img,
#business_container #description_container div {
	max-width: 100% !important;
}

#business_container #description_container table {
	table-layout: fixed;
	max-width: 100%;
}

#business_container #business_detail_left label {
	width: 100%;
	font-weight: bold;
	font-size: larger;
	line-height: 1.5;
	display: block;
	margin-top: 20px;
}

#business_container #business_detail_left .business-links a {
	margin-right: 5px;
	background-repeat: no-repeat;
	background-size: 24px;
}

#business_container .business-links a.facebook {
	background-image: url(/images/social/facebook.png);
}

#business_container .business-links a.twitter {
	background-image: url(/images/social/twitter.png);
}

#business_container .business-links a.linkedin {
	background-image: url(/images/social/linkedin.png);
}

#business_container .business-links a.instagram {
	background-image: url(/images/social/instagram.png);
}

#business_container .business-links a.youtube {
	background-image: url(/images/social/youtube.png);
}

#business_container .business-links a.google {
	background-image: url(/images/social/google_plus.png);
}

#business_container .business-links a.pinterest {
	background-image: url(/images/social/pinterest.png);
}

#business_container .detail-contact .row-detail {
	line-height: 24px;
}

#business_container .link-container {
	position: absolute;
	right: 0px;
	top: 10px;
}

#business_container .edit-link {
	margin-right: 8px;
	background-image: url(/images/member_directory/pencil.png);
}

#business_container .members-link {
	background-image: url(/images/member_directory/users.png);
}

#business_container .edit-link,
#business_container .members-link {
	height: 24px;
	width: 24px;
	padding: 12px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 24px;
}

#business_detail_left {
	position: relative;
}

#business_container #secondary_members_div {
	position: absolute;
	top: 20px;
	right: 0px;
	background-color: #f8f8f8;
	border: 1px solid #cdcdcd;
	border-radius: 8px;
	padding: 10px;
	box-sizing: border-box;
	min-width: 250px;
	display: none;
}

	#business_container #secondary_members_div .instruction-text {
		margin-left: 5px;
		margin-right: 5px;
	}

#business_container .secondary-link {
	white-space: nowrap;
	display: block;
	line-height: 24px;
	font-size: 12px;
	color: #000;
}

#business_container .hover-class {
	float: right;
}

#business_container {
	/*box-sizing:border-box;
		padding:10px;
		border:1px solid #272727;
		border-radius:8px;*/
}

	#business_container #amd_control label {
		width: 180px;
		font-size: 13px;
		margin-top: 0px;
		text-align: left;
		padding-top: 0px;
	}

	#business_container #interests_control .edit-link {
		background-image: none;
	}

	#business_container #interests_control .interests-links a {
		padding-left: 0px;
		background-image: none;
		color: #686868;
		font-size: 15px;
		font-weight: bold;
		line-height: 28px;
	}

.detail-description {
	word-break: initial !important;
}

#business_container #amd_control .questions .form-row div {
	clear: left;
}

@media (min-width : 320px) and (max-width : 480px), (min-width : 375px) and (max-width : 667px) {
	/* Styles */
	#business_search .field-note {
		margin-left: 0px;
	}

	#business_search #search_button_box {
		width: 100%;
		position: relative;
		bottom: initial;
		right: initial;
		margin-top: 10px;
	}

	#business_search .business-links a {
	}

	#business_detail_left,
	#business_detail_right {
		clear: left;
		width: 100%;
		margin-bottom: 20px;
	}

		#business_detail_right img {
			margin-left: auto;
			margin-right: auto;
			max-width: 100%;
		}

	.business-line .business-image-container,
	.business-line .no-business-image {
		width: 60px;
	}

	#business_search .business-line .business-info-container {
		width: 70%;
	}

	#business_search .business-line .business-line-links {
		clear: left;
		width: 70%;
	}

	#business_container #amd_control label {
		width: 100%;
		font-size: 13px;
		margin-top: 0px;
		text-align: left;
		padding-top: 0px;
	}
}

@media (min-width : 768px) and (max-width : 1024px) {
	/* Styles */
	#business_search .field-note {
		margin-left: 125px;
	}

	#business_search #search_button_box {
		width: 100%;
		clear: left;
		position: relative;
		bottom: initial;
		right: initial;
		margin-top: 10px;
		float: left;
		margin-left: 120px;
	}

	#search_button_box a {
		clear: none !important;
		width: auto !important;
		float: left;
		margin-left: 10px;
	}

	#search_button_box {
		float: right;
		width: auto !important;
	}

	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
		font-size: 14px;
		max-width: 70%;
		clear: none;
	}

	.zip-drop {
		max-width: 150px;
	}

	#zip_text_dropdown input {
		max-width: 120px;
	}

	.business.narrow {
		min-width: initial;
		width: 48%;
		float: left;
		margin-right: 1%;
	}

	#business_search .business-links a {
		padding: 5px 12px;
	}

	#map_canvas {
		min-height: 450px !important;
		height: 450px !important;
	}

	#business_container #amd_control label {
		width: 100%;
		font-size: 13px;
		margin-top: 0px;
		text-align: left;
		padding-top: 0px;
	}
}
