@charset "utf-8";
/* CSS Document for Index Page */
/*** Select Sales & Lettings ***/
/*** Developed by digital design Soula ***/


/*** Some sensible styles ***/
.clr { clear:both; margin:0; padding:0; height:1px; overflow:hidden; }
.fleft { float:left; }

.fright { float:right; }
.brk { line-height:0; height:12px; margin:0; padding:0; }
img a { border:none; }
a { color:#0033FF; text-decoration:underline; }
a:hover { color:#f06000; text-decoration:underline; }
a:visited { outline:none; }
ul { list-style:none; }
ul li { list-style:none; }
.imageRight { margin:4px 0 5px 15px; float:right; }
.imageLeft { margin:4px 15px 5px 0; float:left; }



/*** Buttons ***/
.buttonOrange { background:url(../images/submit-orange.gif); height:24px; font-size:1.4em; color:#FFFFFF; font-weight:normal; border:none; margin:0; padding:0 8px 3px 8px; }
.buttonOrange:hover { background:url(../images/submit-black.gif); height:24px; font-size:1.4em; color:#FFFFFF; font-weight:normal; border:none; margin:0; padding:0 8px 3px 8px; cursor:pointer; }
.buttonBlack { background:url(../images/submit-black.gif); height:24px; font-size:1.4em; color:#FFFFFF; border:none; font-weight:normal; margin:0; padding:0 8px 3px 8px; }
.buttonBlack:hover { background:url(../images/submit-orange.gif); height:24px; font-size:1.4em; color:#FFFFFF; font-weight:normal; border:none; margin:0; padding:0 8px 3px 8px; cursor:pointer; }
a.buttonBlack { background:url(../images/submit-black.gif); height:16px; font-size:1.0em; width:100px; color:#FFFFFF; border:none; font-weight:normal; margin:0; padding:2px 8px 4px 8px; text-decoration:none; }
a.buttonBlack:hover { background:url(../images/submit-orange.gif); height:16px; width:100px; font-size:1.0em; color:#FFFFFF; font-weight:normal; border:none; margin:0; padding:2px 6px 4px 8px; cursor:pointer; }



/*** Headings ***/
h1 { font-size:1.9em; color:#333; font-weight:bold; margin:0; padding:0; }
.HeaderBlue { background:url(../images/header-blue.gif) repeat-x; height:29px; color:#FFFFFF; font-size:1.5em; font-weight:bold; padding:6px; }
.HeaderTeal { background:url(../images/header-teal.gif) repeat-x; height:29px; color:#FFFFFF; font-size:1.5em; font-weight:bold; padding:6px; }
.HeaderBlack { background:url(../images/header-black.gif) repeat-x; height:29px; color:#FFFFFF; font-size:1.5em; font-weight:bold; padding:6px; }
.HeaderGrey { background:url(../images/header-grey.gif) repeat-x; height:29px; color:#333; font-size:1.5em; font-weight:bold; padding:6px; }
.subHeader { border-bottom: solid 1px #d9d9d9; font-size:1.4em; font-weight:bold; position:relative; padding:0 6px; }
.subHeader span { text-align:right; position:absolute; bottom:0; right:0; font-weight:normal; font-size:0.9em; padding:0 6px 0 0; }
.subHeaderPostcode { background:#f5f5f5; margin:10px 0 20px 0; font-size:1.2em; font-weight:bold; padding:6px; }
.subHeaderPostcode strong { font-weight:normal; color:#777; }
.subHeaderPropertyDetails { background:#f5f5f5; margin:10px 0 10px 0; font-size:1.6em; font-weight:bold; line-height:21px; padding:6px; }
.subHeaderPropertyDetails strong { color:#666666; }
h2 { margin:15px 0 0 5px; padding:0; font-size:1.6em; font-weight:bold; color:#003d7b; }


/*** Site styles ***/
body { background:url(../images/bg.gif); margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; line-height:1.6em; font-size:62.5%; color:#302f2e; }



/*** Header ***/
#headerWrap { background:url(../images/top-bg.jpg); height:122px; }
#headerContainer { width:964px; margin:0 auto; }
#logoLeft { background:url(../images/logo-left.jpg); width:107px; height:93px; display:block; margin:29px 0 0 15px; float:left; border:none; cursor:pointer; }
#logo { background:url(../images/logo.jpg); width:277px; height:45px; float:left; border:none; margin:77px 0 0; cursor:pointer; display:block; }



/*** Top User Nav ***/
#userInfo { height:29px; float:right; margin:0 10px 0 0; }
#signUp { background:url(../images/sign-in-bg.jpg) top left; width:60px; height:23px; display:block; color:#000000; text-decoration:none; font-size:1.1em; font-weight:bold; padding:6px 0 0 35px; float:left; }
#signUp:hover { background:url(../images/sign-in-bg.jpg) top right; color:#555; text-decoration:none; font-size:11px; font-weight:bold; }
#userLogin { background:url(../images/user-login.jpg) top left; width:64px; height:23px; display:block; color:#000000; text-decoration:none; font-size:1.1em; font-weight:bold; padding:6px 0 0 30px; float:left; }
#userLogin:hover { background:url(../images/user-login.jpg) top right; color:#555; text-decoration:none; font-size:11px; font-weight:bold; }
#help { background:url(../images/user-help.jpg) top left; width:40px; height:23px; display:block; color:#000000; text-decoration:none; font-size:1.1em; font-weight:bold; padding:6px 0 0 32px; float:left; }
#help:hover { background:url(../images/user-help.jpg) top right; color:#555; text-decoration:none; font-size:11px; font-weight:bold; }



/*** Main Nav ***/
#navWrapper { width:550px; height:28px; float:right; margin:29px 0 0 0; }
.mainNav { background:url(../images/main-nav-bg.jpg); height:20px; display:block; float:left; font-size:1.2em; font-weight:bold; color:#333; padding:8px 14px 0 14px; text-decoration:none; }
.mainNav:hover { color:#ff8807; }
#mainNavReflection { float:right; margin:0 4px 0 0; }



/*** Content ***/
#contentWrapper { width:912px; margin:0 auto; background:url(../images/content-bg.png); padding:20px 42px; }
#contentRight { width:230px; float:right; }
.elementFull { width:621px; background:url(../images/results-element-bg.gif); padding:12px 27px; min-height:650px; }
.left { float:left; }
.elementSingle { background:url(../images/element-single-bg.gif); width:295px; float:left; }
.elementRight { background:url(../images/right-element-bg.gif); width:220px; padding:12px 5px 0 5px; }
.rightSpacer { margin:0; line-height:0; height:20px; display:block; background:url(../images/right-element-bg.gif) #fff; }



/*** Property Results ***/
.propertyResultWrapper { background:url(../images/property-result-bg.gif) bottom repeat-x; margin:0 0 15px 0; }
.propertyResultWrapper .left  img { background:#fff; border:solid 1px #d7d7d7; padding:5px; margin:20px 0 0 20px; }
.propertyResultWrapper .left { width:180px; float:left; }
.propertyResultWrapper .right { width:428px; float:right; padding:20px 10px 0 0; font-size:1.2em; }
.propertyResultWrapper .right h1 { color:#000080; font-size:1.5em; font-weight:bold; margin:0 0 10px 0; }
.proeprtyMoreInfo { margin:10px 0 15px 0; }
.propertyIcon { margin:0 3px 0 0; }
.propertyIcon2 { margin:0 3px 0 30px; }
#nextPage { background:url(../images/next-page-bg.gif) no-repeat; height:27px; font-size:1.4em; padding:5px; }
#nextPage a { color:#555; text-decoration:none; }
#nextPage a:hover { color:#000; text-decoration:none; }
#partOfDevelopment { font-size:1.2em; margin:0 0 10px 0; }



/*** Property Detail***/
.propertyDetailWrapper { background:url(../images/property-result-bg.gif) bottom repeat-x; margin:0 0 15px 0; padding:0 0 20px 0;  }
.propertyDetailWrapper .left  img { background:#fff; padding:10px; margin:20px 0 0 20px; }
.propertyDetailWrapper .left { width:300px; float:left; }
.propertyDetailWrapper .right { width:300px; float:right; padding:20px 10px 0 0; font-size:1.2em; }
.propertyDetailWrapper .right .buttonBlack { font-size:1.2em; margin:0 0 0 10px; }
.propertyDetailWrapper .right img { background:#fff; padding:5px; margin:0 5px 15px 0; } 
.propertyDetailContent { font-size:1.3em; }
.propertyDetailContent h2 { font-size:1.2em; margin:25px 0 0 0; display:block; border-bottom:1px solid #d7d7d7; }
.propertyDetailContent ul li {list-style:disc; }
.propertyDetailContent img { margin:15px 10px 5px 0; }



/*** Edit/Change Search ***/
.rightForm { background:url(../images/right-form-bg.gif) repeat-x; }
.rightForm tr td { height:33px; font-size:1.2em; font-weight:bold; padding:0 5px 0 5px; border-bottom:solid 1px #c6c6c6; border-top:solid 1px #fff; }
.rightForm .endCell { border-bottom:solid 1px #fff; font-weight:normal; font-size:1.0em; padding:5px 0 0 5px; }
.rightForm #textfield { width:135px; color:#777; font-size:1.0em; padding:0 3px; height:18px; }
.rightForm #select { width:145px; padding:1px; height:22px; font-size:1.0em; }
.rightForm #selectSmall { width:58px; padding:1px; height:22px; font-size:1.0em; }



/*** Filter Results ***/
.filterHeader { background:#e5e5e5; color:#000000; font-size:1.2em; font-weight:bold; padding:7px; border-bottom:solid 1px #fff; }
.filterHeaderAlt { background:#e5e5e5; color:#000000; font-size:1.2em; font-weight:bold; padding:7px; border-bottom:solid 1px #fff; border-top:solid 5px #fff; }
.filterRow { background:#f4f4f4; padding:4px 0 4px 12px; color:#000000; font-size:1.2em; border-bottom:solid 1px #fff; }
.filterRow a { color:#0033FF; }
.filterRow a:hover { color:#f06000; }
.filterRowAlt { background:#f0f0f0; padding:4px 0 4px 12px; color:#000000; font-size:1.2em; border-bottom:solid 1px #fff; }
.filterRowAlt a { color:#0033FF; }
.filterRowAlt a:hover { color:#f06000; }



/*** Development Resutls Table ***/
.developmentHeader { background:url(../images/development-results-header.gif) repeat-x; color:#4766b3; font-size:1.6em; font-weight:bold; width:50%; padding:3px 5px 0 8px; }
.developmentHeader a { color:#4766b3; text-decoration:none; }
.developmentHeader a:hover { color:#003366; text-decoration:underline; }
.developmentHeaderEnd { background:url(../images/development-results-header-end.gif) repeat-x; }
.developmentTopRow { background:url(../images/development-results-top-row.gif) repeat-x; height:32px; padding:0 0 0 5px; font-weight:bold; color:#333333; font-size:1.1em; }
.developmentTable { background:url(../images/development-results-table-bg.gif) top repeat-x #efefef; color:#6e6e6e; font-size:1.2em; margin:0 0 20px 0; border-bottom:solid 1px #ccc; }
.developmentTable a { color:#6e6e6e; text-decoration:none; }
.developmentTable a:hover { color:#333333; text-decoration:underline; }
.developmentRow { border-bottom:solid 1px #fff; border-top:solid 1px #cccccc; padding:8px; font-size:1.2em; color:#535353; }
.developmentRowAlt { border-top:solid 1px #cccccc; border-bottom:solid 1px #fff; padding:8px; font-size:1.2em; color:#535353; }
.developmentAgent { background:url(../images/development-results-agent.gif) top repeat-x; border-top:solid 1px #cccccc; }
.developmentAgent img { background:#fff; padding:4px; border:solid 1px #ccc; margin:5px; position:relative; top:6px; float:right; }
.developersCTA { background:url(../images/developers-cta-bg.gif) repeat-x; color:#003d7b; padding:10px; line-height:15px; }
.developmentButton { float:right; padding:0 5px 1px 0; }



/*** Register Side Navigation***/
.registerCTA { background:url(../images/development-images/register-bg.gif) repeat-x; color:#222; font-size:1.1em; padding:10px; line-height:15px; }
.registerButton { float:right; padding:0 5px 1px 0; }



/*** Contact Us Side Navigation***/
.contactCTA { background:url(../images/development-images/contact-us-bg.gif) repeat-x; color:#222; font-size:1.1em; padding:10px; line-height:15px; }



/*** Development Tabs ***/
.tabsWrapper { background:url(../images/tab-spacer.gif) repeat-x; }
.tabsWrapper .inactive { background:url(../images/tab-off.gif) repeat-x; height:23px; color:#003d7b; font-size:1.2em; font-weight:bold; display:block; text-decoration:none; float:left; padding:5px 8px 0 8px; }
.tabsWrapper .inactive:hover { height:23px; color:#333; font-size:1.2em; font-weight:bold; text-decoration:none; display:block; padding:5px 8px 0 8px; text-decoration:none; float:left; }
.tabsWrapper .active { background:url(../images/tab-on.gif) repeat-x; height:23px; color:#000; font-size:1.2em; font-weight:bold; text-decoration:none; display:block; padding:5px 8px 0 8px; text-decoration:none; float:left; }



/*** Development Content ***/
#developmentContainer { margin:25px 0 0 0; font-size:1.3em; padding:0 23px; line-height:1.4em; }
#developmentContainer h1 { font-size:1.3em; font-weight:bold; color:#003d7b; margin:0 0 15px 0; }
#developmentContainer h2 { font-size:1.3em; font-weight:bold; color:#003d7b; margin:0 0 15px 0; }
#developmentContainer p { margin:0 0 20px 0; }
#developmentContainer img { background:#fff; border:solid 2px #d7d7d7; padding:4px; }
.developmentTable { background:url(../images/development-images/table-bg.gif) top repeat-x #efefef; color:#7e7e7e; font-size:1.0em; }
.developmentTableHeader { background:url(../images/development-images/table-header.gif) repeat-x; height:33px; color:#333; font-size:1.0em; font-weight:bold; text-align:center; padding:2px 0 0; }
.developmentTableRow { border-top:solid 1px #cccccc; border-bottom:solid 1px #fff; text-align:center; padding:6px; }
#infoContainer { background:url(../images/development-images/info-bg.gif) repeat-x #f0f0f0; padding:12px; margin:0 0 30px 0; min-height:100px; }
#infoContainer h1 { color:#000000; font-size:1.2em; }
#infoContainer h2 { font-size:1.1em; }
#infoContainer h3 { margin:0 0 10px 0; padding:0; color:#003d7b; font-weight:normal; }
#selectHouseType { background:#f5f5f5; margin:0 0 10px 0; padding:10px; font-weight:bold; }
#selectHouseType .select { width:140px; padding:2px; color:#5f5f5f; }



/*** Plot Overview ***/
#plotWrapper { border:solid 1px #d7d7d7; float:left; width:410px; margin:30px 0 20px 0; padding:5px; }
.rightPlotWrapper { border:solid 1px #d7d7d7; float:right; width:140px; margin:30px 0 20px 0; padding:5px 0 10px 5px; }
.plotContainer { width:110px; float:left; margin:5px 0px 10px 0; font-size:1.0em; }
.plotContainer strong { display:block; color:#0066CC; font-weight:bold; }
.blue-light { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#0099FF; }
.blue-dark { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#000066; }
.blue-medium { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#0000CC; }
.green-dark { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#003300; }
.green-medium { float:left; height:10px; width:10px; margin:3px 5px 0 0px; background:#00CC00; }
.green-light { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#00CC33; }
.red-light { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#FF0000; }
.red-medium { float:left; height:10px; width:10px; margin:3px 5px 0 0px; background:#FF0000; }
.red-dark { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#990000; }
.yellow { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#FFFF00; }
.brown { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#552B00; }
.orange { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#FF6600; }
.purple-dark { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#660066; }
.purple-light { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#6633FF; }
.grey { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#CCCCCC; }
.white { float:left; height:10px; width:10px; margin:3px 5px 0 0; border:solid 1px #ccc; }
.black { float:left; height:10px; width:10px; margin:3px 5px 0 0; background:#000; }



/*** Fixed Image Sizes ***/
.fixedImageSize1 { width:250px; height:190px; float:left; }
.fixedImageSize2 { width:76px; height:57px; float:left; border:none; }



/*** Foot ***/
#footWrapper { width:948px; margin:0 auto; padding:0 24px; background:url(../images/content-bg.png); }
#footContainer { background:url(../images/foot-bg.gif) repeat-x #d4d4d4; margin:0; padding:0; position:relative; z-index:0 }
#foot { width:912px; margin:0 auto; background:#fff; padding:15px 0 0; }
#foot h1 { font-size:1.2em; font-weight:bold; color:#000000; margin:0; padding:0; border-bottom:dotted 1px #d7d7d7; }
.footSection { width:165px; float:left; margin:0 0 0 50px; color:#999999; }
.footSection ul { margin:15px 0 10px 0; padding:0; font-size:1.2em; }
.footSection ul li a { color:#777; text-decoration:none; margin:0 0 4px 0; display:block; }
.footSection ul li a:hover { color:#333; text-decoration:none; }
.soula { width:200px; position:absolute; z-index:1; bottom:5px; right:25px; text-align:right; color:#999; }
.soula a { color:#333333; text-decoration:none; }
.soula a:hover { color:#999; text-decoration:none; }