/* Property Master - 15 Jul 25 - Gold #FFD700, Orange #ff9900, Red #FF0000, Crimson #DC143C, FireBrick #B22222,#6699cc, CornFlowerBlue #6495ED
    Green #008000, MediumSeaGreen #3CB371, Blue #0000FF, LightSteelBlue #B0C4DE, RoyalBlue #4169E1, DarkBlue #00008B */
html { overflow-x:auto; overflow-y:scroll; background-color:#fff; padding:0; margin:0; }
body { color:#222; font:normal 14px Arial, Sans-serif; padding:0; margin:0; }
th { text-align:left; }
ul { list-style-type:disc; padding:0; argin-left:15px; }
ol { list-style-type:decimal; padding-left:5px; margin-left:20px; }

/* h1 32, 10.72; h2 24, 13.28; h3 18.72, 16; h4 16, 21.28; h5 13.28, 26.72; h6 10.72, 37.28 */
/* PX: 32, 24, 18.72, 16, 13.28, 12 / 10.72 | EM: 2, 1.5, 1.17, 1.00, 0.83, 0.67 */
h1 { font-size:32px; font-weight:normal; margin:22px 0; }
h2 { font-size:24px; font-weight:normal; margin:20px 0; }
h3 { font-size:19px; margin:16px 0; }
h4 { font-size:16px; margin:21px 0; font-weight:bold; } /**/
h5 { font-size:13px; margin:26px 0; }
h6 { font-size:11px; margin:37px 0; }

p { font-weight:normal; margin:18px 0; }

a { text-decoration:none; color:#0000ee; }
a:hover { text-decoration:underline; color:#0000ee; }
a:focus { outline:none; text-decoration:none; }

hr { height:1px; color:#aaa; background-color:#aaa; border-width:0; }

@media screen and (min-width: 960px) {
    a[href*="tel:"] { pointer-events:none; cursor:default; color:#222; }
    a[href*="tel:"]:hover { text-decoration:none; }
}

/* input */
input[type="text"], input[type="password"], textarea, select { outline:none; font:normal 14px Arial, Sans-serif; border:solid 1px #ccc; border-radius:3px; } /**/
input[type="text"]:focus, input[type="password"]:focus, select:focus { outline:none; font:normal 14px Arial, Sans-serif; border-color:#0000ff; } /**/
input[type="text"], input[type="password"], textarea { width:300px; height:32px; padding-left:4px; } /**/
select { idth:306px; height:32px; } /**/
input[type="checkbox"], input[type="radio"] { width:18px; height:18px; margin:0 4px 0 0; vertical-align:middle; }
input[type="checkbox"] { position:relative; bottom:2px; }
input[type="radio"] { margin-top:-2px; }

/* buttons */ /**/
input[type="submit"], input[type="button"], a.NextPrev { outline:none; cursor:pointer; text-decoration:none; color:#fff; font-size:16px;
    background:linear-gradient(#B22222, #DC143C); padding:6px 10px; border:solid 1px #b22222; border-radius:4px; } /**/
input[type="submit"]:hover, input[type="button"]:hover, a.NextPrev:hover { background:linear-gradient(#DC143C, #B22222); } /**/

/* all forms */
.AllForms > div > div { padding-bottom:10px; }
.AllForms div strong { display:block; padding-bottom:2px; }
.AllForms b { display:inline-block; vertical-align:top; height:10px; color:#ff0000; font-size:20px; padding-right:3px; margin-left:-11px; }
.AllForms div span, #ContactAgent div span { color:#ff0000; white-space:nowrap; } /**/
.AllForms input[type="submit"] { margin:5px 0 10px 0; }

#ContactUs .AllForms, #PackageFeedback .AllForms { width:373px; background:#eee; border:solid 1px #6495ED; border-radius:8px; padding:25px 35px 15px 35px; }
#ContactUs .AllForms > div, #PackageFeedback .AllForms div { padding-bottom:10px; }
#ContactUs .AllForms div:nth-child(5), #PackageFeedback .AllForms div:nth-child(5) { display:none; }

/* modals */
#ModalBG { display:none; position:absolute; top:0; left:0; z-index:800; width:100%; min-height:100%; background-color:#222; opacity:0.8; }
.Modal { display:none; width:290px; height:auto; z-index:1000; position:fixed; left:50%; top:50px; margin-left:-146px;
         background-color:#fff; border:solid 1px #ccc; border-radius:6px; padding-bottom:10px; }
.Modal > span:first-child { display:block; height:46px; line-height:46px; font-weight:bold; font-size:18px; background:#eee; padding:0 0 0 20px; border-radius:6px 6px 0 0; }
.Modal > span:first-child label { display:none; }
.Modal > span:first-child span { display:block; float:right; width:44px; height:46px; background:url(../images/Close30.png) no-repeat 0 8px; }
.Modal > span:first-child span:hover { cursor:pointer; }
.Modal > div:nth-of-type(1) { padding:15px 0 0 20px; }
.Modal p { text-align:center; padding-right:15px; margin:0 0 12px 0; }
.Modal input[type="text"], .Modal textarea { width:245px; } /**/

@media screen and (min-width: 400px) {
    .Modal { width:380px; margin-left:-192px; }
    .Modal > span:first-child label { display:inline-block; }
    .Modal > div:nth-of-type(1) { padding:15px 0 0 30px; }
    .Modal p { padding-right:30px; }
    .Modal input[type="text"], .Modal textarea { width:317px; } /**/
}

/* loader */
img#LoaderFs, img#Loader, #ContactAgent > #upsContactAgent img, #ModalShare > #upsShare img, #upsEnquiry img { width:50px; height:50px; }
img#Loader { position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; }
#ContactAgent > #upsContactAgent div, #ModalShare > #upsShare div, #upsEnquiry div { display:flex; align-items:center; justify-content:center; position:absolute;
    top:0; left:0; z-index:800; width:100%; height:100%; background-color:#eee; opacity:0.8; }

/* overlays */ /**/
#FeaturedContainer a span, .RowImage span, #lblOverlay { z-index:900; position:absolute; left:0; display:inline-block; color:#fff; background:#ff9900;
    font-size:14px; padding:7px 10px 5px 10px; border-radius:0 0 8px 0; }

#FeaturedContainer a span:empty, #lblOverlay:empty { display:none; }

#pnlNoData span, #lblNoData, #pnlPageNotFound p { color:#ff0000; font-size:16px; }

/* master page */
.content-wrapper { max-width:960px; margin:0 auto; }

@media screen and (max-width: 1000px) {
    .content-wrapper { padding:0 2%; }
}

header { order-bottom:solid 1px #6699cc; }
header .content-wrapper > a { display:block; text-align:center; height:50px; }
header .content-wrapper > a img { width:280px; border:0; margin-top:13px; }

/* nav */
nav:after { clear:both; content:""; display:table; }
nav a { display:block; text-decoration:none !important; color:#fff; font:normal 15px/34px Arial; padding:2px 18px 0 18px; }
nav a:hover { olor:#ccc; }
nav ul { position:relative; list-style-type:none; padding:0; margin:0; }
nav ul li { display:inline-block; loat:left; margin:0; }
nav ul li:hover > ul { display:inherit; }
nav ul ul { display:none; position:absolute; top:34px; z-index:1000; }
nav ul ul li { float:none; display:list-item; position:relative; }

.toggle, [id^=drop] { display:none; }

@media screen and (max-width: 650px) {
    nav { background:#00008b; margin:0 -2.1%; }
    
    [id^=drop]:checked + ul { display:block; }
    
    .Mobile { text-align:center; cursor:pointer; height:35px; margin:0 -2%; }
    .Mobile span { display:inline-block; height:35px; width:25px; }
    .MobileOpen { background:url(../images/hamburgerw.png) no-repeat 0 4px; background-size:25px; }
    .MobileClose { background:url(../images/closew.png) no-repeat -5px -2px; background-size:36px; }
    .toggle + a, nav > ul { display:none; }
    .toggle { display:block; text-decoration:none; color:#fff; font:normal 17px/34px Arial; padding:2px 18px 0 18px; }
    nav a:hover, .toggle:hover { color:#ccc; }
    
    nav ul li { display:block; width:100%; border-top:solid 1px #ccc; }
    nav ul > li > label:after { margin-left:5px; content:'\25Bc'; font-size:10px; }
    nav ul li:hover > ul { display:none; }
    nav ul ul { float:none; position:static; }
    nav ul ul li { display:block; width:100%; border-top:none; }
    nav ul ul a { padding:0 0 10px 40px; }
}

@media screen and (min-width: 650px) {
    nav { white-space:nowrap; text-align:center; background:none; margin:5px 0 2px 0; }
    nav a { color:#000; }
    nav a:hover { color:#ff9900; }
    nav li:hover { ackground-color:#009999; } /* menu hover bg */
    nav ul li { text-align:left; }
    nav ul li:hover { ackground-color:#0a8487; } /* hover bg */
    nav ul li ul, nav ul li ul li:hover { background-color:#eee; border-radius:8px; } /* dd bg */
    nav ul li ul a { color:#000 !important; }
    nav ul li ul a:hover { color:#ff9900 !important; }
}

@media screen and (min-width: 960px) {
    header > .content-wrapper { display:flex; flex-flow:row wrap; justify-content:space-between; lign-items:center; }
    nav { margin:14px 0 2px 0; }
}

/* new search */
#SearchWrapper { background:#6495ED; padding-top:14px; }
#SearchWrapper strong { display:block; color:#fff; }

#SearchHeading { display:none; }
#SearchHeading h1, #SearchHeading h2 { display:block; text-align:center; color:#fff; text-shadow:0 2px 3px #222; }
#SearchHeading h1 { font-size:34px; margin:-6px 0 0 0; }
#SearchHeading h2 { font-weight:normal; font-size:24px; letter-spacing:1px; margin:5px 0 20px 0; }

#Search input[type="submit"] { padding:7px 10px 6px 10px; }
#Search #AreaSearch { padding-bottom:12px; }

#ddlSaleRent, #lbxAreas, #btnAreaSearch { display:block; width:100%; }
#ddlSaleRent { margin-bottom:10px; }
#btnAreaSearch { display:none; }

.select2 { width:100% !important; } /* btn-group > .btn:first-child { width:100px !important; } */
.select2-selection { min-height:40px !important; padding:7px; }

#SearchBottom select { height:34px; }

#PropType, #Price, #Beds { padding-top:8px; }
#PropType input[type="checkbox"] { width:14px; height:14px; }
#Price, #Beds { display:flex; justify-content:space-between; }

#Price span, #Beds span { display:inline-block; width:45%; }
#Price select, #Beds select { width:100%; }
#btnAreaSearchMob { width:100%; margin-top:10px; }

#WebRefSearch { text-align:center; padding:11px 0; border-top:solid 1px #fff; }
#WebRefSearch span { display:block; color:#fff; margin-left:-14px; }
#txtWebRef { width:100px; height:34px; margin-right:10px; }

@media screen and (min-width: 646px) {
    #Search #AreaSearch { width:620px; margin:0 auto; }

    #SearchTop { display:flex; justify-content:space-between; align-items:center; }
    
    #ddlSaleRent, #btnAreaSearch, #PropType { display:inline-block; }
    #btnAreaSearch { width:auto; }
    #ddlSaleRent { width:85px; margin-bottom:0; }
    
    .select2 { width:420px !important; }
    .multiselect { width:200px !important; height:35px; padding-left:4px !important; padding-right:4px !important; }

    #SearchBottom { display:flex; justify-content:space-between; align-items:center; }
    
    #Price, #Beds { display:inline-block; }
    #Price span, #Beds span { width:auto; }
    #Price span:first-child, #Beds span:first-child { padding-right:4px; }
    #Price select { width:120px; }
    #Beds select { width:75px; }
    
    #btnAreaSearchMob { display:none; }
}

@media screen and (min-width: 800px) {
    #Search { width:100%; max-width:900px; display:flex; justify-content:space-between; align-items:initial; margin:0 auto; }
    #Search #AreaSearch { margin:0; }

    #WebRefSearch { display:block; width:100px; border:none; text-align:center; padding-top:0; }
    #txtWebRef { display:block; margin:0 0 14px 0; }
}

#body { clear:both; min-height:300px; padding:0 0 20px 0; }

footer { background-color:#b0c4de; color:#000; font-size:13px; padding:2px 0 10px 0; }  
footer h2 { text-align:center; margin-bottom:8px; }
footer h3 { margin:5px 0 2px 0; }
footer h4 { font-weight:bold; margin-bottom:5px; }
footer ul { list-style-type:none; margin:0; }
footer a, footer a:hover { color:#000; }
footer hr { margin:20px 0 0 0; } 

#FooterTop { display:flex; flex-flow:row wrap; }
#FooterTop > div div { display:inline-block; vertical-align:top; }
#FooterTop > h4:last-child { font-weight:normal; font-size:13px; }
#FooterTop > div div:first-child { padding-right:100px; }

#SaleAreas > div, #RentAreas > div { display:flex; flex-flow:row wrap; justify-content:space-between; }
#SaleAreas > div > div, #RentAreas > div > div { display:inline-block; padding:0 20px 20px 20px; }

@media screen and (min-width: 700px) {
    #FooterTop { justify-content:space-between; }
    #FooterTop > div div:last-child { padding-right:100px; }
}

@media screen and (min-width: 860px) {
    #SaleAreas > div > div, #RentAreas > div > div { padding:0; }
}

/* homepage */
#FeaturedContainer { text-align:center; padding-top:20px; } /* 3 */
#FeaturedContainer > div { display:inline-block; vertical-align:top; width:100%; max-width:300px; background:#eee; padding:0 0 5px 0; margin-bottom:10px; }
#FeaturedContainer a { position:relative; display:block; width:100%; height:197px; overflow:hidden; padding:0; margin:0; }
#FeaturedContainer img { position:absolute; left:50%; top:50%; min-height:197px; width:100%; transform:translate(-50%,-50%); }
#FeaturedContainer div div { font-size:20px; color:#b22222; margin-top:5px; }

@media screen and (min-width: 630px) {
    #FeaturedContainer { margin:0 -2% 10px -2%; }
    #FeaturedContainer > div { width:300px; margin:0 2% 10px 2%; }
    #FeaturedContainer a { width:300px; }
    #FeaturedContainer img { width:100%; }
}

@media screen and (min-width: 960px) {
    #FeaturedContainer { margin:0 -5% 10px -5%; }
    #FeaturedContainer > div { margin:0 1% 10px 1%; }
}

#HomeLinks { text-align:center; }
#HomeLinks h1 { margin-top:12px; }
#HomeLinks a { display:inline-block; text-align:center; vertical-align:top; text-decoration:none; width:98%; max-width:400px; border:solid 1px #ccc; margin-bottom:15px; }
#HomeLinks a:hover { border:solid 1px #999; }
#HomeLinks img { width:100%; }
#HomeLinks h2 { color:#b22222; font-size:20px; margin:10px; }
#HomeLinks a div { color:#222; line-height:20px; padding:0 10px 10px 10px; }

@media screen and (min-width: 768px) {
    #HomeLinks a { width:300px; margin:0 25px 10px 25px; }
    #HomeLinks img { width:300px; }
}

@media screen and (min-width: 960px) {
    #HomeLinks a { width:400px; }
    #HomeLinks img { width:400px; height:225px; }
}

/* property results */
#ResultsWrapper h1 { text-align:center; }

#BreadcrumbsRes { display:none; }
#BreadcrumbsRes a { color:#222; }
#BreadcrumbsRes span { color:#999; }

#SortAndPager { display:flex; justify-content:space-between; align-items:center; height:46px; margin:0 auto 5px auto; }
#SortAndPager > div { display:inline-block; }
#SortAndPager strong { display:none; }
#SortAndPager select { width:140px; }

@media screen and (min-width: 624px) {
    #ResultsWrapper h1 { text-align:left; }
    #BreadcrumbsRes { display:block; margin:15px 0 20px 0; }
    #SortAndPager { width:100%; background-color:#eee; border:1px solid #ccc; border-radius:5px; padding:1px 15px 0 15px; } /**/
    #SortAndPager strong { display:inline-block; padding-right:5px; }
}

a.ResultsRow { clear:left; overflow:hidden; display:block; position:relative; text-decoration:none; cursor:pointer;
               max-width:400px; color:#222; background:#f5f5f5; margin:0 auto 15px auto; }
a.ResultsRow:hover { background:#ebebeb; }

.ResultsRow > img { position:absolute; top:0; right:0; width:110px; max-height:90px; }

.RowImage { position:relative; overflow:hidden; width:100%; height:202px; padding:0; margin:0 auto; }
.RowImage img { position:absolute; left:50%; top:50%; width:100%; min-height:202px; transform:translate(-50%,-50%); }

@media screen and (min-width: 366px) {
    .RowImage { height:231px; }
    .RowImage img { min-height:231px; }
}

@media screen and (min-width: 418px) {
    .RowImage { height:264px; }
    .RowImage img { min-height:264px; }
}

@media screen and (min-width: 624px) {
    a.ResultsRow { max-width:none; }
    .RowImage { float:left; width:300px; height:197px; margin-right:15px; }
    .RowImage img { min-height:197px; }
}

@media screen and (min-width: 660px) {
    .RowImage { width:325px; }
}

@media screen and (min-width: 700px) {
    .RowImage { width:350px; height:210px; }
    .RowImage img { min-height:210px; }
}

.RowDetails { padding:10px 15px 0 15px; }
.RowDetails div { width:90%; padding-bottom:8px; }
.RowDetails > div:first-child { color:#b22222; white-space:nowrap; font-size:20px; } /* price */
.RowDetails > div:nth-child(2) { font-weight:bold; font-size:16px; } /* title */
.RowDetails > div:nth-child(4) { display:none; } /* description */
.RowDetails > div:last-child span { display:inline-block; line-height:22px; padding:0 40px 0 30px; }
.RowDetails > div:last-child span:empty { display:none; }
.RowDetails > div:last-child span:first-child { background:url(../images/Beds.png) no-repeat; background-size:22px; }
.RowDetails > div:last-child span:nth-child(2) { background:url(../images/Baths.png) no-repeat; background-size:22px; }
.RowDetails > div:last-child span:last-child { background:url(../images/Garages.png) no-repeat; background-size:21px; }

@media screen and (min-width: 800px) {
    .RowDetails > div:nth-child(3) { text-transform:uppercase; } /* catchphrase */
    .RowDetails > div:nth-child(4) { display:block; }
    .RowDetails > div:nth-child(5) { padding-bottom:0; } /* features */
}

@media screen and (min-width: 960px) {
    .RowDetails div { padding-bottom:12px; }
}

/* pager */
#PagerBottom { display:block; text-align:center; line-height:30px; margin-bottom:5px; }
#PagerBottom a, span.Current { display:none; font-size:16px; padding:0 6px; margin:auto 10px; }
span.Current { text-decoration:none; color:#fff; background:#888; border:1px solid #888; border-radius:3px; }
#PagerBottom a:first-child, #PagerBottom a:last-child { display:inline-block; }
#PagerBottom a.aspNetDisabled { cursor:default; color:#555; background:#aaa; }
#PagerBottom div { display:inline-block; font-size:16px; padding:1px 10px; } /* counter */

@media screen and (min-width: 700px) {
    #PagerBottom { background-color:#eee; padding:10px 0; border:1px solid #ccc; border-radius:5px; }
    #PagerBottom a, span.Current { display:inline-block; }
    #PagerBottom a:first-child { float:left; }
    #PagerBottom a:last-child { float:right; }
    #PagerBottom div { display:none; }
}

/* property details d */
/* fullscreen gallery */
.Fullscreen-wrapper { position:absolute; left:0; right:0; }
#FullscreenImg, #FullscreenVid, #FullscreenMap { display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:#000; }
.FullscreenHeader { display:flex; flex-flow:row wrap; justify-content:space-around; align-items:center; color:#fff; width:100%; height:34px;
                    position:absolute; top:0; left:0; z-index:2000; font-size:18px; background:#222; padding:1px 0 0 0; }
.FullscreenHeader div { display:inline-block; }

#CloseFsImg, #CloseVid, #CloseMap { width:50px; height:35px; background:url(../images/Close24.png) no-repeat left 8px; background-size:18px; }
#CloseFsImg:hover, #CloseVid:hover, #CloseMap:hover { cursor:pointer; }
#FullscreenImg input { border-width:0; }

#ImageFs { text-align:center; display:flex; justify-content:center; align-items:center; height:100%; }
#PropImageFs { max-width:100%; max-height:100vh; width:auto; margin:auto; }

#PreviousFs, #NextFs { cursor:pointer; display:block; position:absolute; top:46%; z-index:600; width:62px; height:62px; }
#PreviousFs { left:15px; background:url(../images/Previous60.png) no-repeat; }
#NextFs { right:15px; background:url(../images/Next60.png) no-repeat; }
#CounterFs { position:absolute; right:20px; bottom:25px; z-index:600; width:70px; color:#fff; background:#000; font-size:16px; padding:5px 0 4px 0; }

#ImagesDisplayNone { display:none; }

/* video */
#FullscreenVid #IframeFs { position:absolute; top:50%; right:0; left:0; overflow:hidden; padding-bottom:56.2%; margin-top:-28.1%; } /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
#FullscreenVid iframe { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:0; }

@media screen and (max-width: 600px) {
    .FullscreenHeader span:first-child { display:none; }
}

@media screen and (min-width: 600px) {
    .FullscreenHeader span:last-child { display:none; }
}

@media screen and (min-width: 910px) {
    #FullscreenVid #IframeFs { top:0; width:100%; margin-top:34px; }
    #FullscreenVid iframe { height:88vh; }
}

@media screen and (min-width: 1000px) {
    #FullscreenVid iframe { height:95.1vh; }
}

/* layout */
#PropDetails-wrapper { display:flex; flex-flow:row wrap; justify-content:center; padding-top:20px; }
#ImageColumn { width:100%; max-width:650px; }

@media screen and (min-width: 750px) {
    #PropDetails-wrapper { justify-content:space-between; }
}

/* gallery */
#GalleryHeader, #GalleryFooter { display:flex; justify-content:space-between; align-items:center; color:#fff; font-size:14px; background:#555; padding:3px 30px 1px 30px; } /**/
#GalleryHeader { border-radius: 6px 6px 0 0; margin-top:20px; }
#GalleryHeader > div, #GalleryFooter div { display:inline-block; }
#GalleryHeader a, #GalleryFooter a { color:#fff; font-size:14px; }
#GalleryHeader div:first-child { background:url(../images/BackArrowW.png) no-repeat left 3px; background-size:20px; padding-left:14px; }
#GalleryHeader div:nth-child(2) { display:none; }
#GalleryHeader input[type="submit"] { font-size:14px; color:#fff; border:none; background:none; }
#GalleryHeader input[type="submit"]:hover { text-decoration:underline; }

#GalleryFooter { border-radius:0 0 6px 6px; }
#GalleryFooter span, #GalleryFooter a { display:inline-block; line-height:26px; padding-left:28px; margin-right:30px; }
#GalleryFooter a { background:url(../images/Video.png) no-repeat 4px 3px; background-size:19px; }
#GalleryFooter div span { display:none; }

@media screen and (min-width: 610px) {
    #GalleryHeader { margin-top:0; } /**/
}

@media screen and (min-width: 800px) {
    #GalleryHeader div:nth-child(2) { display:inline-block; }
}

#Gallery-wrapper { background:#eee; }
#Gallery { position:relative; max-width:800px; margin:0 auto; }
#Gallery a { cursor:default; }
#Gallery img { display:block; width:100%; height:203px; object-fit:cover; } /* device width 360px */
#Gallery input { border-width:0; }
#Previous, #Next { cursor:pointer; position:absolute; top:45%; z-index:600; display:block; width:40px; height:40px; }
#Previous { left:0; background:url(../images/Previous60.png) no-repeat center center; background-size:30px; }
#Next { right:0; background:url(../images/Next60.png) no-repeat center center; background-size:30px; }

@media screen and (min-width: 400px) {
    #Gallery img { height:225px; }
}

@media screen and (min-width: 450px) {
    #Gallery img { height:253px; }
}

@media screen and (min-width: 500px) {
    #Gallery img { height:281px; }
}

@media screen and (min-width: 550px) {
    #Gallery img { height:309px; }
}

@media screen and (min-width: 600px) {
    #Gallery img { height:338px; }
}

@media screen and (min-width: 650px) {
    #Gallery img { height:366px; }
}

@media screen and (min-width: 700px) {
    #Gallery img { height:394px; }
}

@media screen and (min-width: 750px) {
    #Gallery img { height:422px; }
}

@media screen and (min-width: 800px) {
    #Gallery img { height:450px; }
    #Previous, #Next { width:45px; height:45px; background-size:40px; }
    #GalleryFooter { justify-content:space-around; }
}

@media screen and (min-width: 900px) {
    #Gallery a { cursor:pointer; }
    #GalleryFooter div span { cursor:pointer; display:inline-block; background:url(../images/Photos.png) no-repeat left 3px; background-size:23px; }
    #GalleryFooter div span:hover { text-decoration:underline; }
}

#PropKey { padding-bottom:15px; border-bottom:solid 4px #ccc; }
#PropKey #lblPrice { display:block; font-size:24px; color:#b22222; } /**/
#PropKey h1 { font-size:14px; font-weight:bold; margin:10px 0; }
#PropKey div:last-child { line-height:24px; margin-top:10px; }
#PropKey div:last-child span { display:inline-block; height:24px; padding:2px 0 2px 28px; margin-right:25px; }

#PropKey #Beds { background:url(../images/Beds.png) no-repeat 0 3px; background-size:22px; }
#PropKey #Baths { background:url(../images/Baths.png) no-repeat 0 3px; background-size:22px; }
#PropKey #Garages { background:url(../images/Garages.png) no-repeat 0 3px; background-size:21px; }
#PropKey #ErfSize { background:url(../images/ErfSize.png) no-repeat 0 3px; background-size:22px; }
#PropKey #FloorSize { background:url(../images/FloorSize.png) no-repeat 0 3px; background-size:22px; }
#PropKey #lblOccupationDate { display:block; width:160px; text-align:center; background:#ccc; padding:0; margin-top:10px; } /**/
#PropKey #lblOccupationDate:empty { display:none; }

@media screen and (min-width: 650px) {
    #PropKey #lblOccupationDate { display:inline-block; margin-left:50px; margin-top:0; }
}

/* features */
#PropDetails { line-height:18px; padding-bottom:25px; }
#PropDetails h3 { margin-bottom:8px; }
#PropDetails div div { height:24px; white-space:nowrap; }
#PropDetails div div:nth-of-type(odd) { width:260px; }
#PropDetails div div:nth-of-type(even) { width:200px; }
#PropDetails div div span { display:inline-block; vertical-align:middle; }
#PropDetails div div span:first-child { width:180px; }
#PropDetails div div span:empty { width:140px; height:20px; background:url(../images/Check16.png) no-repeat left 2px; }

@media screen and (min-width: 485px) {
    #PropDetails div div { display:inline-block; }
    #PropDetails div div span:first-child { width:150px; }
}

@media screen and (min-width: 550px) {
    #PropDetails div div:nth-of-type(odd) { width:320px; }
    #PropDetails div div span:first-child { width:170px; }
}

/* contact column */
@media screen and (min-width: 670px) {
    #ContactColumn { width:650px; display:flex; flex-flow:row wrap; justify-content:space-between; align-self:flex-start; }
}

@media screen and (min-width: 1001px) {
    #ContactColumn { width:280px; padding-top:5px; }
}

#ContactColumn > div:last-child > div, #ContactColumn #ContactAgent  { width:280px; padding:15px 0 20px 0; border:solid 1px #ccc; border-radius:5px; margin:0 0 10px 0; }
#ContactColumn h2 { text-align:center; margin-top:0; }
#ContactColumn #ContactAgent { align-self:flex-start; position:relative; overflow:hidden; border-color:#ff0000; }

#ContactAgent > div { padding-left:20px; }
#ContactAgent input[type="text"] { width:238px; } /**/
#ContactAgent textarea { width:238px; height:54px; } /**/
#ContactAgent b { display:inline-block; vertical-align:top; height:10px; color:#ff0000; font-size:20px; margin-left:-11px; }
#ContactAgent > div:nth-of-type(1) { padding-bottom:15px; }
#ContactAgent > div:nth-of-type(1) div { font-weight:bold; }
#ContactAgent > div:nth-of-type(1) a { display:inline-block; line-height:34px; height:34px; }
#ContactAgent > div a:nth-of-type(even) { background:url(../images/WhatsApp25.png) no-repeat 10px 4px; background-size:22px; padding:0 20px 0 35px; }
#ContactAgent > div a:nth-of-type(even):hover { text-decoration:none; color:#aaa; }
#ContactAgent > #uplContactAgent div { padding-bottom:10px; }
#ContactAgent > #uplContactAgent > div:nth-child(4) { display:none; }
#ContactAgent > #uplContactAgent label { font-weight:normal; }

#Agents { text-align:center; }
#Agents > div { line-height:22px; padding:0 0 10px 0; margin-bottom:10px; }
#Agents hr { width:80%; }
#Agents > div:last-child { padding-bottom:0; margin-bottom:0; }
#Agents img { display:block; width:150px; margin:5px auto; }
#Agents div img { width:100px; }
#Agents a { display:block; margin-top:10px; }

#Alerts { text-align:center; }
#Alerts > div:nth-child(2) span { cursor:pointer; color:#0000ee; }
#Alerts > div:nth-child(2) span:hover { text-decoration:underline; }
#Alerts span { white-space:nowrap; color:#ff0000; font-weight:bold; }

#Share { text-align:center; }
#Share > div:first-of-type > div { display:inline-block; text-align:center; padding-bottom:10px; }
#Share #hlkPrintProp { display:none; }
#Share #ModalShare { text-align:left; overflow:hidden; }
#Share #ModalShare > div div:first-child { margin-top:10px; }
#Share #ModalShare > div div:nth-of-type(3) { display:none; }
#Share #ModalShare div div:last-child { margin-top:-3px; }
#Share #ModalShare textarea { height:51px; }

#pnlMonthRepay > div { padding:0 0 0 20px; }
#pnlMonthRepay > div div { padding-bottom:20px; }
#pnlMonthRepay > div span { display:inline-block; width:120px; }
#pnlMonthRepay > div span#Repayment, #pnlMonthRepay > div span#lblInterestRate { width:auto; }
#pnlMonthRepay input[type="button"] { margin-top:20px; }

#pnlNoData { border-top:solid 1px #000; } /**/

@media screen and (min-width: 1001px) {
    #Share #hlkPrintProp { display:inline-block; width:140px; height:30px; line-height:30px; font-size:16px;
                           background:url(../images/Print.png) no-repeat 0 0; background-size:30px; padding:0 0 0 35px; } /**/
}

/* contact us */
#ContactUs h1 { text-align:center; }
#ContactUs > div { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; }
#ContactUs > div:last-child > div:last-child { text-align:center; font-size:15px; width:318px; background:none; border:solid 1px #6495ED;
                                               border-radius:8px; padding:25px 0 25px 10px; margin:30px 30px 50px 30px; }

@media screen and (min-width: 780px) {
    #ContactUs h1 { text-align:left; }
    #ContactUs > div { justify-content:space-between; }
    #ContactUs > div:last-child > div:last-child { margin:0 0 50px 0; }
}

/* sign in */
#SignIn { width:350px; border:solid 2px #ccc; border-radius:6px; margin:30px auto; }
#SignIn h1 { text-align:center; height:36px; line-height:36px; font-size:18px; background:#eee; border-radius:5px 5px 0 0; margin:0; }
#SignIn .AllForms { width:350px; padding:20px 0 10px 35px; margin:0 auto; }
#SignIn .AllForms > div { padding-bottom:10px; }
#SignIn .AllForms input[type="text"], #SignIn .AllForms input[type="password"] { width:280px; }
#SignIn .AllForms div:last-child { padding-top:15px; }
#SignIn #FailureText { display:block; text-align:center; width:280px; color:#ff0000; font-weight:bold; }

.ForgotPw div strong { display:block; padding-bottom:7px; }

/* manage alerts d */
#ManageAlerts h1 { font-size:26px; }
#pnlRegister #lblCompleteForm { display:block; text-align:center; max-width:550px; background:#eee; border:solid 1px #ccc; border-radius:5px; padding:10px; margin:0 0 20px 0; }
#pnlRegister strong { display:block; padding-bottom:5px; }
#pnlRegister b { display:inline-block; vertical-align:top; height:10px; color:#ff0000; font-size:20px; margin-left:-12px; }
#pnlRegister input[type="text"] { width:250px; }
#pnlRegister select { width:257px; height:31px; }

#pnlProfile { width:280px; }
#pnlProfile > div, #pnlAlert > div { padding:0 0 15px 0; }
#pnlProfile span { color:#ff0000; }
#pnlProfile div:nth-child(4) { display:none; }
div#pnlSaveProfile, div#pnlSaveAlert { padding-top:8px; }

#pnlAlert { width:100%; max-width:450px; }
.pnlAlert { margin-top:20px; }
#pnlAlert label { font-weight:normal; }
#pnlAlert select { height:33px; }
#pnlAlert div:first-child label { padding-right:40px; }
#pnlAlert .select2 { width:100% !important; }
#pnlAlert .select2-selection { min-height:32px !important; padding:4px 0 0 0; }
#pnlAlert input[type="checkbox"] { width:15px; height:15px; margin:0 3px 0 0; }
#pnlAlert div:nth-child(4) label { display:inline-block; width:27.5%; } /**/
#pnlAlert > div:nth-child(5) div { display:inline-block; }
#pnlAlert > div:nth-child(5) select { width:120px; }

#pnlManage > h2 { margin-bottom:6px; }
#pnlManage > div:first-child h4 { color:red; margin-bottom:5px; }
#pnlManage > div:first-child ul { margin:0 0 0 15px; }

@media screen and (min-width: 770px) {
    #ManageAlerts h1 { font-size:32px; }
    #pnlRegister #lblCompleteForm { max-width:720px; margin:0 0 20px 0; }
    
    #pnlProfile, #pnlAlert { display:inline-block; vertical-align:top; }
    #pnlProfile { width:320px; }
    .pnlProfile { padding-top:37px; }
    
    #pnlAlert { width:400px; }
    .pnlAlert { margin-top:0; }
}

#AlertRow { max-width:600px; background:#f5f5f5; padding:5px 10px; margin-bottom:10px; }
#AlertRow h3 { margin:0 0 8px 0; }
#AlertRow h3 span { font-size:13px; }
#AlertRow > div span { display:inline-block; vertical-align:top; color:#555; padding:5px 0 5px 0; }
#AlertRow .Suburbs { width:250px; }
#AlertRow > div span div { font-size:15px; color:#222; font-weight:bold; }
#AlertRow > div:last-child { font-weight:bold; margin-top:5px; }

/* calculators */ 
#BondCalculators h1 { text-align:center; }
#BondCalculators hr { height:0; border-top:thin solid #888; margin:6px 0; }

#NavCalc { text-align:center; }
#NavCalc > div { display:inline-block; vertical-align:top; width:180px; margin:0 auto; }
#NavCalc div.onCalc, #NavCalc div.offCalc { cursor:pointer; text-align:center; height:26px; line-height:27px; background:linear-gradient(#eee, #ccc);
                                            font-size:16px; border:solid 1px #ccc; border-radius:5px; margin-bottom:10px; }
#NavCalc div.onCalc { color:#daae0b; font-weight:bold; }
#NavCalc div.offCalc { color:#222; }
#NavCalc div.onCalc:hover, #NavCalc div.offCalc:hover { background:linear-gradient(#ccc, #eee); }
#NavCalc a { text-decoration:none; color:#222; }

#Calculators h2 { text-align:center; margin-top:7px; }
#Calculators div div { text-align:center; background:#eee; padding:3px 10px; border:solid 1px #ccc; border-radius:3px; margin-bottom:15px; }
#Calculators table { width:100%; border-spacing:3px; border-collapse:separate; } /**/
#Calculators th { width:55%; font-weight:normal; font-size:13px; }
#Calculators td { white-space:nowrap; }
#Calculators input[type="text"] { width:80px; height:28px; font-size:13px; } /**/

div.showCalc { width:100%; }
div.hideCalc { display:none; overflow:hidden; width:650px; }

#ComparisonTitle { font-weight:bold; }
#ComparisonTitle span { padding:0 47px 0 14px; }

.CalcButtons { text-align:center; }

#Disclaimer { text-align:center; margin:15px 0; }

@media screen and (min-width: 640px) {
    #BondCalculators h1 { text-align:left; }
    #NavCalc, #Calculators { display:inline-block; vertical-align:top; }
    #NavCalc { width:180px; padding-top:11px; margin-right:30px; }
    #NavCalc > div { display:block; }
    #Calculators { width:65%; }
    #Calculators th { width:310px; font-size:14px; font-weight:600; }
}

#EmailResults #ModalCalculators { padding-bottom:10px; }
#EmailResults #ModalCalculators { text-align:left; }
#EmailResults #ModalCalculators > div div:nth-of-type(4) { display:none; }
#EmailResults #ModalCalculators > div div:nth-of-type(5) div { display:inline-block; }
#EmailResults #ModalCalculators select { width:122px; }

/* articles */
.ArticleDetails ul { padding-left:0; margin-left:15px; }
.ArticleDetails p:last-child { font-style:italic; margin-top:20px; }
.ArticleDetails p:last-child img { border:solid 1px #ccc; margin:5px 0 6px 0; }

#Residential img, #Commercial img { display:none; float:right; order:solid 1px #ccc; margin:5px 0 0 80px; }
#Residential img { width:300px; height:176px; }
#Commercial img { width:133px; height:200px; }
#SavingDeposit img { width:100%; }

@media screen and (min-width: 750px) {
    #Residential img, #Commercial img { display:block; }
}

/* privacy policy and terms of use */
#PrivacyPolicy, #TermsUse { line-height:22px; text-align:justify; }
#PrivacyPolicy ul, #TermsUse ul { margin-left:15px; }
#TermsUse span { display:block; font-weight:bold; padding-bottom:5px; }

/* errors */
#Error { width:100%; }
#Error div { vertical-align:top; }
#Error div:first-child { display:none; }
#Error div:last-child { text-align:center; font-size:16px; padding-top:20px; }

@media screen and (min-width: 750px) {
    #Error div:first-child { display:inline-block; width:370px; height:270px; background:url(../images/Oops250.png) no-repeat 50px 40px; }
    #Error div:last-child { display:inline-block; padding-top:40px; }
}

/* Allsa pages */
/* packages */
#Packages { margin-bottom:30px; }
#Packages h1, #Packages h2, #Packages h3 { text-align:center; font-weight:normal; }
#Packages ul { padding-left:0; margin-left:15px; }
#Packages ul li { padding-bottom:5px; }
#Packages a { text-decoration:none; }

#PackageWebsites, #PackageIncludes, #PackageFeedback { display:flex; flex-wrap:wrap; justify-content:space-around; }

#PackageWebsites { font-size:15px; }
#PackageWebsites > div { width:300px; background:#eee; padding:10px 8px 0 8px; margin:0 0 15px 0; }
#PackageWebsites > div div:first-child { text-align:center; font-size:22px; color:#fff; background:linear-gradient(#ff9900, #ff6600); padding:8px 0 5px 0; }
#PackageWebsites > div div:nth-child(2) { text-align:center; font-size:18px; color:#000; background:#fff; padding:6px 0 4px 0; margin-bottom:10px; }
#PackageWebsites > div div:nth-child(2) span { display:block; font-size:14px; }

#PackageIncludes > div { width:295px; font-size:14px; padding:0 10px; }
#PackageIncludes > div:nth-child(2) { margin:0 5px 0 5px; }
#PackageIncludes > div div:first-child { text-align:center; font-size:18px; font-weight:bold; margin-bottom:10px; }
#PackageIncludes ul { margin-left:4px; }

#PackageFeedback > div:first-child { width:500px; padding-bottom:25px; }
#PackageFeedback > div:first-child > div { font-size:15px; background:#F5F5F5; padding:20px; border:solid 1px #ccc; border-radius:10px; margin-bottom:20px; }
#PackageFeedback > div:last-child h3 { margin:-4px 0 25px 0; }
#PackageFeedback > div:last-child a { display:block; text-align:center; font-size:16px; margin-top:30px; }

@media screen and (min-width: 938px) {
    #PackageWebsites, #PackageIncludes, #PackageFeedback { justify-content:space-between; }
}

/* about us */
#AboutUs ul { margin-left:15px; }
#AboutUs li { padding-bottom:5px; }

/* FAQ */
#FAQ ol { padding:0; margin-left:22px; }
#FAQ div { font-weight:bold; }
#FAQAnswers li { padding-bottom:15px; }
#FAQ p { text-align:center; margin:16px 0 5px 0; }