@import url("sIFR-print.css") print;
@import url("sIFR-screen.css");

@import url("navigation.css");
@import url("form.css");

* {
	margin					: 0;
	padding					: 0;
}

p {
	margin-bottom			: 24px;
}

p.head {
	font-weight				: bold;
}

ul, ol {
	list-style-position		: inside;
}


ul {
	margin-bottom			: 1em;
}

li ul {
	padding					: 0.2em 0 0.2em 2em;
	margin-bottom			: 0;
}

dt {
	font-weight				: bold;
}

ol li {
	margin-bottom			: 14px;
}

a {
	color					: #112418;
}

a:hover {
	color					: #b29b21;
}

.head-link{color					: #b29b21; text-decoration:none;}
.head-link:hover{ text-decoration:underline;}

a img {
	border					: none;
}

a.backButton {
	text-transform			: uppercase;
}

img {
	margin-bottom			: 1em;
}

html {
	font-size				: 100%;
}

.clear {
	clear					: left;
}

.pJustify{
	text-align:justify;
}

body {
	background				: #e5ece8 url(../img/background.gif) repeat-y 50% 0;
	text-align				: center;
	font					: 62.5%/1.5em "Trebuchet MS", Trebuchet, Verdana, Arial;
	color					: #112418;
}

#extraStyle {
	background				: transparent url(../img/green_stroke.gif) no-repeat 50% 107px;
}

#wrapper {
	position				: relative; /* get #wrapper on top of stacking order */
	margin					: 0 auto;
	width					: 800px;
	text-align				: left;
	padding-bottom			: 1em;
	background				: transparent url(../img/stroke.gif) no-repeat 0 103px;
	font-size				: 1.3em;
}

#leftCol {
	clear					: left;
	width					: 191px;
	float					: left;
}

/* fix for the IE-win 3px gap float display bug */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #leftCol {
	margin-right			: -3px;
}
/* End hide from IE5/mac */

#header {
	padding					: 16px 0 11px 18px;
	width					: 189px;
	height					: 76px;
	float					: left;
	margin-bottom			: 4px; /* allow some space for the yellow stroke */
	background-color		: #fff;
	overflow				: hidden;
	background				: #fff url(../img/CBILogo.jpg) no-repeat 18px 16px;
}

#header a {
	display					: block;
	width					: 100%;
	height					: 100%;
	text-indent				: -9999px;
	overflow				: hidden;
}

#content {
	width					: 563px; /* 608 - 19 - 26 */
	padding					: 22px 0 0 19px;
	margin-bottom			: 5em;
	overflow				: hidden;
}

#content.variant2 {
	margin-left				: 1px;
	float					: left;
	width					: 371px;
}
#content.variantSearchResult {
	margin-left				: 1px;
	float					: left;
	width					: 563px;
}

.homeActive #content.variant2 {
	width					: 400px;
}

#subHeader {
	clear					: right;
	height					: 89px;
	background				: transparent url(../img/page_headers/banner-country-other.jpg) no-repeat;
	text-indent				: -9999px;
	float					: none;
	margin-left				: 192px;
	line-height				: 1em;
}

#quoteBanner {
	clear					: right;
	height					: 180px;
	margin-left				: 192px;
	background				: transparent url(../img/home_quote.jpg) no-repeat 0 0;
	text-indent				: -9999px;
}

#quoteBanner object,
#quoteBanner embed {
	margin-left				: 9999px; /*	recover flash object from the IR's negative indent */
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #subHeader,
* html .subHeader,
* html #content,
* html #quoteBanner {
	margin-left				: 189px;
}
/* End hide from IE5/mac */

#worldmapHeader {
	height					: 42px;
	background				: transparent url(../img/graphical_headers/interactive_worldmap.jpg) no-repeat;
	text-indent				: -9999px;
	overflow				: hidden;
	margin-bottom			: 10px;
}

h2 {
	font-size				: 100%;
	line-height				: 140%;
	color					: #0e3021;
	padding					: 0;
	background				: none;
	border					: none;
/*	margin-bottom			: 25px; */
	margin-bottom			: 0.8em;
}

.prettyHeaders h2.variant2 {
	font-size				: 100%;
	padding-bottom			: 10px;
	margin-bottom			: 7px;
	color					: #112418;
	font-weight				: normal;
	background				: transparent url(../img/dotted_border.gif) no-repeat 0 100%;
}

