
@charset "utf-8";
/* CSS Document */

	.rows{

		width 100%;

		display:inline-block;

	}	

#countyNamesList{
    font-size: 12px;
	margin-bottom: 14px;
    color: #1970dc;
}

#countyNamesList table{    
	margin-bottom: 10px;    
}

.free-maps {
    float:left;
    display:inline-block;    
}

.free-maps img{
    width:30px;
    float:left;
    display:inline-block;
}

.home-section-dumpy {
	padding: 10px 2% 2px 2%;
    /* margin: 0 0 0.5% 10px; */
    background-color: #FFF;
    min-height: 454px;
    float: left;
    width: 45%;
    vertical-align: top;
    text-decoration: none;
	border: solid 1px #ccc;
}

.home-section {

	padding: 10px 2% 2px 2%;

	margin: 0 0 0.5% 10px;	

	background-color: #FFF;

	min-height: 1013px;

	float: left;

	width: 44.5%;

	vertical-align: top;

	text-decoration:none;



}

.home-section h1 a:link, .home-section h2 a:link, .home-section h2 a:visited, h1 a:link, .home-section h1 a:visited, .home-section-dumpy h1 a:link, .home-section-dumpy h2 a:link, .home-section-dumpy h2 a:visited, h1 a:link, .home-section-dumpy h1 a:visited,#clientLogosFooter h1, .headingBox h2 a:link, .headingBox h2 a:visited, #clientLogosFooter h1{

	color: #2f466b;

	font-size: 23px;

	line-height: 33px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: 200;

	text-decoration: none;

}

.county {
	width: 99%;
    margin-left: 1px;
    background-color: #6A6D70;
    border: 1px solid white;
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;

}

.county a {

	color: white;

	font-size: 15px;

	font-family: arial, helvetica, serif;

	padding-left: 5px;

	text-decoration: none;

	margin-top: 10px;

}
	.county:hover {

		background-color: red;

	}

.postcodeRow a {

	width: 48%;

	display: inline-block;

	float: left;

	background-color: #D1D1D1;

	

	font-size: 16px;

	font-family: arial, helvetica, serif;



	padding-top: 5px;

	padding-bottom: 5px;

	padding-left:1%;

	color: black;

	text-decoration: none;

	border:2px solid white;

	overflow-x: hidden;

}

	.postcodeRow a:hover{

		background-color: red;

	}

	.county:hover {

		background-color: red;

	}

.postcodeRow {

	width: 100%;

}


.async-hide { opacity: 0 !important} 
	
	#largeSvgMap{
	    float: left!important;
    	margin-right: 10px!important;
		width:100%;
		
	}
	
	#largeSvgMap p{
		width: auto;
		float: left;
		margin-right: 10px;
/*		margin-top:4px;*/
	}
	
	#fileTypes {
		width: 100%;
    	float: left;
	}
	
	.buyUSMapBut {
/*
    width: auto;
    height: 20px;
    font-size: 14px;
    background-color: #4fad33;
    float: left;
    color: white;
    padding: 5px 12px 5px 12px;
    border: 1px solid hsl(0, 0%, 100%);
    margin-bottom: 14px;
    box-shadow: 1px 1px 3px 0px #000000cc;
    border-radius: 5px;
*/
		margin-bottom:18px;
	}
	
	.buyUSMapBut:hover {    
/*		background-color: #7aca62;   */
		color: red;
 
	}
	
	.buyUSMapBut a{
	    text-decoration: none;
		font-family: 'Open Sans', sans-serif;
		color: #263aab;
		font-weight: bold;
	}
	
	#rightColumnText {
		width:100%;
		float:left;
		
	}
	
	#rightColumnText p{
		margin-bottom:5px;
		display: inline-block;
	}

@media screen and (max-width: 920px) {

	#rightColumnText {
		width:96%;
		float:left;
		
	}
	
	#rightColumnText p{
		margin-bottom:5px;
		display: inline-block;
	}

	#largeSvgMap{
		width:100%;
	}

	.home-section-dumpy{
		width:95%;
	}
	
	.county{
		width:99%;
	}
	
}

@media screen and (max-width: 460px) {
	.postcodeRow a {
   	 	width: 98%;
	}
		

	
}