@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:#324faa; text-decoration:underline; }
a:hover { color:#f06000; text-decoration:underline; }
a:visited { outline:none; }
ul { list-style:none; }
ul li { list-style:none; }
.imageRight { padding:4px; border:solid 1px #d7d7d7; margin:4px 0 2px 15px; float:right; }
.imageLeft { padding:4px; border:solid 1px #d7d7d7; margin:4px 15px 2px 0; float:left; }
.imageFix { display:block; }



/*** Buttons ***/
.buttonOrange { background:url(../images/submit-orange.gif); height:24px; font-size:1.4em; color:#FFFFFF; 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; 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; margin:0; padding:0 8px 3px 8px; }
.buttonBlack:hover { background:url(../images/submit-orange.gif); height:24px; font-size:1.4em; color:#FFFFFF; border:none; margin:0; padding:0 8px 3px 8px; cursor:pointer; }



/*** Headings ***/
h1 { font-size:1.9em; color:#333; font-weight:bold; margin:0; padding:0; }



/*** 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) top left; width:107px; height:93px; display:block; margin:29px 0 0 15px; float:left; border:none; cursor:pointer; }
#logoLeft:hover { background:url(../images/logo-left.jpg) top right; 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; }
#contentWrapper h1 { margin:0 0 40px 0; }
#contentWrapper p { font-size:1.3em; }
#contentWrapper ul li { background:url(../images/mark.gif) left no-repeat; padding:0 0 0 20px; font-size:1.2em; font-weight:bold; line-height:22px }
.elementFull { width:857px; background:url(../images/element-bg.gif); padding:20px 27px; }
.elementSingle { background:url(../images/element-single-bg.gif); width:295px; float:left; }
.elementSingle-Developments { background:url(../images/element-single-bg.gif); width:295px; float:left; margin:0 0 0 14px; }
.elementSingle-Developments a { display:block; height:18px; }
.elementSingle-Finance { background:url(../images/element-single-bg.gif); width:295px; float:right; }



/*** Search Properties by Location/Postcode (Home) ***/
#searchPropertyWrapper { width:457px; float:left; }
#searchPropertyWrapper h1 { font-size:20px; color:#333; font-weight:normal; margin:0; padding:0; }
#searchPropertyFormContainer { width:457px; border-right:solid 1px #d7d7d7; margin:20px 0 0; }
.searchPropertyForm-Header { background:url(../images/header-black.gif) repeat-x #222; font-size:16px; color:#FFFFFF; height:24px; padding:5px 0 5px 10px; }
.searchPropertyForm-Row1 { border-right:solid 1px #ddd; border-left:solid 1px #ddd; border-bottom:solid 1px #d2d2d2; background:#e7e7e7; font-size:11px; color:#787878; padding:0 0 10px 15px; }
.searchPropertyForm-SearchBox { background:url(../images/home-search-form.gif) no-repeat; width:358px; height:23px; border:none; margin:15px 0 3px 0px; font-size:1.3em; color:#9e9e9e; padding:6px 0 0 10px; }

.searchPropertyForm-Row2-Left { border-left:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#efefef; font-size:1.2em; font-weight:bold; color:#222; padding:10px 15px; }
.searchPropertyForm-Row2-Center { border-bottom:solid 1px #ddd; background:#efefef; font-size:1.2em; font-weight:bold; color:#222; padding:10px 5px; }
.searchPropertyForm-Row2-Right { border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#efefef; }
.searchPropertyForm-Row2-Center .select { color:#5f5f5f; padding:2px; width:100px; margin:0 5px; }
.searchPropertyForm-Row2-Right .select { color:#5f5f5f; padding:2px; width:100px; margin:0 5px; }

.searchPropertyForm-Row2alt-Left { border-left:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#eaeaea; font-size:1.2em; font-weight:bold; color:#222; padding:10px 15px; }
.searchPropertyForm-Row2alt-Center { border-bottom:solid 1px #ddd; background:#eaeaea; font-size:1.2em; font-weight:bold; color:#222; padding:10px 5px; }
.searchPropertyForm-Row2alt-Center .select { color:#5f5f5f; padding:2px; width:100px; margin:0 5px; }
.searchPropertyForm-Row2alt-Right { border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#eaeaea; }

.searchPropertyForm-Row3-Left { border-left:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#f7f7f7; font-size:1.2em; font-weight:bold; color:#222; padding:10px 15px; }
.searchPropertyForm-Row3-Center { border-bottom:solid 1px #ddd; background:#f7f7f7; font-size:1.2em; font-weight:bold; color:#222; padding:10px 5px; }
.searchPropertyForm-Row3-Right { border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#f7f7f7; }
.searchPropertyForm-Row3-Center .select { color:#5f5f5f; padding:2px; width:100px; margin:0 5px; }
.searchPropertyForm-Row3-Right .select { color:#5f5f5f; padding:2px; width:100px; margin:0 5px; }

.searchPropertyForm-Row4-Left { border-left:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#f9f9f9; font-size:1.2em; font-weight:bold; color:#222; padding:10px 15px; }
.searchPropertyForm-Row4-Center { border-bottom:solid 1px #ddd; background:#f9f9f9; font-size:1.2em; font-weight:bold; color:#222; padding:10px 5px; }
.searchPropertyForm-Row4-Right { border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#f9f9f9; }
.searchPropertyForm-Row4-Center .select { color:#5f5f5f; padding:2px; width:100px; margin:0 5px; }

.searchPropertyForm-Row5 { background:#dddddd; height:38px; font-size:1.2em; font-weight:bold; color:#222;  }
.searchPropertyForm-Row5 #checkbox { margin:3px 12px 0; float:left; }
.includeOffer { display:block; float:left; width:17px; margin:4px 5px 0 14px; }
.searchPropertyForm-Row5 .text { margin:2px 0 0 0; display:block; float:left; width:200px;  } 
.searchPropertyForm-Row5-Right { background:#dddddd; padding:5px 0 0 5px; }



/*** Search Properties by Region (Home) ***/
#regionSearchWrapper { width:355px; float:right; }
#regionSearchWrapper h1 { font-size:20px; color:#6c6c6c; font-weight:normal; margin:0; padding:0; }
#regionSearchContainer { width:355px; margin:20px 0 0; background:url(../images/region-bg.gif) no-repeat; padding:4px 0 0; }
.regionSearchContainer-Left { text-align:right; font-size:12px; font-weight:bold; color:#222; padding:0 5px 0 0; height:40px; }
.regionSearchContainer-Right { padding:0 10px 0 7px; }
#regionSearchContainer .select { width:145px; padding:2px; color:#5f5f5f; letter-spacing:-0.5px }
.regionSearchContainer-Row2 { padding:12px 10px 40px 0; text-align:right; }



/*** Latest Properties to Buy/Rent ***/
#latestPropertiesToBuyWrapper { width:420px; background:url(../images/latest-buy-bg.gif) bottom no-repeat; float:left; font-size:12px; height:230px; }
#latestPropertiesToBuyWrapper h1 { font-size:19px; color:#000054; font-weight:bold; margin:0; padding:0 0 0 15px; display:block; }
#latestPropertiesToBuyWrapper h2 { font-size:16px; font-weight:bold; color:#032eb8; margin:0 0 8px 0; padding:10px 0 0 0; }
#latestPropertiesToBuyWrapper #left { width:160px; float:left; margin:15px 0 0 15px; padding:17px 0 0 0; }
#latestPropertiesToBuyWrapper #left img { border:1px solid #ccc; padding:3px; background:#fff; }
#latestPropertiesToBuyWrapper #right { width:220px; float:right; margin:15px 15px 0 0; padding:5px 0 0 0; }
#latestPropertiesToBuyWrapper strong { display:block; margin:0 0 5px 0; }
#latestPropertiesToBuyWrapper a { display:block; margin:0; width:70px; height:25px; padding:33px 0 0 50px; }

#latestPropertiesToRentWrapper { width:420px; background:url(../images/latest-rent-bg.gif) bottom no-repeat; float:right; font-size:12px; height:230px; }
#latestPropertiesToRentWrapper h1 { font-size:19px; color:#036673; font-weight:bold; margin:0; padding:0 0 0 15px; display:block; }
#latestPropertiesToRentWrapper h2 { font-size:16px; font-weight:bold; color:#06a1b5; margin:0 0 8px 0; padding:10px 0 0 0; }
#latestPropertiesToRentWrapper #left { width:160px; float:left; margin:15px 0 0 15px; padding:17px 0 0 0; }
#latestPropertiesToRentWrapper #left img { border:1px solid #ccc; padding:3px; background:#fff; }
#latestPropertiesToRentWrapper #right { width:220px; float:right; margin:15px 15px 0 0; padding:5px 0 0 0; }
#latestPropertiesToRentWrapper strong { display:block; margin:0 0 5px 0; }
#latestPropertiesToRentWrapper a { display:block; margin:0; width:70px; height:25px; padding:33px 0 0 50px; }



/*** Find Developers ***/
#developersContainer { background:url(../images/find-developers-bg.gif) no-repeat; width:239px; min-height:270px; margin:0 auto; padding:15px; }
#developersContainer img { background:#fff; padding:5px; float:right; margin:3px 0 0 6px; border:solid 1px #d7d7d7; }
#developersContainer h1 { color:#6e0000; }
#developersContainer h2 { color:#a50d03; font-size:1.6em; font-weight:bold; margin:23px 0 10px 0; }
#developersContainer p { font-size:1.2em; margin:0; padding:0; }



/*** Latest Developments ***/
#developmentsContainer { background:url(../images/developments-bg.gif) no-repeat; width:239px; min-height:270px; margin:0 auto; padding:15px; }
#developmentsContainer img { background:#fff; padding:4px; border:solid 1px #d7d7d7; margin:0 auto 15px auto; }
#developmentsContainer h1 { color:#002c00; }
#developmentsContainer h2 { color:#007703; font-size:1.6em; font-weight:bold; margin:23px 0 10px 0; }
#developmentsContainer p { font-size:1.2em; margin:0; padding:0; }



/*** Select & Sales Finance ***/
#financeContainer { background:url(../images/finance-bg.gif) no-repeat; width:239px; min-height:270px; margin:0 auto; padding:15px; }
#financeContainer img { background:#fff; padding:4px; border:solid 1px #d7d7d7; float:left; margin:3px 8px 0 0; }
#financeContainer h1 { color:#15002c; }
#financeContainer h2 { color:#310072; font-size:1.6em; font-weight:bold; margin:23px 0 10px 0; }
#financeContainer p { font-size:1.2em; margin:0; padding:0; }



/*** Contact Us Table ***/
.adminTable { background:url(../images/admin-table-bg.gif) top repeat-x #fff; color:#000; font-size:1.3em; margin:0 auto 0 auto; border-bottom:solid 1px #ccc; padding:10px;  }



/*** 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; }