.prettyHeaders h3.variant2,
.prettyHeaders h2.variant3,
.prettyHeaders h3.variant3,
.prettyHeaders h3.variant4,
.prettyHeaders h3.variant5,
.prettyHeaders h3.variant6 {
	font-size				: 130%;
	color					: #b29b21;
	background				: transparent no-repeat 0 100%;
}

.prettyHeaders h3.variant4 {
	background				: transparent url(../img/bullets/h3Bullet4.gif) no-repeat 0 0.3em;
	margin					: 0;
	margin-bottom			: 7px;
	padding					: 0 0 0 7px;
}

.prettyHeaders h3.variant6 {
	background				: transparent url(../img/bullets/h3Bullet5.gif) no-repeat 0 0.3em;
}

.prettyHeaders h3.variant5 {
	background-image		: url(../img/dotted_border.gif);
	margin					: 0;
	margin-bottom			: 15px;
	padding					: 0 0 9px 7px;
}

.prettyHeaders h2.variant3,
.prettyHeaders h3.variant3 {
	margin-bottom			: 1em;
	background-image		: url(../img/bullets/h3Bullet3.gif);
	padding					: 0 0 5px 7px;
}

.prettyHeaders h3.variant2 {
	background-image		: url(../img/bullets/h3Bullet2.gif);
	padding					: 0 0 5px 11px;
}

.prettyHeaders h3 {
	background				: transparent url(../img/bullets/h3Bullet.gif) no-repeat 0 100%;
	padding					: 0 0 3px 12px;
	font-size				: 100%;
	margin					: 1em 0 1em 0;
}

h3, h4 {
	font-size				: 100%;
	margin-top				: 1em;
}

ul.spacious li {
	margin-bottom			: 3px;
}

.imgList {
	margin-bottom			: 0;
	list-style				: none;
	overflow				: hidden;
	margin-top				: -1em;
}

.imgList li {
	width					: 123px;
	height					: 96px;
	line-height				: 96px;
	float					: left;
	text-align				: center;
	margin-top				: 1em;
}

.imgList img {
	vertical-align			: middle;
	margin					: 0;
}

.imgList li.firstCol {
	text-align				: left;
}

.imgList li.lastCol {
	text-align				: right;
}

.imgList li.firstRow img {
	vertical-align			: top;
}

.imgList li.lastRow img {
	vertical-align			: bottom;
}

.infoList {
	margin					: 1em 0 1em 0;
}

.infoList dt {
	float					: left;
	font-weight				: bold;
	margin-right			: 0.5em;
}

.infoList dd {
}

.infoBox {
	background				: #f4f4f4 url(../img/infobox_bg.jpg) repeat-x;
	border					: 1px solid #d7d7d7;
	height					: 83px;
	text-align				: center;
	padding-top				: 16px;
	margin-top				: 2em;
	color					: #7d7d7d;
}

p.prevNextLinks {
	clear					: left;
}

p.prevNextLinks a {
	text-transform			: uppercase;
	font-weight				: bold;
	color					: #2b5e3d;
}

p.prevNextLinks .prev {
	float					: left;
}

p.prevNextLinks .next {
	float					: right;
	margin-right			: 27px;
}

/* home page */

#frfx {
	margin					: 19px 20px 0 20px;
	text-align				: justify;
	font-size				: 0.85em;
	line-height				: 1.2em;
}

#frfx img {
	margin					: 0 auto 13px auto;
	display					: block;
}

#about_list {
	margin-bottom			: 30px;
	margin-left:13px;
}

#about_list li{
	margin-top: 5px;
	list-style-type: disc;
	list-style-position: outside;
}

#content #ftProperty {
	background				: none;
}

#featured_property {
	height					: 121px;
	background				: transparent url(../img/fproperty_fill.jpg) repeat-x;
	padding					: 10px;
	margin					: -5px 0 22px 0;
	overflow				: hidden;
}

#featured_property #thumb_wrap {
	float					: left;
	margin-right			: 14px;
	text-align				: center;
	height					: 100%;
}

#featured_property img {
	display					: block;
}

#featured_property h3 {
	color					: #b99e09;
	font-size				: 1.2em;
	margin					: 0;
}

#featured_property h4 {
	margin					: 3px 0 11px 0;
	color					: #23603e;
	font-weight				: 200;
}

#featured_property p {
	text-align				: justify;
}

#hot_properties {
	padding-top				: 6px;
}

#hot_properties a {
	color					: #3f755b;
	font-weight				: 200;
}

.price {
	color					: #bba501;
	font-weight				: 200;
}

#hot_properties dd {
	margin-bottom			: 1.1em;
}

