/* Public */


/* Colours Used */
/*

bottom bar = #e86a10

*/


/* General Styles */
.Clear { clear:both; line-height:0px; height:0px; }
.clear { clear:both; line-height:0px; height:-1px; }

a { color:#000000; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }

ul { margin-left:20px; }

.noShow { display:none; }

.left { float:left; }
.right { float:right; }
.orangeLink { color:#e86a10; }
.orangeLink a { color:#e86a10; }
img { border:none; }
html, body { color:#333333; margin:0px; padding:0px; width:100%; font-size:85%; font-family:Verdana, Arial, Helvetica, sans-serif; }
html {  }
body { background:#cccccc; font-size:85%;}



/* Font Styles */
.pageTitle { font-size:180%; color:#013d21;  }

/* General Layout styles */




/* Layout styles */
#MainWrapper { width:824px; min-height:100%; margin:0px auto; background:#FFFFFF; border:solid 1px #000000; }
#Top { clear:both; padding:0 30px 30px 30px; }
#Top #logo { float:right; margin-right:3px;}
#Top #topnav { float:left; margin:70px 0 0 0; }
#Top #topnav ul { margin:0 0 0 0; list-style:none; }
#Top #topnav ul li { float:left; margin:0px 30px 0 0; }
#Top #topnav ul li a { font-size:130%; }
#Top #topnav ul li a:hover {  }

#Middle { clear:both; margin:10px 0 10px 0; padding:0 10px; }
#Middle #left { float:left; margin:0 0 50px 0; width:155px; overflow:hidden;  }
#Middle #left #leftNav { margin:14px 0 0 0; width:128px; }
#Middle #left #leftNav ul { margin:0 0 0 0px; width:128px; padding:0px; }
#Middle #left #leftNav ul li { list-style:none; width:128px; padding:7px 0px; border-bottom:solid 1px #666666; }
#Middle #left #leftNav ul li a { font-weight:normal; color:#013d21; font-size:95%; }
#Middle #left #leftNav ul li a:hover {  }

#Middle #left #leftNav ul li ul { margin:0 0 0 10px; width:118px; border-top:none; padding:0px; }
#Middle #left #leftNav ul li ul li { list-style:none; width:118px; padding:5px 0px; border-bottom:none; }
#Middle #left #leftNav ul li ul li a { font-weight:normal; color:#666666; font-size:95%; }
#Middle #left #leftNav ul li ul li a:hover {  }
#Middle #left #leftNav .active { font-weight:bold; }

#Middle #right { float:left; width:614px; margin:0px; margin-left:20px !important; overflow:hidden; }
#Middle #right #topLinks { clear:both; }
#Middle #right #topLinks .left { margin-left:10px; }
#Middle #right #topLinks .left img{ width:400px; }
#Middle #right #topLinks .right { margin-right:2px; margin-top:12px; }
#Middle #right #MainContent { clear:both; margin:10px 0 0 10px; }

#Bottom { position:relative; height:30px; margin:30px 0 0 0; clear:both; background:#e86a10; }

#Bottom #bottomLogos { position:absolute; left:30px; top:-50px; }

#Bottom #bottomNav { float:right; margin-right:20px; }
#Bottom #bottomNav ul { margin:0 0 0 0; list-style:none; }
#Bottom #bottomNav ul li { float:left; line-height:2.5em; margin:0 10px; }
#Bottom #bottomNav ul li a { color:#FFFFFF; font-size:85%; }
#Bottom #bottomNav ul li a:hover {  }

/* TEMPLATES */

/* Home Page */
#HomeContent { float:left; font-size:95%; margin:10px 11px 0 0; clear:both; width:390px; }
#HomeContent .title { font-size:180%; }	
#HomeVideoPromo { margin:13px 0 0 0px; }

#Middle #right #MainContent #PropertySearch { width:389px; height:125px; background:#003e20; border:solid 1px #000000; }
#Middle #right #MainContent #MapSearch { margin:0 0 0 10px; width:198px; overflow:hidden; height:125px; background:#003e20; border:solid 1px #000000; }
#Middle #right #MainContent #HomePromos { clear:both; }
#Middle #right #MainContent #HomePromos .promo { float:left; width:190px; height:148px; margin:0 11px 0 0; }
#Middle #right #MainContent #HomePromos .promoRight { width:200px; margin-right:0px; }
#Middle #right #MainContent #HomePromos .promo .image { height:125px; overflow:hidden; }
#Middle #right #MainContent #HomePromos .promo .title { height:25px; background:#003e20; }
#Middle #right #MainContent #HomePromos .promo .title a { color:#FFFFFF; font-weight:normal; font-size:95%; margin:0 0 0 5px; line-height:2em; }

#PropertySearch {  }
#PropertySearch .title { font-size:150%; color:#FFFFFF; margin:8px 5px 8px 8px; }
#PropertySearch .dropDown { float:left; width:125px; margin:5px 5px 5px 8px; }
#PropertySearch .searchtype { float:none; width:260px; }
#PropertySearch .search { float:left; margin:5px 5px 0px 8px; }

/* General */
#InnerBannerLeft { height:145px; width:389px; overflow:hidden; border:solid 1px #025a41; }
#InnerBannerRight { height:145px; width:198px; overflow:hidden; border:solid 1px #025a41; margin-left:9px; }
#InnerLeft { width:391px; }
#InnerRight { width:200px; margin-left:7px; }
#InnerRight .box { width:198px; border:solid 1px #025a41; margin-bottom:10px; }
#InnerRight .box .title { background:#013d21; color:#FFFFFF; font-size:110%; padding:2px; }
#InnerRight .box .content { color:#013d21; background:#d8e5de; padding:5px; }
#InnerRight .box .content a { color:#013d21; }

/* Inner Page */
#LargeSearchMap { width:365px; padding:14px; height:285px; background:#003e20;}
#PropertySearchMap { width:196px; height:310px; margin-left:9px; background:#003e20; border:solid 1px #000000; }
#SearchOptions { margin:7px; }
#PropertySearchMap  .title { font-size:130%; color:#FFFFFF; margin:5px 5px 10px 5px; }
#PropertySearchMap  .dropDown { display:block; clear:both; width:175px; margin:3px 5px; }
#PropertySearchMap  .search { margin:8px 5px 0px 5px; }
#PropertySearchMap  label { margin:0px 5px; color:#FFFFFF;  }

#InnerContent { margin:0px 0 0 0; }
#InnerContent #LeftContent { width:370px; font-size:95%; }
#InnerContent #LeftContent .title { font-size:180%; }	
#InnerContent #RightContent { margin:5px 0px 10px 30px; width:200px;}
.box { width:196px; margin:0 0 10px 2px; overflow:hidden; border:solid 1px #025a41; }
.box .title { background:#013d21; color:#FFFFFF; font-size:110%; padding:2px; }
.box .content { color:#013d21; background:#d8e5de; padding:5px; }
.box .content a { color:#013d21; }

/* Town And City */
#TownAndCity #PropertySearchMap { background:#ec7423; }
#TownAndCity #LargeSearchMap { background:#ec7423; }

#InnerContent #RightContent #TownAndCountryRight .box .title { background:#ec7423; }

/* PLUGINS */

/* New Homes */
#FilterResults { width:200px; background:#003e20; border:solid 1px #000000; }
#FilterResults  .title { color:#FFFFFF; fonot-size:130%; margin:5px 5px 5px 10px; }
#FilterResults  .dropDown { display:block; clear:both; width:175px; margin:5px 10px; }
#FilterResults .newHomesFilterButton { margin:0 0 5px 158px; }

/* New Homes */
#Developments { width:600px; margin:0 10px 0 0; }
#Developments .devListItem { clear:both; margin:0 0 20px 0; }
#Developments .title { background:#003e20; line-height:1.5em; font-size:130%; padding:0 0 2px 10px; font-weight:bold; color:#FFFFFF; }
#Developments .image { margin:30px; border:solid 1px #000000; width:179px; height:105px; overflow:hidden; }
#Developments .right { margin:30px 0 0 0; width:355px; }
#Developments .devTitle { font-size:130%; font-weight:bold; margin:0 0 3px 0;}
#Developments .summary { margin:0 20px 0 0px; }
#Developments .more { margin:5px 0 0 0; }


#Development {  }
#Development #leftDetails { width:390px; margin-bottom:15px; }
#Development ul { margin-left:20px; }
#Development .devTitle { font-size:150%; color:#013d21; margin-top:20px; font-weight:bold; }
#Development .location { color:#013d21; font-size:150% }
#Development .content { clear:both; font-size:95%; margin:20px 0 0 0; }
#Development .content .summary { font-weight:bold; margin:5px 0; }

#Development #rightSections { float:left; width:198px; margin-left:10px; }
#Development #rightSections .logo { height:123px; overflow:hidden; width:197px; border:solid 1px #025a41; }
#Development .rightSection { width:198px; margin:10px 5px 0 0; border:solid 1px #025a41; }
#Development .rightSection .title { background:#003e20; color:#FFFFFF; font-size:110%; font-weight:bold; padding:5px 5px 5px 10px; }
#Development .rightSection .content { width:198px; margin:0px; overflow:hidden; background:#d8e5de;  }
#Development .rightSection .content p { margin:5px;  }
#Development .rightSection .title a { color:#FFFFFF;  }

#Development #Gallery { width:389px;height:123px; border:solid 1px #025a41; }
#Development #Gallery .title { height:29px; text-align:center; border-top:solid 1px #025a41; background:url(/images/presentation/new_home_dev_gallery_bg.gif) repeat-x; }
#Development #Gallery .title a { font-size:160%; line-height:1.5em; font-weight:normal; }
#Development #Gallery #rotator { height:93px; overflow:hidden;}
.newHomeGalleryLinks { display:none; }

/* Rotating Thumbnails */
#rotator { position: relative;}
#rotator img { position: absolute; display:none; }
#rotator .firstImage img { display:block; }

/* Contact Form */
#FormContact {  }
#FormContact .formRow { clear:both; width:520px; background:#d8e5de; margin:10px auto; border:solid 1px #025a41; }
#FormContact .formRow .formLabel { width:300px; padding:5px; float:left; font-size:120%; }
#FormContact .formRow .formInput { width:200px; padding:5px; float:left; }
#FormContact .formRow .formInput input, select, textarea { width:190px; }
#FormContact .formRow .formInput .checkbox { width:auto; }
#FormContact #Submit { width:520px; margin:10px auto; text-align:right; }

/* Lettings */
.LettingListItem .devListItem { clear:both; margin:0 0 20px 0; }
.LettingListItem .title { background:#003e20; line-height:1.5em; font-size:130%; padding:0 0 2px 10px; font-weight:bold; color:#FFFFFF; }
.LettingListItem .image { margin:30px; border:solid 1px #000000; width:175px; height:105px; overflow:hidden; }
.LettingListItem .right { margin:30px 0 0 0; width:355px; }
.LettingListItem .devTitle { font-size:130%; font-weight:bold; margin:0 0 3px 0;}
.LettingListItem .summary { margin:0 20px 0 0px; }
.LettingListItem .more { margin:10px 20px 0 0px; }

/* Latest News */

#NewsArticles {  }
#NewsDetail  {  }
#NewsDetail .title {  }
#NewsDetail .date { margin:5px 0 10px 0; }
#NewsDetail .study {  }
#NewsDetail .backLink { margin: 20px 0 0 0; }

.NewsItem { margin:20px 0 0 0; }
.NewsItem .moreLink {  }
.NewsItem .date {  }
.NewsItem .title {  }
.NewsItem .summary { margin:5px 0; }



