/* start of mobile style */
@media handheld { 
	
	* {
		color:#003B51;
	padding: 0;
	margin: 0;

	}
	
	html, body {
	background: #f1f1f1;
	color: #000;
	font:100% Arial, Helvetica, sans-serif;
	line-height:1.5em;
	width:100%;
	}

	#nearmapLogo, h1.logo, h1.logo a  {
		margin:3px;
		width:130px;
		height:33px;
	}

	h1.logo {
		text-indent: -9999px;
		background: transparent url('../img/nearmap-logo.png') no-repeat;
	
	}

	#pageBody {
		background:#FFF;
		/*padding:5px;*/
	}
	
	p, h4, h5 {
		margin:5px;
	}
	
	h1, h2, h3 {
		padding: 5px;
	}
	
	/* hidden elements */
	#LeftPanel,
	.breadcrumb,
	.highlight
	{
	display: none;
	}
	
	img { 
	max-width: 250px;
	}
	
	a:link, a:visited {
	text-decoration: underline;
	color: #4074A5;
	}
	
	a:hover, a:active {
	text-decoration: underline;
	color: #34b4e4;
	}
	
	h2 {
		background: #004687;
		color:#FFF;
		border-top: 3px solid #bfbfbf;
	}

	h3 {
		background: #4074A5;
		color:#FFF;
		border-top: 1px solid #ccc;	
	}

	h4 {
		border-top: 2px solid #ccc;		
	}
	
	h5 {
		background: #e5e5e5;
		border-top: 1px solid #ccc;
		padding: 0 5px;
	}

	.MainNavStyle {
		border-top:1px solid #bfbfbf;
		border-bottom:2px solid #bfbfbf;
		background: #ccc;
		padding:3px 1px;
	}

	.MainNavStyle li {
		display:inline;
		padding: 7px 4px;
		font-weight:bold;
	}

	.MainNavStyle li a {
		padding:5px 3px;		
	}

	.MainNavStyle a:active,
	.MainNavStyle .current a {	
		/*color: #fff;*/
		background:#fff; /*#004687;*/
		font-weight:bold;
		border-top:1px solid #fff;
		border-bottom:2px solid #fff;
	}

	.SubNavStyle {
		border-top:1px solid #fff; /*#bfbfbf;*/
		background:#fff; 
		padding:5px 3px;		
	}

	.SubNavStyle li {
		display:inline;
		padding: 0 5px 0px 5px;
	}

	.SubNavStyle a:active,
	.SubNavStyle .current a {	
		font-weight:bold;
	}
	
} /* end of mobile style */


/* iphone style - start */
@media only screen and (max-device-width: 480px) { 

	.selector {
		padding: 0;
		margin: 0;
		}
		
	html {
	-webkit-text-size-adjust: none;
	}

}