/*
		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: Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; margin:10px 0 0 0; background-color:#f4f3ec; color:#6e7160; }

a:link,a:visited { color:#920404; }
a:hover { color:#c30303; }

form { margin:0; padding:0; }
input, select, textarea { font-size:1.1em; color:#6f6c6c }

h1 { margin:0 0 5px; 0; font-size:1.9em; color:#5c604d; }
h1.pageTitle { font-size:2.3em; }
h2 { margin:0 0 10px; 0; font-size:1.3em; font-weight:normal; line-height:1.3em;  }
h3 {margin:0 0 5px; 0; font-size:1.2em;  }
h4 { font-weight:bold; margin:0; font-size:100%; text-transform:uppercase; }
h5 { font-weight:bold; margin:0; font-size:100%; }

img { border: 0; }
p { margin:0 0 10px 0; text-align:justify; line-height:150%; }

ul { margin:0; padding:0; }
li { 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 4px; }

div.search a.search { cursor: pointer; } 

/* 	MISC ADDITIONS
	Miscellaneous additions
------------------------------------------------
*/

.clear { clear:both; }
.ruler { background-color:#e5cece; }
.error { color:#990000; }

/* Homepage Feature Elements */
#homepage .feature  { margin:1px 0 0 0 }
#homepage .feature td { vertical-align:top; background-image:url(../images/homepage_feature_bg.jpg); background-repeat:repeat-x; background-position:top; }
#homepage .feature td p { text-align:left; line-height:1.2em; }
#homepage .feature .colOne { padding:10px 7px 0 7px; }
#homepage .feature .colTwo { border-left:1px solid #CCCCCC; padding:10px 7px 0 7px;  }
#homepage .feature .colThree { border-left:1px solid #CCCCCC; padding:10px 7px 0 7px; }

/* Section Homepage Feature Elements */
#sectionHomepage .features td p { text-align:left; line-height:1.2em; }
#sectionHomepage .leadPhotos { height: 210px; }

/* 	LAYOUT TAGS
	Master layout attributes for the site structure
------------------------------------------------
*/

#siteContainer { width:890px; margin-left:auto; margin-right:auto; }
	#siteContent { background-color:#FFFFFF; }

#homepageContainer {  }
	#homepage { width:519px; padding:0 0 15px 0;  text-align:left; vertical-align:top; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; background-color:#FFFFFF; }
	#homepageAdvert { width:179px; margin: 0px; text-align:left; vertical-align:top; background-color:#e2e1db; }

#sectionHomepageContainer { }
	#sectionHomepage {  width:519px; padding:0 0 20px 0;  text-align:left; vertical-align:top; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; background-color:#FFFFFF;}
	#sectionHomepage .pageTitle, #sectionHomepage h2 { margin-left:15px; }
	#sectionHomepageAdvert { width:179px; margin: 0px; text-align:left; vertical-align:top; background-color:#e2e1db; }

#contentContainer { }
	#content {width:519px; padding:0 0 20px 0;  text-align:left; vertical-align:top; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; background-color:#FFFFFF;}
		#contentInner { margin-left:20px; margin-right:20px; }
#contentAdvert { width:179px; margin: 0px; text-align:left; vertical-align:top; background-color:#e2e1db;  }

#cookieCrumb { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; font-size: 110%; font-family: Arial,Helvetica,sans-serif; }

/* Non-Standard Customisations */
#searchListResultContainer { }
	#searchListResult { padding:0 0 15px 0;  text-align:left; vertical-align:top; border-left:1px solid #FFFFFF; background-color:#FFFFFF; }

#searchMapResultContainer { }
	#searchMapResult { margin-left:15px; margin-top:15px; }
	
#particularsContainer { }
	#particulars { padding:0;  text-align:left; vertical-align:top; border-left:1px solid #FFFFFF; background-color:#FFFFFF; }

#dezrezContainer { }
	#dezrez { width:696px; text-align:left; vertical-align:top; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; background-color:#FFFFFF; }
	#dezrezInner { margin:0 20px 20px 20px; }
	#dezrezInner iframe { width:653px; border:none; height:600px; }

/* 	FOOTER TAGS
	Formatting for the Site Footer
------------------------------------------------
*/

#footer { color:#FFFFFF; }
#footer { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin:0 0 20px 0; color:#e4e6da;}
#footer a { text-decoration:none; color:#e4e6da; } 
#footer a:hover { color:#5c604d; text-decoration:underline; } 
#footer .subNavigation { width:192px; background-color:#a3ae7e;border-right:1px solid #FFFFFF;  }
#footer .subNavigation div { margin:5px 0 5px 20px;  }
#footer .contentAdvert { width:179px; background-color:#a3ae7e; border-left:1px solid #FFFFFF;}
#footer .contentAdvert div { margin:5px 0 5px 20px; }
#footer .content { background-color:#a3ae7e; padding:0; }
#footer .content div { margin:5px 0 5px 20px; }

#footer .particularsAdvert { width:165px; background-color:#a3ae7e; border-left:1px solid #FFFFFF;}
#footer .particularsAdvert div { margin:5px 0 5px 10px; }


/* 	HEADER TAGS
	Formatting for the Site Header and Main Navigation
------------------------------------------------
*/

.header{ border-bottom: 1px solid #FFFFFF; width:100%; background-color:#b4bd96; float:left;}
.agentLogo { border-right:1px solid #FFFFFF;  }

/* Company Navigation Elements */
#navCompany { font-size:110%; font-family:Arial, Helvetica, sans-serif; text-align:right; padding:15px 10px 14px 0; color:#FFFFFF; }
#navCompany a { color:#FFFFFF; text-decoration:none; margin:0 3px 0 3px; }
#navCompany a:hover { color:#5c604d; text-decoration:none; }

/* Main Site Navigation */
#navigation ul { margin:0; padding:0; float:right; width:466px; }
#navigation li { float:left; list-style:none; margin:0; padding:0; border-left:1px solid #d3d5be; background-image:none; }
#navigation li a { background-position:0 0; background-repeat:no-repeat; height:28px; display:block;}
#navigation li a:hover, #navigation li a.active { background-position:0 -28px; }

#navigation .buying a { background-image:url(../images/nav_buying.gif); width:55px; }
#navigation .selling a { background-image:url(../images/nav_selling.gif); width:59px; }
#navigation .renting a { background-image:url(../images/nav_renting.gif); width:61px; }
#navigation .letting a { background-image:url(../images/nav_letting.gif);width:107px;  }
#navigation .myaccount a { background-image:url(../images/nav_myaccount.gif);width:179px; }

/* 	SUB NAVIGATION
	Formatting for the Sub Nav & Quick Search
------------------------------------------------
*/

#subNavigation { width:192px; text-align:left; height:100%; vertical-align:top; background-color:#e2e1db; margin: 0; padding: 0; background-image:url(../images/sub_nav_background.jpg); background-repeat:repeat-x; background-color:#dddcd5; }
#subNavigation .section { display:block; text-transform:uppercase; border-bottom:1px solid #abacaa; border-top:1px solid #e6e6e2; padding: 5px 25px 5px 25px ; background-image: url(../images/sub_nav_label.gif); background-repeat: no-repeat; background-position: 13px; margin:0;}

/* First Level Sub Nav */
#subNavigation ul { margin:0; padding:0; }
#subNavigation li { margin:0; padding:0; list-style:none;background-image:none;  }
#subNavigation li a { color:#6f6c6c; text-decoration:none; width:142px; display:block; border-bottom:1px solid #abacaa; border-top:1px solid #e6e6e2; padding: 5px 25px 5px 25px ; background-image: url(../images/sub_nav_bullet.gif); background-repeat: no-repeat; background-position: 15px; margin:0; }
#subNavigation li a:hover { border-top:1px solid #abacaa; border-bottom:1px solid #e6e6e2; font-weight:bold;  }
#subNavigation li a.active { border-top:1px solid #abacaa; border-bottom:1px solid #e6e6e2; font-weight:bold;  }

/* Quick Search */
#searchQuick { background-color:#d5d7c8; width:192px;}
#searchQuick th { color:#FFFFFF; background-color:#b4bb97; text-align:left; padding:10px 0 10px 15px; }
#searchQuick td { padding:5px 0 0 0; }
#searchQuick label { margin:0 0 0 15px; font-family:Arial, Helvetica, sans-serif; }
#searchQuick select { width:100px; }
#searchQuick .search a { background-image:url(../images/but_search_1.gif); background-repeat:no-repeat; width:62px; height:17px; display:block; margin:0 0 10px 0;}

/* 	PAGE SELECTORS
	Search Result Pagination Tags
------------------------------------------------

*/

.pageSelectors ul { margin:15px 0 15px 0; padding:0; float:left;/* width:100%;*/ }
.pageSelectors li { margin:0 4px 0 0; padding:0; list-style:none; float:left; background-image:none; }
.pageSelectors a { display:block; text-align:center; text-decoration:none; color:#999999; width:2.5em; height:2.5em; line-height:2.5em; background-image:url(/resources/images/page_blank.gif); background-position:0 0; }
.pageSelectors a:hover { background-position:0 -25px; }
.pageSelectors .current a {background-position:0 -25px; } /* Active State */
.pageSelectors a.last { background-image:url(/resources/images/page_last.gif);text-indent:-50000px; }
.pageSelectors a.next { background-image:url(/resources/images/page_next.gif);  text-indent:-50000px; }
.pageSelectors a.first { background-image:url(/resources/images/page_first.gif); text-indent:-50000px; }
.pageSelectors a.previous { background-image:url(/resources/images/page_previous.gif); text-indent:-50000px; }

/* Customised for List Results*/
#searchListResult .pageSelectors ul { margin:15px 0 15px 0; padding:0; float:right; }
#searchListResult .pageSelectors li { margin:0 4px 0 0; padding:0; list-style:none; float:left; background-image:none; }
#searchListResult .pages { margin-left:10px; float:left; margin-top:10px; }

/* Customised for Map Results*/
#searchMapResult .pageSelectors ul { margin-top:0px; padding-bottom:15px;}


/*  TAB RESULT TAGS
	Tabs for changing search result presentation i.e. Map to List
------------------------------------------------
*/

#resultByTabs ul { margin:0; padding:0; background-image:url(../images/tab_result_bg.gif); background-repeat:repeat-x; background-position:0 0; width:669px; float:left;  }
#resultByTabs li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; }
#resultByTabs li a { width:92px; height:20px; display:block; background-repeat:no-repeat; background-position:0 -20px; }
#resultByTabs li a:hover { background-position:0 -40px; }
#resultByTabs li a.active, #resultByTabs li a.active:hover { background-position:0 0; }

#resultByTabs li.list a { background-image:url(../images/tab_result_list.gif); }
#resultByTabs li.map a { background-image:url(../images/tab_result_map.gif); }
#resultByTabs li.refine a { width:94px; background-image:url(../images/tab_result_refine.gif); }

/* Customised for List Results*/
#searchListResult #resultByTabs ul { width:696px; }
#searchListResult #resultByTabs li.list { padding-left:15px; }