@charset "utf-8";

/* CSS Document */

body {
font-size:12px;
font-family:Roboto, Arial, Helvetica, sans-serif;
/* text-transform:capitalize; */   
color: #676767;
/* background-image:url(/images/bg1.jpg);
background-color:#000000;
background-repeat:no-repeat; */
margin:0;
height:100%;
overflow:hidden;
}

html { 
height:100%;
}

img {
border:none;
}

.mapfocuslink, .mapfocuslink a:link, .mapfocuslink a:visited, .mapfocuslink a:hover, .mapfocuslink a:active {
color: #676767;
font-family:Roboto, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
width:100%;
}


a:link {
	color: #2C85C5;
text-decoration:none;
}
a:visited {
	color: #2C85C5;
text-decoration:none;
}
a:hover {
	color: #2C85C5;
text-decoration:none;
}
a:active {
	color: #2C85C5;
text-decoration:none;
}

.map_text, .map_text a:link, .map_text a:visited, .map_text a:hover, .map_text a:active {
font-size:15px;
font-family:Roboto, Arial, Helvetica, sans-serif;
overflow:hidden;
white-space:nowrap;
}
.map_text a:link, .map_text a:visited, .map_text a:hover, .map_text a:active {
	color: #2C85C5;
}

.mapfocuslink a:link, .mapfocuslink a:visited, .mapfocuslink a:hover, .mapfocuslink a:active {
text-decoration: none;	
}


/* alternating rows of text results can have a different color or other attributes */ 
.altrow1 {
/* background-color:#FFFFFF; */
}
.altrow2 {
background-color:#EFEFEF;
}

/* map layer */
#Layer1 {
	position:absolute;
	width: calc(100% - 300px);
	height: 500px;
	z-index:1;
	left: 300px;
	top: 45px;
	/* border: 1px solid #000000; */
}
/* map div */
.divmap {
	width:100%;
	height:100%;
}

/* text layer */
#Layer2 {
	position:absolute;
	width:295px;
	height:500px;
	z-index:2;
	left: 0px;
	top: 45px;
	/* 	border: 1px solid #000000;
    border-left: none; */
}
/* TEXT div */
.divtext {
	width:100%;
	height:100%;
	overflow:auto; 
	padding:2px;
}

/* form layer */
#Layer3 {
	position:absolute;
	width:100%;
	height:45px;
	z-index:3;
	left: 0px;
	top: 0px;
	/* 	border: 1px solid #000000;
    border-bottom: none; */ 
	background-color:#406578;
}

/* no results */
#no_results {
	position:absolute;
	left: 40px;
	top: 60px;
}

.no_results, .no_resultst a:link, .no_results a:visited, .no_results a:hover, .no_results a:active {
font-size:18px;
font-family:Roboto, Arial, Helvetica, sans-serif;
color:#CC0000;
}

.resultTitle {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color:#2C85C5;
font-size:14px;
}

.legendText {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color:#2C85C5;
font-size:15px;
}
/* search form submit button */
/* .submitbutton { 
    margin:0;
	padding:0;
	border:0;
	background:none;
	width:45px;
	height:29px;
	cursor:pointer;  
	margin-left: 280px;
}
*/

/* .searchbg { 
	margin:3px 4px 0;
	padding:0;
	border:0;
	background:url(/images/search_box.png) no-repeat;
	width:325px;
	height:29px;
	text-align:left;
}
*/

/* .countrybg { 
	margin:3px 4px 0;
	padding:0;
	border:0;
	/* background:url(/images/search_box.png) no-repeat; 
	width:45px;
	height:29px;
	text-align:left;
	outline:none;
} */

/* .countryform { 
    margin:0;
	padding:0;
	border:0;
	/* background:none;
	width:45px;
	height:29px;
	cursor:pointer;  
	margin-left: 50px;
} */

.searchform  {
height: 30px;
width: 640px;
color: #1F3F8C;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
border: 1px solid #CCCCCC;
padding-left: 10px;
line-height: 41px;
word-wrap: normal !important;
background: #fff;
border-radius: 25px;
margin: 3px;
}
.submitbutton { 
font-family: Arial, Helvetica, sans-serif;
color:#FFF !important;
border:#FFF solid 2px;
font-size: 18px;
padding: 4.5px 20px;
text-decoration: none;
cursor: pointer;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
background:transparent;
-pie-background: transparent;
transition: background 250ms ease;
-webkit-transition: background 250ms ease;
} 

.submitbutton:hover {
color: #000 !important;
background: #FFF;
}


.countryform  {
height: 34px;
color:#1F3F8C;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
border: 1px solid #CCCCCC;
padding-left: 10px;
line-height: 41px;
word-wrap: normal !important;
background: #fff;
border-radius: 25px;
}

.brandform  {
height: 34px;
color:#1F3F8C;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
border: 1px solid #CCCCCC;
padding-left: 10px;
line-height: 41px;
word-wrap: normal !important;
background: #fff;
border-radius: 25px;
}

.languageform {
	background-color:#F0F0F0;
	font-size:10px;
}

.locationtextlabel {
font-size:14px;
font-family:Roboto, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-transform:uppercase;     
margin:8px 4px 8px; 
}
.gpsbutton { 
font-family:Roboto, Arial, Helvetica, sans-serif;
		height: 25px;
		width: 30px;
		color: white;
		font-weight: bold;
		cursor: pointer;
		padding: 3px 4px 6px;
		border: 2px solid #363737;
		background: -moz-linear-gradient(top, #2a2a2a 0%, #232323 100%);
		background: -webkit-linear-gradient(top, #2a2a2a 0%,#232323 100%);
		background: -o-linear-gradient(top, #2a2a2a 0%,#232323 100%);
		background: linear-gradient(top, #2a2a2a 0%,#232323 100%);
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-transform:capitalize;
		visibility:hidden;
	} 


.searchformtable  {
		width:100px;
	}

@media screen and (max-width: 900px) {
	/* map layer */
	#Layer1 {
		position:absolute;
		width: 100%;
		height: 500px;
		z-index:1;
		left: 0px;
		top: 45px;
		/* border: 1px solid #000000; */
	}
	/* text layer */
	#Layer2 {
		position:absolute;
		width:99%;
		height:500px;
		z-index:2;
		left: 0px;
		top: 545px;
		/* 	border: 1px solid #000000;
		border-left: none; */
	}
	.searchformtable  {
		width:100%;
	}
	.searchform  {
		width:95%;
	}
}


@media screen and (max-width: 480px) {
	/* map layer */
	#Layer1 {
		position:absolute;
		width: 100%;
		height: 300px;
		z-index:1;
		left: 0px;
		top: 45px;
		/* border: 1px solid #000000; */
	}
	/* text layer */
	#Layer2 {
		position:absolute;
		width:99%;
		height:500px;
		z-index:2;
		left: 0px;
		top: 345px;
		/* 	border: 1px solid #000000;
		border-left: none; */
	}
	
	.locationtextlabel {
		display:none;
	}
	.gpsbutton {
		visibility:visible;
	}
	.countryform  {
		display:none;
	}
}