/* Triton - 1 Jun 25 - blue old #006EC7, blue #0165b7, yellow #ffff00, black #000 */
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; }
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 { font:normal 14px Arial, Sans-serif; border:solid 1px #ccc; border-radius:3px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline:none; border-color:#0000ff; }  
input[type="text"], input[type="password"], textarea { width:300px; height:29px; padding-left:4px; }
select { width: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:#000; font-size:16px;
    background:linear-gradient(#ffff00, #ffa500); padding:6px 10px; border:solid 1px #13469f; border-radius:4px; }
input[type="submit"]:hover, input[type="button"]:hover, a.NextPrev:hover { olor:#FFFF00; background:linear-gradient(#ffa500, #ffff00); }

/* 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, #uplEnquiry > div div span { color:#ff0000; white-space:nowrap; }
.AllForms input[type="submit"] { margin:5px 0 10px 0; }

/* 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; }
.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"] { width:245px; }
.Modal textarea { width:243px; }

@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"] { width:310px; }
    .Modal textarea { width:308px; }
}

/* loader */
img#LoaderHD, 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:#FFFF00; background:#000;
    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%; }
}

.LogoNav > a { display:block; text-align:center; padding-top:3px; }
.LogoNav a img { width:150px; }
.LogoNav > div { text-align:center; padding:20px 0 0 0; }

#Social { padding-bottom:15px; }
#Social a { display:inline-block; width:32px; height:32px; margin-right:20px; }
#Social a:first-child { background:#fff url(../images/facebook.png) no-repeat 0 -1px; background-size:30px; }
#Social a:nth-of-type(2) { background:#fff url(../images/instagram.png) no-repeat 0 0; background-size:32px; }
#Social a:nth-of-type(3) { background:#fff url(../images/whatsapp.png) no-repeat 2px 2px; background-size:28px; }
#Social a:nth-of-type(4) { background:#fff url(../images/youtube.png) no-repeat 1px 2px; background-size:30px; }
#Social a:last-child { background:#fff url(../images/tik-tok.png) no-repeat 0 3px; background-size:28px; margin-right:0; }

@media screen and (min-width: 700px) {
    .LogoNav { display:flex; justify-content:space-between; align-items:center; vertical-align:middle; }
    .LogoNav > a { margin-left:50px; }
    .LogoNav > div { width:500px; }
}

/* nav */
nav { text-align:left; }
nav:after { clear:both; content:""; display:table; }
nav a { display:block; text-decoration:none !important; color:#fff; font:normal 17px/34px Arial; padding:2px 18px 0 18px; }
nav a:hover { color:#ffff00 !important; }
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; }

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

@media screen and (max-width: 500px) {
    nav { background:#0165b7; margin:0 -2%; }
    
    [id^=drop]:checked + ul { display:block; }
    
    .Mobile { text-align:center; cursor:pointer; height:34px; background-color:#0165b7; margin:0 -2%; }
    .Mobile span { display:inline-block; height:34px; width:25px; }
    .MobileOpen { background:url(../images/hamburgerw.png) no-repeat 0 4px; background-size:25px; }
    .MobileClose { background:url(../images/closew.png) no-repeat -5px -1px; background-size:36px; }
    .DropToggle + a, nav > ul { display:none; }
    .DropToggle { display:block; text-decoration:none; color:#fff; font:normal 17px/34px Arial; padding:2px 18px 0 18px; }
    .DropToggle:hover { color:#ffff00; }
    
    nav > ul > li:first-child { border-top:solid 1px #ccc; }
    nav ul li { display:block; width:100%; border-bottom: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 li:last-child { border-bottom:none; }
    nav ul ul { float:none; position:static; }
    nav ul ul li { display:block; width:100%; border-bottom:none; }
    nav ul ul li a { padding:0 0 10px 40px; }
}

@media screen and (min-width: 501px) {
    nav { width:375px; margin:0 auto; }
    nav li:hover { background-color:#0165b7; } /* menu hover bg */
    nav li:hover > a, nav li ul a:hover { color:#ffff00; } /* menu & dd hover color */
    nav a { text-decoration:none; color:#000; } /* menu color */
    nav a:hover { color:#ffff00; background:#0165b7; } /* menu & dd hover color */
    nav ul li ul { background-color:#0165b7; border-radius:0 8px 8px 8px; } /* dd bg */
    nav ul li ul li:hover, nav ul li ul a:hover{ background:none; }
    nav ul li ul a { color:#fff !important; } /* dd color */
}

#BigImage { osition:relative; order:solid #222; order-width:1px 0; } 
.flexslider { clear:both; padding:0; margin:0; }
.flexslider .slides > li { display:none; -webkit-backface-visibility:hidden; }
.flexslider .slides img { display:block; object-fit:cover; width:100%; min-height:300px; }
.flexslider .slides:after { content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.slides, .slides > li { list-style:none; padding:0; margin:0; }

@media screen and (min-width: 700px) {
    .flexslider .slides img { display:block; width:100%; min-height:auto; object-fit:contain; }
}

.Hide .slides { display:none; }
#uplSearch { clear:both; overflow:hidden; background:#333; }
#uplSearch span { font:normal 16px Arial; color:#fff; } /**/
#AreaSearch, #WebRefSearch { text-align:center; width:280px; padding:0 0 10px 0; margin:0 auto; }
#AreaSearch select, #AreaSearch input[type="submit"] { margin-top:10px; }
#AreaSearch #ddlSaleRent { width:100px; }
#AreaSearch #ddlTypeGroups { width:176px; }
#AreaSearch #ddlAreas, #AreaSearch #ddlPropTypes { width:280px; }
#AreaSearch #ddlPriceFrom { width:146px; }
#AreaSearch #ddlPriceTo { width:130px; }
#WebRefSearch { padding-top:10px; border-top:solid 1px #fff; }
#WebRefSearch #txtWebRef { width:70px; }

@media screen and (min-width: 600px) {
    #AreaSearch { text-align:left; width:578px; }
    #AreaSearch div:first-child span { padding-left:298px; }
    #AreaSearch select { margin-right:5px; }
    #AreaSearch select#ddlAreas { margin-right:0; }
    #AreaSearch > div:nth-of-type(2) { display:inline-block; }
    #AreaSearch #ddlPropTypes { width:200px; }
    #AreaSearch span:last-child { display:block; padding-left:211px; }
    #WebRefSearch { width:574px; }
}

@media screen and (min-width: 810px) {
    /* uplSearch .content-wrapper { overflow:hidden; width:850px; position:absolute; bottom:40px; left:0; right:0; z-index:500;
                                  background:rgba(0, 0, 0, 0.5); border-radius:10px; padding:5px 15px 5px 18px; margin:0 auto; }
    Hide #uplSearch .content-wrapper { position:static; background:none; } */
    
    #uplSearch .content-wrapper { overflow:hidden; width:780px; margin:0 auto; }
    #AreaSearch { float:left; }
    #WebRefSearch { float:right; text-align:left; width:160px; border:0; }
    #WebRefSearch span { padding-left:5px; }
}

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

footer { clear:both; line-height:25px; color:#fff; background:#0165b7; padding:15px 0; }  
footer h2 { margin-top:0; color:#fff; }
footer a, footer a:hover, footer a:link { color:#fff; }

#Contact { overflow:hidden; font-size:14px; padding-bottom:30px; }
#Contact a { display:inline-block; text-decoration:none; }
#Contact > div:last-child { font-size:18px; color:#fff; padding-top:30px; }

@media screen and (min-width: 800px) {
    #Contact { display:flex; flex-flow:row wrap; justify-content:space-between; }
    #Contact > div:last-child { align-self:flex-end; }
}

#Suburbs { font-size:12px; padding-bottom:25px; }
#Suburbs span { font-weight:bold; }
#Suburbs a { white-space:nowrap; }

@media screen and (min-width: 1000px) {
    #Suburbs { line-height:15px; }
}

#Privacy { overflow:hidden; padding-bottom:20px; }

@media screen and (min-width: 600px) {
    #Privacy div:first-child { float:left; }
    #Privacy div:last-child { float:right; padding-top:24px; }
}

/* homepage */
#HomeLinks { display:flex; flex-flow:row wrap; justify-content:center; margin:20px 0 0 0; }
#HomeLinks > a { text-align:center; display:inline-block; text-decoration:none; width:275px; color:#222; font-size:13px; padding:5px 8px 8px 8px; border:solid 1px #ccc; margin:0 0 15px 0; }
#HomeLinks > a:hover { background:none; border:solid 1px #ee008c; }
#HomeLinks > a h2 { height:60px; font-size:22px; color:#000; padding:9px 0 0 83px; margin:0; }
#HomeLinks > a div { text-align:center; }

#HomeLinks > a:nth-of-type(1) { background:#eee url(../images/Surfboard.png) no-repeat 8px 6px; background-size:70px; }
#HomeLinks > a:nth-of-type(2) { background:#eee url(../images/Camera.png) no-repeat 8px 6px; background-size:60px; }
#HomeLinks > a:nth-of-type(3) { background:#eee url(../images/Enquiry.png) no-repeat 8px 6px; background-size:70px; }

@media screen and (min-width: 610px) {
    #HomeLinks { justify-content:space-around; }
    #HomeLinks > a { margin:0 10px 15px 10px; }
}

@media screen and (min-width: 960px) {
    #HomeLinks { justify-content:space-between; }
    #HomeLinks > a { margin:0 0 15px 0; }
}

#FeaturedProps h1 { text-align:center; }
#FeaturedContainer { display:flex; flex-flow:row wrap; justify-content:center; }
#FeaturedContainer > div { text-align:center; width:100%; max-width:400px; background:#eee; padding:0 0 5px 0; margin:0 auto 20px auto; }
#FeaturedContainer a { position:relative; display:block; overflow:hidden; width:100%; height:202px; padding:0; margin:0; }
#FeaturedContainer img { position:absolute; left:50%; top:50%; width:100%; min-height:202px; transform:translate(-50%,-50%); }
#FeaturedContainer div div { font-size:24px; color:#000; margin-top:8px; } /**/

@media screen and (min-width: 366px) {
    #FeaturedContainer a { height:231px; }
    #FeaturedContainer img { min-height:231px; }
}

@media screen and (min-width: 418px) {
    #FeaturedContainer a { height:264px; }
    #FeaturedContainer img { min-height:264px; }
}

@media screen and (min-width: 713px) {
    #FeaturedContainer > div { width:45%; }
    #FeaturedContainer a { height:202px; }
    #FeaturedContainer img { min-height:202px; }
}

@media screen and (min-width: 815px) {
    #FeaturedContainer a { height:231px; }
    #FeaturedContainer img { min-height:231px; }
}

@media screen and (min-width: 931px) {
    #FeaturedContainer a { height:263px; }
    #FeaturedContainer img { min-height:263px; }
}

#Welcome { overflow:hidden; ext-align:center; line-height:22px; }
#Welcome p { text-align:justify; }

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

.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:#000; white-space:nowrap; font-size:20px; } /**/
.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 */
#pnlPropDetailsBody { overflow:hidden; }
#ImagesDisplayNone { display:none; }

#GalleryHeader, #GalleryFooter { display:flex; justify-content:space-between; align-items:center; color:#fff; font-size:14px; background:#555; } /**/
#GalleryHeader { border-radius: 6px 6px 0 0; padding:2px 25px 1px 20px; margin-top:20px; }
#GalleryHeader > div, #GalleryFooter div { display:inline-block; }
#GalleryHeader a, #GalleryFooter a { color:#fff; font-size:14px; }
#GalleryHeader div:first-child { color:#fff; 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 { line-height:25px; border-radius:0 0 6px 6px; padding:6px 35px 4px 35px; }
#GalleryFooter span, #GalleryFooter a { display:inline-block; line-height:25px; }
#GalleryFooter a { background:url(../images/Video.png) no-repeat left 2px; background-size:19px; padding-left:25px; }
#GalleryFooter div span { display:none; }

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

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

@media screen and (min-width: 1000px) {
    #pnlPropDetailsBody h1, #lblAddress { text-align:left; }
}

/* gallery */
#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; padding-left:28px; margin-right:50px; }
    #GalleryFooter div span:hover { text-decoration:underline; }
}

/* HD gallery */
#hd-wrapper { position:absolute; left:0; right:0; }
#GalleryHD { display:none; width:100%; height:100%; z-index:1000; position:fixed; top:0; background-color:#ccc; }
#GalleryHD input { border-width:0; }
#HeaderHD { color:#fff; position:absolute; left:0; top:0; width:100%; height:26px; line-height:26px; z-index:2000; background:#222; opacity:0.6; padding:0 50px 0 20px; }
#HeaderHD div { display:inline-block; vertical-align:top; }
#HeaderHD div:first-child { width:45%; font-size:14px; padding-bottom:5px; }
#ImgCountHD { text-align:center; width:100px; font-size:19px; }
#CloseHD { position:absolute; right:100px; top:0; z-index:3000; width:50px; height:26px; background:url(../images/Close24.png) no-repeat center; background-size:18px; }
#CloseHD:hover { cursor:pointer; }

#ImageHD { text-align:center; }
#PropImageHD { max-width:100%; max-height:100vh; width:auto; margin:auto; }

#PreviousHD, #NextHD { cursor:pointer; display:block; position:absolute; top:46%; width:62px; height:62px; z-index:600; }
#PreviousHD { left:15px; background:url(../images/Previous60.png) no-repeat; }
#NextHD { right:15px; background:url(../images/Next60.png) no-repeat; }

#ImageColumn { width:100%; max-width:650px; margin:10px auto 0 auto; }

@media screen and (min-width: 750px) {
    #ImageColumn { loat:left; margin:10px 0 0 0; }
}

#PropKey { padding-bottom:15px; border-bottom:solid 4px #ccc; }
#PropKey #lblPrice { display:block; font-size:24px; color:#000; padding:10px 0 0 0; } /**/
#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:2px 0 1px 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 */
#ContactColumn { max-width:650px; margin:0 auto; }
#ContactColumn > div { width:280px; padding:10px 0 0 0; border:solid 1px #ccc; border-radius:5px; margin:0 auto 10px auto; }
#ContactColumn > #ContactAgent { border-color:#ff0000; }
#ContactColumn h2 { text-align:center; margin-top:0; }

#ContactAgent { position:relative; overflow:hidden; }
#ContactAgent > div { padding-left:20px; }
#ContactAgent input[type="text"] { width:230px; }
#ContactAgent textarea { width:230px; height:50px; }
#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 { padding-bottom:15px; }
#ContactAgent > #uplContactAgent div { padding-bottom:10px; }
#ContactAgent > #uplContactAgent > div:nth-child(4) { display:none; }

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

div#Alerts { text-align:center; padding:10px 0 10px 0; }
#Alerts > div:nth-child(2) span { cursor:pointer; color:#0000ff; }
#Alerts > div:nth-child(2) span:hover { text-decoration:underline; }
#Alerts span { white-space:nowrap; color:#ff0000; font-weight:bold; }
#Alerts #ModalRegister { text-align:left; }
#Alerts #ModalRegister > div div:nth-of-type(4) { display:none; }
#Alerts #ModalRegister > div div:nth-of-type(5) div { display:inline-block; }
#Alerts #ModalRegister select { width:122px; }

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

#pnlMonthRepay > div { padding:0 0 15px 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:15px; }

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

@media screen and (min-width: 620px) {
    #ContactColumn > div { display:inline-block; vertical-align:top; width:278px; }
    #ContactAgent { float:left; }
    div#Agents, div#Alerts, #Share, #pnlMonthRepay { float:right; }
}

@media screen and (min-width: 1000px) {
    #PropDetails-wrapper { display:flex; justify-content:space-between; lign-items:center; }
    #ContactColumn { loat:right; width:280px; padding-top:10px; margin:15px 0; }
    #Share #hlkPrintProp { display:inline-block; width:112px; height:30px; line-height:30px; font-size:16px;
                           background:url(../images/Print.png) no-repeat 0 0; background-size:30px; padding:0 0 0 32px; }
}

/* contact us */
#ContactUs div:nth-of-type(1n+1) { display:inline-block; vertical-align:top; line-height:25px; white-space:nowrap; }
#ContactUs div:first-of-type { display:none; }

@media screen and (min-width: 400px) {
    #ContactUs div:first-of-type { display:inline-block; width:25%; max-width:200px; font-weight:bold; }
}

#Map iframe { width:100%; height:400px; border:1px solid #ccc; }

/* our team */
#OurTeam h1 { text-align:center; }
.Agent-wrapper > div { text-align:center; width:250px; background:#f5f5f5; padding:10px; border:solid 1px #ccc; border-radius:5px; margin:0 auto 20px auto; }
.Agent-wrapper > div a { display:block; }
.Agent-wrapper > div > div:nth-child(1) { max-height:128px; overflow:hidden; }
.Agent-wrapper > div > div:nth-child(1) img { width:110px; }
.Agent-wrapper > div > div:nth-child(2) span { display:block; text-transform:uppercase; white-space:nowrap; font-weight:bold; padding-top:10px; }
.Agent-wrapper > div > div:nth-child(2) > a:first-of-type { padding-top:15px; }
.Agent-wrapper > div > div:nth-child(2) #WhatsApp { color:#0000ee; background:url(../images/WhatsApp25.png) no-repeat 70px 11px; background-size:22px; padding:15px 0 15px 23px; }
.Agent-wrapper > div > div:nth-child(2) > a:last-child { color:#ff0000; }

@media screen and (min-width: 420px) {
    .Agent-wrapper > div { display:flex; justify-content:space-between; align-items:flex-start; text-align:left; width:375px; height:128px; }
    .Agent-wrapper > div > div:nth-child(1) { order:2; width:125px; text-align:right; }
    .Agent-wrapper > div > div:nth-child(2) { order:1; width:250px; }
    .Agent-wrapper > div > div:nth-child(2) #WhatsApp { background-position:-2px 11px; }
    .Agent-wrapper > div > div:nth-child(2) span { padding:0; }
}

@media screen and (min-width: 870px) {
    #OurTeam h1  { text-align:left; }
    .Agent-wrapper { display:inline-block; margin:0 40px 20px 0; }
    .Agent-wrapper > div:nth-child(even) { margin:0 0 20px 0; }
}

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

/* enquiry form */
#upsEnquiry div { position:fixed; }
#uplEnquiry { text-align:center; }
#uplEnquiry table td { width:230px; padding:5px 0; }
#uplEnquiry > div { text-align:left; width:290px; padding:10px 0 20px 20px; border:solid 1px #ccc; border-radius:5px; margin:0 auto 15px auto; }
#uplEnquiry h2 { margin:0 0 5px 0; }
#uplEnquiry > div div { display:inline-block; vertical-align:top; padding:5px 10px 0 0; }
#uplEnquiry strong { display:block; padding-bottom:2px; }
#uplEnquiry b { display:inline-block; vertical-align:top; height:10px; color:#ff0000; font-size:20px; padding-right:3px; margin-left:-11px; }
#uplEnquiry input[type="text"] { width:243px; }
#uplEnquiry select { width:250px; }
#uplEnquiry textarea { width:262px; height:66px; }

#uplEnquiry > div:nth-of-type(1) { width:300px; padding:7px 0 0 10px; background:#eee; }
#uplEnquiry > div:nth-of-type(1) h2 span { display:inline-block; padding:0 60px 0 0; }
#uplEnquiry > div:nth-of-type(2) div:last-child { display:none; }

#uplEnquiry > div:nth-of-type(4) div div { padding:0 10px 0 0; }
#uplEnquiry > div:nth-of-type(4) div div:last-child { padding:0; }
#uplEnquiry > div:nth-of-type(4) select { width:74px; }
#uplEnquiry > div:nth-of-type(4) select#ddlPropTypes { width:250px; }

#uplEnquiry > div#Register { width:290px; white-space:nowrap; padding:0; border-width:0; }

@media screen and (min-width: 545px) {
    #uplEnquiry, #uplEnquiry h1 { text-align:left; }
    #uplEnquiry > div { width:auto; vertical-align:top; padding:10px 0 0 0; border-width:0; margin:0 0 15px 0; }
    #uplEnquiry textarea { width:505px; }
}

/* documents
#Documents h3 { margin-bottom:10px; }
#Documents div { padding-bottom: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:#000; 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%; }
#Calculators th { width:55%; font-weight:normal; font-size:13px; }
#Calculators td { white-space:nowrap; }
#Calculators input[type="text"] { width:80px; height:24px; 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; }
}

/* articles
#ArticleResults { text-align:center; }
#ArticleResults div { text-align:left; width:90%; background:#F5F5F5; padding:10px; border:dashed 1px #ccc; border-radius:5px; margin:0 auto 20px auto; }
#ArticleResults a, #ArticleResults span { display:block; }
#ArticleResults a#hlkReadMore { padding-top:10px; }

@media screen and (min-width: 775px) {
    #ArticleResults div { display:inline-block; vertical-align:top; width:41%; }
    #ArticleResults div.Left { margin:0 5% 20px 0; }
    #ArticleResults div.Right { margin:0 0 20px 5%; }
}

#ArticleDetails { text-align:justify; }
#pnlArticleDetails div div:last-child { padding-top:15px; } */

/* privacy policy */
#PrivacyPolicy { line-height:22px; text-align:justify; }
#PrivacyPolicy h1 { margin:27px 0 22px 0; }
#PrivacyPolicy h3 { font-weight:bold; }
#PrivacyPolicy ul { margin-left:15px; }

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

/* Triton pages */
#AboutUs ul { margin-left:15px; }