#hot_properties dt {
	margin-bottom			: 0.1em;
}

#homepageBanners h4 {
	color					: #676b69;
	margin					: 1em 0 10px 0;
	font-weight				: normal;
	font-size				: 0.9em;
	line-height				: 1.05em;
}

#homepageBanners {
/*	width					: 185px; */
	width					: 154px;
	padding					: 10px 15px 0 0;
	margin					: 0 0 0 auto;
	text-align				: center;
}

#organisationList {
	list-style				: none;
}

#organisationList li {
	margin-top				: 0.9em;
}

#organisationList img {
	margin					: 0;
}

#mortgagesBanner {
	margin					: 0 auto;	
	width					: 95px;
	height					: 170px;
	color					: #000;
	border					: 1px #999999 solid;
	
	/*background-color: #BBA501 ;*/
	/*
	background-image		: url(../img/banner_backgrounds/mortgages_s.jpg);
	*/
	
}

#mortgagesBox {
	
	margin					: 0 0 0 17px;	
	height					: 160px;
	width					: 115px;
	background 				: no-repeat;
	background-image		: url(../img/financial-mgt.gif);
	color					: #fff;
	text-align:center;
	
}

#mortgagesBox p{
	text-align: center;
	padding-top:10px;
	margin:0 auto;
}
/* removed
#commitmentBanner {
	height					: 48px;
	background-image		: url(../img/banner_backgrounds/our_commitment.jpg);
}
*/

.plainBanner {
	background				: transparent no-repeat;
	padding					: 10px;
	margin:0 auto;
	text-align				: left;
}

.plainBanner h2 {

	color:#336600;
	font-size:14px;
	
/*
	text-indent				: -9999px;  text by image replacement and remove header from document flow 
	overflow				: hidden;
	background				: none;
	*/
}

 #mortgagesBox a  {
	color					: #fff;
}

#mortgagesBox a:hover {
	color					: #000;
}

/* property search specific styles */
.propertySearchActive #subHeader {
	background-image		: url(../img/page_headers/banner-process.jpg);
}

/* fund search specific styles */
.fundSearchActive #subHeader {
	background-image		: url(../img/page_headers/fund_search.jpg);
}

.aboutUsActive #subHeader {
	background-image		: url(../img/page_headers/banner-about.jpg);
}

.thankYouActive #subHeader {
	background-image		: url(../img/page_headers/fund_search.jpg);
}

/* mortgages specific styles */
.mortgagesActive #subHeader {
	background-image		: url(../img/page_headers/banner-mortgages.jpg);
}

.testimonialsActive #subHeader {
	background-image		: url(../img/page_headers/banner-testimonial.jpg);
}

.contactUsActive #subHeader {
	background-image		: url(../img/page_headers/banner-contact.jpg);
}
.franceActive #subHeader {
	background-image		: url(../img/page_headers/banner-country-fr.jpg);
}

.spainActive #subHeader {
	background-image		: url(../img/page_headers/banner-country-sp.jpg);
}

.ukingActive #subHeader {
	background-image		: url(../img/page_headers/banner-country-uk.jpg);
}

.portugalActive #subHeader {
	background-image		: url(../img/page_headers/banner-portugal.jpg);
}

.italyActive #subHeader {
	background-image		: url(../img/page_headers/banner-italy.jpg);
}

.southAfricaActive #subHeader {
	background-image		: url(../img/page_headers/banner-country-sa.jpg);
}

.othercountriesActive #subHeader {
	background-image		: url(../img/page_headers/banner-country-other.jpg);
}

#ourCommitmentBanner {
	background				: transparent url(../img/banner_backgrounds/our_commitment_fund.jpg) no-repeat;
	float					: left;
}

#fundSearchBanner {
	background				: transparent url(../img/banner_backgrounds/fund_search.jpg) no-repeat;
	float					: left;
}

#countryInfoBanner {
	background				: transparent url(../img/banner_backgrounds/country_info.jpg) no-repeat;
	float					: right;
}

#ourCommitmentBanner,
#fundSearchBanner,
#countryInfoBanner {
	width					: 237px;
	height					: 55px;
	margin-top				: 15px;
}

/* country information specific styles */
.countryInfoActive #subHeader {
	background-image		: url(../img/page_headers/country_info.jpg);
}

.countryInfo2Active #subHeader {
	background-image		: url(../img/page_headers/country_info2.jpg);
}

