@charset "UTF-8";
/* CSS Document */
* {padding:0; margin:0;}
/*Main Content*/

body {margin:0px; padding:0px; background-color:#FFFFFF; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:normal; color:#666666; background-image:url(images/backgroundBottom.gif); background-repeat:repeat-x; background-attachment:fixed; background-position:bottom;}

#wrapper { margin:10px auto 0px auto; padding:0px; width:1000px; height:auto;}

#headerLogo {width:135px; height:40px; margin:0px; padding:0px;}

#navHeader {width:1000px; height:25px; background-image:url(images/headerBg.jpg); background-repeat:repeat-x; margin:15px 0px 0px 0px; padding:0px;}

#titleContent {margin:15px 0px 0px 0px; padding:0px; width:998px; height:40px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background-color:#f0f0f0;}

#mainContent {margin:0px; padding:0px; width:998px; height:auto; border:1px solid #CCCCCC; background-color:#FFFFFF;}

.clear {clear:both; margin:0px; height:1px;}

/*Navigation*/

#navHeader a {display:block; font-size:12px; height:15px; width:auto; margin:4px 0px 6px 0px; padding:0px 25px 0px 25px; color:#FFFFFF; text-decoration:none; border-right:1px solid #FFFFFF; float:left;}
#navHeader a:hover {color:#CCCCCC;}

a {color:#CC0000; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}


/*Fonts*/
 
h1 {font-size:12px; color:#666666; margin:12px; padding:0px;}
h2 {font-size:12px; color:#ffffff; margin:232px 0px 0px 0px; padding:0px;}
h3 {font-size:12px; color:#CC0000; margin:5px 0px 5px 0px; padding:0px; font-style:normal; font-weight:normal; font-variant:normal;}
h4 {font-size:14px; color:#333333; margin:0px; padding:0px;}
h5 {font-size:12px; color:#CC0000; margin:20px 0px 20px 0px; padding:0px;}
h6 {font-size:12px; font-weight:bold; margin:30px 0px 10px 0px; color:#666666; padding:0px;}

p {margin:5px 0px 5px 0px; padding:0px; line-height:18px;}

ul {margin:5px 0px 5px 15px; padding:0px; line-height:18px; list-style:disc;}

/*Home Page*/

#headerText {margin:10px auto 0px auto; height:100px; width:800px; padding:0px; background-image:url(images/Text_title.jpg); background-repeat:no-repeat;}
#homeContainer {margin:50px auto 50px auto; height:auto; width:898px;}
#homeImage {height:250px; width:650px; margin:0px; float:left; background-image:url(images/homeMainImage.jpg); background-repeat:no-repeat;}
	#homeImage a {color:#666666; font-style:normal; font-variant:normal; font-weight:normal;}
	#homeImage a:hover {color:#333333; text-decoration:underline;}
	.homeRightBox {height:125px; width:213px; float:right; margin:0px; }
	.homeLogoBox {height:33px; width:33px; margin:0px; float:left;}
	.homeTextBox {height:auto; width:170px; float:right; margin:0px; padding:0px 0px 0px 10px;}
	.homeTextBox a {color:#666666; text-decoration:none;}
	.homeTextBox a:hover {color:#333333; text-decoration:underline;}
	.homeTextBoxTitle {height:13px; width:auto; margin:0px; padding:10px 0px 10px 0px; font-size:12px; font-weight:bold;}
#homeText {margin:0px; height:auto; width:650px; padding:30px 0px 0px 0px;}
#homeLogoContainer {margin:20px 0px 0px 0px; height:100px; width:898px; padding:0px;}
	.homeLogos {margin:0px 15px 0px 14px; height:auto; width:auto; float:left; text-align:center; display:inline;}

/*Why choose Brik to Sell*/

#sellIntro {margin:20px auto 30px auto; width:500px; height:auto; text-align:center;}
.sellBlock {margin:20px 0px 20px 0px; padding:0px; height:auto; width:998px;}
.sellAds {margin: 0px 0px 20px 50px; height:auto; width:424px; float:left; display:inline;}
.sampleImage {margin:0px; width:auto; height:155px; padding:0px;}

/*Buying Page // letting page*/

#housebuyContainer {width:948px; height:200px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; padding:0px;}
#houseImage {height:200px; width:280px; float:left; margin:0px; padding:0px;}
#houseName {height:40px; width:640px; float:right; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
	#houseNameLeft {height:auto; width:320px; float:left; margin:0px;}
	#houseNameLeft a {text-decoration:none;}
	#houseNameLeft a:hover {text-decoration:underline; color:#CC0000;}
	#houseNameRight {height:auto; width:320px; margin:0px; float:right; text-align:right;}
#houseInfo {width:640px; height:115px; float:right; margin:10px 0px 0px 0px; padding:0px;}
.letSymbol {
	margin:-3px 0 0 0; padding:0;
	width:32px;
	height:13px;
	background-image:url(images/LetSymbol.gif);
	background-repeat:no-repeat;
	float:right;
}
.offerSymbol {
	margin:-3px 0 0 0; padding:0;
	width:97px;
	height:13px;
	background-image:url(images/under_offer.gif);
	background-repeat:no-repeat;
	float:right;
}
.soldSymbol {
	margin:-3px 0 0 0; padding:0;
	width:52px;
	height:13px;
	background-image:url(images/sold.jpg);
	background-repeat:no-repeat;
	float:right;
}

.viewingLink {
	margin:0 0 0 0;
    padding:0;
	width:640px;
	height:30px;
    float:right;
    vertical-align:middle;
}
.viewingLinkLeft {
	margin:0 0 0 0;
    padding:0;
	width:490px;
	height:auto;
    float:left;
}
.viewingLinkRight {
	margin:0 0 0 0;
    padding:0;
	width:150px;
	height:auto;
    float:right;
}




/*Footer*/

#footer {width: 998px; margin:0px auto 20px auto;font-size:10px; color:#666666;}
	#footerCopy {float:left; width:499px;}
	#footerStandards {float:right; width:499px; text-align:right;}

#footer a {color:#333333; text-decoration:none;}
#footer a:hover {color:#000000;}
/*Contact Page*/

#contactPage {width:900px; height:auto; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:40px;}
.contactIntro {width:450px; height:auto; margin:0px; padding:0px;}
#formLeft {width:450px; height:auto; float:left; margin-top:50px; margin-bottom:50px; margin-left:0px; margin-right:20px; display:inline; }
#formRight {width:400px; height:auto; float:right; margin-top:50px; margin-bottom:50px; margin-left:0px; margin-right:20px; display:inline;overflow:hidden;}
.formTitle {width:450px; height:33px; margin:0px;}
.formTitleImage {width:33px; height:33px; margin:0px; float:left;}
.formTitleText {height:17px; margin:0px; padding:8px; float:left;}
.formTitleP {height:75px; width:400px; margin:0px;}
.formTextTitle {height:auto; width:450px; margin:0px; padding:40px 0px 15px 0px;}
.formLine {width:350px; height:auto; margin:0px;}
.formText {width:100px; height:auto; margin:0px; padding:3px 0px 0px 0px;float:left;}
.formBoxes {width:200px; height:auto; margin:0px; float:left;}

/*Valuation Form*/

#valuationForm {width:450px; height:auto; float:left; margin-top:0px; margin-bottom:50px; margin-left:0px; margin-right:20px;}
#valTextTitle {height:auto; width:450px; margin:0px; padding:20px 0px 15px 0px;}
#valIntro {width:450px; height:auto; margin:0px 0px 20px 0px; padding:0px;}
#valTitle {height:30px; width:450px; margin:20px 0px 0px 0px;}

/*registration*/

#regTextTitle {height:auto; width:450px; margin:0px; padding:20px 0px 15px 0px;}
#regForm {width:450px; height:auto; float:left; margin-top:0px; margin-bottom:50px; margin-left:0px; margin-right:20px;}
#regIntro {width:450px; height:auto; margin:0px 0px 20px 0px; padding:0px;}
#regTitle {height:30px; width:450px; margin:20px 0px 0px 0px;}

/*housePageOne (photos and info)*/

#leftSection {margin:0px; padding:0px; height:auto; width:190px; float:left; display:inline; overflow:hidden;}

#leftImageLinks {height:auto; width:190px; margin:30px 0px 10px 20px; float:left; padding:0px; display:inline;}
	.leftLinksHolder {height:53px; width:190px; margin:0px; float:left; padding:0px; display:inline;}
	.leftImageBox {height:33px; width:33px; margin:10px 10px 10px 20px; float:left; padding:0px; display:inline;}
	.leftTextBox {height:auto; width:127px; margin:0px; padding: 20px 0px 0px 0px; float:left; display:inline;}
	.leftTextBox a {color:#666666; text-decoration:none;}
	.leftTextBox a:hover {color:#000000; text-decoration:none;}

#leftLinks {height:auto; width:150px; margin:0px 20px 0px 20px; padding:20px 0px 0px 0px; border-top:1px solid #cccccc; text-align:center; }
	#leftLinks a {color:#666666; text-decoration:none;}
	#leftLinks a:hover {color:#000000; text-decoration:none;}

#houseInfoContainer {width:790px; height:auto; margin:0px; padding:50px 0px 30px 0px; border-left:1px solid #CCCCCC; float:right; }
#houseInfoHolder {width:688px; height:auto; margin:0px 51px 50px 51px; padding:0px; }
#imageGallery {width:688px; height:210px; margin:0px 0px 50px 0px; padding:0px; border:1px solid #000000;}
#extraInfo {margin:20px 0px 20px 0px; padding:0px; width:400px; height:auto; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
	#extraInfoLeft {float:left; margin:10px 0px 10px 0px; padding:0px; width:125px; height:auto;}
	#extraInfoRight {float:left; margin:10px 0px 10px 0px; padding:0px; height:auto; width:auto;}

#callBoxBottom {margin:20px 0px 0px 0px; width:320px; height:auto; padding:20px 0px 0px 0px; border-top:1px solid #CCCCCC;}

/*Floorplan page*/

#floorplan {margin:0px 0px 50px 0px; padding:0px; height:auto; width:688px;}
#floorplanLink {margin:0px auto 0px auto; padding:0px; height:auto; width:688px; text-align:right;}

/*Map page*/

#mapHolder {margin:0px auto 20px auto; padding:0px; height:480px; width:688px;}

#mapOptions {margin:0px 0px 5px 0px; padding:0px; height:36px; width:320px; vertical-align: middle;}

/*transport page*/

#transportBoxes {margin:0px; padding:0px 0px 30px 0px; width:auto; height:auto;}
	.transportImage {width:33px; height:33px; margin:30px 30px 0px 0px; padding:0px; float:left;}
	.transportText {width:400px; height:33px; margin:30px 0px 0px 0px; padding:0px; float:left;}
	.transportImageLast {width:33px; height:33px; margin:30px 30px 20px 0px; padding:0px; float:left;}
	.transportTextLast {width:400px; height:33px; margin:30px 0px 20px 0px; padding:0px; float:left;}

#bottomPadding {width:1px; height:110px; margin:0px; padding:0px;}

#transportJP {margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; width:500px; height:auto; float:left}

#transportTubeMap {margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; width:690px; height:auto; float:left}




/*schools page*/

.schoolTable {width:688px; height:auto; margin:0px 0px 0px 0px; padding:0px;}
	.columnTitle {width:200px; height:auto; margin:0px; float:left; padding:0px;}
	.columnPupil {width:63px; height:auto; margin:0px; float:left; padding:0px;}
	.columnDetails {width:103px; height:auto; margin:0px; float:left; padding:0px;}
	.columnDetailsWide {width:115px; height:auto; margin:0px; float:left; padding:0px;}
	.columnDetailsAge {width:130px; height:auto; margin:0px; float:left; padding:0px;}
	
/*email a friend page*/

.emailFormText {width:150px; height:auto; margin:0px; padding:3px 0px 0px 0px;float:left;}



/*Test divs*/

#leftButtonHolder {height:auto; width:150px; margin:20px 20px 0px 20px; padding:0px 0px 0px 0px; border-top:1px solid #cccccc; text-align:center; }

.module_adv{width:150px;padding:0;margin-bottom:10px;background:#f0f0f0 url(/images/module_bottom.gif) no-repeat left bottom;}

.module_adv h1{background:transparent url(/images/module_top.gif) no-repeat left top;margin:0 !important;padding:5px 10px 5px 10px;}
.module_adv p{padding:0px 0px 5px 10px;}






/*
Property code names on the site are as follows:
look for php files containing the relevant letters

buy:
Danehurst Street = danest
Doria Road = doria
Eddiscomber Road = eddiscombebuy
Lettice Street = letticebuy
Hestercombe Avenue Ground Floor Flat = gffhesterbuy
Hestercombe Avenue Top Floor Flat = tffhesterbuy


rent:
Cloncurry Street = cs
ST Dionis Road = dionis
Doria Road = doriarent
Eddiscombe Road = edrent
Lettice Street = lettice
Rostrevor Road = rostroad
Hannell Road = hr
WAldemar Avenue = waldemar
Hestercombe Avenue Ground Floor Flat = gffhesterrent
Hestercombe Avenue Top Floor Flat = tffhesterrent
Arundel Mansions = am
Danehurst Street = danestrent
Danehurst Street Two = danetwo
Oakbury Road = oakbury8
Sedlescombe Road = sedlescombe
Bovingdon Road = br
Queensmill Road = qmr
Wardo Avenue = wardo59
Arundel Mansions = arundel21
Radipole Road = radroad

others will be added on updates here
*/