/***************  templates/main/css/template.location.css  ***************/
div#main-content{
	float: left; _display: inline;
	width: 960px;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	margin: 552px 0 50px 0;
	padding-top: 7px;
}
#page_hotels div#main-content{
	min-height: 185px;
	height: auto !important;
	height: 185px;
}
	#page_contactus #left-column,
	#page_location #left-column,
	#page_newsletter #left-column{
		float: left; _display: inline;
		height: auto;
		margin-top: 12px;
		position: relative;
	}
	#page_newsletter #left-column,
	#page_contactus #left-column{
		width: 630px;
		background: #fff;
	}

	#page_location #left-column{	
		width: 680px;
	}
		/*GOOGLE MAPS*/
		#main-content .map-wrapper{
			float: left; _display: inline;
			width: 680px;
			height: 510px;
		}
			#map_canvas {
				height: 510px;
			}
			#main-content #map #logocontrol + div {
				white-space:normal !important; /*this will force the copyright text on the bottom of the goolge map to wrap when the map container is too small*/
			}
			#map_controls{
				display: block;
				cursor: pointer;
			}
			#map_controls .pan {
				position: absolute;
				background: url(/templates/main/images/map-controls.png) no-repeat 0 0;
				width: 55px;
				height: 55px;
				margin: 19px;
				z-index: 10;
			}
				#map_controls .pan  .arrow{
					position: absolute;
					width: 18px;
					height: 18px;
				}
				#map_controls .left {
					left: 0px;
					top: 15px;
				}
				#map_controls .right {
					left: 32px;
					top: 16px;
				}
				#map_controls .up {
					left: 16px;
					top: 0;
				}
				#map_controls .down {
					left: 16px;
					top: 32px;
				}
				#map_controls .center {
					left: 16px;
					top: 16px;
				}
			#map_controls .zoom{
				position: absolute;
				width: 22px;
				height: 205px;
				margin: 100px 34px;
				background: url(/templates/main/images/map-controls.png) no-repeat 0 -69px;
				z-index: 10;
			}
				#map_controls .button,
				#map_controls .selector,
				#map_controls .bar{
					position: absolute;
					width: 22px;
				}
				#map_controls .button{
					height: 22px;
				}
				#map_controls .selector{
					background: url(/templates/main/images/map-controls.png) no-repeat -92px -262px;
					height: 15px;
					margin-top: 65px;
					z-index: 11;
					top: 58px;
				}
				#map_controls .bar{
					height: 148px;
					top: 16px;
				}
				#map_controls .zoom-out{
					left: 0;
					top: 185px;
				}
				
			#map_controls .view_buttons{
				position: absolute;
				right: 10px;
				top: 10px;
				margin: 0;
				z-index: 100;
			}
				#map_controls button{
					border: 0;
					height: 28px;
					cursor: pointer;
				}
				#map_controls button.map, #map_controls button.satellite{
					float: left; _display: inline;
					width: auto;
					height: 30px;
					margin-left: 8px;
					padding: 0 8px 4px;
					background: url(/templates/main/images/map-controls.png) no-repeat 0 -591px;
					border: 1px solid #c7ccd1;
					
					font-family: 'Open Sans', sans-serif;
					color: #fff;
					text-transform: uppercase;
					line-height: 16px;
				}
				#map_controls button.map.active, #map_controls button.satellite.active{
					background: url(/templates/main/images/map-controls.png) no-repeat 0 -631px;
					color: #cfd3d8;
				}
		/*END GOOGLE MAPS*/
		#left-column .bottom-content{
			float: left; _display: inline;
			width: 100%;
			margin: 0 30px;
		}
		#page_newsletter #left-column .bottom-content,
		#page_contactus #left-column .bottom-content{
			width: 570px;
		}
		#page_location #left-column .bottom-content{
			width: 620px;
			margin-top: 10px;
			margin-left: 0;
		}
			#left-column ul{
				margin: 0;
				padding:0;
			}
			#left-column li{
				background: url(/templates/main/images/bg-sprite.png) no-repeat 0 -741px;
				list-style-type: none;
				padding-left: 8px;
			}
			#left-column li, #left-column p{
				line-height: 1.7;
			}
		
	#page_newsletter #right-column,
	#page_contactus #right-column,
	#page_location #right-column{
		float: right; _display: inline;
		width: 300px;
		height: auto;
		margin-top: 12px;
	}
	#page_location #right-column{
		width: 250px;
		height: auto;
	}
		#page_location .contact-details, #get-direction-wrapper{
			padding: 18px 20px 14px;
			background: #fff;
		}
			.contact-details h3, #get-direction-wrapper h3{
				margin-top: 0;
				font-size: 1.2em;
			}
			.contact-details strong{
				color: #527190;
			}

		/* Get Direction */
		#get-direction-wrapper{
			margin-top: 30px;
		}
			#get-direction-wrapper h3{
				text-transform: none;
			}
			#get-direction-form{
				height: 105px;
			}
				#get-direction-wrapper #from,
				#get-direction-wrapper .mode,
				#get-direction-wrapper #getdirections{
					float: left; _display: inline;
					width: 200px;
					height: 29px;
					margin: 0 0 10px 0;
					padding-left: 10px;
					border: 0;
					background: #ebebeb;
					
					font-family: 'Open Sans', sans-serif;
					color: #919191;
					text-transform: uppercase;
				}
				#get-direction-wrapper .mode{
					width: 40px;
					height: 30px;
					padding: 0;
					cursor: pointer;
				}
					#get-direction-form button.driving{
						background: url(/templates/main/images/map-controls.png) no-repeat 0 -396px;
					}
					#get-direction-form button.driving.active{
						background: url(/templates/main/images/map-controls.png) no-repeat 0 -359px;
					}
					#get-direction-form button.train{
						background: url(/templates/main/images/map-controls.png) no-repeat 0 -471px;
					}
					#get-direction-form button.train.active{
						background: url(/templates/main/images/map-controls.png) no-repeat 0 -434px;
					}
					#get-direction-form button.walking{
						background: url(/templates/main/images/map-controls.png) no-repeat 0 -550px;
					}
					#get-direction-form button.walking.active{
						background: url(/templates/main/images/map-controls.png) no-repeat 0 -511px;
					}
				#get-direction-wrapper #getdirections{
					float: right; _display: inline;
					width: 140px;
					height: 26px;
					padding: 0 0 3px 0;
					margin: 0;
					background: url(/templates/main/images/booknow.jpg) repeat-x 0 0;
					cursor: pointer;
					
					color: #fff;
					font-weight: 700;
					text-align: center;
				}

				.marker-content{
					overflow: hidden;
				}
					.marker-content h3{
						margin: 10px 0;
						font-size: 1.2em;
					}
					.marker-content a{
						color: #7c7d80;
						text-decoration: none;
					}
					.marker-content a:hover{
						color: #a4a6a8;
					}