@charset "utf-8";
/* CSS Document */

/* Eric Meyers CSS Reset v final.0.1 (modified)
------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; 
	font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; } 
blockquote, q { quotes: "" ""; }


/* TYPOGRAPHY 
------------------------------------------------*/

body { font-size: 0.9em; }
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea,address,cite,abbr {
  font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.5em; color: #333; }
h1,h2,h3,h4,h5,h6 { padding: 9px 0; color: #8B0066; }
h1 { font-size: 2.2em; }
h2 { font-size: 25px; background: #005b79 url('../images/template/bg_pageheading.jpg') no-repeat top left; color: #fff;
	text-align: center; line-height: 1.1em; padding: 0; letter-spacing: -1px; margin: 0 0 20px; }
	h2 span { display: block; background: url('../images/template/pageheading_bottom.jpg') no-repeat bottom left;
		padding: 15px; }
#main.fullwidth h2 { background-image: url('../images/template/bg_pageheading_full.png'); }
	#main.fullwidth h2 span { background-image: url('../images/template/pageheading_full_bottom.png'); }
h3 { font-size: 1.6em; line-height: 1em; letter-spacing: -0.05em; padding-bottom: 0.6em; }
h4 { font-size: 1.1em; font-weight: bold; }
h5 { font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
big { font-size: 1.2em; }

#main p { margin: 0 0 1.3em 0; }

#main ul { margin: 0 0 1.3em; }
#main ol { margin: 0 0 1.3em 2.4em; }
#main li { margin: 0 0 0.5em 0; }

#content ul li { background: url('../images/icons/bullet_green.gif') no-repeat 0px 2px; padding: 0 0 0 22px; }
#content ol li { list-style: decimal; margin-left: 0.2em; }

#content.largetext { font-size: 115%; }

blockquote { margin: 1em 0 1em 1.5em; font-size: 1.2em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em { font-style: italic; }
pre { margin-bottom: 1em; background: #eee; padding: 0.5em; border: 1px solid #ddd; }
code { font: 0.9em Monaco, monospace; }
address { margin: 0 0 1.3em; }

sup { vertical-align: super; font-size: 0.75em; line-height: 0.1em; }
sub { vertical-align: sub; font-size: 0.75em; line-height: 0.1em; }

/* GENERAL TAG REDEFINITIONS
------------------------------------------------*/

a:link, a:visited, a:focus { color: #A81E7E; text-decoration: none; }
a:hover, a:active { color: #CF199C; text-decoration: none; }
hr { background: #9cd; color: #9cd; clear: both; float: left; width: 100%; height: 2px; margin: 0.8em 0; padding: 0; border: none; }

table { width: 100%; margin: 0 0 1.3em; border-collapse: collapse; }
th { font-weight: bold; color: #00775C; background-color: #F1F6F8; padding: 6px 5px; border: 1px solid #e9f0f3; }
td { background-color: #F6F9FB; padding: 6px 5px; border: 1px solid #e9f0f3; }

/* ---------------------------------------------*/

body { height: 100%; margin: 0; overflow: hidden; }

table {	border-collapse: separate; border: none; border-spacing: 8px; }

#header { height: 70px; background: #a81e7e; }
	#header .container { height: 70px; position: relative; }
	#header h1 { position: absolute; z-index: 1; width: 430px; height: 70px; margin: 0; padding: 0;
		background: url('../images/logo.png') no-repeat; }
	#header h1 a { display: block; height: 70px; width: 430px; text-indent: -9999em; }
	#header .backtohome { text-align: right; padding-top: 30px; }
	#mainnav_shadow { height: 8px; }

	#search { position: absolute; top: 42px; left: 398px; width: 351px; height: 42px; padding: 7px 0 0 13px;
		background: url('../images/bg_search.png') no-repeat top left; left: auto; top: 10px; right: 5px; }
		#search label { display: block; float: left; width: 70px; height: 30px; font: normal 19px/1em Calibri, Arial, Verdana, sans-serif; letter-spacing: -1px; text-indent: -999em; }
		#search #keywordsinput { display: block; float:left; width: 240px; height: 19px; font-size: 14px; border: none; 
			color: #666; padding: 1px 5px 0 5px; margin: 0; overflow: hidden;
			background: url('../images/bg_search_input.jpg') no-repeat 0px 0px; font-size: 0.8em; }
		#search #keywordsinput.hint { font-style: italic; color: #999; }
		#search #keywordsinput:focus { background-position: 0px -30px; }
		#search input.go { padding: 2px 0 0 5px; border: none; }
		#search div { float: left; }
		#search div div { clear: left; font-size: 11px; color: #fff; line-height: 21.6px; }
		#search div div a { color: #fff; }
		#search div div a:hover { color: #0ff; }

#structure { width: 100%; height: 100%; }
#map, #category_results, select, input { border: 1px solid #d694c2; }

#dirselect { width: 190px; }

#category_pane { float: left; width: 190px; margin: 0 8px 0 8px; background: #F8E6F2; }
	
	#categories { overflow: auto; }
	#categories ul { margin: 0; padding: 0; }
	#categories ul li { border-top: 1px solid #fff; border-bottom: 1px solid #d5bacd; 
		font-size: 0.9em; line-height: 1.2em; background: #F6F9FA url('../images/bg_cat.png') repeat-x 0px 0px; }
	#categories ul li a { display: block; padding: 3px 3px 3px 18px; }
	#categories ul li a.expand { background: url('../images/expand.gif') no-repeat 4px 6px; }
	#categories ul li a.collapse { background: url('../images/collapse.gif') no-repeat 4px 6px; }
	#categories ul li a:hover { background-color: #fff; }
	#categories ul li ul { background: #e8d9e3 url('../images/bg_subcat.png') repeat-x top; }
	#categories ul li ul li { border: none; background: none; font-size: 0.85em; }
	#categories ul li ul li a { display: block; padding: 2px 3px 2px 18px; background: none; }
	

#listing_pane { display: none; float: left; width: 230px; margin: 0 8px 0 0; background: #F8E6F2; }
	#listing_pane .container { padding: 5px 0 0; }
	#listing_pane h4 { padding: 0px 8px; font-size: 1em; }
	#listing_pane h5 { padding: 0 0 6px 0; line-height: 1.1; font-weight: normal; font-size: 1.1em; }
	#listings { overflow: auto; }
	.listing { padding: 4px 8px; border-top: 1px solid #fff; border-bottom: 1px solid #d5bacd;
		background: #faf7f9 url('../images/bg_cat.png') repeat-x 0px 0px; font-size: 0.9em; line-height: 1.2em; }
		#listings .active { background: #e8d9e3; }
	.hasmap { padding-right: 12px; background: url('../images/magglass.png') no-repeat center right; }

	.boxpadding { padding: 4px 8px 10px; font-size: 0.8em; line-height: 1.2em; }

#map_pane { margin: 0 8px 0 206px; }
	#map_info { float: left; width: 100%; background: #F8E6F2; line-height: 1.2em; }
	#map_info h5 { padding: 0; color: #8B0066; line-height: 1; font-weight: normal; }
	#map_info h5.breadcrumbs { padding: 0 0 2px 0; margin-bottom: 4px; color: #A81E7E; border-bottom: 1px solid #A81E7E; line-height: 1.1; font-weight: normal; }
	#map_info .boxpadding { padding: 4px 8px; }
	#map_info .tobegin { height: 48px; padding-left: 40px; font-size: 1.8em; color: #8B0066; line-height: 44px; 
		letter-spacing: -0.05em; background: url('../images/arrow_left.gif') no-repeat center left; }
	#listing { position: relative; }
	.directoryorganisation { font-weight: bold; font-size: 1.2em; margin: 0.5em 0; }
	.directorycolumn { width: 33%; float: left; }
	.directorydescription { clear: left; font-style: italic; }
	#map { float: left; width: 100%; margin-top: 8px; }

.mapbox {  }
	.mapbox .wrap { background: url('../images/bg_featurebox_top.png') no-repeat top left; }
	.mapbox .wrap .wrap { height: 60px; background: url('../images/bg_featurebox_bottom.png') no-repeat bottom left; }
	#listing_pane .mapbox { height: auto; background-position: right; }
	#listing_pane .mapbox .wrap { height: auto; background-position: top right; }
	#listing_pane .mapbox .wrap .wrap { height: auto; background-position: bottom right; }
	.mapbox h4 { padding: 0 0 3px 0; line-height: 1em; height: 20px; }
	.mapbox form { padding: 8px; }
	.mapbox .inner { padding: 8px 1px; }


.listinginfo {  }
	.listinginfo .name { font-size: 1.1em; width: 210px; color: #A81E7E; line-height: 1.1em; }
	.listinginfo .address { margin: 0 0 0.8em; }
	.listinginfo .removemarker { background: url('../images/removemarker.png') no-repeat 0px 4px; padding: 0 10px 0 19px;
		font-size: 0.9em; display: inline-block; height: 20px; }
	.listinginfo .removeallmarkers { background: url('../images/removeallmarkers.png') no-repeat 0px 4px;
		padding: 0 0 0 22px; font-size: 0.9em; display: inline-block; height: 20px; }


#pano { /* position: absolute; top: -10px;*/ }
#streetviewaddress { font-size: 16px; height: 25px; font-family: Arial, sans-serif; }
	#streetviewaddress .approx { font-size: 12px; color: #777; display: inline-block; margin: 0 0 0 5px; }

.clear { clear: both; display: block; height: 0; visibility: hidden; font-size: 0.01px; line-height: 1px; }