﻿body { margin: 0px; padding: 0px; font-family:Helvetica, Arial, Sans-serif; font-size:71%; text-align:center }
p { margin: 12px 0 12px; line-height: 14px; color: #333; }
fieldset { border: 0;}
#content {width: 760px; text-align: left; margin: auto;}

/* global defs */
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.top { vertical-align:top;}
.bold { font-weight: bold}

/* hyperlinks */
a {text-decoration:none;}
a:link, a:visited { color: #006699; font-weight: normal; }
a:visited { font-weight: normal; }
a:hover { color: #3399CC;font-weight: normal; }
a img {border: 0; }
.lnk:hover, a:hover {text-decoration:underline;}


/* dotted styles */
.dotted-hdr {background-image:url(../images/1pxdottedhr.gif); background-color:#CCCCCC; height: 1px;}
.dotted-hdr-vert {background-image:url(../images/1pxdottedvr.gif); background-color:#CCCCCC; height: 162px; width: 1px; margin:0 5px 0 5px }

/* bullets */
#squareBullet {}
#squareBullet ul {margin: .3em 0 .2em 0; padding: 0px; list-style-type: none;  }
#squareBullet ul li {line-height: 1.2em; padding-left: 1.0em; padding-top: 0.2em; padding-bottom: 0.2em; background: transparent url(../images/square.gif) no-repeat 2px 0.6em;}

.arrowBullet .lnkcnt, #content .he1 .lnkcntlast {border:none; padding:0px 0px 3px 0px; background-image:none;}
.arrowBullet .lnkcnt .img, #content .he1 .lnkcntlast .img{float:left; margin:5px 0px 0px 0px;}
.arrowBullet .lnk {font-weight:bold; }
.arrowBullet ul { list-style-type: none;}


/* table elements */
th, td, caption {  }

/* input controls  */
input, textarea { font: 11px Helvetica, Arial, sans-serif; padding: 2px; }
select { font: 11px Helvetica, Arial, sans-serif; }

/*buttons */
.btnBox {border: solid 1px #E3E3E3; height: 15px; width:150px; text-align:center;  font-weight:bold; color: #999999;}

.btnBox .lnk a {color: #333333; font-weight:bold; text-decoration:none;}
.btnBox .lnk:link, .lnk:visited { color: #333333; font-weight: bold; }
.btnBox .lnk:visited { font-weight: bold; }
.btnBox .lnk:hover { color: #ff6600;font-weight: bold;text-decoration:none;}

.contactBox {height: 15px;  text-align:left;   color: #999999;}


/* headers */
* {margin: 0px; padding: 0px; }
h1.blueTitle  { padding: 2px 0px 2px 14px;  background-color: #3399CC; color: white; font-family:Helvetica, Arial, Sans-serif; font-size:105%;  font-weight:700}
h2 { font-family:Helvetica, Arial, Sans-serif; font-size:18px; font-weight:100; text-decoration:none; text-align:left; margin:0px 0px 0px 0px; color: #1A3F77;}
h3 { font-family:Helvetica, Arial, Sans-serif; font-size:100%; color: #333333; font-weight:bold;}
h5 { font-family:Helvetica, Arial, sans-serif; font-size: 18px; color: #333333; font-weight: 300}
h6 {background:transparent url(../images/navbg.gif) repeat-x scroll 0pt bottom; color:#3399CC; display:block; font-size:14px; font-weight:bold; line-height:13px; padding:4px 10px; text-transform:none; voice-family:inherit; width:740px; }

/* shadow box */
#content .eps28{float:left; width:147px; max-width:147px; height:auto; padding:0px; margin:0px 5px 10px 0px; display:inline; background-image:url(../images/shadow.gif); background-repeat:no-repeat; background-position: bottom right;}
#content .eps28 .shadow{float:left; width:142px; max-width:142px; height:auto; border-top:1px solid #ccc; background-image:url(../images/lineshadow.gif); background-repeat:no-repeat; background-position: bottom left;}
#content .eps28 .bgbdy{padding:0px 5px 7px 10px;}

/* Banners */

#homePageBanner {height: 176px; width: 770px; background-image:url(../images/topbanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#homePageBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#aboutUsBanner {height: 176px; width: 770px; background-image:url(../images/aboutUsbanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#aboutUsBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#contactUsBanner {height: 176px; width: 770px; background-image:url(../images/contactUsbanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#contactUsBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#investPropertyBanner {height: 176px; width: 770px; background-image:url(../images/investPropertyBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#investPropertyBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#cre8MortgagesBanner {height: 176px; width: 770px; background-image:url(../images/cre8MortgagesBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#cre8MortgagesBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#dubaiBanner {height: 176px; width: 770px; background-image:url(../images/dubaiBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#dubaiBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}


#aboutOlympicParkBanner {height: 176px; width: 770px; background-image:url(../images/olympic-park-banner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#aboutOlympicParkBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#cre8ClaimsBanner {height: 176px; width: 770px; background-image:url(../images/ClaimsBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#cre8ClaimsBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}




/* smaller banners */ 

#ourDevelopmentsBanner {height: 160px; width: 770px; background-image:url(../images/ourDevelopmentsBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#ourDevelopmentsBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#ourLettingsBanner {height: 160px; width: 770px; background-image:url(../images/ourLettingsBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#ourLettingsBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#lettingsFaqBanner {height: 160px; width: 770px; background-image:url(../images/lettingsFaqBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#lettingsFaqBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#quickHouseSaleBanner {height: 160px; width: 770px; background-image:url(../images/quickHomeSaleBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}

#dubaiProjectsBanner {height: 160px; width: 770px; background-image:url(../images/dubaiProjectsBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#dubaiProjectsBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#aquariusGateBanner {height: 160px; width: 770px; background-image:url(../images/aquriusGateBanner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#aquariusGateBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#oxfordCourtBanner {height: 160px; width: 770px; background-image:url(../images/oxford-court-Banner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#oxfordCourtBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}

#frankfurtTowerBanner {height: 160px; width: 770px; background-image:url(../images/frankfurt-tower-Banner.jpg); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#frankfurtTowerBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}






/* text */

.Text			{ font-family:Helvetica, Arial, Sans-serif; font-size:80%; }
.TextSmall 	{ font-family:Helvetica, Arial, Sans-serif; font-size:71%;  }
.TextBold		{ font-family:Helvetica, Arial, Sans-serif; font-size:80%;  font-weight:bold }
.TextLarge		{ font-family:Helvetica, Arial, Sans-serif; font-size:110%;  }
.TextSmallest 	{ font-family:Helvetica, Arial, Sans-serif; font-size:61%; }
.LineSpace { height: 7px}

/* colors*/

.darkBlue {color: #1A3F77;}
.darkGray {color: #333333;}
.lightBlue {color:  #3399CC;}
.textBlue {color: #31ADD7;}
.orange {color: #ff6600;}
.lnkBlue {color: #006699;}
.crimson {color: crimson;}
/* Containers */
#graySpacer {  margin: 25px 0px 0px 0px; background-color: #F5F5F5; width:2px; height: 220px;}

#propertyViewer {width: 370px; height: 130px;}

/* investmentProcess */
#InvestmentProcess {   width: 725px;  margin: 15px 0px 15px 0px; padding: 20px 15px 15px 15px; border-top: 1px solid #CCCCCC;  border-left: 1px solid #999999;  border-right: 1px solid #CCCCCC;  border-bottom:  1px solid #E5E5E5;  }
#InvestmentProcess .box { float:left; width: 310px; background-color: #3A65A1; color: White; vertical-align:top; font-weight:bold; padding: 5px 20px 5px 5px; margin-bottom: 5px; }

#InvestmentProcess .no { float: left;  text-align:left; padding-right:5px; }
#InvestmentProcess .step { float: left; }
#InvestmentProcess .step TABLE { border: none 0; background-color: White;  }
#InvestmentProcess .step TR {  background-color: #3A65A1;}


/* developmentContainer */
.developmentContainer {width: 760px; float: left; margin: 0px 0px 15px 0px;}
.developmentContainer .header { background-color: #44B4DA; height: 20px; margin-bottom: 8px; color: White; font-family:Helvetica, Arial, Sans-serif; font-size:13px; font-weight:bold; vertical-align:middle;  padding: 2px 0px 0px 4px;}
.developmentContainer .imgBox {  border-style: solid; border-width: 1px; border-color: #E3E3E3;  height: 140px; width: 192px; float:left;}
.developmentContainer .imgBox img {border-style: solid; border-width: 1px; border-color: #E3E3E3; }
.developmentContainer .infoBox {  border-style: solid; border-width: 1px; border-color: #E3E3E3;  height: 140px; width: 340px; float:left; margin: 0px 8px 0px 8px; padding: 4px 12px 0px 12px; color:#333333;}
.developmentContainer .infoBox .title {font-family:geneva; font-size:9pt; color: #44B4DA; font-weight: 600;}
.developmentContainer .infoBox .divider { height: 1px; background-color: #E3E3E3; margin: 6px 0px 8px 0px;}
.developmentContainer .infoBox .infoText { height: 84px;}
.developmentContainer .infoBox .btnBox { float:right;  }

.developmentContainer .overviewBox {  border-style: solid; border-width: 1px; border-color: #E3E3E3;  height: 140px; width: 155px;  float:left;  padding: 4px 12px 0px 12px; }
.developmentContainer .overviewBox .title {font-family:geneva; font-size:9pt; color: #44B4DA; font-weight: 600;}
.developmentContainer .overviewBox .divider { height: 1px; background-color: #E3E3E3; margin:6px 0px 8px 0px;}


.home-land-box{margin-bottom: 10px;}

/*Why UK property*/

div.aboutblock {float: left; display: block; width: 760px;  background: url('../images/1pxdottedhr.gif') repeat-x 0 bottom; margin-top: 10px; }
div.aboutblock img {width:1px; height:300px; float:left; padding: 10px 0 10px 10px; background: url('../images/1pxdottedvr.gif') repeat-y left 0; }
div.aboutblock h2 { margin: 0px; padding: 0 10px; }
 div.aboutblock p { padding: 0 10px; }
div.aboutblock h2 { color: #3399cc; line-height: 13px; display: block; padding-top: 2px; text-transform: none; font-size: 14px; font-weight: bold; padding: 4px 10px; background: url('../images/navbg.gif') repeat-x 0 bottom; 
	voice-family: "\"}\""; voice-family: inherit; width: 740px; }


div.at { width: 370px; float: left;  }


/* Faq */

div.faqblock {float: left; display: block; width: 760px;  background: url('../images/1pxdottedhr.gif') repeat-x 0 bottom; margin-top: 10px; }
div.faqblock img {width:1px; height:300px; float:left; padding: 10px 0 10px 10px; background: url('../images/1pxdottedvr.gif') repeat-y left 0; }
 div.faqblock p { padding: 0 10px; }

div.faqblock h2 { margin: 0px; padding: 0 10px; color: #3399cc; line-height: 13px; display: block; padding-top: 2px; text-transform: none; font-size: 12px; font-weight: bold; padding: 4px 10px; background: url('../images/navbg.gif') repeat-x 0 bottom; 
	voice-family: "\"}\""; voice-family: inherit; width: 740px; }

/* Contact Page */
.contactblock {background-color:#fff;}
.contactblock h1{background-color: #44B4DA; padding: 3px 10px 3px 10px; color: #fff; font-size: 15px; margin-bottom: 7px; width: 740px;}
.contactblock h2{ font-weight: bold; padding: 3px 10px 3px 10px; color: #39c; font-size: 14px;  background: url('../images/navbg.gif') repeat-x 0 bottom;  margin: 0px; width: 740px;}
.contact-address { float: left; padding-left: 10px; padding-right: 30px; width: 340px;height: 160px;background:  url('../images/contact_address.gif') no-repeat;}
.contact-address-bar {float: left; width: 345px; padding: 0 10px; background:  url('../images/contact_address_bar.gif') no-repeat; voice-family: "\"}\""; voice-family: inherit; width: 340px; height: 160px; }

#propertyFinderBanner 
{
	float: left;
	
}

.doc { margin: 0px 5px 0px 0px;}

/* Login Styles */
.login-input-box {width: 300px; margin-top: 0px;}
.login-text {width: 110px; float: left; margin-bottom: 3px;}
.login-input {width: 190px; float: left; margin-bottom: 3px;}
.login-input a{color: #069; text-decoration:underline;}
.login-input a:hover{color: #069; text-decoration:underline;}
.login-input a:visted{color: #069; text-decoration:underline;}
.error {color: #f00; font-weight: bold;text-transform: uppercase;}

.login-input-box {width: 300px; margin-top: 0px;}
.login-text {width: 110px; float: left; margin-bottom: 3px;}
.login-input {width: 190px; float: left; margin-bottom: 3px;}
.login-input a{color: #069; text-decoration:underline;}
.login-input a:hover{color: #069; text-decoration:underline;}
.login-input a:visted{color: #069; text-decoration:underline;}

#numberedList { padding: 20px;}

.dottedBg {background:transparent url(../images/navbg.gif) repeat-x scroll 0pt bottom; display:block; line-height:13px; padding:4px 10px; text-transform:none; voice-family:inherit; width:740px; }


.tblProperty tr th {
border-bottom:1px solid #DEDEDE;
margin:0pt;
padding:5px;
text-align:left;
vertical-align:top;
}

 .tblProperty td {
border-bottom:1px solid #DEDEDE;
margin:0pt;
padding:5px;
text-align:left;
vertical-align:top;
}

.bgOrange { background-color: #F7941D}

/* Blue Download Links */
#blueDownloadLinks { float:left; border-bottom: 1px solid #3399CC; padding: 7px 0px 7px 0px; margin-bottom: 10px;  }
#blueDownloadLinks ul {float: right; padding-top: 1px;}
#blueDownloadLinks ul li { list-style-type: none; float: left; margin: 0px 10px 0px 0px; font-size: 10px; }
 #blueDownloadLinks IMG { PADDING-RIGHT: 3px}
 
 /* Orange Download Links */
 #orangeDownloadLinks { width: 100%; float:left; border-bottom: 1px solid #F7941D; padding: 7px 0px 7px 0px; margin-bottom: 10px;  }
#orangeDownloadLinks ul {float: left; padding-top: 1px;}
#orangeDownloadLinks ul li { list-style-type: none; float: left; margin: 0px 10px 0px 0px; font-size: 10px; }
 #orangeDownloadLinks IMG { PADDING-RIGHT: 3px}
 

.blueBar
{
	background-color: #00AEEF; 
	height: 10px;  
	width:100%;
	padding: 5px 0px 7px 0px;
}

/* Grid View */

.rateTable
{
	margin: 15px 0px 0px 0px;
}

.rateTable tr th {
border-bottom:1px solid #DEDEDE;
margin:0pt;
padding:5px;
text-align:center;
vertical-align:middle;

}

.rateTable  tr.header {
 background-color: #d6ebff;
 font-size: 12px;

}

 .rateTable td {
border-bottom:1px solid #DEDEDE;
margin:0pt;
padding:5px;
text-align: center;
vertical-align:middle;
}

/* Text */

.textCenter
{
	text-align: center !important;
}

.textCenter td
{
	text-align: center !important;
}


.textLeft
{
	text-align: left !important;
}

.textRight
{
	text-align: right !important;
}

/* Link Navigation Menu */

#downloadLinks { width:100%; float:left; border-bottom: 1px solid #3399CC; padding: 7px 0px 7px 0px; margin-bottom: 10px;  }
#downloadLinks ul {float: left; padding-top: 1px;}
#downloadLinks ul li { list-style-type: none; float: left; margin: 0px 10px 0px 0px; font-size: 10px; }
 #downloadLinks IMG { PADDING-RIGHT: 3px}

.bubbleLogo
{
	 margin: 0px 5px 0px 0px;
}

/* -- Footer -- */

#footer {height: 25px;   color: #fff; background-color: #3399CC;}
#footer ul {float: left; padding-top: 1px;}
#footer ul li {  list-style-type: none; float: left; margin: 4px 10px 0px 0px; font-size: 10px; }
#footer li a {text-decoration: none; color: #fff;}
#footer li a:hover {text-decoration:none; color: #fff;}
#footer li a:visited {text-decoration:none; color: #fff;}
#footer ul li, ol li { list-style-position: outside; line-height: 14px; color: #333; margin-left: 15px; }
#footer ol li { margin-left: 30px; line-height: 23px; }
