/* --------------------------------------------- */ 
/*	GFM Corporate Site	                         */
/*	Build start date: 2008-02-18                 */
/*	Developer: Nik Lazell.	                	 */
/* --------------------------------------------- */


/* --------------------------------------------- */
/* KEY                                           */
/* --------------------------------------------- */
/* 1.	Overall Setup                            */
/* 2.	SkipLinks                                */
/* 3.	Typography		                         */
/* 4.	Wrapper                                  */
/* 5.	Navigation                               */
/* 6.	Footer		                             */
/* --------------------------------------------- */


/* --------------------------------------------- */
/* 1. Overall Setup                              */

	
body { color: #333; font: 65% arial,helvetica,sans-serif; margin: 0; padding: 0; text-align: center; background: #FFF url(/a/img/global/bg.gif) 0 0 repeat; border-top: 5px solid #666; }

a:link, a:visited { color: #999; font-weight: bold; text-decoration: none; }
	a:hover, a:active {  text-decoration: underline; }

h2 { color: #FFF; font-size: 1.65em; font-weight: bold; margin: 0 0 2px 10px; }


/* --------------------------------------------- */
/* 2. Generics	                                 */

.offScreen { position: absolute; margin-left: -5000px; }
.clear { clear: both; }


/* --------------------------------------------- */
/* 2. Skip Links	                             */

/* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */
#skipLinks,
#styleSheetSwitcher { padding: 0; position: absolute; right: 0px; top: -500em; }
	#skipLinks a:active,
	#skipLinks a:focus { position: absolute; top: 500.25em; right: 0.25em; z-index: 5; white-space: nowrap; color: #000; background: #FFF; border: 2px solid red; padding: 3px; }
	

/* --------------------------------------------- */
/* 5. Global Nav		                             */

ul#globalNav { list-style-type: none; margin: 0; padding: 0; font-size: 0.9em; position: absolute; right:0; top: 5px; }
body#inner ul#globalNav {top: 0px;}
	ul#globalNav li { display: block; float: left; background: #ff0 url(/a/img/global/globalNav/globalNav_tab_r.gif) 100% 100% no-repeat; min-height: 17px; height: auto !important; height: 17px; margin-right: 5px; width: 9em;}
	body#home ul#globalNav li { display: block; float: left; background: #ff0 url(/a/img/global/globalNav/globalNav_tab_r_home.gif) 100% 100% no-repeat; min-height: 17px; height: auto !important; height: 17px; margin-right: 5px; width: 9em;}
		ul#globalNav li:hover,
		ul#globalNav li.over,
		ul#globalNav li.active { background: url(/a/img/global/globalNav/globalNav_tab_r.gif) 100% -85px no-repeat; }
		body#home ul#globalNav li:hover,
		body#home ul#globalNav li.over,
		body#home ul#globalNav li.active { background: url(/a/img/global/globalNav/globalNav_tab_r_home.gif) 100% -84px no-repeat; }
		ul#globalNav li a { text-align:left!important; display: block; margin: 0; padding: 0px 7px 0 7px; background: url(/a/img/global/globalNav/globalNav_tab_l.gif) 0 100% no-repeat; min-height: 17px; overflow:hidden; height: auto !important; height: 17px; color: #666; font-size: 1.2em; line-height: 2em; }
		body#home ul#globalNav li a { display: block; margin: 0; padding: 0px 7px 0 7px; background: url(/a/img/global/globalNav/globalNav_tab_l_home.gif) 0 100% no-repeat; min-height: 17px; height: auto !important; height: 17px; color: #666; font-size: 1.2em; line-height: 2em; }
		ul#globalNav li a:hover,
		ul#globalNav li.active a { text-decoration: none; background: url(/a/img/global/globalNav/globalNav_tab_l.gif) 0 -84px no-repeat; color: #FFF; }
		body#home ul#globalNav li a:hover,
		body#home ul#globalNav li.active a { text-decoration: none; background: url(/a/img/global/globalNav/globalNav_tab_l_home.gif) 0 -84px no-repeat; color: #FFF; }


/* --------------------------------------------- */
/* 5. Landing		                             */

#container { margin: 168px auto 0 auto; width: 639px; background: url(/a/img/landing/outerCurveTop.gif) no-repeat 0 0; font-size: 1.1em; }
	#container #map { background: #0098E1 url(/a/img/landing/map.gif) no-repeat 100% 0; width: 639px; min-height: 274px; height: auto !important; height: 274px; }
	#container .inner { background: transparent url(/a/img/landing/outerCurveBtm.gif) no-repeat 0 100%; min-height: 274px; height: auto !important; height: 274px; margin: 0; padding: 0; padding-top: 10px; text-align: center;}


h1 {
	height: 92px;
	padding: 0;
	margin: 0 0 10px 10px;
	background: url(/a/img/global/identity.gif) no-repeat 0 0;
	position: relative;
	font-size: 23px;
}
	h1 img { float: left; }
	h1 span { position: absolute; bottom: 0; left: 270px; color: #fff; font-weight: normal; font-size: 1em;}

body#inner h1 { float: left; }

/* --------------------------------------------- */
/* x. SearchBox	                                 */

#searchBox { background: url(/a/img/home/searchBoxTop.gif) 0 0 no-repeat; width: 627px; margin: 0 auto; padding-top: 6px; padding-bottom: 7px;}
	#searchBox .searchInner { background: #666; text-align: left; color: #666; }
		#searchBox .searchInner .copy { float: left; width: 200px; line-height: 1.2em; }
			#searchBox .searchInner .copy a { font-size: 1.1em; }
		#searchBox .searchInner .searchFunction { padding-top: 10px;margin-left: 250px; }
			#searchBox .searchInner .searchFunction h3 { color: #333; margin: 0 0 5px 0; }
			form#searchForm { }
				form#searchForm fieldset { border: 0; padding: 0; margin: 0; }
				form#searchForm fieldset .row.submit,
				form#searchForm fieldset .row.input { float: left; }
				form#searchForm fieldset legend { display: none; }
				form#searchForm fieldset input.text { background: url(/a/img/home/searchInputBg.gif) no-repeat 0 0; line-height: 1em; margin: 0 0 0 0; padding: 0.6em 0 0 0; text-indent: 5px; width: 205px; height: 26px; border: 0; color: #999;font-size: 1em; }
					form#searchForm fieldset input.text:focus { color: #333; }
				form#searchForm fieldset input.submit { margin-left: 5px; }

				form#getDirections { }
					form#getDirections fieldset { border: 0; padding: 0; margin: 0; }
					form#getDirections fieldset .row.submit,
					form#getDirections fieldset .row.input { float: left; }
					form#getDirections fieldset legend { display: none; }
					form#getDirections fieldset input.text { background: url(/a/img/home/searchInputBg.gif) no-repeat 0 0; line-height: 1em; margin: 0 0 0 0; padding: 0.6em 0 0 0; text-indent: 5px; width: 205px; height: 26px; border: 0; color: #999;font-size: 1em; }
						form#getDirections fieldset input.text:focus { color: #333; }
					form#getDirections fieldset input.submit { margin-left: 5px; }

	#searchBox .searchWindow { background: #FFF url(/a/img/home/searchWindowTop.gif) no-repeat 0 0; text-align: left; margin: 0 auto; width: 618px; }
		#searchBox .searchWindowInner { padding: 0 10px; }
	#searchBox .searchWindowFooter { background: #FFF url(/a/img/home/searchWindowBottom.gif) no-repeat 0 0; height: 5px; text-align: left; margin: 0 auto; width: 618px; clear: both;}

	#searchBox .searchBoxFooter { background: url(/a/img/home/searchBoxBottom.gif) no-repeat 0 0; height: 6px; text-align: left;}



/* --------------------------------------------- */
/* x. Footer	                                 */

#footer { background: #ebebeb url(/a/img/home/footerTop.gif) no-repeat 0 0; width: 639px; margin: 0 auto; margin-top: 4px; padding-top: 8px; text-align: left; }
	#footer h4 { color: #999; font-size: 1.5em; font-weight: bold; margin: 0 0 3px 10px; padding:0; }
	#footer .footerFooter { background: url(/a/img/home/footerBottom.gif) no-repeat 0 0; width: 639px; margin: 0 auto; height: 6px; overflow:hidden; }

	#footer .footerInner { width: 629px; margin: 0 auto 0 auto; background: #fff url(/a/img/home/footerInnerTop.gif) no-repeat 0 0; }
		#footer .footerInner ul { list-style-type: none; margin: 0; padding: 10px; width: 565px; margin: 0 auto; }
			#footer .footerInner ul li { float: left; margin: 0 20px; text-align: center;}
				#footer .footerInner ul li.homeOffice { background: url(/a/img/home/logos/homeOffice.gif) no-repeat 0 0; display: block; width: 62px; height: 42px; }
					#footer .footerInner ul li.homeOffice a { display: block; height: 42px; background: url(/a/img/home/logos/homeOffice.gif) no-repeat 0 0; display: block; width: 62px; }
						#footer .footerInner ul li.homeOffice a:hover { height: 42px; background: url(/a/img/home/logos/homeOffice.gif) no-repeat 0 -40px; display: block; }
				#footer .footerInner ul li.scottishExecutive { background: url(/a/img/home/logos/scottishExecutive.gif) no-repeat 0 0; display: block; width: 108px; height: 42px; }
					#footer .footerInner ul li.scottishExecutive a { display: block; height: 42px; background: url(/a/img/home/logos/scottishExecutive.gif) no-repeat 0 0; display: block; width: 108px; }
						#footer .footerInner ul li.scottishExecutive a:hover { height: 42px; background: url(/a/img/home/logos/scottishExecutive.gif) no-repeat 0 -40px; display: block; }
				#footer .footerInner ul li.bpa { background: url(/a/img/home/logos/bpa.gif) no-repeat 0 0; display: block; width: 104px; height: 42px; }
					#footer .footerInner ul li.bpa a { display: block; height: 42px; background: url(/a/img/home/logos/bpa.gif) no-repeat 0 0; display: block; width: 104px; }
						#footer .footerInner ul li.bpa a:hover { height: 42px; background: url(/a/img/home/logos/bpa.gif) no-repeat 0 -40px; display: block; }
				#footer .footerInner ul li.logo1 { background: url(/a/img/home/logos/logo1.gif) no-repeat 0 0; display: block; width: 50px; height: 42px; }
					#footer .footerInner ul li.logo1 a { display: block; height: 42px; background: url(/a/img/home/logos/logo1.gif) no-repeat 0 0; display: block; width: 50px; }
						#footer .footerInner ul li.logo1 a:hover { height: 42px; background: url(/a/img/home/logos/logo1.gif) no-repeat 0 -40px; display: block; }
				#footer .footerInner ul li.logo2 { background: url(/a/img/home/logos/logo2.gif) no-repeat 0 0; display: block; width: 39px; height: 42px; margin-right: 0; }
					#footer .footerInner ul li.logo2 a { display: block; height: 42px; background: url(/a/img/home/logos/logo2.gif) no-repeat 0 0; display: block; width: 39px; }
						#footer .footerInner ul li.logo2 a:hover { height: 42px; background: url(/a/img/home/logos/logo2.gif) no-repeat 0 -40px; display: block; }
	#footer .footerInnerFooter { width: 629px; margin: 10px auto 0 auto; background: #fff url(/a/img/home/footerInnerBottom.gif) no-repeat 0 0; height: 5px; clear: both; }



/* --------------------------------------------- */
/* x. Inner		                                 */

body#inner { background: #fff; }
body#inner #header { background: #0098e1 url(/a/img/innerTemplate/map.gif) 100% 0 no-repeat; height: 127px; border-bottom: 8px solid #666; position: relative;}
	body#inner #header h1 { top: 15px; width: 800px; }
	body#inner #header h1 span { text-align: left; margin-bottom: 20px; left: 255px; }

	body#inner #header ul#print { width: 100px; height: 20px; position: absolute; bottom: 0; left: 255px;}
	ul#print { margin: 0; padding: 0; list-style-type: none; }
		ul#print li { display: block; float: left; background: url(/a/img/innerTemplate/print/print_tab_r.gif) 100% 0 no-repeat; min-height: 18px; height: auto !important; height: 18px; width: 7em; text-align: left }
			ul#print li a { display: block; margin: 0; padding: 0px 7px 0 7px; background: url(/a/img/innerTemplate/print/print_tab_l.gif) 0 0 no-repeat; min-height: 18px; height: auto !important; height: 18px; color: #666; font-size: 1.1em; line-height: 2em; color: #fff; }

body#inner #results { width: 255px; float: left; text-align: left; font-size: 1.1em; overflow: auto; max-height: auto !important}
body#inner #results #scroll { overflow: auto; max-height: auto !important}
	body#inner #results h2 { background: #666; margin: 0; padding: 6px 0 9px 10px;}
	body#inner #results ul#resultsList { list-style-type: none; margin: 0 0 0 0; padding: 0; }
	body#inner #results ul#resultsList li { padding: 10px 10px; border-bottom: 1px solid #ababab; }
		body#inner #results ul#resultsList li { background: #f3f2eb; }
		body#inner #results ul#resultsList li.altOther { background: #fff; }
		body#inner #results ul#resultsList li:hover { background: #d9effa; }
		
	body#inner #results ul#resultsList li h3 { color: #333; margin: 0 0 4px 0; font-size: 1em;}
	body#inner #results ul#resultsList li h4 { color: #555; margin: 0px; }
	body#inner #results ul#resultsList li a { color: #0029d8 }
	body#inner #results address { font-style: normal; color: #999; font-weight: bold; margin-bottom: 10px;}
	body#inner #results ul#resultsList li ul.resultsNav { list-style-type: none; margin: 0; padding: 0; }
	body#inner #results ul#resultsList li ul.resultsNav li { padding: 0; float: left; margin-right: 5px; border-bottom: 0; }
	body#inner #results ul#resultsList li ul.resultsNav li.viewOnMap { background: url(/a/img/innerTemplate/viewOnMap.gif) no-repeat 0 0; display: block; width: 72px; height: 14px; }
		body#inner #results ul#resultsList li ul.resultsNav li.viewOnMap a { display: block; background: url(/a/img/innerTemplate/viewOnMap.gif) no-repeat 0 0; display: block; width: 72px; height: 14px; }
	body#inner #results ul#resultsList li ul.resultsNav li.getDirections { background: url(/a/img/innerTemplate/getDirections.gif) no-repeat 0 0; display: block; width: 88px; height: 14px; }
		body#inner #results ul#resultsList li ul.resultsNav li.getDirections a { display: block; background: url(/a/img/innerTemplate/getDirections.gif) no-repeat 0 0; display: block; width: 88px; height: 14px; }
body#inner #viewPort { width: auto; height: 100% !important; margin-left: 255px; text-align: left; }
	body#inner #viewPort #map { background: #f1f4f0 url(/a/img/innerTemplate/mapPlaceholder.gif) no-repeat 50% 50%; }

	body#inner #results form#getDirections { margin-top: 10px; }
		body#inner #results form#getDirections label { font-weight: bold; display: block;}
	body#inner #results form#getDirections fieldset input.text { background: #fff; line-height: normal; margin: 0; width: auto; height: auto; padding: 0.2em 0; border: 1px solid #999; color: #999;font-size: 1em; }
	body#inner #results form#getDirections fieldset .row { }
		body#inner #results form#getDirections fieldset .row.submit { margin: 1em 0 0 5px;}


body#inner #header #quickSearch { width: 340px; float: right; background: #666 url(/a/img/innerTemplate/quickSearch/quickSearchTop.gif) no-repeat 0 0; padding-top: 3px; position: absolute; top: 35px; right: 5px; border-bottom: 4px solid #666;}
	body#inner #header #quickSearch h2 { float: left; margin: 3px 0 3px 10px; }
		body#inner #header #quickSearch p.tag { float: right; margin: 6px 10px 0 0; line-height: 1em; color: #fff; font-weight: bold; font-size: 1.2em; }
	body#inner #header #quickSearchInner { width: 330px; margin: 0 auto; padding-top: 10px; background: #FFF url(/a/img/innerTemplate/quickSearch/quickSearchInnerTop.gif) no-repeat 0 0; clear: both; text-align: left; }
		body#inner #header #quickSearchInner .footer { height: 6px; background: #FFF url(/a/img/innerTemplate/quickSearch/quickSearchInnerBottom.gif) no-repeat 0 0; }
		body#inner #header #quickSearchInner strong { font-size: 1.1em; color: #666;}
		body#inner #header #quickSearchInner #searchForm { margin-left: 5px; }
		body#inner #header #quickSearchInner form#searchForm fieldset .row p { margin: 0;border: 1px solid #000; padding: 0; }

body#inner #titleBlock { background: #666; padding: 10px 0 10px 10px; }
	body#inner #results #titleBlock h2.directions { display: inline; float: left; padding: 0; margin: 0; }
body#inner a.backToResults { background: url(/a/img/innerTemplate/backToResults.gif) no-repeat 0 0; display: block; width: 97px; height: 14px; float: right; margin-top: 0.5em; margin-right: 10px; }

body#inner #results .inner { padding: 0 5px 5px 5px; }
	body#inner #results .inner a { color: #0029d8; text-decoration: underline; }
body#inner #results .inner .points { margin-top: 5px; min-height: 30px; height: auto !important; height:30px; border: 1px solid #cbcbcb; background: #f2f2f2 url(/a/img/innerTemplate/pmIcon.gif) no-repeat 5px 50%; padding: 5px 5px 5px 50px; position: relative; }
body#inner #results .inner .points a.close { display: block; width: 14px; height: 14px; background: url(/a/img/innerTemplate/crossIcon.gif) no-repeat 0 0; position: absolute; top: 5px; right: 5px;}
body#inner #results .inner .points a.edit { position: absolute; bottom: 5px; right: 5px;}
body#inner #results .inner #directionsList a.collapse { display: block; width: 14px; height: 14px; background: url(/a/img/innerTemplate/minusIcon.gif) no-repeat 0 0; float: left; }
body#inner #results .inner #directionsList p a.driveLink { margin-left: 10px; float: left; }
body#inner #results .inner #directionsList p { text-align: right; }
body#inner #results .inner #directionsList ol { margin: 0 0 0 20px; padding: 0; }
	body#inner #results .inner #directionsList ol li { border-bottom: 1px solid #d6d6d6; padding: 5px 0; }
	body#inner #results .inner #directionsList ol li span { float: right; font-weight: bold; color: #999; padding: 0 5px; }



body#inner.loggedIn { background: #333; overflow: auto }
body#inner.loggedIn #results .inner { padding: 10px; }
body#inner.loggedIn #results h2 { background: transparent; margin: 10px 0 0 0 ; padding: 0; font-size: 1.7em;}
body#inner.loggedIn #results h3 { margin: 5px 0 0 0 ; color: #FFF; font-size: 1em;}
body#inner.loggedIn #results h4 { margin: 0; color: #FFF; font-size: 1em;}
body#inner.loggedIn #results address { color: #FFF; }
body#inner.loggedIn #results a.contactParkMark { display: block; width: 113px; height: 14px; background: url(/a/img/innerTemplate/contactParkMark.gif) no-repeat 0 0; }
body#inner.loggedIn #viewPort { padding: 20px 0; color: #fff; font-size: 1.2em;}
	body#inner.loggedIn #viewPort .col { float: left; width: 390px; }
	body#inner.loggedIn #viewPort h2 { margin: 0 0 10px 0; font-size: 1.5em; }
	body#inner.loggedIn #viewPort ul#carParkList { list-style-type: none; margin: 0; padding: 0; width: 350px; color: #333;font-size: 0.9em;}
		body#inner.loggedIn #viewPort ul#carParkList li { background: #fff; width: 350px; padding: 5px 10px; border-bottom: 1px solid #ababab; font-size: 1.1em; float: left;}
		body#inner.loggedIn #viewPort ul#carParkList li.alt { background: #f3f2ed; }
			body#inner.loggedIn #viewPort ul#carParkList li:hover { background: #d9effa; }
			body#inner.loggedIn #viewPort ul#carParkList li .detail { float: left; width: 200px; }
			body#inner.loggedIn #viewPort ul#carParkList li .mgrInfo { float: right; font-weight: bold; }
		body#inner.loggedIn #viewPort ul#carParkList li h3 { margin: 0; font-size: 1em; }
		body#inner.loggedIn #viewPort ul#carParkList li h4 { margin: 0; font-size: 1.1em; }
		body#inner.loggedIn #viewPort ul#carParkList li address { color: #999; font-size: 1em; font-weight: bold; font-style: normal; margin-bottom: 10px;}
		body#inner.loggedIn #viewPort ul#carParkList li a.viewOnMap { background: url(/a/img/innerTemplate/viewOnMap.gif) no-repeat 0 0; width: 72px; height: 14px; display: block; }
	body#inner.loggedIn #viewPort .col #map { background: #f1f4f0 url(/a/img/innerTemplate/mapPlaceholder.gif) no-repeat 50% 50%; height: 300px; margin: 20px auto;}

	
/* --------------------------------------------- */
/* x. ClearFix	                                 */

.clearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix { display:inline-block; } /* ie7 */
/* Hide from IE Mac \*/
.clearFix {display:block;}
/* End hide from IE Mac */

#slickbox { background: #666; min-height: 300px; height: auto !important; height: 300px;}