.countryList {
	float					: left;
	width					: 100%;
	padding-left			: 120px;
	margin-bottom			: 33px;
	background				: transparent no-repeat 0 2.3em;
}

.countryList ul {
	width					: 116px;
	float					: left;
	list-style				: none;
	list-style-position		: outside;
	height					: 74px; /*	this fixed height leaves exactly enough space on the bottom
										of .countryList for the maps */
	margin-top				: 8px;
}

.countryList li {
	background				: transparent url(../img/bullets/bullet1.gif) no-repeat 0 50%;
	padding-left			: 7px;
	margin-bottom			: 4px;
}

.countryList h3 {
	margin					: 0 0 0 -120px;
}

.countryList a {
	text-decoration			: none;
}

#europe {
	background-image		: url(../img/maps/europe.jpg);
}

#america {
	background-image		: url(../img/maps/america.jpg);
	width					: 236px;
}

#asia_australia {
	background-image		: url(../img/maps/asia_australia.jpg);
	width					: 86px;
}

#asia_australia ul {
	width					: auto; /*	this was needed because the width of the list was causing
										the entire countrylist to drop a line instead of float
										next to the america countrylist */
}

#africa_middle_east {
	background-image		: url(../img/maps/africa_middle_east.jpg);
}


#confidenceQuote,
#mortgageEnquiryBanner {
	margin-left				: 60px;
	color					: white;
	width					: 137px; /* 212 - 75 - 10 */
	height					: 67px; /* 77 - 10 */
	padding					: 10px 75px 0 10px;
	background				: transparent url(../img/banner_backgrounds/confidence_quote.jpg) no-repeat;
	float					: left;
	display					: inline;
	text-align				: left;
	font-size				: 0.9em;
	line-height				: 1.1em;
}

#confidenceQuote p {
	margin					: 0;
}

#mortgageEnquiryBanner {
	display					: block;
	margin-left				: 285px;
	float					: none;
	width					: 157px;
	padding-right			: 55px;
	background				: transparent url(../img/banner_backgrounds/mortgage_enquiry.jpg) no-repeat;
}


#confidentialBanner {
	background				: transparent url(../img/banner_backgrounds/confidential.jpg) no-repeat;
	width					: 355px; /* 515 - 140 - 50 */
	height					: 40px; /* 53 - 13 */
	padding					: 13px 140px 0 50px;
	color					: #2b5e3d;
}

/* property search details specific styles */
#similarProperties {
	width					: 197px;
	margin					: 0 2px 0 auto;
}

#similarProperties dl {
	font-size				: 0.9em;
}

#similarProperties dd {
	margin-bottom			: 1em;
}

#similarProperties a {
	color					: #3f755b;
	font-weight				: 200;
}

#propertyHeaders,
#fundHeaders {
	position				: relative;
	display					: block;
	background				: transparent url(../img/dotted_border.gif) no-repeat 0 100%;
	margin-bottom			: 1em;
}

#propertyHeaders h3 {	
	width					: 272px;
	margin					: 0;
	padding-bottom			: 0.5em;
}

#propertyHeaders h3,
#fundHeaders h3 {
	line-height				: 1.3em;
}

#detailButtonHolder {
	width					: 330px; /* 94 + 24 + 94 + 24 + 94 */
	margin-bottom			: 1em;
}

#detailButtonHolder .inspectionVisitButton {
	clear					: left;
	float					: left;
}

#detailButtonHolder .viewMoreButton {
	float					: right;
}

.linkList {
	padding-top				: 10px;
	padding-left			: 10px;
	font-size				: 120%;
}

.detailList, .linkList {
	width					: 161px;
	margin-left				: 171px;
	list-style				: none;
	list-style-position		: outside;
}

#dListCol1.detailList,
#firstColumn.linkList {
	float					: left;
	margin-left				: 0;
}

.detailList li {
	background				: transparent url(../img/bullets/listBullet2.gif) no-repeat 0 0.5em;
	padding-left			: 10px;
}

.linkList dt {
	background				: transparent url(../img/bullets/bullet1.gif) no-repeat 0 0.5em;
	padding-left			: 10px;
}

.linkList dd {
	padding-left			: 10px;
	margin-bottom			: 25px;
}

ul.plainList,
ul.plainList2 {
	list-style				: none;
	list-style-position		: outside;
}

ul.plainList2 li {
	margin-bottom			: 1em;
}

dl.plainList {
	margin-top				: -1em;
}

dl.plainList dt {
	display					: block;
	margin-top				: 1em;
}

/* contact us specific styles */
address {
	font-style				: normal;
}

