/*
		Purpose:	Global, Style Sheet
		Site:		www.
		Author:		Mark Rowlands, (c) Fusion Advertising & Design Ltd 2007
		Version:	0.01 (4th October 2007)
		
		Changes:
			0.01	MR	04/10/2007	Initial development
	
*/

/* 	STANDARD TAGS
	HTML Standard Tag overrides
------------------------------------------------
*/



body { font-family:Arial, Helvetica, sans-serif; margin-left:auto;   margin-right:auto; font-size:62.5%; margin:0 0 0 0; outline:none; color:#696565; text-align:center; }

a { color:#99c569; text-decoration:none;}
/* a:link,a:visited { color:#00149B; text-decoration:none;} */
a:hover { color:#333333; text-decoration:none; }
	a.crumbResults { color:#00149B; text-decoration:none;}
	a.crumbResults:hover { color:#00149B; text-decoration:underline;}
	
	a.moreLink { color:#ed1c24; text-decoration:underline; }
	a.moreLink:hover { color:#ed1c24; text-decoration:none;}

	a.arrow { background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:0 2px; padding:0px 0px 0px 15px; font-size:1.2em;}
	a.arrow:hover { text-decoration:none; color:#000000; }




form { margin:0; padding:0; }
input, select, textarea { font-size:1.1em; color:#6f6c6c; }

h1 { margin:0 0 5px 0; font-size:2.1em; color:#000;  }
h1.pageTitle { margin:0 0 10px 0; font-size:2.2em; color:#000; }
h2 { margin:0px 0px 10px 0px;  font-size:1.2em; font-weight:normal; line-height:1.4em;  }

h3 { font-size:1.4em;  color:#a7c37c; padding:0px; margin:0px 0px 5px 0px;}
h3.subHeading { margin:5px 0 0px 0; font-size:1.9em; color:#999999;  font-style:italic;}

h4 { margin:0px 0px 2px 0px; padding:0px; font-size:1.1em; font-weight:bold; color:#696565;}
h5 { font-weight:bold; font-size:1.1em; margin:0; padding:0;}
h6 { font-weight:normal; font-size:1em; margin:0px; padding:0px; color:#6f6c6c; text-align:left; padding:6px 0px 0px 20px; }

img { border: 0; }
p { margin:0 0 10px 1px; text-align:justify; line-height:1.5em; font-size:1.1em; }
p b { color:#333333;}



ul { margin:0 0 7px 0; padding:0; }
ul.ulContent { margin-bottom:15px; }
ul li { font-size:1.1em; margin:0 0 3px 0; padding:0 0 0 15px; list-style:none; background-image:url(/resources/images/bulletpoint.gif); background-repeat:no-repeat; background-position:2px 5px; }
ul li p { font-size:1em; }
ul li h4 { font-size:1.1em; }

ol { margin:0; padding:0; margin: 0px 0px 10px 22px; padding:0px;  }
ol li { margin:0 0 3px 0; padding:0; background-image:none; list-style-position:outside; font-size:1.1em; }


/* 	MISC ADDITIONS
	Miscellaneous additions
------------------------------------------------
*/

.clear { clear:both; }
.ruler { background-color:#cccccc; }
.error { color:#990000; }

/* 	LAYOUT TAGS
	Master layout attributes for the site structure
------------------------------------------------
*/

#siteContainer { width:960px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 46px 0px 46px;   height:auto; background:url(../images/body-bg.gif) top center repeat-y #fff; height:100%;}
#siteContent { width:945px; margin:0px; padding:0px 0px 0px 15px; background-color:#FFFFFF; height:auto; overflow:hidden; background:url(../images/content-bg.gif) 0 0 repeat-y; }


#header { width:930px; padding:0px 15px 0px 15px; margin:0px; height:100px; position:relative; background-color:#FFFFFF;  }
#header a.logo { display:block; float:left; height:100px; width:362px;  }

.navigationContainer { float:right; width:568px;}

#header .navCompany { float:right; position:absolute; top:0px; right:10px; z-index:1000 padding:0px; margin:18px 0px 0px 0px; height:8px; width:800px; }



#header .navCompany li {  float:right; padding:0px 3px 0px 8px; margin:0px; width:auto; list-style:none; height:8px; background-position:0 3px; background-repeat:no-repeat; background-image:url(../images/bulletpoint.gif);}
#header .navCompany li.first { background-image:none; padding:0px 6px 0px 0px;}
#header .navCompany li a { display:block;  color:#000000; font-size:0.9em;}
#header .navCompany li a:hover {  color:#96bf0d; text-decoration:none;}

#header .navigation { float:right; padding:0px; height:29px; margin:54px 0px 0px 0px;}
#header .navigation li { float:right; padding:0px; margin:0px; height:29px; list-style:none;}
#header .navigation li a { display:block; height:29px; background:url(../images/navigation.gif) 0 0 no-repeat;}
#header .navigation li a span { display:none;}

#header .navigation li.buying a { background-position:0 0; width:76px;}
#header .navigation li.buying a:hover { background-position:0 -38px;}
#header .navigation li.buying a.active, #header .navigation li.buying a.active:hover { background-position:0 -76px;}

#header .navigation li.selling a { background-position: -76px 0px; width:83px;}
#header .navigation li.selling a:hover { background-position: -76px -38px;}
#header .navigation li.selling a.active, #header .navigation li.selling a.active:hover { background-position: -76px -76px;}

#header .navigation li.letting a { background-position: -159px 0px; width:69px;}
#header .navigation li.letting a:hover { background-position: -159px -38px;}
#header .navigation li.letting a.active, #header .navigation li.letting a.active:hover { background-position: -159px -76px;}

#header .navigation li.renting a { background-position: -228px 0px; width:90px;}
#header .navigation li.renting a:hover { background-position: -228px -38px;}
#header .navigation li.renting a.active, #header .navigation li.renting a.active:hover { background-position: -228px -76px;}

#header .navigation li.news a { background-position: -318px 0px; width:74px;}
#header .navigation li.news a:hover { background-position: -318px -38px;}
#header .navigation li.news a.active, #header .navigation li.news a.active:hover { background-position: -318px -76px;}


/* subnaigation tags */

#subNavigation { width:235px; margin:0px 15px 0px 0px; padding:0px; float:left; height:100%;  }

#subNavigation #quickSearch { float:left; width:215px; background-color:#cccccc; padding:12px 0 2px 20px; height:134px;}
#subNavigation #quickSearch .inputRow {  font-size:1.2em; padding:0px; margin:0px; } 
#subNavigation #quickSearch .inputLabel { float:left; font-size:1em; line-height:1em; width:85px;  }
#subNavigation #quickSearch .inputField { float:left; width:125px;}
#subNavigation #quickSearch .inputShim { float:left; margin:0px 5px 0px 0px; padding:0px;}
#subNavigation #quickSearch select { width:111px; height:18px; font-size:0.9em; margin:0px 0px 4px 0px;}
#subNavigation #quickSearch input.checkbox { margin:0px; padding:0px; height:13px; width:13px;}
#subNavigation #quickSearch label { color:#fff; text-transform:uppercase; line-height:1em; font-size:1em; padding-top:2px; }/* needs to overide the form css*/

#subNavigation #quickSearch .quicksearchButtons { float:right; width:215px;}
#subNavigation #quickSearch .quicksearchButtons .button { margin-top:3px; background:url(../images/but_search3.gif) 0 0 no-repeat; margin:4px 21px 2px 0px; width:75px; height:22px;  display:block; float:right;  }
#subNavigation #quickSearch .quicksearchButtons .button:hover { background-position:0 -22px;}
#subNavigation #quickSearch .quicksearchButtons .advanced { color:#333333; display:block; margin:0px 0px 0px 0px; padding:0px 20px 0px 14px; text-decoration:none; font-size:0.9em; width:108px; text-align:right; float:right;}
#subNavigation #quickSearch quicksearchButtons .advanced:hover { color:#ffffff; text-decoration:none;}

#subNavigation  div.subnavButton { float:left; height:134px; width:235px; background-color:#f5fae5; display:block; }
#subNavigation  div.subnavButton a { float:left; height:134px; width:235px; background-color:#f5fae5; display:block; top:0px; left: 0px;}
#subNavigation  a.subnavButton:hover { background-position: 0 -138px;}

#subNavigation .subNavigation { float:left; background:url(../images/subnav-bg.gif) bottom left no-repeat; padding:2px 0px 72px 0px; }
#subNavigation .subNavigation ul { margin:0px; padding:0 0px 0px 0px; float:left; width:235px; } 
#subNavigation .subNavigation li { padding:0px; list-style:none; color:#cccccc; background-image:none; text-align:center; margin:0px 0px 7px 0px; text-transform:uppercase;}
#subNavigation .subNavigation li a { color:#808080; text-align:center; font-size:1.5em; font-weight:normal;  }
#subNavigation .subNavigation li a:hover { color:#fff; text-decoration:none; font-size:1.5em;}
#subNavigation .subNavigation li a.active { color:#000000; font-size:1.5em;}
#subNavigation .subNavigation .subnavHeader { width:235px; text-align:center; text-transform:uppercase; padding:35px 0px 23px 0px; text-align:center; color:#FFF; font-size:2em; background:url(../images/subnav_divider.gif) 0 0 no-repeat; }
#subNavigation .subNavigation .subnavHeader a, #subNavigation .subNavigation .subnavHeader a:hover { color:#FFF; text-decoration:none;}

/* With App Button #subNavigation .indexNavigation { height:206px;}*/
/*#subNavigation .sellNavigation { height:214px;}*/
/*#subNavigation .rentNavigation { height:232px;}*/
/*#subNavigation .letNavigation { height:235px;}*/
/*#subNavigation .buyNavigation { height:240px;}*/
#subNavigation .indexNavigation { height:294px;}
#subNavigation .rentNavigation { height:320px;}
#subNavigation .buyNavigation { height:328px;}

#subNavigation .sellNavigation { height:304px;}
#subNavigation .letNavigation { height:323px;}


.appButton { float:left; background:url(../images/but_app.gif) 0 0 no-repeat; width:238px; height:88px;}
.appButton a { display:block; margin:12px 0px 0px 23px; width:60px; height:60px;}
.appButton a span { display:none;}

.contactDetails { float:left; width:235px; height:169px; background:url(../images/subnav_advert.gif) 0 0 no-repeat;}
.contactDetails a { display:block; float:left; width:235px; height:84px; float:left;}
.contactDetails a span { display:none;}

/* content tags */

#content { width:695px; margin:0px; padding:0px; float:left; background-color:#ffffff; padding-bottom:30000px; margin-bottom:-30000px;}

#content .news { padding:0 0 0 10px; }
#content .news h3 { font-size:1.6em; color:#a0ce6c; padding:0px; margin:0px 0px 5px 0px; }
#content .news h3 a { color:#A0CE6C;}
#content .news ul { padding:0px; margin:0px; }
#content .news ul li { color:#96bf0d; list-style:none; padding:0px 0px 0px 19px; margin:0px 0px 6px 0px; font-size:1.1em; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:0 3px;}
#content .news a { cursor:pointer; text-decoration:none; color:#676767; }
#content .news a:hover { color:#000000; text-decoration:none; }
#content .news ul li.more { font-size:1.1em; background-image:none; font-weight:bold; padding:2px 0px 0px 17px; }
#content .news ul li.more a { background:url(../images/bul_cookiecrumb.gif) top right no-repeat; padding:0px 10px 0px 0px; }

#content .resultGrid { float:left; width:693px; margin:0px; }
#content .resultGrid li { color:#333333; padding:0px 15px 0px 0px; float:left; margin:15px 0px 0px 0px; list-style:none; background-image:none; width:216px; }
#content .resultGrid li .resultGridInner { position:relative; background-color:#807e83; padding:0px; width:216px; margin:0px; float:left; height:361px; }
#content .resultGrid li .resultGridInner p { padding:10px 0px 0px 0px; text-align:left; }
#content .resultGrid li .bulletpoints { padding:0px 0px 2px 12px; width:204px; margin:12px 0px 0px 0px; float:left; height:55px; background:url(/resources/images/featured_property-divider.gif) bottom left no-repeat;}
#content .resultGrid li .bulletpoints li {  font-size:1.1em; color:#FFF; float:left; padding:0px 0px 0px 0px; margin:0px; list-style:none; width:84px;  } 
#content .resultGrid li p.property { color:#333; float:left; width:196px; display:block; padding:10px 0px 0px 13px; margin:0px 0px 5px 1px;}
#content .resultGrid li p.property span { font-size:1.4em;}
#content .resultGrid li h3.propertyHeading { color:#fff; font-size:1.4em; margin:12px 0px 0px 0px; padding:0px 0px 0px 12px;}

#content .resultGrid li p.sale { font-family:Arial, Helvetica, sans-serif;  font-size:1.9em; padding:0px; margin:0px; font-weight:bold; color:#333;  }
#content .resultGrid li p.details { color:#96bf0d; font-size:0.9em; padding:0px 0px 0px 0px; margin:0px; line-height:1.6em; }
#content .resultGrid li p.details a { color:#fff; }
#content .resultGrid li p.details a:hover  { color:#fff; text-decoration:none;  }
#content .resultGrid li .saleList { margin:0px; padding:0px 0px 0px 12px; float:left; }
#content .resultGrid li .saleList li { float:left; padding:0px; margin:0px; list-style:none; background-image:none; width:120px; height:25px;}
#content .resultGrid li .saleList li.action { width:69px; padding:6px 0px 0px 0px; elevation:19px;}
#content .resultGrid li .saleList li.action a { padding:0px 0px 0px 0px;}
#content .resultGrid li .new { position:absolute; top:170px; right:0px;}

#cookieCrumb { }
#cookieCrumb ul { margin:0; padding:0;  height:20px; width:379px;  }
#cookieCrumb ul li { background-image:url(/resources/images/bul_cookiecrumb2.gif); background-position:0  0; display:block; margin:0px 7px 0px 0px; padding:0px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:1em;  float:left; background-position:0 0;   }
#cookieCrumb li.none { margin:0px 6px 0px04px;  padding:0;  list-style-image:none;  background-image:none; }
#cookieCrumb a { color:#696969; text-decoration:none; }
#cookieCrumb a:hover { color: #96BF0D; text-decoration:underline; }

/* Section Hompage Feature Adverts */
#content .sectionHomeFeatures { float:left; width:693px; margin:0px; }
#content .sectionHomeFeatures li { color:#333333; padding:0px 15px 0px 0px; float:left; margin:7px 0px 0px 0px; list-style:none; background-image:none; width:216px; }
#content .sectionHomeFeatures li .sectionHomeFeaturesInner { position:relative; background-color:#807E83; padding:0px; width:216px; margin:0px; float:left; height:359px; }
#content .sectionHomeFeatures li .sectionHomeFeaturesInner .secionContent { padding:10px; width:196px;} 
#content .sectionHomeFeatures li .sectionHomeFeaturesInner .secionContent a { color:#fff; background:url(../images/bullet_white.gif) 0 3px no-repeat; padding:0px 0px 0px 15px;}
#content .sectionHomeFeatures li .sectionHomeFeaturesInner .secionContent p { display:block; height:117px; padding:0px 0px 0px 0px; text-align:left; color:#f0f0f0; }

.sectionIntroContainer { height:160px;}
.sectionIntroContainerBuy { height:186px;}
.sectionIntroContainerRent { height:178px;}
.sectionIntroContainerLet { height:181px;}

/* main column tags 
-----------------------------------------------*/

.column { float:left; width:216px; margin:0px 0px 15px 0px; padding:0px 15px 0px 0px; }
	.columnImg { float:left; width:216px; padding:0px 0px 15px 0px; padding:0px; }
	.columnNews { float:left; width:216px; margin:0px 0xp 15px 0px; padding:0px; }
.spanTwo { width:447px; }
	.spanTwoImg { width:462px; padding:0px 0px 15px 0px; margin:0px; float:left;}
.spanThree { width:680px; padding:0px 0px 15px 0px; margin:0px; }
	.spanThreeImg { width:679px; padding:0px; float:left; margin:0px;}
.spanThreeGrid { width:680px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.featurecontainer { margin:0px 15px 0px 0px; float:left; display:inline; }
.feature { background-color:#e5e5e5; text-align:left; padding:10px 10px 10px 10px; width:196px; margin:0px; }
.columnLine { background-image:url(../images/bg_line.gif); background-position:0 5px; background-repeat:repeat-x; padding:0px; margin:0px; height:10px; width:680px; float:left;}
.mainPicture { margin:0px 0px 0px 0px; width:680px;}
.heading { margin:0px 0px 0px 0px; padding:0px; width:675px;}

.columnContainer { margin:0px; width:695px;}
.columnContainerImg { margin:0px 0px 0px 0px; padding:0px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	


/* 	FOOTER TAGS
	Formatting for the Site Footer
------------------------------------------------
*/
#footer { background-color:#FFF; width:100%; height:200px; float:left; background:url(../images/footer_bg.gif) center top no-repeat #fff; }
#footer .footerInner { width:960px; margin-left:auto; margin-right:auto; padding:20px 0px 0px 0px;   }
#footer .header { float:left; width:960px; height:15px; background-color:#FFFFFF; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; }
#footer .columnRight { float:right; padding:0px 0px 0px 0px; }
#footer a { color:#696565;}
#footer a:hover { color:#96bf0d;}

#footer a.rss { float:left; padding:0px 0px 0px 15px;  }
#footer .copywrite { padding:0px 15px 0px 0px;}

#searchMapResult .pageSelectors ul { margin-top:0px; padding-bottom:15px;}


#PhotFlowLoading { background-image:url(/resources/images/tmp_loading.gif); width:500px; height:200px; background-position:0 0; background-repeat:no-repeat;}


.carature { margin:20px 0px 0px 0px;}

#test_fader li { list-style:none; background-image:none; padding:0px; margin:0px;}

#slideshow { float:left; height:152px; width:462px;}
#slideshow li { list-style:none; background-image:none; padding:0px; margin:0px; height:152px;}

#slideshowHome { float:left; height:309px; width:679px; }
#slideshowHome li { list-style:none; background-image:none; padding:0px; margin:0px; height:309px;}


/* additional tags for the links page 
-------------------------------------------*/

.linkList  {}
.linkList li { background-image:url(../images/bullet_small.gif); background-position:0 5px; background-repeat:no-repeat;}


/* additional tags for the about us section 
---------------------------------------------*/

.aboutList { float:left; width:100%;}
.aboutList li { float:left; width:203px; }

.testimonials { margin:10px 0px 0px 0px;}
.testimonials p { font-size:1.4em; margin:0px 0px 10px 0px;}
.testimonials p b { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }

.disclaimer { font-size:0.9em;}

/* additional tags for the show hide content pages 
-----------------------------------------------------*/

a.exspand { float:right; background-image:url(../images/bullet_down.gif); background-position:top right; background-repeat:no-repeat; padding-right:15px;}
a:hover.exspand { float:right;}

.exspandHeading { float:left; width:447px;}
.exspandSubHeading { float:left; width:350px;}

#stageOne { clear:both;}
#stageTwo { clear:both;}
#stageThree { clear:both;}
#stageFour { clear:both;}
#stageFive { clear:both;}


/* additional tag acting as an overide on the index page to push down the opening times to line up with the pictures. */



a.formButton { background:transparent url(../images/but_form_2.gif) no-repeat scroll top right; color:#FFFFFF; display:block; float:left; font: normal 10px Arial, Helvetica, sans-serif; height:19px; margin-right:6px; padding-right:10px; text-decoration:none; cursor:pointer;  }
a.formButton span { background:transparent url(../images/but_form_1.gif) no-repeat; display:block; line-height:11px; padding:4px 0px 4px 10px;}
a.formButton:hover { background-position: bottom right; color:#ffffff; outline:none;}
a.formButton:hover span { background-position: bottom left; padding:4px 0px 4px 10px;}

#choose { float:left; margin:20px 0px 0px 0px;}
#choose li { float:left; margin:0px 15px 0px 0px; background-image:none; padding:0px;}