/* Common Styles */

.Clear{clear:both; height:0; line-height:0; font-size:0;}
a:focus {outline: none;} 
input:focus {outline: none;}
p{margin-bottom:8px;}
h1{font-size:1.2em; color:#23464C; font-weight:bold; margin-bottom:8px;}
h2{font-size:1.1em; color:#23464C; font-weight:bold; margin-bottom:3px;}
h3{font-size:1.1em; color:#23464C; font-weight:bold; margin-bottom:3px;}
.Page{font-size:1.3em;}

.Intro{margin-bottom:20px;}
.dontDisplay {display: none;}

/* Template Styles */

body {font-size:62.5%; font-family:Segoe UI, Arial, Verdana, sans-serif; color:#505050; background:#C8CBC9 url(../i/Back.jpg) repeat-x center top;}
a{color:#505050;}

#MainWrapper{width:960px; margin:auto; background:url(../i/MainWrapperBack.gif) repeat-y;}
#MainOuter{background:url(../i/MainOuter.gif) no-repeat;}
#Main{width:940px; margin:auto;}

#Header{height:170px;}
.Beach{background:url(../i/HeaderBeach.jpg);}

#MenuWrapper{height:28px; background:url(../i/MenuWrapperBack.jpg);}
#Menu{margin-left:28px;}
#Menu li{display:inline; float:left;}
#Menu li a{display:block; position:relative; height:28px;}

#Menu .Home a{width:58px; background:url(../i/MenuHome.gif);}
#Menu .Home a:hover{width:58px; background:url(../i/MenuHome.gif) 0px -28px;}
#Menu .HomeActive a{width:58px; background:url(../i/MenuHome.gif) 0px -56px;}
#Menu .Sale a{width:161px; background:url(../i/MenuSale.gif);}
#Menu .Sale a:hover{width:161px; background:url(../i/MenuSale.gif) 0px -28px;}
#Menu .SaleActive a{width:161px; background:url(../i/MenuSale.gif) 0px -56px;}
#Menu .Rent a{width:160px; background:url(../i/MenuRent.gif);}
#Menu .Rent a:hover{width:160px; background:url(../i/MenuRent.gif) 0px -28px;}
#Menu .RentActive a{width:160px; background:url(../i/MenuRent.gif) 0px -56px;}
#Menu .Developments a{width:121px; background:url(../i/MenuDevelopments.gif);}
#Menu .Developments a:hover{width:121px; background:url(../i/MenuDevelopments.gif) 0px -28px;}
#Menu .DevelopmentsActive a{width:121px; background:url(../i/MenuDevelopments.gif) 0px -56px;}
#Menu .Links a{width:58px; background:url(../i/MenuLinks.gif);}
#Menu .Links a:hover{width:58px; background:url(../i/MenuLinks.gif) 0px -28px;}
#Menu .LinksActive a{width:58px; background:url(../i/MenuLinks.gif) 0px -56px;}
#Menu .SignIn a{width:111px; background:url(../i/MenuSignIn.gif);}
#Menu .SignIn a:hover{width:111px; background:url(../i/MenuSignIn.gif) 0px -28px;}
#Menu .SignInActive a{width:111px; background:url(../i/MenuSignIn.gif) 0px -56px;}
#Menu .ContactUs a{width:96px; background:url(../i/MenuContactUs.gif);}
#Menu .ContactUs a:hover{width:96px; background:url(../i/MenuContactUs.gif) 0px -28px;}
#Menu .ContactUsActive a{width:96px; background:url(../i/MenuContactUs.gif) 0px -56px;}

#CMenu{margin-left:28px;}
#CMenu li{display:inline; float:left;}
#CMenu li a{display:block; position:relative; height:28px;}

#CMenu .Home a{width:58px; background:url(../i/CMenuHome.gif);}
#CMenu .Home a:hover{width:58px; background:url(../i/CMenuHome.gif) 0px -28px;}
#CMenu .HomeActive a{width:58px; background:url(../i/CMenuHome.gif) 0px -56px;}
#CMenu .ClientArea a{width:101px; background:url(../i/CMenuClientArea.gif);}
#CMenu .ClientArea a:hover{width:101px; background:url(../i/CMenuClientArea.gif) 0px -28px;}
#CMenu .ClientAreaActive a{width:101px; background:url(../i/CMenuClientArea.gif) 0px -56px;}
#CMenu .ViewProperties a{width:133px; background:url(../i/CMenuViewProperties.gif);}
#CMenu .ViewProperties a:hover{width:133px; background:url(../i/CMenuViewProperties.gif) 0px -28px;}
#CMenu .ViewPropertiesActive a{width:133px; background:url(../i/CMenuViewProperties.gif) 0px -56px;}
#CMenu .EditYourDetails a{width:138px; background:url(../i/CMenuEditYourDetails.gif);}
#CMenu .EditYourDetails a:hover{width:138px; background:url(../i/CMenuEditYourDetails.gif) 0px -28px;}
#CMenu .EditYourDetailsActive a{width:138px; background:url(../i/CMenuEditYourDetails.gif) 0px -56px;}
#CMenu .ContactUs a{width:103px; background:url(../i/CMenuContactUs.gif);}
#CMenu .ContactUs a:hover{width:103px; background:url(../i/CMenuContactUs.gif) 0px -28px;}
#CMenu .ContactUsActive a{width:103px; background:url(../i/CMenuContactUs.gif) 0px -56px;}
#CMenu .LogOut a{width:73px; background:url(../i/CMenuLogOut.gif);}
#CMenu .LogOut a:hover{width:73px; background:url(../i/CMenuLogOut.gif) 0px -28px;}
#CMenu .LogOutActive a{width:73px; background:url(../i/CMenuLogOut.gif) 0px -56px;}

#MainColumns{width:920px; margin:auto; margin-top:14px;}
#MainColumns .Left{float:left; width:190px;}
#MainColumns .Middle{float:left; width:520px; margin:0 10px;}
#Client .Middle{width:900px;}
#MainColumns .Right{float:left; width:190px;}

#MainColumns .Left .Middle, #MainColumns .Right .Middle{float:none; width:100%; margin:0;}

#BoxSearch{margin-bottom:8px;}
#BoxSearch .Top{height:29px; background:url(../i/BoxSearchTop.gif);}
#BoxSearch .Middle{background:#B7DDC8;}
#BoxSearch .Bottom{height:7px; background:url(../i/BoxSearchBottom.gif);}
#BoxSearch .Menu{position:relative; height:24px; background:#39635D;}
#BoxSearch .Menu a{display:block; position:relative; height:24px; position:absolute;}
#BoxSearch .Menu .Sale a{left:6px; width:94px; background:url(../i/BoxSearchMenuSale.gif);}
#BoxSearch .Menu .SaleActive a{left:7px; width:94px; background:url(../i/BoxSearchMenuSale.gif) 0px -24px;}
#BoxSearch .Menu .Rent a{left:100px; width:82px; background:url(../i/BoxSearchMenuRent.gif);}
#BoxSearch .Menu .RentActive a{left:101px; width:82px; background:url(../i/BoxSearchMenuRent.gif) 0px -24px;} 
#BoxSearch .Inner{width:160px; margin:auto; padding:12px 0px 8px 0px;}
#BoxSearch .Inner select{font-size:1.1em; width:100%; margin-bottom:4px;}
#BoxSearch .Inner select{#width: 158px;}
#BoxSearch .Ref{margin-bottom:4px;}
#BoxSearch .Ref span{float:left; position:relative; top:4px; color:#23464C; font-size:1.2em; font-weight:bold;}
#BoxSearch .Ref input{float:right; width:100px; font-size:1.1em; font-weight:normal; padding:3px;}
#BoxSearch .Search{margin-top:4px;}
#BoxSearch .Search a{display:block; position:relative; height:24px; background:url(../i/BtnPropertySearch.gif);}
#BoxSearch .Search a:hover{display:block; height:24px; background:url(../i/BtnPropertySearch.gif) 0px -24px;}

#BoxFeatured{margin-bottom:8px;}
#BoxFeatured .Top{height:29px; background:url(../i/BoxFeaturedTop.gif);}
#BoxFeatured .Middle{background:url(../i/BoxFeaturedMiddle.gif);}
#BoxFeatured .Fade{height:6px; background:url(../i/BoxFeaturedFade.gif);}
#BoxFeatured .Inner{margin:0px 10px;}
#BoxFeatured .Title{color:#23464C; font-size:1.4em; font-weight:bold; margin-bottom:3px;}
#BoxFeatured p{font-size:1.1em;}
#BoxFeatured a{font-size:1.1em; color:#23464C; font-weight:bold; text-decoration:none;}
#BoxFeatured a:hover{text-decoration:underline;}
#BoxFeatured .Bottom{height:7px; background:url(../i/BoxFeaturedBottom.gif);}

#BoxAccount{margin-bottom:8px;}
#BoxAccount .Top{height:29px; background:url(../i/BoxAccountTop.gif);}
#BoxAccount .Middle{background:#B7DDC8;}
#BoxAccount .Bottom{height:7px; background:url(../i/BoxAccountBottom.gif);}
#BoxAccount .Inner{width:160px; margin:auto; padding:12px 0px 6px 0px;}

#AccountMenu{}
#AccountMenu li{margin-bottom:2px;}
#AccountMenu li a{display:block; position:relative; height:20px;}
#AccountMenu .EditAccount a{background:url(../i/BtnEditAccountDetails.gif);}
#AccountMenu .EditAccount a:hover{background:url(../i/BtnEditAccountDetails.gif) 0px -20px;}
#AccountMenu .WishList a{background:url(../i/BtnViewWishList.gif);}
#AccountMenu .WishList a:hover{background:url(../i/BtnViewWishList.gif) 0px -20px;}
#AccountMenu .Alerts a{background:url(../i/BtnEmailAlerts.gif);}
#AccountMenu .Alerts a:hover{background:url(../i/BtnEmailAlerts.gif) 0px -20px;}
#AccountMenu .LogOut a{background:url(../i/BtnLogOut.gif);}
#AccountMenu .LogOut a:hover{background:url(../i/BtnLogOut.gif) 0px -20px;}
.loginForm {color: #4a7670;}
.loginForm .field{text-align:right; font-weight:bold; font-size:1.1em; margin-bottom:2px;}
.loginForm .field input{width:90px; padding:2px; margin-left:3px; color:#666666; font-size:11px;}
.loginForm .Remember{text-align: right;}
#LoginFormButton{margin-top:8px;}
#LoginFormButton a{display:block; position:relative; height:20px; background:url(../i/BtnLogIn.gif);}
#LoginFormButton a:hover{background:url(../i/BtnLogIn.gif) 0px -20px;}
.loginForm .Links{margin-top:10px;}
.loginForm .Links a{font-size:1.1em; margin-top:4px;}

#LoginResult {padding: 10px 0px;}

#BoxInfo{margin-bottom:8px;}
#BoxInfo .Top{height:29px; background:url(../i/BoxInfoTop.gif);}
#BoxInfo .Middle{background:#B7DDC8;}
#BoxInfo .Bottom{height:7px; background:url(../i/BoxInfoBottom.gif);}
#BoxInfo .Inner{width:160px; margin:auto; padding:12px 0px 6px 0px;}
#InfoMenu li{margin-bottom:2px;}
#InfoMenu a{font-size:1.4em; font-weight:bold; color:#4A7670; text-decoration:none;}
#InfoMenu a:hover{color:#253C4A;}

#BoxCurrency{margin-bottom:8px; width:190px; height:101px; background:url(../i/ChooseCurrencyBack.gif);}
#BoxCurrency .Inner{width:160px; margin:auto; padding-top:38px;}
#BoxCurrency div{width:52px;}
#BoxCurrency a{display:block; position:relative; height:52px;}
#BoxCurrency .GBP{float:left; margin-right:2px;}
#BoxCurrency .GBP a{background:url(../i/FlagUK.gif);}
#BoxCurrency .GBP a:hover{background:url(../i/FlagUK.gif) 0px -52px;}
#BoxCurrency .Euros{float:left; margin-right:2px;}
#BoxCurrency .Euros a{background:url(../i/FlagEuro.gif);}
#BoxCurrency .Euros a:hover{background:url(../i/FlagEuro.gif) 0px -52px;}
#BoxCurrency .USD{float:left;}
#BoxCurrency .USD a{background:url(../i/FlagUS.gif);}
#BoxCurrency .USD a:hover{background:url(../i/FlagUS.gif) 0px -52px;}

#CallBackButton{width:190px; margin-bottom:8px;}
#CallBackButton a{display:block; position:relative; height:43px; background:url(../i/CallBack.gif);}
#CallBackButton a:hover{display:block; height:43px; background:url(../i/CallBack.gif) 0px -43px;}

#InspectionTripsButton{width:190px; margin-bottom:8px;}
#InspectionTripsButton a{display:block; position:relative; height:101px; background:url(../i/BtnInspectionTrips.jpg);}

.BoxEmpty{margin-bottom:8px;}
.BoxEmpty .Top{height:6px; background:url(../i/BoxEmptyTop.gif);}
.BoxEmpty .Middle{background:url(../i/BoxEmptyMiddle.gif);}
.BoxEmpty .Inner{width:162px; margin:auto;}
.BoxEmpty .Bottom{height:6px; background:url(../i/BoxEmptyBottom.gif);}

#Content{}
#ContentTop{height:6px; background:url(../i/ContentTop.gif);}
#Client #ContentTop{height:6px; background:url(../i/ContentTopClient.gif);}
#ContentMiddle{background:url(../i/ContentMiddle.gif);}
#Client #ContentMiddle{background:url(../i/ContentMiddleClient.gif);}
#ContentInner{width:480px; margin:auto; padding:15px 0px;}
#Client #ContentInner{width:480px; margin:auto; padding:15px 190px;}
#ContentBottom{height:6px; background:url(../i/ContentBottom.gif);}
#Client #ContentBottom{height:6px; background:url(../i/ContentBottomClient.gif);}



#FooterMenu{color:#93A096; text-align:center; padding-top:10px;}
#FooterMenu a{color:#93A096; font-weight:bold; text-decoration:none;}
#FooterMenu a:hover{color:#23464C;}
#Footer{height:36px; background:url(../i/FooterBack.gif);}


/* Home Page Styles */

.HomePic{margin:15px 0px;}
.HomePic .Inner{border:solid 1px #E8E8E8; background:#F9F9F9; padding:10px 0px; text-align:center;}
.HomePic .Fade{height:7px; background:url(../i/HomePicFade.gif);}

/* Property Page Styles */

#PhotoGallery{float:right; margin:0 0 0 15px; width:320px;}
#PhotoGallery .Photo{border:solid 1px #E8E8E8; padding:10px; background-color: #f9f9f9; margin: auto; text-align: center; height: 227px;}
#PhotoNumbers{position:relative; top:-1px; background:url(../i/PhotoThumbFade.gif) repeat-x;}
#PhotoNumbers li{display:block; width:44px; height:40px; float:left; }
#PhotoNumbers li a{display:block; position:relative; text-align:center; text-decoration:none; color:#A5A5A6; font-size:14px; font-weight:bold; padding: 4px; height:40px; background:url(../i/PhotoThumbBack.gif) no-repeat;}
#PhotoNumbers li.Active a{font-size:16px; color:#676767; background:url(../i/PhotoThumbBackActive.gif) no-repeat;}
#PhotoNumbers li a:hover{font-size:16px; color:#676767; background:url(../i/PhotoThumbBackActive.gif) no-repeat;}

#PropertyDetails{margin-bottom: 8px;}
#PropertyDetails .Left{float:left; width:210px; margin-right:20px;}
#PropertyDetails .Right{float:left; width:230px;}
#PropertyDetails strong{font-weight:bold; font-size:1.1em; color:#23464C; margin-right:5px;}

#AvailabilityButton{width:228px; margin:auto; margin-top:15px; margin-bottom:10px;}
#AvailabilityButton a{display:block; position:relative; height:41px; background:url(../i/BtnAvailability.gif);}
#AvailabilityButton a:hover{display:block; position:relative; height:41px; background:url(../i/BtnAvailability.gif) 0px -41px;}

#MapWrapper{text-align:center; margin-bottom:15px;}
#Map{padding:10px; border:solid 1px #E8E8E8; margin-bottom: 10px;}
#MapWrapper .Fade{height:7px; background:url(../i/MapFade.jpg);}

#PropertyMenu{text-align:center; color:#7F7F7F; margin-bottom:10px;}
#PropertyMenu {font-size:0.9em; color:#7F7F7F; font-weight:bold;}
#PropertyMenu a {text-decoration: none;}
#PropertyMenu a:hover{color:#23464C;}

/* Calendar Styles */


#Overlay{position:absolute; width:100%; height:100%; z-index:1000000; opacity:.8; filter:alpha(opacity=80); -moz-opacity:.8; background:#C8CBC9;}
#CalendarWrapper{width:740px; height:500px; background:white; border:solid 3px #506265; margin: 0;}
#Calendar{width:740px; height:500px; background:white; margin: 0;}
#Calendar .Inner{width:670px; margin:auto; padding:15px 0;}
#Calendar .Graphic{float:right; margin-left:20px;}
#Calendar  .Title{float:left; margin-top:7px; color:#23464C; font-size:1.8em; font-weight:bold;}
#Calendar .Key{width:342px; height:23px; margin:10px 0 0 100px; background:url(../i/CalendarKey.jpg);}
#Calendar .Layout{width:670px; margin-top:15px;}
#Calendar .Layout .Left{float:left; width:70px;}
#Calendar .Layout .Right{float:left; width:600px; background:#23464C;}
#Calendar .Months{height:321px; margin-top:32px; background:url(../i/CalendarMonths.gif);}
#Calendar .Chart{width:589px; margin:auto; padding:6px 0px;}
#Calendar .HeaderRow{height:26px; background:url(../i/CalendarHeader.jpg); margin-bottom:1px;}
#Calendar .Row{margin-bottom:1px;}
#Calendar .C1{float:left; width:18px; height:25px; margin-right:1px; background:url(../i/C1.jpg);}
#Calendar .C2{float:left; width:18px; height:25px; margin-right:1px; background:url(../i/C2.jpg);}
#Calendar .C3{float:left; width:18px; height:25px; margin-right:1px; background:url(../i/C3.jpg);}
#Calendar .FooterRow{height:25px; text-align:center; background:url(../i/CalendarFooterBack.jpg);}
#Calendar .FooterRow .Inner{position:relative; top:2px; color:White; font-size:1.4em; font-weight:bold;}
#Calendar .FooterRow .Inner a{position:relative; top:-1px; color:White; padding:0 10px; text-decoration:none;}
#Calendar .Row div.End{margin:0;}
#Calendar #Loading {position:absolute; width:720px; height:480px; background-color:#fff;}
#Calendar #Loading img {position:absolute; top:250px; left: 370px;}


/* List Page Styles */

#listFilters{padding:8px; border:solid 1px #C8D4D3; color:#23464C; background:#E0EDE6; margin-bottom:10px;}
#listFilters h4{font-size:1.2em; font-weight:bold; padding-bottom:8px;}
#listFilters table{width:100%;}
#listFilters td{padding-bottom:8px; padding-right:5px; font-size:0.8em; font-weight:bold;}
#listFilters td select{width:100%; font-size:11px; color:#494949; padding:3px; margin-top:1px;}

#Properties{}
.Property{border-bottom:solid 1px #DDDDDD; padding-bottom:10px; margin-bottom:10px;}
.Property .ImageWrapper{float:left; width:150px; margin-right:20px;}
.Property .Image{border:solid 1px #DDDDDD; background-color: #f9f9f9;}
.Property .NoImage{border:solid 1px #fff; background-color: #fff;}
.Property .Image img{margin:10px; }
.Property .Fade{height:5px; background:url(../i/ThumbFade.gif);}
.Property .Description{float:left; width:190px; margin-right:20px; margin-bottom:10px;}
.Property .Details{float:left; width:100px; font-size:0.8em;}
.Property .Details p{margin-bottom:4px;}
.Property .Details strong{color:#23464C;}
.Property .ViewButton{}
.Property .ViewButton a{display:block; position:relative; height:22px; background:url(../i/BtnViewProperty.gif);}
.Property .ViewButton a:hover{display:block; position:relative; height:22px; background:url(../i/BtnViewProperty.gif) 0px -22px;}
.Property .ViewDevButton{}
.Property .ViewDevButton a{display:block; position:relative; height:22px; background:url(../i/BtnViewDevelopment.gif);}
.Property .ViewDevButton a:hover{display:block; position:relative; height:22px; background:url(../i/BtnViewDevelopment.gif) 0px -22px;}
.Property .RemoveButton{}
.Property .RemoveButton a{display:block; position:relative; height:22px; background:url(../i/BtnRemove.gif);}
.Property .RemoveButton a:hover{display:block; position:relative; height:22px; background:url(../i/BtnRemove.gif) 0px -22px;}

.PagePropertyList .Paging{color:#8F8F8F; padding:10px 0px; text-align:center;}
.PagePropertyList .Paging a{color:#8F8F8F; font-size:0.9em; font-weight:bold; padding:0 2px; text-decoration:none;}
.PagePropertyList .Paging a:hover{color:#23464C;}

/* Links Page Styles */

.PageLinks h2{display:block; padding:0px 4px; color:#23464C; font-size:1.4em; font-weight:bold; border:solid 1px #E8E8E8; background:#F9F9F9;}
.PageLinks ul{margin:20px;}
.PageLinks li a{text-decoration:none; color:#5F867D; font-weight:bold;}
.PageLinks li a:hover{color:#23464C;}
.PageLinks li span{margin-left:10px; font-size:0.8em;}

/* Contact Us Page */

.PageContact h3 {padding-bottom: 6px;}
.PageContact fieldset {padding-bottom: 8px;}

/* Form Styles */

.Form .Question{margin-bottom:10px;}
.Form .Question table{width:100%;}
.Form .Text{width:170px; height:26px; padding:4px; color:#505050; border:solid 1px #E8E8E8; border-right:none;}
.Form .Answer{padding:4px; border:solid 1px #CAD4D3; background:#D9EDE2;}

.Form .Error .Text{background:#EAC5CB; border:solid 1px #CDB4B8; border-right:none;}
.Form .Error .Answer{background:#D9A1A8; border:solid 1px #B18E94;}

.Form .TextBox input{width:284px; padding:4px; color:#505050; background:white; border:none;}
.Form .SelectBox select{width:292px; color:#505050; background:white; border:none;}
.Form .TextArea textarea{width:284px; height:100px; padding:4px; color:#505050; background:white; border:none;}

.Form .ErrorBar{display:none;}
.Form .Error .ErrorBar{display:block; padding:3px; font-weight:bold; font-size:0.8em; background:#BD2840 url(../i/ErrorBarBack.gif) repeat-x; border:solid 1px #7D1A2A; color:White;}
.Form .Error .ErrorBar span{margin-left:180px;}

/* JQ Modal Styles for Property Calendar */
.jqmWindow {text-align: center; display: none; position: fixed; top: 10%; left: 50%; margin-left: -350px; width: 746px; height: 506px; background-color: #fff; border: 0; padding: 0;}
#jqmContent{ width:100%; height: 485px; display: block; clear:both; margin:auto; border:0; padding: 0; }
.jqmOverlay { background-color: #fff; }
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
.jqmClose {}