.ContentPane {
	background:#fff !important;
}

.PageContentRule {
	background-image: url(/Portals/0/Skins/Adore/images/page-rule-gray.gif);
}

.marginRight {
	margin-right:0 !important;
}

.DistributorsContainer .HeaderContainer {
	position:relative;
	overflow:hidden;
}

.HeaderContainer img {
	min-width:100%;
}

.HeaderTitle {
	position:absolute;
	left:0;
	bottom:0;
}

.HeaderTitle img {
	max-width:100%;
	padding:0 30px 15px;
}

.ArrowDown {
	width:30px;
	height:30px;
	background: url(/Portals/0/Skins/Adore/images/arrowDown-gray.png) no-repeat 5px 5px transparent;
	border-bottom: 1px solid #b8b7af;
	border-right: 1px solid #b8b7af;
}

.ArrowDown img {
	display:none;
}

.sectionTitle {
	border-bottom:1px solid #b8b7af;
}

.Distributors .map {
	position:relative;
	background:#edece2;
}

.Distributors .mapContainer {
	position:relative;
	padding:0 70px;
	z-index: 2;
}

.Distributors .map img {
	max-width:100%;
}

.Distributors .map .AdoreBadge {
    bottom: 20px;
    left: 70px;
    position: absolute;
    width: 15%;
}

.Distributors .map .AdoreBadge img {
	width:100%;
	height:auto;
	z-index:1;
}

.Distributors .mapHeader {
	margin-top:0;
	padding-left:125px;
	padding-right:15px;
	border-bottom: 1px solid #b8b7af;
	margin-bottom:5px;
}

.Distributors .subtitle {
	margin-top:0;
	font-weight:bold;
	font-size:16px;
}

.Distributors .title {
	color: #e59126;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 32px;
	margin-bottom: 10px;
}

.DistributorList {
	background:#524d4b;
	padding:0 70px;
	position:relative;
	border-top:7px solid #fff;
	margin-top: -20px;
}

.Toolbar {
    left: 20px;
    position: absolute;
    top: 34px;
    z-index: 1;
}

.DistributorListItemPadding {
	height:25px;
}

.DistributorListItem {
	color:#cac9c9;
	font-size:16px;
	line-height:20px;
	border-left:1px solid #cac9c9;
    padding-bottom: 14px;
    padding-left: 0;
    padding-top: 14px;
}

.colorBar {
	width:28px;
	height:57px;
	float:left;
}

.distributorDetail {
	margin-left:43px;
}

.distributorName {
	text-transform:uppercase;
}


@media all and (max-width: 992px) {
	.Distributors .mapContainer {
		padding:0 15px;
	}
	
	.Distributors .mapHeader {
		padding-left: 30px;
	}
	
	.DistributorList {
		padding:0 30px;
	}
}

@media all and (max-width: 640px) {
	.DistributorList {
		padding:0 15px;
	}
}