address span.organization {
	font-weight				: bold;
	font-size				: 120%;
}

#contactImage {
	margin					: 0 0 0 auto;
}

#contactAddress {
	width					: 280px;
	float					: left;
	line-height				: 1.5em;
}


/* property search resultlist */
#searchResultHeader {
	margin-bottom			: 0;
}

#resultList {
	float					: left;
	padding-right			: 27px;
}

#resultList dd.description {
	min-height				: 41px;
	height					: auto !important;
	height					: 41px;
	line-height				: 14px;
}

#resultList dt {
	clear					: both;
	color					: #b29b21;
	background				: transparent url(../img/dotted_border.gif) no-repeat 0 100%;
	padding-bottom			: 7px;
	margin-bottom			: 4px;
	font-size				: 130%;
	font-weight				: bold;
}

#resultList dd.picture {
	float					: left;
	margin-bottom			: 21px;
	padding-right			: 16px;
	width					: 96px; /* picture container has a static width */
	text-align				: center;
}

#resultList dd.details {
	float					: left;
	margin-bottom			: 2em;
	height					: 14px;
}

#resultList dd.details2 a,
#resultList dd.details a {
	color					: #2b5e3d;
	font-weight				: bold;
}

* html #resultList dd.details2 a,
* html #resultList dd.details a {
	margin-left				: 3px;
}


#resultList dd.price {
	float					: right;
	color					: #b29b21;
	font-weight				: bold;
}

/* sitemap specific style */
#sitemap li {
	margin-bottom			: 1em;
}

#sitemap ul li {
	margin-bottom			: 0.1em;
}

#currencyForm {
	background				: transparent url(../img/dotted_border.gif) no-repeat 0 100%;
	margin-top				: 0.4em;
}

#currencyForm legend {
	display					: none;
}

#currencyForm select {
	width					: 10em;
}

#currencyForm fieldset {
	padding					: 0 0 0.5em 0.5em;
	margin					: 0;
}

#priceHeader {
	background				: none;
	margin-top				: 0.2em;
	float					: left;
}

/* buttons */

a.currencyConverter,
a.currencyConverterDetail {
	background				: transparent url(../img/currency_converter.jpg) no-repeat;
	display					: block;
	text-indent				: -9999px;
	overflow				: hidden;
	height					: 32px;
	width					: 89px;
	margin					: 0 0 1em auto;
}

a.currencyConverterDetail {
	position				: absolute;
	right					: 0;
	top						: 0;
}

.infoBox .searchButton,
.infoBox .inspectionVisitButton,
.infoBox .viewMoreButton,
.infoBox .enquiryFormButton,
.infoBox .submitEnquiryButton {
	margin					: 2em auto 0 auto;
}

.searchButton,
.inspectionVisitButton,
.viewMoreButton,
.enquiryFormButton,
.submitEnquiryButton {
	display					: block;
	background				: transparent no-repeat;
	border					: none;
	height					: 0;
	padding-top				: 26px;
	overflow				: hidden;
	cursor					: pointer;
	margin-top				: 16px;
	width					: 146px;
}

.searchButton,
.submitEnquiryButton {
	height					: 26px;
}

.searchButton {
	background-image		: url(../img/buttons/search.gif);
}

.submitEnquiryButton {
	background-image		: url(../img/buttons/submit_enquiry.gif);
}

.inspectionVisitButton {
	background-image		: url(../img/buttons/inspection_visit.gif);
}

.viewMoreButton {
	background-image		: url(../img/buttons/view_more_images.gif);
}

.enquiryFormButton {
	background-image		: url(../img/buttons/enquiry_form.gif);
}

/* http://positioniseverything.net/easyclearing.html */

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

.clearfix,
.imgList {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix,
* html .imgList {height: 1%;}
.clearfix,
.imgList {display: block;}
/* End hide from IE-mac */


h2#Process, h2#Service{ font-size:18px; margin:5px 0 40px 0;}
#process-step-list li{
	list-style: inside;
	list-style-type:disc;
	font-weight:bold;
}

#process-step-list p{
	font-weight: normal;
	margin-left:20px;
	margin-top:10px;
	text-align:justify;
}

#service-options-list li{
	list-style-type: disc;
	font-weight:bold;
}

#service-options-list h4{
	text-decoration:underline;
	font-weight:normal;
	margin-left:20px;
}
#service-options-list p{
	font-weight: normal;
	margin-left:20px;
	margin-top:10px;
	text-align:justify;
}