/* 30/05/2017 */ /* =font-size hints 2em displayed at 24px 1.5em displayed at 18px 1.25em displayed at 15px 1em displayed at 12px */ /* -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; */ /* -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; Brown: #494014 Blue: #567486 Grey: #e8e8e8 */ /*# Site/Reset #*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,td,small { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; font-size:1em; } strong em { font-weight:bold; } button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } img { max-width: 100%; height:auto !important; } /*# Site/Helpers #*/ .clear { clear:both; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } .clearfix { display:inline-block; } .left { float:left; } .right { float:right; } .debug { border:1px solid #f00; } .caps { text-transform:capitalize !important; } /*# Site/Elements #*/ html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { color: #2b2b2b; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.2em; background:#00588e; } body.isCommercial, body.isStandAlone { background:#FE000C; } h1 { font-size: 1.666em; color:#005986; } h2 { font-size: 1.5em; color:#2b91da; } h3 { font-size: 1.334em; } h4 { font-size: 1.25em; } h5 { font-size: 1.166em; } h6 { font-size: 1.084em; } .isCommercial h1, .isCommercial h2, .isCommercial h3, .isCommercial h4, .isCommercial h5, .isCommercial h6 { color:#000; } p { line-height: 1.4; padding: 3px 0; } b, strong, .required { font-weight: bold; } i, em { font-style: italic; } a, input:focus, :focus { outline: 0; } a:link, a:visited { color: #000; text-decoration: none; } a:hover, a:active { text-decoration: underline; } input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; font-size: 1em; } table a { position: static; } pre { font-size:1.228em; } blockquote { padding:25px; background:#f2f2f2; } hr { border:none; height:1px; background:#4C4313; margin:10px 0; } .emptydatatext { padding: 10px 30px; } .empty-data { float:left; width:100%; padding-top:40px; } .note { color:#f00; font-size:16px; display:block; clear:both; } .hide { display: none !important; } .textIndent9999 { text-indent:-9999px !important; } .caps { text-transform:capitalize; } .empty-data h1 { clear:both; padding:10px 0; color:#5f839a; font-size:18px; font-weight:normal; } a.dotted { border-bottom:1px dotted #000; } a.dotted:hover { text-decoration:none; border-bottom:0; } .map embed, .map img, .map object, #office-map embed, #office-map img, #office-map object { max-width: none!important; height:auto; } /*# Temporary Banner #*/ #temp-pages { position:absolute; left:0; top:0; width:100%; height:20px; line-height:20px; text-align:center; flaot:left; } #temp-pages a { background:#fff2ae; display:block; width:100%; height:20px; border-bottom:1px solid #000; } #temp-pages a:hover { background:#ffd700; text-decoration:none; } #web-category { padding:40px 60px; width:100%; background:#fff2ae; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #department-category { padding:0px 60px 40px 60px; width:100%; background:#fff2ae; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*# Wrap #*/ #page-wrap { float:left; width:100%; min-width:280px; } #wrap-header { float:left; width:100%; background:#fff; } #wrap-float { float:left; width:100%; position:relative; z-index:2; } #wrap-menu { float:left; width:100%; background:#fff; padding-bottom: 10px; } /*.sticky #wrap-menu { position:fixed; top:0; left:0; z-index:20; border-bottom:2px solid #fff; }*/ #wrap-content { float:left; width:100%; min-height:200px; height:auto !important; height:200px; background:#fff; position: relative; z-index:1;} #wrap-footer { float:left; width:100%; } .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto; width:100%; max-width: 1000px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } /*# Header #*/ #header { width:100%; max-width:1000px; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto; width:100%; max-width: 1000px; } #logo { display:block; width:100%; max-width:290px; height:57px; height: 25px; padding:32px 0 0 190px; line-height:25px; font-size:25px; background:url(/FirstNational/Images/logo.png) no-repeat; float:left; font-family:'Century Gothic', Arial, Helvetica, Sans-Serif; color:#636466; text-decoration:none; margin:24px 0; } #header-mobile { display:none; } @media only screen and (max-width: 767px) { #header { padding:0 10px; } #logo { width: 100%; height: 40px; padding: 0 0 0 50px; line-height:40px; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:url(/FirstNational/Mobile/logo.png) no-repeat top left; font-size:15px; background-size: auto 100% !important;} .isCommercial #logo { width: 100%; height: 40px; padding: 0 0 0 50px !important; line-height:40px; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:url(/FirstNational/Mobile/logo-comm.png) no-repeat top left !important; font-size:15px; background-size: auto 100% !important;} #header #office { display:none; } #header-mobile { float:left; width:100%; background:#00588e; display:block; height:30px; } .isCommercial #header-mobile { background:#fe000c; } #header-mobile a { display:block; color:#fff; line-height:30px; float:left; padding:0 10px; } #header-mobile .toggle-search { float:right; } .sticky #wrap-menu { position:static; } #wrap-content { overflow-x:hidden; } .custom_treebycommercial a#logo { font-size:28px; font-family:'open sans', 'century gothic', arial, san-serif; font-weight:300; } } @media only screen and (max-width: 1010px) { .row { padding-left:10px; padding-right:10px; } } .isCommercial #logo { padding-left:290px; width:350px; background-image:url(/FirstNational/Images/first-national-logo-commercial.gif); } #header #office { float: right; width:270px; color:#4d4d4f; font-size:12px; padding-top:10px; height:80px; position:relative; } #header #office .office-item { float:left; display:block; position:relative; clear:both; width:100%; height:88px; overflow:hidden; } #header #office .office-item .text { display:block; text-align:right; padding:0; width:auto; clear:both; } #header #office .office-item strong { font-size:20px; font-weight:normal; } #header .social { float:right; padding-top:5px; margin-right:-5px; clear:both; } #header .findWidth { float:right; width:auto; clear:both; } .IE7 #header #office { position:relative; } .IE7 #header { padding-bottom:10px; } /*# Center window #*/ #window-center { position:absolute; top:-9999px; left:-9999px; z-index:999999999; } /*# Content #*/ #content-950 { width:100%; max-width:1000px; margin:0 auto; } #content { width:100%; max-width:1000px; padding: 15px; float:left; background:#fff; min-height:300px; height:auto !important; height:300px; position:relative; z-index:1;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #home-title { width: 100%; background:#4d4d4f; padding:0; float:left; } #home-title .center { width:100%; max-width:1000px; margin:0 auto; } #page-title { width: 100%; background:#2b98d7; border-top:1px solid #fff; padding:15px 0; float:left; min-height:20px; height:auto !important; height:20px; } #page-title h1 { width:100%; max-width:1000px; padding:0 15px; margin:0 auto; color:#fff; font-size:16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #page-content, #page-empty { float:left; width:100%; max-width:1000px; padding:15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #page-empty.one-form-wrap { padding-top:15px; } #page-side.fncolumn-main-left img { float:right; } /*# Breadcrumbs #*/ .breadcrumbs { border-bottom:1px dotted #ccc; float:left; width:100%; padding-bottom:10px; margin-bottom:10px;} .breadcrumbs span { font-style:italic; } .breadcrumbs a { color:#2b98d7; text-decoration:none; } .breadcrumbs a:hover { color:#000; } /* START Columns */ #page-side.fn, #page-side-images.fn{ display:none !important; } #page-full { float:left; width:100%; clear:both; } /*# Page Column - Main left short right #*/ #page-content.fncolumn-main-left { float: left; width:60%; padding:15px 0; } #page-side.fncolumn-main-left, #page-side-images.fncolumn-main-left { float:right; width:35%; padding:15px 0; } /*# Page Column - Main right short left #*/ #page-content.fncolumn-main-right { float:right; width:60%; padding:15px 0; } #page-side.fncolumn-main-right, #page-side-images.fncolumn-main-right { float: left; width:35%; padding:15px 0; } @media only screen and (max-width: 580px) { #page-content.fncolumn-main-left, #page-side.fncolumn-main-left, #page-side-images.fncolumn-main-left, #page-content.fncolumn-main-right, #page-side.fncolumn-main-right, #page-side-images.fncolumn-main-right, .suburb-archive { width:100% !important; } } #page-content ul, #page-side ul, #page-empty ul, #page-full ul { list-style: disc; margin-left: 25px; padding: 5px 0; } #page-content ol, #page-side ol, #page-empty ol, #page-full ol { list-style: decimal; margin-left: 25px; padding: 5px 0; } #page-content li, #page-side li, #page-empty li, #page-full li { padding: 3px 0; } #page-content a, #page-side a, #page-empty a, #page-full a { text-decoration:none; color:#00588e; } #page-content a:hover, #page-side a:hover, #page-empty a:hover, #page-full a:hover { text-decoration:none; color:#1c5a87; } .isCommercial #page-content a, .isCommercial #page-side a, .isCommercial #page-empty a { text-decoration:none; color:#000; } .isCommercial #page-content a:hover, .isCommercial #page-side a:hover, .isCommercial #page-empty a:hover { text-decoration:none; color:#FE000C; } #page-content dl, #page-full dl { padding:0 0 10px 0; } #page-content dt, #page-full dt { padding-left:0px; padding-bottom:5px; } #page-content dd, #page-full dd { padding-left:20px; padding-bottom:10px; } #page-content dd:last-child, #page-full dd:last-child { padding-bottom:0px; } #page-content h1, #page-full h1, #page-content h2, #page-full h2, #page-content h3, #page-full h3, #page-content h4, #page-full h4, #page-content h5, #page-full h5, #page-content h6, #page-full h6 { margin:10px 0 5px 0; } #page-content h1:first-child, #page-full h1:first-child { margin-top:0; } #page-content p, #page-full p { line-height: 1.4; padding: 0 0 10px 0; } #page-content p:last-child, #page-full p:last-child { padding-bottom:0; } #page-empty .in-section { font-size:1.25em; } #page-empty.error-highlight { color:#567486; } a:hover .grey-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:url(/FirstNational/Images/grey-40.png); } /*# Suburb Links #*/ #residentialUL, #rentalUL, #ruralUL, #commSalesUL, #commLeaseUL { display:none } .cf-link { float:left; width:20%; min-width:160px; padding:0 10px 10px 0; font-size:11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cf-link a { color:#567486; text-decoration:none; display:block; padding-bottom:5px; } .cf-link a:hover { color:#4d4d4f; } .cf-link li { float:left; width:100%; line-height:20px; padding-left:8px; } .cf-link li a { color:#4d4d4f; padding-bottom:0; } .cf-link li a:hover { color:#567486; } @media only screen and (min-width: 601px) and (max-width: 900px) { .cf-link { width:33%;} } @media only screen and (min-width: 481px) and (max-width: 600px) { .cf-link { width:50%;} } @media only screen and (max-width: 480px) { .cf-link { width:100%; text-align:center; display:none; } } /*# PDF #*/ .pdfIcon { display:inline-block; padding-left:21px; background:url(/FirstNational/Images/sprite-adobe.png) -127px 0 no-repeat; line-height:16px; margin-top:5px; text-decoration:none !important; } .getAdobe { background:url(/FirstNational/Images/sprite-adobe.png) 0 0 no-repeat; width:88px; height:31px; display:inline-block; } .getAdobe span { display:none; } /*# Footer #*/ #footer { width:100%; max-width:1000px; margin:0 auto; text-align:center; font-size:11px; padding:10px 0 40px 0; position: relative;} #footer, #footer a { color:#fff; text-decoration:none; } #footer p { float:left; padding:0; clear:left; } #footer #fontResize { float:left; padding-left:4px; font-weight:bold; } #footer .info { float:left; padding-left:20px; width:100%; padding-right:200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #footer .add-this { float:right; padding-right:10px; width:120px; position: absolute; top: 0; right: 0; } #footer p a:after { content:"|"; padding:0 5px; } #footer p a:last-child:after { content:""; padding:0 5px; } @media only screen and (max-width: 767px ) { #footer .info { padding-left:0; padding-right:0px; } #footer .info p { float:none; } #footer .copyright { display:block; padding-bottom:5px;} #footer .copyright:after { display:none; } #footer p.fI { float:none; padding:5px 0; } #fontResize { display:none; } #footer .add-this { float:none; margin:10px auto; position:static; } } @media only screen and (max-width:650px) { .video-container { position: relative; padding-bottom: 50.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; } } /*# Shadow#*/ #shadow { float:left; margin:0 auto; width: 100%; max-width:1000px; } /*# Menu/Commercial #*/ #commercial-menu { float:left; width:200px; padding:15px; position:absolute; top:60px; left:0; z-index:8; background:url(/FirstNational/Images/brown-90.png); } #commercial-menu { -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #commercial-menu li a { background:url(/FirstNational/theme-b/img/arrow-24.png) no-repeat right 2px; color:#4b4315; display:block; padding:0 15px 0 5px; line-height:28px; text-decoration:none; border-bottom:1px dotted #000; } #commercial-menu li a:hover { color:#000; } /*# Font sizer #*/ .fsizer { position:absolute; top:5px; right:15px; } .fsizer a { display: block; float: left; width: 18px; margin-left: 5px; text-align: center; border: 1px dotted #ccc; color: #5761a0; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 100%; } .fsizer a:hover { text-decoration: none; background: #ebebeb; } .fsizer a#fs-sml { font-size: 9px; height: 14px; padding-top: 4px; } .fsizer a#fs-med { font-size: 13px; height: 16px; padding-top: 2px; } .fsizer a#fs-lrg { font-size: 16px; height: 17px; padding-top: 1px; } .fsizer a.fsactive { color: #000; background: #ebebeb; cursor: default; } /*# First National Settings #*/ #fn-settings { margin:0 auto; width:100%; max-width:1000px; padding:0; } #fn-settings #fn-950 { float:left; width:100%; padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fn-settings #fn-950 a { color:#fff; } #fn-settings #fn-950 div#fi { float:right; height:50px; text-indent:-9999px; display:block; background-color:#fff; padding-left:20px; } #fn-settings .foundation { width:110px; background:url(/FirstNational/Images/foundation.gif) no-repeat top right; } #fn-settings .foundation-redcross { width:220px; background:url(/FirstNational/Images/foundation-red-cross.gif) no-repeat top right; } #fn-settings .foundation a { float:right; width:110px; height:50px; display:block; } #fn-settings .foundation-redcross a { float:right; width:220px; height:50px; display:block; } #fn-settings .quality-assurance { width:150px; background:url(/FirstNational/Images/quality-assurance.gif) no-repeat top right; } /*# Item Repeater #*/ #item-repeater { width:100%; padding:15px 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #item-repeater .item { float:left; padding:15px; border-bottom:1px solid #4d4d4f; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #item-repeater .item.first { border-top:1px solid #4d4d4f; } #item-repeater .item.alt { background:#f1f1f1; } #item-repeater .item.selected { border-bottom:none; padding:15px 0;} #item-repeater .head { font-size:14px; } #item-repeater .head a { color:#2b91da; } #item-repeater .head a:hover { color:#1c5a87; text-decoration:none; } #item-repeater .body { } #item-repeater .body a { text-decoration:none; } #item-repeater .body a:hover { color:#000; } #item-repeater .body .button-arrow, #item-repeater .body .read-more a, #item-repeater .body .read-less a { float:right; background:#2b98d7; color:#fff; display:block; padding:0 15px; line-height:28px; text-decoration:none; margin-top:5px; } .isCommercial #item-repeater .body .read-less a { background:#636466; } #item-repeater .body .button-arrow.previous, #item-repeater .body .read-less a { float:right; } #item-repeater .body .button-arrow:hover, #item-repeater .body .read-more a:hover, #item-repeater .body .read-less a:hover { background-color:#ccc; } .isCommercial #item-repeater .body .read-less a:hover { background-color:#FE000C; } #item-repeater .body .read-more a, #item-repeater .body .read-less a { margin:5px; } #item-repeater .item .img { float:right; padding:0 0 0 20px; } #item-repeater .item.selected .img { padding:0 0 20px 20px; } #item-repeater .item .side-images { float:right; width:33%; } #item-repeater .item .side-images.si-150 { float:right; width:30%; padding-left:20px; } #item-repeater .item .side-images.si-200 { float:right; width:30%; padding-left:20px; } #item-repeater .item .side-images.si-300 { float:right; width:45%; padding-left:20px; } #item-repeater .item .side-images .img { padding:0 0 20px 0 ; } #item-repeater .item .side-images .img.first-image.last-image, #item-repeater .item .side-images .img.last-image { padding:0; } #item-repeater .body .button-download { background:url(/FirstNational/Images/button-download.png) no-repeat center left; padding-left:35px; line-height:20px; padding-top:8px; height:20px; display:inline-block; margin:5px 2px 10px 0; color:#000; } #item-repeater .body .button-download span { border-bottom:1px dotted #000; } #item-repeater .date { font-size:0.8em; font-style:italic; } @media only screen and (max-width: 580px) { #item-repeater .item .side-images { float:left; width:100%; } #item-repeater .item .side-images img { float:left; } } /*# Attachment slideshow images #*/ #page-side-images .side-images { float:right; width:100%; } #page-side-images .side-images.si-300 { float:right; } #page-side-images .side-images .img { padding:0 0 20px 0 ; } #page-side-images .side-images .img.first-image.last-image, #page-side-images .side-images .img.last-image { padding:0; } /*# News Archive #*/ #page-content.news-archive { } #page-content.news-archive #item-repeater { padding:0; width:100%; } #page-content.news-archive #item-repeater .item { width:100%; position:relative; padding:5px 10px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #page-content.news-archive #item-repeater .item.selected { width:100%; position:relative; padding:5px 0 10px 0; } #page-content.news-archive #item-repeater .item .head {} #page-content.news-archive #item-repeater .item .button-arrow.absolute { position:absolute; top:50%; right:15px; margin-top:-14px; } .suburb-archive { width:30% !important; } .suburb-default { width:65% !important; } .suburb-default .side-images { padding:0 0 15px 15px; } #item-archive { float:left; width:100%; background: #eee; padding-bottom:30px; } #item-archive .title { background: #2b98d7; margin:0 0 10px 0; padding: 8px 15px; line-height:20px; float:left; width:100%; color:#4d4d4f; font-size:1.166em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff;} .isCommercial #item-archive .title { background:#FE000C; } #item-archive ul { list-style:none; margin:0; padding:0 20px; } #item-archive li { list-style: disc; width:100%; padding: 5px 0 5px 5px; border-bottom: 1px dotted #ccc; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style-position: inside; } #item-archive li a { color:#000; padding:3px 0; display:inline-block; } #item-archive li:hover, #item-archive li a:hover { color:#2b98d7; } .isCommercial #item-archive li:hover, .isCommercial #item-archive li a:hover { color:#FE000C; } /*# Testimonials #*/ #testimonials .item .img { padding-bottom:5px !important; } .team-testimonial { padding-top:25px; } .team-testimonial #item-repeater { width:65%; float:right; padding:0; } @media only screen and (max-width:767px){ .team-testimonial #item-repeater { width:100%; float:left; } } /*# Blog #*/ #page-side.blog-page { float:right; width:30%; } #page-content.blog-page { width:66%; float:left; padding-top:0 !important; } #page-content.blog-page #item-repeater { padding:0; width:100%; } #page-content.blog-page #item-repeater .item { width:100%; position:relative; padding:5px 10px 10px 10px; } #page-content.blog-page #item-repeater .item.selected { border-bottom:1px dotted #cecdc4; margin-bottom:10px; } #page-content.blog-page #item-repeater .button-comment { margin-right:10px; } #page-content.blog-page #item-repeater .head { font-size:1.334em; margin:0 10px 0 0; } #page-content.blog-page #item-repeater .blog-date strong { font-size:1.5em; font-weight:normal; } #page-content.blog-page #item-repeater .teaser-image, #page-content.blog-page #item-repeater .teaser-image.right { max-width:240px; float:right; padding:0 0 10px 10px; } #page-content.blog-page #item-repeater .teaser-image.left { float:left; padding:0 10px 10px 0; } #page-content.blog-page #item-repeater .teaser-image.full { max-width:100%; float:none; padding:0 0 15px 0; clear:both; } #page-content.blog-page #item-repeater .btns { clear:both; width:100%; } #page-content.blog-page .comments { padding:10px; } #page-content.blog-page .comments .BlogCommentsTitle { display:block; clear:both; padding-bottom:10px; font-weight:bold; } #page-content.blog-page .comments .BlogLeaveComment { display:block; clear:both; padding:10px 0; font-weight:bold; } #page-content.blog-page .comments .CommentUserName { font-weight:bold; } #page-content.blog-page .comments input { border:1px solid #ccc; width:180px; } #page-content.blog-page .comments textarea { border:1px solid #ccc; width:242px; } #page-content.blog-page .comments label { padding:5px 0 2px 0; display:block; } #page-content.blog-page .comments .SubmitButton { width:auto; padding:0 10px; height:20px; !important; margin-top:10px; } #page-content.blog-page #item-repeater .head a { font-size:1.25em; } #page-content.blog-page #item-repeater .post-title { float:left; line-height:20px !important; } #page-content.blog-page .comments .BlogPanel .InfoLabel, #page-content.blog-page .comments .BlogRequiredValidator span, #page-content.blog-page .comments .ErrorLabel { color:#f00; } #page-content.blog-page .comments .SubmitButton { cursor:pointer; background:#d7d5c8; color:#4b4315; display:block; padding:0 15px; line-height:28px; } #page-content.blog-page .comments .SubmitButton:hover { background:#cccabe; } #page-content.blog-page hr.PostCommentSeparatorLine { border:none; border-bottom:1px dotted #cecdc4; } #page-content.blog-page .CommentDate { font-style:italic; } #page-content.blog-page #item-repeater .post-title { float:left; width:100%; padding-bottom:10px; padding-top:5px; } #page-content.blog-page #item-repeater .posted-by { font-size:0.75em; display:block; } #page-content.blog-page #item-repeater .posted-by img { float:left; padding-right:10px; } #page-content.blog-page #item-repeater .posted-by a { font-size:12px; color:#000; } #page-content.blog-page #item-repeater .posted-by a:hover { color:#2b91da } #page-content.blog-page #item-repeater .blog-date { background:#e7e5da; float:left; padding:10px 10px 5px 10px; min-width:40px; text-align:center; margin-right:10px; } #page-content.blog-page #item-repeater .blog-social { float:left; padding-top:11px; } #page-side.blog-page .TagCloud { width:220px; float:left; padding:0 20px 0 25px; } .selected .blog-social .addthis_32x32_style .at4-icon, .selected .blog-social .addthis_32x32_white_style .at4-icon, .selected .blog-social .at-32x32 { width:25px !important; height:25px !important; line-height:25px !important; background-size:25px !important; } #post-archive { float:left; width:100%; margin-top:-9px; } #post-archive .head { display:block; padding:0 15px; background:#999; color:#fff; overflow:hidden; margin-bottom:1px; height:34px; line-height:34px; cursor:pointer; font-size:13px; } #post-archive .head:hover { background:#666; } #post-archive .head.selected { cursor:default; background:#666; } #post-archive .head:after { content:" + "; float:right; font-size:16px; } #post-archive .head.selected:after { content:""; } @media only screen and (max-width:700px) { #page-side.blog-page { width:100%; padding-bottom:20px; } #page-content.blog-page { width:100%; } } /*# Accordion #*/ #accordion .head { cursor:pointer; } #accordion .item.selected { border-bottom:1px solid #4d4d4f; float:left; padding-bottom:10px; } /*# Offices #*/ .googleMap, .googleMapDetail { padding: 3px; border: 1px solid #c7c7c7; margin-top: 30px; margin-bottom: 25px; } .googleMapDetail { margin-top: 87px; float: right; width: 430px; } /*# Listing #*/ #listing-left { float:left; width:28%; overflow:hidden; } #listing-right { float:right; width:68%; } .listing .bbc { float: right; list-style:none !important; margin:0 !important; padding:0 !important; } .listing .bbc li { height: 25px; line-height: 25px; width: auto; float:left; font-size:12px; background: url(/FirstNational/Images/sprite-bbc.png) right 0 no-repeat; padding:0 !important; margin-right:10px;} .listing .bbc span { display: none; } .listing .bbc strong { display: block; text-align: left; width: auto; font-weight:normal; padding:0 5px 0 0; color:#fff !important; } .listing .bbc .bed { background-position: right 0px; padding-right:35px !important; } .listing .bbc .bath { background-position: right -25px; padding-right:20px !important; } .listing .bbc .car { background-position: right -50px; padding-right:25px !important; } .listing .bbc .land { background-position: right -75px; padding-right:30px !important; } .listing .bbc .pets { background-position: right -225px; padding-right:35px !important; margin-right:0px; } .StickerNew, .Stickernew { position:absolute; top:0; left:0; width:99px; height:114px; background:url(/FirstNational/Images/sprite-stickers-2.png) 0 0; z-index:2; } .StickerSold, .Stickersold { position:absolute; top:0; left:0; width:99px; height:114px; background:url(/FirstNational/Images/sprite-stickers-2.png) -100px 0; z-index:2; } .StickerLeased, .Stickerleased, .FNSLease, .FNSlease, .FNSLease.StickerUnderContract, .FNSlease.Stickerundercontract { position:absolute; top:0; left:0; width:99px; height:114px; background:url(/FirstNational/Images/sprite-stickers-2.png) -200px 0; z-index:2; } .StickerUnderContract, .Stickerundercontract { position:absolute; top:0; left:0; width:99px; height:114px; background:url(/FirstNational/Images/sprite-stickers-2.png) -300px 0; z-index:2; } .StickerAuction, .Stickerauction { position:absolute; top:0; left:0; width:99px; height:114px; background:url(/FirstNational/Images/sprite-stickers-2.png) -400px 0; z-index:2; } .StickerApplicationsClosed, .Stickerapplicationsclosed { position:absolute; top:0; left:0; width:99px; height:114px; background:url(/FirstNational/Images/sprite-stickers-2.png) -500px 0; z-index:2; } .status { position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; width: 130px; height: 110px; } .status span { background-color: #64869b; font-size: 12px; color: #fff; text-transform: uppercase; text-align: center; font-weight: normal; line-height: 30px; width: 180px; height: 30px; display: block; position: absolute; top: 28px; left: -36px; -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); -moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); transform: rotate(-40deg); } .status.s-new span { background:#fff; color:#64869b; } /*.status.s-sold span { background-color:#FE000C; }*/ /*# Listing/Summary #*/ #listing-summary .title h4 { font-weight:300; } .images img.load { margin:5px !important; } .empty-data { float:left; margin-bottom:20px; } #listing-summary .listing, .listing * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #listing-summary .listing { float:left; width:100%; background:#fff; margin-bottom:20px; border:1px solid #b3b3b3; } #listing-summary .images { float:left; width:38%; padding:10px 10px 25px 10px; position:relative; } #listing-summary .images a { display:block; text-align:center; box-shadow: 0 4px 4px rgba(0,0,0,0.3); min-height:120px; background:#f2f2f2; border-bottom:none; } #listing-summary .images a.wrap-load { text-align:right; } #listing-summary .images img { max-height:174px; } #listing-summary .desc { float:left; width:62%; padding:10px 15px 10px 0; } #listing-summary .desc h2 { font-size:15px; font-weight:600; } #listing-summary .desc h3 { font-size:13px; font-weight:600; padding-bottom:5px;} #listing-summary .desc p { /*-ms-word-break: break-all; word-break: break-all;*/ margin-bottom:5px; font-size:13px; } #listing-summary .desc p br { display:none; } #listing-summary .desc .price { } #listing-summary .desc .id { font-size:11px; } #listing-summary .desc .open-dt, #listing-summary .desc .auction-dt { margin:0 0 2px 0; padding:0; } #listing-summary .bbc { float:left; color:#333; } #listing-summary .bbc li strong { color:#333 !important; } #listing-summary .feat-links { list-style:none; margin-left:0 !important; padding-top:5px; float:right; } #listing-summary .feat-links a { color:#fff; display:block; background:#00588e; font-size:13px; padding:2px 10px; margin:0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:right;} #listing-summary .s .feat-links a { font-size:11px; } #listing-summary .l .feat-links a { font-size:15px; } #listing-summary .feat-links a:hover { background:#2b98d7; text-decoration:none; } .isCommercial #listing-summary .feat-links a:hover { background:#FE000C; } #listing-summary .feat-links .clear-left { display:block; float:left; } .inspectrealestate{ display:none; } .inspectHide a.inspectre, .inspectHide .bookInspection { display:none !important; } .inspectre, .viewTracker { background:#bf0000!important; } @media only screen and (max-width: 767px) { #listing-left { width:100%; max-height: 50px; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; } #listing-left.refine { max-height:1000px; margin-bottom:20px; } #listing-search { margin-top:20px !important; } #listing-right { width:100%; } #listing-summary .images { width:100%; padding:15px 15px 25px 15px; } #listing-summary .desc { width:100%; padding:0 15px 15px; } #listing-summary .images a.wrap-load { text-align:center; } #listing-summary .feat-links { width:100%; } #listing-summary .feat-links a { width:100%; display:block; } #listing-summary .feat-links a { text-align:center; padding:10px; margin-top:20px; } a#refine-search { display: block !important; background:#666;color:#fff;border:none;line-height:35px; padding: 0;cursor:pointer;height:35px;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; width: 100%; text-align: center; text-decoration:none; } a#refine-search:hover { background-color:#00588e; } } /*# Listing/Latest #*/ #latest-listings { float:left; width:100%; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #latest-listings .title { font-size:1.334em; padding-bottom:10px; } #latest-listings .listing { width:31.3%; max-width:295px; background:#dbdad2; box-shadow: 1px 2px 4px rgba(0,0,0,0.3); padding:10px; margin:0 2% 2% 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #latest-listings .listing .image { width:100%; position:relative; overflow:hidden; } #latest-listings .listing .image img { margin:-1px 0 0 -1px; width:auto; max-width:100%; max-height:204px; } #latest-listings .listing .no-photo { float:left; width:100%; height:188px; background:url(/FirstNational/Images/no-photo.png) no-repeat center; display:none; } #latest-listings .listing .p2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:1.167em; padding:5px 0 10px 0; } #latest-listings .listing .bbc { float:left; width:160px; } #latest-listings .listing .bar a.link { float:right; padding:0 15px; line-height:25px; display:block; background:#124074; color:#fff; margin-left:5px; } #latest-listings .listing .bar a.link:hover { background:#1d8ccb; text-decoration:none; } #latest-listings .empty-data { padding-top:0; } .isCommercial #latest-listings .listing .bar a.link{ background:#636466; } .isCommercial #latest-listings .listing .bar a.link:hover { background:#FE000C; } #latest-listings .listing .bbc strong { color:#999 !important; } #latest-listings .listing .bbc .bed { background-position: right -0px; } #latest-listings .listing .bbc .bath { background-position: right -25px; } #latest-listings .listing .bbc .car { background-position: right -50px; } #latest-listings .listing .bbc .pets { background-position: right -100px; } @media only screen and (min-width: 480px) and (max-width: 767px) { #latest-listings { padding:20px 0; } #latest-listings .listing { width:49%; margin-right:1%; max-width:100%;} #latest-listings .listing.no2 { width:49%; margin-right:0%; margin-left:1%; } } @media only screen and (max-width: 479px){ #latest-listings { padding:20px 0; } #latest-listings .listing { width:100%; margin:0 0 6% 0; max-width:100%; } } /*# Listing/Gallery#*/ #listing-summary .ls-gallery { display:none; } /*# Listing/OFI #*/ #listing-ofi { width:100%; padding:30px 0 0 0; float:right; } #listing-ofi tr td.title { padding: 15px 0px 5px 0; } #listing-ofi tr.head { background: #999; border-bottom: 10px solid #fff; font-size: 12px; color:#fff; } #listing-ofi tr.head th { padding: 5px; } #listing-ofi tr.light { background: #fff; border-bottom: 1px solid #f0efea; color:#000; } #listing-ofi tr.dark { background: #f0efea; color: #000; } #listing-ofi tr a { background:#666; line-height:18px; display:block; padding:0 10px; color:#fff; text-align:center; } #listing-ofi tr.light td, #listing-ofi tr.dark td { padding:5px; } #listing-ofi tr.light:hover { background:#dbdbdb; cursor:pointer; } #listing-ofi tr.dark:hover { background:#dbdbdb; cursor:pointer; } #listing-ofi a { text-decoration:none; } #listing-ofi br { display:none; } #listing-ofi a.download-appointment, .download-appointment{ background:url(/FirstNational/Images/calendar.png) no-repeat; width:15px; height:14px; display:none; line-height:14px; padding:0; text-align:left; margin-left:5px; } .download-appointment span { display:none; } .print-ofi-list { color:#fff !important; position:absolute; top:10px; right:15px; background:#005986; display:block; line-height:25px; padding:0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .print-ofi-list:hover{ background:#2b91da; text-decoration:none; } .print-ofi-list.print-sevendays { right:250px; } .print-ofi-list.ofi-simple { right:140px; } @media only screen and (max-width:767px) { .hide-small { display:none; } .print-ofi-list { display:none; } } @media only screen and (max-width:479px) { #listing-ofi br { display:block; } } /*# Listing/Pager #*/ .topPagerStyle { font-size:1.166em; float:left; width:100%; padding:10px 0; } .topPagerStyle ul { float:left; position:absolute; top:-35px; right:10px; } .topPagerStyle li{ float:left; padding-right:10px; line-height:20px; color:#fff; } .topPagerStyle a { color:#fff; } .topPagerStyle .PagerSelect, .topPagerStyle select { float:right; border:1px solid #ccc; padding:3px; font-size:12px; } .topPagerStyle .count { font-size:12px; line-height:25px; } .bottomPagerStyle { float:left; width:100%; } .bottomPagerStyle ul { float:right; } .bottomPagerStyle li{ float:left; padding-right:10px; line-height:25px; color:#000; } .bottomPagerStyle a { color:#000; } .bottomPagerStyle .PagerSelect, .bottomPagerStyle select { float:right; border:1px solid #ccc; padding:3px; font-size:12px; display:none; } .bottomPagerStyle .count { display:none; } /*#listing-menu { float:right; width:430px; position:absolute; right:215px; top:64px; } */ #listing-menu { float:right; width: auto; position:absolute; right: 10px; top: 9px; } #listing-menu li { float:left; padding-right:5px; } #listing-menu li a { background:#666; display:block; line-height:25px; padding:0 10px; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #listing-menu li a:hover, #listing-menu li a.selected { background:#00588e; text-decoration:none; } #listing-menu.lmdetail-res, #listing-menu.lmdetail-rental, #listing-menu.lmdetail-rural, #listing-menu.lmdetail-comm, #listing-menu.lmdetail-sold, #listing-menu.lmdetail-rursold{ display:none !important; } @media only screen and (max-width: 767px) { .topPagerStyle ul { display:none; } #listing-menu { position:static; } } @media only screen and (max-width: 420px) { .topPagerStyle .count { float:left; display:block; } .topPagerStyle .PagerSelect, .topPagerStyle select { float:left; } } /*# Google Map #*/ .map-search { float:right; width:630px; height:508px; padding-top:10px; margin-top:35px; max-width:100%; } #Map { float:left; margin:0; width:630px; height:508px; } #map-side-bar { float:left; width:300px; } #map-side-bar .item { width:300px; float:left; padding:10px 0; border-bottom:1px solid #000; } #map-side-bar .item h3 { float:left; } #map-side-bar .item h4 { float:right; } #map-side-bar .item p { float:left; clear:left; } #map-side-bar .item div { float:left; width:300px; clear:both; } #map-side-bar .item ul { width:120px; float:right; } #map-side-bar .item li { float:left; text-align:right; padding-left:5px; } #pagination { clear:both; } #pagination a, #pagination span.qp_counter{ float:left; display:block; padding-right:10px; line-height:20px; } .map-footer { float:left; width:400px; } #listing-right #map-side-bar { display:none; } #listing-right .map-footer { display:none; } #listing-right .map-search { overflow:hidden; } .gm_marker {} .gm_marker h1 { font-size:14px; padding:0; } .gm_marker h2 { font-size:12px; } .gm_marker h3 { font-size:12px; } /*# Google Map/Advanced #*/ .advanced-page .map-search { float:left; width:100%; height:400px; padding:0; margin:0; } .advanced-page .map-search .map { width:100% !important; } .advanced-page #Map { float:left; margin:0; width:100%; height:400px; } #adv-map .gm-style-iw { left:10px !important; } #adv-map .map-marker a.img-view { float:left; width:120px; height:120px; } #adv-map .map-marker img { float:left; width:120px; vertical-align: top; margin:0; padding:0; border:0; } #adv-map .map-marker p { display:inline-block; overflow:hidden; font-size:14px; padding:5px 10px 30px 10px; } #adv-map .map-marker a { text-decoration:none; } #adv-map .map-marker a.map-view { display:block; padding:7px 12px; font-size:12px; background:#00467e; color:#fff; text-transform: uppercase; margin-top:5px; position:absolute; bottom:3px; } #adv-map .map-marker a.map-view:hover { text-decoration:none; background:#000; } #adv-map .map-marker p span { display:block; margin-top:5px; color:#00467e; font-size:14px; } /*# Listing/Detail #*/ .link-cap { text-transform: capitalize; } #append-body { xdisplay:none; } #append-body, #property-map { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:-99; opacity:0; background:rgba(0,0,0,0.6);} #append-body .map { width:100% !important; } .map-active { overflow:hidden; } .map-active #append-body, .map-active #property-map { z-index:9999; opacity:1; } .map-active #gMap, .map-active .goog-te-ftab-float{ display:none !important; } .return-listings { color: #fff; display: inline-block; padding: 20px 20px 0 20px; } .return-listings:hover { color: #12998c; } .return-listings:before { content:" "; position:absolute; top:50%; margin-top:3px; z-index:3; } .return-listings:before{ margin-left:-15px; border-top: 6px solid transparent; border-right: 7px solid #fff; border-bottom: 6px solid transparent; } .return-listings:hover:before { border-right-color:#12998c; } .return-listings-white { color: #155fa8; display: inline-block; padding: 0 20px 20px 20px; margin-bottom:15px; border-bottom:none !important; } .return-listings-white:hover { color: #ed1c24; } .return-listings-white:before { content:" "; position:absolute; top:50%; margin-top:-24px; z-index:3; } .return-listings-white:before { margin-left:-15px; border-top: 6px solid transparent; border-right: 7px solid #155fa8; border-bottom: 6px solid transparent; } .return-listings-white:hover:before { border-right-color:#ed1c24; } .agency-back .return-listings-white { padding: 0 20px 0px 20px; margin-bottom:10px; } .agency-back .return-listings-white:before { margin-top:-11px; } .download-appointment { display:none; } body > #gMap { position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } body > #close-map { background:#124074; width:70px; height:70px; top:120px; right:10px; z-index:10000; position:fixed; display:block; font-size: 40px; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; text-align:center; line-height:60px; -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; border-radius: 70px; border:2px solid #fff; } body > #close-map:hover { background:black; } #listing-detail #map div { width:100%; height:100%; background-size:cover; background-position:50% 50%; position:absolute; top:0; left:0;} #propertyMap { display:none; } #listing-detail a { border-bottom:none; } #listing-detail { float:left; width:100%; } #listing-detail .ld-left { float:left; width:72%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:5px;} #listing-detail .ld-right { float:left; width:28%; } #listing-detail .ld-top p { font-size:17px; font-weight:600; color:#07447b; margin-bottom:10px; } .s #listing-detail .ld-top p { font-size:15px; } .l #listing-detail .ld-top p { font-size:19px; } #listing-detail .images { float:left; width:100%; max-height:405px; overflow:hidden; position:relative; } #listing-detail .images .carousel { margin-bottom:0; } #listing-detail .hide-thumb {display: none !important;} #listing-detail .gallery #main-image { float:left; width: 80%; max-height:410px; } #listing-detail .gallery #main-image a { display:block; width:100%; padding-bottom:75%; height:0; overflow:hidden; position:relative; } #listing-detail .gallery #main-image img { border-right:2px solid #fff; position:absolute; top:0; left:0; right:0; bottom:0; } #listing-detail .gallery { display: block; margin:0 !important;background:#f2f2f2; list-style:none; } #listing-detail .gallery li { margin: 0; padding: 0; line-height: 0; width:20%; float:left; max-height:102px; border-bottom:2px solid #fff; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right:2px solid #fff; } #listing-detail .gallery li img { border-right:2px solid #fff; } #listing-detail .detail-bar { float:left; width:100%; } #listing-detail .detail-bar h1, #listing-detail .detail-bar h3 { font-size:16px; color:#07447b; } .s #listing-detail .detail-bar h1, .s #listing-detail .detail-bar h3 { font-size:14px; } .l #listing-detail .detail-bar h1, .l #listing-detail .detail-bar h3 { font-size:18px; } #listing-detail .side-images { float:left; width:20%; max-height:405px; overflow:hidden; } #listing-detail #map { cursor:pointer; width:100%; height:0; padding-bottom:100%; overflow:hidden; position:relative; margin-bottom:5px; background:#f2f2f2; } #listing-detail #map.no-map { display:none; } #listing-detail #map .map, #listing-detail #map > div { width:100% !important; height:100% !important; position:absolute !important; top:0; left:0; right:0; bottom:0; } #listing-detail #map span { display:none; } .no-touch #listing-detail #map:hover span, .touch #listing-detail #map span { display:block; position: absolute; bottom: 20%; left: 50%; width: 140px; margin-left: -70px; text-align: center; background: #000; line-height: 40px; color: #fff; opacity: 0.6; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } #listing-detail .desc { float: left; width: 96%; line-height: 1.6; font-size:13px; padding-right:40px; border-bottom:1px solid #005986; padding-bottom:20px; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #listing-detail .extra { float: left; width: 100%; margin-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px; background:#f2f2f2; border:1px solid #ccc; margin-bottom:20px; } #listing-detail .extra p.title { color:#005986; font-size:17px; font-weight:300; } #listing-detail .extra p { font-size:12px; margin-bottom:5px; line-height:1.6; } .s #listing-detail .extra p { font-size:10px; } .l #listing-detail .extra p { font-size:14px; } #listing-detail .detail-bar { float:left; width:100%; padding:10px 15px 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #listing-detail .detail-bar h1, #listing-detail .detail-bar h3 { float:left; margin:0; line-height:25px; max-width:400px; } #listing-detail .bbc { float: right; list-style:none !important; margin:0 !important; padding:0 0 0 20px !important; } #listing-detail .bbc li { height: 25px; line-height: 25px; width: auto; float:left; font-size:12px; background: url(/FirstNational/Images/sprite-bbc.png) right 0 no-repeat; padding:0 !important; margin-right:10px;} #listing-detail .bbc span { display: none; } #listing-detail .bbc strong { display: block; text-align: left; width: auto; font-weight:normal; padding:0 5px 0 0; color:#3b3b3c !important; } #listing-detail .bbc .bed { background-position: right 0px; padding-right:35px !important; } #listing-detail .bbc .bath { background-position: right -25px; padding-right:20px !important; } #listing-detail .bbc .car { background-position: right -50px; padding-right:25px !important; } #listing-detail .bbc .land { background-position: right -75px; padding-right:30px !important; } #listing-detail .bbc .pets { background-position: right -225px; padding-right:35px !important; margin-right:0px; } #listing-detail .toolbox { margin-left:0 !important; margin-top:0px; clear:both;} #listing-detail .toolbox li { background:#01588e; list-style:none; margin-bottom:10px; box-shadow: 1px 2px 4px rgba(0,0,0,0.3); } #listing-detail .toolbox li a { color:#fff; padding:10px; display:block; } #listing-detail .toolbox li a:hover { background-color:#07447b; text-decoration:none; } #listing-detail .toolbox li.tid3 { } .custom_westwood #listing-detail .toolbox li.tid3, .custom_popenitschke #listing-detail .toolbox li.tid3, .custom_nickvanvliet #listing-detail .toolbox li.tid3 { display:block; } #listing-detail .detail-back { float:right; } #listing-detail .vta-link { padding-right:10px; } .vta-link a, .vtnz-link a { /*background:url(/FirstNational/Images/arrow-24-white.png) no-repeat 179px 6px #bf0000 !important;*/ background:#bf0000 !important; color:#fff !important; display:block; padding:10px; text-decoration:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #apply-one-form, .viewing-tracker { display:none !important; } .apply-one-form { display:none; } #listing-detail .apply-one-form a, .bookInspection a, .customLink { background: #bf0000 !important; color:#fff !important; } #listing-detail .apply-one-form a:hover, .bookInspection a:hover, .vta-link a:hover, .vtnz-link a:hover, .customLink:hover { background-color:#07447b !important; } .book-it-link a { background:#c00000 !important; color:#fff !important;} .hideButton { display:none !important; } #listing-detail .link.inspectre { display:none; } #reim { position:absolute; top:0; width:80%; height:100%; background:#fff; z-index:999; border-right:2px solid #fff; display:none; } #reim.play { display:block; } #reim iframe { border:none !important; } #play { position: absolute; top: 0; left: 0; width: 80%; height: 100%; background: url(/FirstNational/National/play-btn.png) no-repeat center; background-size:90px auto; display: block; text-indent: -9999px; cursor:pointer; } #mobile .printPdfBtn { display:none !important; } .agent, .agent p { font-size:13px; } .agent a:hover { text-decoration:none; } .agent { float:left; width:48%; padding:20px 2% 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .agent .name { font-style:italic; padding-bottom:5px; font-size:14px;color:#005986; font-weight:bold; } .agent p { float:left; width:65%; } .agent p strong { font-style:normal; color:#005986; font-size:13px; display:none; } .agent p a { width:100%; display: inline-block; -ms-word-break: break-all; word-wrap: break-all; color:#000; } .agent .link { color:#165292; } .agent .image { float:left; width:30%; max-width:95px; padding-right:10px; } .agent .image img { } .agent p.office { width:100%; } .listed-by { display:none; } .listed-by.show { float:left; width:100%; clear:both; font-size:14px; display:block; } .listed-by .listed { color:#005986; font-weight:600; padding-bottom:10px; } .listed-by img { float:left; padding-right:20px; max-height:80px; max-width:50%; vertical-align:top; } .listed-by strong { display:block; padding-bottom:10px; } .listed-by .listed-address { overflow:hidden; } .listed-by span { text-transform:uppercase; } div.appointments { float:left; width:100%; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F2F2F2), color-stop(1, #FFFFFF) ); background-image: -o-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%); background-image: linear-gradient(to top, #F2F2F2 0%, #FFFFFF 100%); min-height:128px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top:10px; padding-left: 10px; margin-bottom:20px; } div.appointments .p { padding-left:70px; min-height:60px; background:url(/FirstNational/theme-b/img/clock.png) no-repeat top left; } .detail-social { float:right; padding:15px 0 0 0; } .detail-social .addthis_button_google_plusone { max-width:38px; overflow:hidden; width:38px !important; display:inline-block; } .detail-social .addthis_32x32_style .at4-icon, .detail-social .addthis_32x32_white_style .at4-icon, .detail-social .at-32x32 { width:25px !important; height:25px !important; line-height:25px !important; background-size:25px !important; } @media screen and (max-width: 767px) { #listing-detail .images { max-height:auto; } #listing-detail .gallery #main-image { float:left; width: 100%; display:block;} #listing-detail .gallery #main-image a { height:auto; padding-bottom:0; } #listing-detail .gallery #main-image img { position:relative; } #listing-detail .gallery li {display:none} #listing-detail .ld-left { width:100%; } #listing-detail .ld-right { width:100%; } #listing-detail .agent { width:48%; } #listing-detail .extra { width:100%; margin-right:0; } #listing-detail .desc { width:100%; padding-bottom:20px; } #listing-detail .bbc { width:100%; float:left; padding-left:0 !important; } #listing-detail div.appointments { margin-top:20px; } #listing-detail #map { box-shadow: 1px 2px 4px rgba(0,0,0,0.3); border:1px solid #dededd; } #play { width:100%; } #reim { width:100%; } #listing-detail .agent { width:100%; } #listing-detail .agent p { float:left; width:70%; font-size:13px; } #listing-detail .agent p.office { color:#07447b; font-size:14px; } #listing-detail .agent .image { float:left; width:30%; max-width:300px; padding-right:10px; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #listing-detail .agent a.name { margin-bottom:10px; } #listing-detail .agent p br, #listing-detail .mb-icons br { display:none; } a.mb { display:inline-block; line-height:50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#c7c7c7; margin-top:5px; width:50px !important; } a.mb span { background-size:50px 50px !important; display:block; height:50px; padding:0 0px 0 0px; font-weight:bold; color:#c7c7c7; text-indent:-9999px; } a.mb strong { display:none; } a.mb.mobile span { background:url(/FirstNational/Images/Icons/callagent.png) no-repeat 0;} a.mb.work span, a.mb.phone span { background:url(/FirstNational/Images/Icons/calloffice.png) no-repeat 0; } a.mb.sms span { background:url(/FirstNational/Images/Icons/smsagent.png) no-repeat 0; } a.mb.email span { background:url(/FirstNational/Images/Icons/email.png) no-repeat 0; } a.mb.profile span {background:url(/FirstNational/Images/Icons/propertiesagent.png) no-repeat 0; } body > #close-map { top: auto; bottom:30px; } } /*# Features/Commercial #*/ #comm-photo { float:right; width:296px; } #features-commercial { float:right; width:296px; height:222px; overflow:hidden; position:relative; } #features-commercial #nav { position:absolute; top:10px; right:10px; z-index:9; } #features-commercial #nav a { display:block; width:12px; height:12px; text-indent:-9999px; background:#c2bfac; margin-right:5px; float:left; } #features-commercial #nav a.activeSlide { background:#8a8777; } #features-commercial #rotate-feature { float:left; } #features-commercial .listing { float:left; width:296px; position:relative; height:222px; overflow:hidden; } #features-commercial .listing .bar { position:absolute; bottom:0; left:0; width:297px; line-height:25px; padding:5px 15px; color:#fff; font-size:1.334em; background:url(/FirstNational/Images/blue-80.png); } #features-commercial .listing .bar a { color:#fff; font-weight:normal; text-decoration:none; } #features-commercial .listing img { margin:-1px 0 0 -1px; } /*# Home #*/ .home-page .center { position:relative; } .home-content { float:left; width:588px; background:#f0efe9; padding:10px; color:#625a30; min-height:259px; height:auto !important; height:259px; } .home-content h1 { font-size:1.25em; padding-bottom:10px; } .home-content img { float:left; padding:0 10px 10px 0; } .commercial-slideshow { float:left; width:623px; height:428px !important; overflow:hidden; position:relative; } #home-commercial .home-content { min-height:202px; height:auto !important; height:202px; } .jobs {clear: both; } .home-search { float:right; min-width:270px; width:33%} .cta { padding-top:20px; } .cta .box { display:inline-block; width:33.33%; padding:0 10px 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; vertical-align:top; } .cta .box.size_2 { width:66.66%; } .cta .box.size_3 { width:100%; padding-right:0;} .cta .coh .image { position:relative; } .cta .coh .image img { width:100%; } .cta .coh .title { padding:10px; font-weight:300; background:#636466; color:#fff; font-size:14px;} .cta .coh .title:hover, .cta .coh:hover .title { background-color:#00588e; } .cta .coh .title a { color:#fff; text-decoration:none; display:block; } .cta .coh .body { padding:10px; line-height:17px; min-height:34px; } .touch .box .image .grey-overlay { display:none !important; } .cta .line-break { float:left; width:100%; height:1px; overflow:hidden; } .cta .line-break.border { border-top:1px solid #999; padding-bottom:20px; } .cta .box ul { list-style:disc; margin:10px 10px 10px 20px; display:inline-block; } .cta .box ol { list-style-type: decimal; margin:10px 10px 10px 20px; display:inline-block; } .staff-rotate { margin: 0 !important; list-style: none !important; width:100%; } .staff-rotate .read { display:block; } .staff-rotate a { text-decoration:none; } .box div.bx-pager.bx-default-pager { display:none; } .box div.bx-controls-direction { display:block; } .box .bx-wrapper .bx-controls-direction a.bx-prev { left:auto; right:40px; top:auto; background:none; color:#fff; border:none} .box .bx-wrapper .bx-controls-direction a.bx-next { right:10px; top:auto; background:none; color:#fff; border:none} .box .bx-wrapper .bx-controls-direction a { width: 30px; height: 30px; line-height:30px; border-radius:0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; text-decoration:none; margin:-90px 0 0 0; padding:0; } .cta .box .bx-pager { display:none !important; } .fntv-widget { position: relative; padding-bottom: 74%; padding-top: 30px; height: 0; overflow: hidden; -webkit-overflow-scrolling:touch; } .fntv-widget iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; overflow:hidden; } .cta ul#content-menu { margin:0; } .cta ul#content-menu li { background: url(/FirstNational/theme-b/img/arrow-24.png) no-repeat center left; display: block; float:left; width:100%;} .cta ul#content-menu li a { float: left; line-height:30px; height:30px; padding:0; margin:0; width: 100%; padding-left:30px; } .cta ul#content-menu li:hover { background-color:#ccc; } .cta ul#content-menu li a:hover { text-decoration:none; } #co-brand-tb .cta ul#content-menu li { background: url(/FirstNational/Images/arrow-24-white.png) no-repeat 5px center #FE000C; display: block; float:left; width:100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:1px; } #co-brand-tb .cta ul#content-menu li a { line-height:25px; height:25px; color:#fff;} #co-brand-tb .cta ul#content-menu li:hover { background-color:#636466; } #co-brand-tb h1, #co-brand-tb .alt-search #typeButtons p.title, #co-brand-tb #slide-features h2 a { color:#FE000C; } #co-brand-tb .cta .coh .title:hover, #co-brand-tb .cta .coh:hover .title { background-color:#FE000C; } #co-brand-tb .alt-search #typeButtons a.typeSelected:after, #co-brand-tb .bx-wrapper .bx-pager.bx-default-pager a.active { background:#FE000C; } #co-brand-tb .alt-search #typeButtons a:hover:after, #co-brand-tb .bx-wrapper .bx-pager.bx-default-pager a:hover { background:#636466; } #co-brand-tb .alt-search #mainSearch .actions .button { background:#FE000C; } #co-brand-tb .alt-search #mainSearch .actions .button:hover { background:#636466; } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { .cta .coh .title a { min-height:38px; } } /*# Twitter #*/ #twitter-feed { margin-left:0 !important; list-style:none; } #twitter-feed .tweet { font-size:12px; padding-top:20px;} #twitter-feed .date { color:#2099da; font-size:11px; font-style:italic; } #twitter-feed .tweet a { color:#f38118; } /*@media only screen and (min-width:681px) { .cta .box:nth-child(4n+4) { clear:left; } }*/ @media only screen and (min-width:600px) and (max-width:680px) { .cta .box { width:50%; } .cta .box.size_2 { width:100%; } .cta .box:nth-child(odd) { clear:left; } } @media only screen and (max-width:600px){ .cta .line-break.border { border-top:none; padding-bottom:0px; } } /*# Home/Hero#*/ #wrap-hero { float:left; width:100%; position:relative; max-height:450px; overflow: hidden; } #wrap-hero div.bx-controls.bx-has-pager { position: absolute; bottom: 40px; right: 20px; width: 300px; z-index:200; } @media only screen and (min-width:768px) and (max-width: 1450px) { #wrap-hero div.bx-controls.bx-has-pager { top: 0px !important; bottom: auto; } } /*# Home/Feature #*/ #wrap-features { float:left; width:100%; overflow: hidden; margin-top:-35px; position:relative; z-index:80; } #features { margin:0 auto 30px auto; max-width: 650px; width: 60%; float: left; } #features div.bx-pager.bx-default-pager { position:absolute; bottom:10px; } #features .bx-viewport { border:1px solid #d9d9d9; } @media only screen and (min-width:1000px) { #features { padding-left:25px; } } #slide-features > li { background-color:#f5f5f5; } #slide-features > li .container { padding:10px 0; float:left; width:100%;} #slide-features .image { width:100%; float:left; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #slide-features .image a { position:relative; } #slide-features .body { width:100%; float:left; padding:10px 10px 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #slide-features h2 { font-weight:400; margin-bottom:5px; padding:0 10px; color:#2a98d7; font-size:17px;} #slide-features h2 a { color:#2a98d7; } #slide-features p.price { font-weight:600; font-style:italic; font-size:15px; float:left; line-height:25px; padding:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height:25px; max-width:45%; max-width: -moz-calc(100% - 138px); max-width: calc(100% - 138px); } #slide-features ul.bbc { margin:0; float:right; } #slide-features ul.bbc li { float: left; height: 25px; margin: 0 0 0 10px; list-style:none; } #slide-features ul.bbc span { font-size: 15px; padding: 0; margin: 0; display:inline-block; float: left; height: 25px; line-height: 25px; } #slide-features ul.bbc li img { float: right; } #slide-features ul.bbc li.bed { width: 45px; margin-left:0; } #slide-features ul.bbc li.bed img { width:27px; height:14px; margin-top: 5px; } #slide-features ul.bbc li.bath { width: 41px; } #slide-features ul.bbc li.bath img { width:25px; height:19px; } #slide-features ul.bbc li.car { width: 32px; } #slide-features ul.bbc li.car img { width:17px; height:17px; margin-top: 3px; } @media only screen and (max-width: 1000px) { #features .bx-controls-direction { display:none; } #features { width:60%; } } @media only screen and (max-width: 1200px) { #home-hero img { min-width:1200px; margin-left:-600px; } .IE9 #home-hero img, .IE10 #home-hero img, .Gecko11 #home-hero img { margin-left:0px; } #home-hero li > div { padding-left:50%; } .IE9 #home-hero li > div, .IE10 #home-hero li > div, .Gecko11 #home-hero li > div { padding-left:0%; } #wrap-features { margin-top: -30px; } } @media only screen and (min-width: 768px) and (max-width:839px) { .home-search { max-width:100%; width:50%; } .alt-search { max-width:360px !important; } } @media only screen and (max-width: 767px) { body { font-size:1.3em; } .pad-10 { float:left; width:100%; padding:10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #home-hero img { min-width:800px; margin-left:-400px; } .IE9 #home-hero img, .IE10 #home-hero img, .Gecko11 #home-hero img { margin-left:0px; } #features { width:50%; } #home-search { width:50%; max-width:100%; } } @media only screen and (min-width: 601px) and (max-width:830px) { #features { width:50%; } .home-search { width:48%; max-width:100%; } } @media only screen and (max-width: 600px) { .cta li.box { width:100% !important; border-top:1px solid #ccc; padding-top:25px; padding-right:0; padding-left:0; } .cta li.box:first-child { border-top:none; padding-top:0; } .cta .coh .body { padding-left:0; padding-right:0; } #home-hero img { min-width:600px; margin-left:-300px; } .IE9 #home-hero img, .IE10 #home-hero img, .Gecko11 #home-hero img { margin-left:0px; } #wrap-features { padding-bottom:5px; } #features { width:100%; border:1px solid #ccc; background:#f2f2f2; padding-bottom:30px; margin-bottom:15px; } #features .bx-viewport { border:none; } #slide-features > li { background:#f2f2f2; } #table-wrap { float:left; width:100%; overflow:hidden; max-width:100%; } #display-table { display: table; padding:0; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; } .first-div { display: table-footer-group; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; } .second-div { display: table-header-group; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; } .second-div .pad-10 { padding:10px; } } @media only screen and (max-width: 480px) { #home-hero img { min-width:520px; margin-left:-260px; } .IE9 #home-hero img, .IE10 #home-hero img, .Gecko11 #home-hero img { margin-left:0px; } } /* @media only screen and (min-width: 480px) and (max-width: 767px) { #wrap-features { margin:10px auto 30px auto; } #slide-features .image { width:45%; padding-bottom:10px;} #slide-features .body { width:100%; float:none; padding:0 10px 20px 10px; } #features div.bx-pager.bx-default-pager { bottom:-25px; } } */ @media only screen and (max-width: 767px) { #wrap-features { margin:10px auto 30px auto; } #slide-features .image { width:100%; padding-bottom:10px;} #slide-features .image img { width:100%; } #slide-features .body { width:100%; } #slide-features .desc, #slide-features h3, #slide-features .street { display:none; } #features div.bx-pager.bx-default-pager { bottom:-25px; } #features div.bx-controls-direction { display:none; } #slide-features .btn { clear:both; width:100%; margin-top:10px; margin:10px 0 0 0; text-align:center; } } @media only screen and (min-width:600px) and (max-width: 768px) { #features div.bx-pager.bx-default-pager { display:none; } #features div.bx-controls-direction { display:block; } .bx-wrapper .bx-controls-direction a.bx-prev { left:auto; right:70px; top:auto; bottom:75px; background:#00588e; color:#fff; border:none} .bx-wrapper .bx-controls-direction a.bx-next { right:25px; top:auto; bottom:75px; background:#00588e; color:#fff; border:none;} .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; line-height:40px; border-radius:40px !important; -moz-border-radius: 40px !important; -webkit-border-radius: 40px !important; text-decoration:none; } } @media only screen and (max-width: 599px) { #features div.bx-pager.bx-default-pager { display:none; } #features div.bx-controls-direction { display:block; } .bx-wrapper .bx-controls-direction a.bx-prev { left:auto; right:60px; top:auto; background:#00588e; color:#fff; border:none} .bx-wrapper .bx-controls-direction a.bx-next { right:10px; top:auto; background:#00588e; color:#fff; border:none} .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; line-height:40px; border-radius:40px !important; -moz-border-radius: 40px !important; -webkit-border-radius: 40px !important; text-decoration:none; } } /*# Home Callouts #*/ #call-outs { float:left; width:930px; overflow:hidden; } #call-outs .item { float:left; width:296px; overflow:hidden; } #call-outs .item .image { position:relative; } #call-outs .item.alt, #call-outs .item.secondItem { border-right:16px solid #fff; border-left:16px solid #fff; } #call-outs .item .title { background:#636466; color:#fff; float:left; width:276px; padding:0 10px; font-weight:bold; font-size:1.25em; line-height:30px; } #call-outs .item .title a { color:#fff; text-decoration:none; display:block; } #call-outs .item .body { padding:10px; float:left; width:276px; } #call-outs li { float:left; padding:none; margin:0; } #call-outs-vertical { float:right; width:296px; background:#e2e0d3; } #call-outs-vertical .item { float:left; width:276px; background:#e2e0d3; padding:10px; } #call-outs-vertical .item.alt { background:#d5d2c1; } #call-outs-vertical .item .title { background:url(/FirstNational/theme-b/img/arrow-24.png) no-repeat 0 2px; color:#4b4315; display:block; padding:0 15px 0 30px; line-height:28px; text-decoration:none; font-size:1.25em; } #call-outs-vertical .item .title a { color:#4c4313; text-decoration:none; display:block; border-bottom:2px dotted #e2e0d3; line-height:20px; padding-top:4px; margin-bottom:2px; } #call-outs-vertical .item.alt .title a { border-color:#d5d2c1; } #call-outs-vertical .item .title a:hover { border-color:#000; } #call-outs-vertical .item .body { padding:0 10px 5px 30px; float:left; width:236px; } #home-commercial #call-outs { padding-top:16px; } #home-commercial #call-outs .item.thirdItem { border-right:none; } /*# Home #*/ .txt-srch { border-bottom:1px solid #999; padding-bottom:25px; margin-bottom:25px; } .txt-srch h1 { padding-bottom:15px; } @media only screen and (max-width: 480px) { .txt-srch img { float:none; clear:both; width:100% !important; } .txt-srch img:before, .txt-srch img:after { content: " "; display: table; } .txt-srch img:after { clear: both; } } .alt-search { float:right; width:100%; max-width:330px; position:relative; padding:15px 15px 29px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; border:1px solid #d9d9d9} .alt-search #typeButtons { float:left; width:100%; padding:0px 0px 10px 0; color:#5f4917; border-bottom:1px solid #999; margin-bottom:37px; min-height:45px; } .alt-search #typeButtons p { float:left; padding:0 15px 0 0; line-height:25px; font-size:15px; } .alt-search #typeButtons p.title { color:#01588e; line-height:1.2; font-size:19px;} .alt-search #typeButtons p.title span { color:#2e96eb; display:block; font-size:17px; font-style:italic; } .alt-search #typeButtons p.right { float:right; padding:5px 0 0 0; font-size:14px; } .IE7 .alt-search #typeButtons p.right { width:120px; } .alt-search #typeButtons a { display:block; float:left; padding:0 0 0 20px; height:20px; line-height:20px; clear:both; margin-bottom:0; position:relative; } .alt-search #typeButtons a:after { content:""; width:14px; height:14px; background:#ccc; position:absolute; top:3px; left:0; display:block; } .alt-search #typeButtons a.typeSelected:after { background:#01588e; } .alt-search #typeButtons a:hover:after { background:#2e96eb; } .alt-search #typeButtons a:hover, .alt-search #typeButtons .typeSelected { text-decoration:none; } .alt-search #typeButtons a span { display:block; } .alt-search #typeButtons.ruralButtons p.right { display:none !important; } .alt-search .type { display:none !important; } .alt-search .category-type { float:left; width:100%; padding-bottom:5px; } .alt-search select, .alt-search input { font-size:12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .alt-search #mainSearch { float:left; width:100%; padding-top:9px; position:relative; } .alt-search #mainSearch .address { position:absolute; top:-24px; left:0px; width:100%;} .alt-search #mainSearch .address input { width:100%; border:1px solid #ccc; } .alt-search #mainSearch .suburb span, .alt-search #mainSearch .propertytype span, .alt-search #mainSearch .zone span, .alt-search #mainSearch .suburb span.select-multiple { display:none; } .alt-search #mainSearch select { border:1px solid #ccc; width:100%; margin-bottom:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .alt-search #mainSearch label { display:none; } .alt-search #mainSearch .price, .alt-search #mainSearch .leaseprice{ float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .alt-search #mainSearch .from { padding-right:3px; } .alt-search #mainSearch .to { padding-left:3px; } .alt-search #mainSearch .actions { float:left; width:100%; padding-top:6px; padding-left:0px;} .alt-search #mainSearch .actions .button { background:#01588e; color:#fff; border:none; line-height:25px; padding:0 10px; cursor:pointer; height:25px; float:right; width:49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .alt-search #mainSearch .actions .button:hover { background:#2e96eb; text-decoration:none; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .alt-search { height:360px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .alt-search { height:315px; } } @media only screen and (max-width: 600px) { .home-search { width:100%; overflow:hidden; } .home-search .alt-search { max-width:100%; width:100%; } } /*# Search #*/ #home-search { float:right; width:327px; height:428px; background:#f0efea; position:relative; } #home-search #typeButtons { float:left; width:280px; padding:35px 20px 0 30px; color:#5f4917; } #home-search #typeButtons p { float:left; padding:0 15px 0 0; line-height:25px; font-size:15px; } #home-search #typeButtons p.right { float:right; padding:0; font-size:14px; } .IE7 #home-search #typeButtons p.right { width:120px; } #home-search #typeButtons a { display:block; float:left; padding:0 10px; height:25px; line-height:25px; color:#fff; background:#c2bfac; } #home-search #typeButtons a:hover, #home-search #typeButtons .typeSelected { background:#9c9986; text-decoration:none; } #home-search #typeButtons a span { display:block; } #home-search #typeButtons.ruralButtons p.right { display:none !important; } #home-search .type { display:none !important; } #home-search .category-type { float:left; width:100%; padding-bottom:5px; } #home-search .address { float:left; padding:15px 35px; width:257px; background:#d9d7ca; border-top:2px solid #c1beaa; position:absolute; top:0; left:0; } #home-search .address label { display:none; } #home-search .address input { width:191px; border:1px solid #9c9985; padding:2px; } #home-search .address .address-search { position:absolute; top:15px; right:35px; background:#9c9985; color:#fff; border:none; padding:2px; width:56px; text-align:center; cursor:pointer; height:17px; line-height:17px; float:right; font-size:12px; } #home-search .address .address-search:hover { background:#66879c; text-decoration:none; } #home-search select, #home-search input { font-size:12px; } #home-search #mainSearch { float:right; width:257px; padding:76px 35px 20px 35px; position:relative; } #home-search #mainSearch .suburb span, #home-search #mainSearch .propertytype span, #home-search #mainSearch .zone span{ display:none; } #home-search #mainSearch .suburb span.select-multiple { display:block; font-size:10px; } #home-search #mainSearch select { border:1px solid #ccc; width:257px; margin-bottom:6px; } #home-search #mainSearch label { display:none; float:left; padding-right:10px; } #home-search #mainSearch .type { display: block; height: 16px; } #home-search #mainSearch .type label { display:inline-block; padding-left:5px; } #home-search #mainSearch .type input { float: left; border:none; margin:0; } #home-search #mainSearch .type span label { display: inline-block !important; padding-left: 5px; width: auto; } #home-search #mainSearch .type br { display: none; } #home-search #mainSearch .address input { width:251px; border:1px solid #ccc; margin-bottom:5px; padding:2px; } #home-search #mainSearch .price select { width:137px; } #home-search #mainSearch .features select { width:110px; } #home-search #mainSearch .price { float:left; } #home-search #mainSearch .features { float:right; } #home-search #mainSearch .petsAllowed, #home-search #mainSearch .fineHome, #home-search #mainSearch .waterFront { float:left; padding-top:1px; } #home-search #mainSearch .petsAllowed label, #home-search #mainSearch .fineHome label, #home-search #mainSearch .waterFront label { display:inline-block; float:none; padding-left:6px; } #home-search #mainSearch .sort { float:left; } #home-search #mainSearch .sort select { width:137px; } #home-search #mainSearch .actions { float:left; width:100%; padding-top:5px; } #home-search #mainSearch .actions .button { background:#66879c; color:#fff; border:none; line-height:25px; padding:0 10px; cursor:pointer; height:25px; float:right; } #home-search #mainSearch .actions .button:hover { background:#1a5985; text-decoration:none; } /*# Search/Listings #*/ /* #listing-search { float:right; width:100%; padding:10px; background:#f0efea; position:relative; margin-top:45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #listing-search .title { color:#00588e; font-size:1.25em; padding:65px 0 5px 15px; } #listing-search #mainSearch { float:right; width:100%; padding:10px 10px; border-top:2px solid #00588e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #listing-search #mainSearch select { border:1px solid #ccc; width:100%; margin-bottom:5px; } #listing-search #mainSearch label { display:none; float:left; padding-right:10px; } #listing-search #mainSearch .type { display: block !important; } #listing-search #mainSearch .type label { display:inline-block; padding-left:5px; } #listing-search #mainSearch .type input { float: left; border:none; margin:0; } #listing-search #mainSearch .type span label { display: inline-block !important; padding-left: 5px; width: auto; } #listing-search #mainSearch .type br { display: none; } #listing-search #mainSearch .address input { width:100%; border:1px solid #ccc; margin-bottom:5px; padding:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #listing-search #mainSearch .actions { float:left; width:100%; } #listing-search #mainSearch .actions .button { background:#00588e; color:#fff; border:none; line-height:25px; padding:0 10px; cursor:pointer; height:25px; float:right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #listing-search #mainSearch .actions .button:hover { background:#2b98d7; text-decoration:none; } #listing-search .head { color:#4b4b4d; font-size:1.25em; border-top:2px solid #fff; padding:10px 0 10px 35px; background:url(/FirstNational/Images/search-arrow.png) no-repeat 5px center; width:100%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #listing-search .head.selected { background:url(/FirstNational/Images/search-arrow-selected.png) no-repeat 5px center; } #listing-search .head span { font-size:0.7em; display:block;} #listing-search .suburb .head, #listing-search .zone .head{ border-top:none; } #listing-search .info { padding:0 20px 10px 35px; float:left; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #listing-search #mainSearch .petsAllowed label, #listing-search #mainSearch .fineHome label, #listing-search #mainSearch .waterFront label, #listing-search #mainSearch .auctionOnly label, #listing-search #mainSearch .openInspectionOnly label, #listing-search #mainSearch .exclUnderContract label { display:inline-block; clear:none; float:none; padding-left:6px; width:auto; font-weight:normal; } #listing-search #mainSearch .type, #listing-search #mainSearch .category, #listing-search #mainSearch .select-multiple { display:none !important; } #new-search { background:#00588e; position:absolute; top:0px; left:0px; padding:15px 25px; height:55px; width:100%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #new-search a { height:25px; line-height:25px; padding:0; color:#00588e; background:#f0efea; display:inline-block; width:100%; text-align:center;} #new-search a:hover { background:#2b98d7; color:#fff; text-decoration:none; } #listing-search .head span.results-suburb, #listing-search .head span.results-propertytype { display:none; } */ #listing-search { float:right; width:100%; padding:10px; background:#fff; position:relative; margin-top:45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ccc; } #listing-search .title { color:#00588e; font-size:20px; padding:65px 0 5px 15px; } #listing-search #mainSearch { float:right; width:100%; padding:10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #listing-search #mainSearch select { border:1px solid #ccc; width:100%; background:#eeeeee; min-height:25px; } #listing-search #mainSearch .suburb select, #listing-search #mainSearch .propertytype select { width:99%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:2px; } #listing-search #mainSearch label { display:none; float:left; padding-right:10px; } #listing-search #mainSearch .type { display: block !important; } #listing-search #mainSearch .type label { display:inline-block; padding-left:5px; } #listing-search #mainSearch .type input { float: left; border:none; margin:0; } #listing-search #mainSearch .type span label { display: inline-block !important; padding-left: 5px; width: auto; } #listing-search #mainSearch .type br { display: none; } #listing-search #mainSearch .from, #listing-search #mainSearch .bedrooms, #listing-search #mainSearch .landfrom { width:48%; padding-right:2%; float:left; } #listing-search #mainSearch .to, #listing-search #mainSearch .bathrooms, #listing-search #mainSearch .landto { width:48%; padding-left:2%; float:left; } #listing-search #mainSearch .address input { width:100%; border:1px solid #ccc; margin-bottom:5px; padding:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:25px; height:25px; background:#eee;} #listing-search #mainSearch .landarea input { width:100%; border:1px solid #ccc; margin-bottom:5px; padding:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:25px; height:25px; background:#eee;} #listing-search .landarea .head, #listing-search .price .head, #listing-search .leaseprice .head{ display:none; } #listing-search .landarea:before { content:"Land Size"; color:#4b4b4d; font-size:1.25em; border-top:2px solid #fff; padding:5px 0 3px 0; width:100%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #listing-search .price .from:before, #listing-search .leaseprice .from:before { content:"Price Range"; color:#4b4b4d; font-size:1.25em; border-top:2px solid #fff; padding:5px 0 3px 0; width:100%; float:left; } #listing-search .price .to:before, #listing-search .leaseprice .to:before { content:"."; color:#fff; font-size:1.25em; border-top:2px solid #fff; padding:5px 0 3px 0; width:100%; float:left; } #listing-search #mainSearch .landarea .landfrom:before { content:"sqm from"; font-style:italic; } #listing-search #mainSearch .landarea .landto:before { content:"sqm to"; font-style:italic; } #listing-search #mainSearch .actions { float:left; width:100%; } #listing-search #mainSearch .actions .button { background:#00588e; color:#fff; border:none; line-height:25px; padding:0 10px; cursor:pointer; height:25px; float:right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #listing-search #mainSearch .actions .button:hover { background:#2b98d7; text-decoration:none; } #listing-search .head { color:#4b4b4d; font-size:1.25em; border-top:2px solid #fff; padding:5px 0 3px 0; width:100%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #listing-search .head span { font-size:0.7em; display:block;} #listing-search .suburb .head, #listing-search .zone .head{ border-top:none; } #listing-search .info { padding:0; float:left; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block !important;} #listing-search #mainSearch .petsAllowed label, #listing-search #mainSearch .fineHome label, #listing-search #mainSearch .waterFront label, #listing-search #mainSearch .auctionOnly label, #listing-search #mainSearch .openInspectionOnly label, #listing-search #mainSearch .exclUnderContract label, #listing-search #mainSearch .furnished label, #listing-search #mainSearch .swimmingPool label { display:inline-block; clear:none; float:none; padding-left:6px; width:auto; font-weight:normal; } #listing-search #mainSearch .type, #listing-search #mainSearch .category, #listing-search #mainSearch .select-multiple { display:none !important; } #new-search { background:#2b98d7; position:absolute; top:0px; left:0px; padding:15px 15px; height:55px; width:100%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #new-search a { height:25px; line-height:25px; padding:0; color:#00588e; background:#f0efea; display:inline-block; width:100%; text-indent:10px;} #new-search a:hover { background:#2b98d7; color:#fff; text-decoration:none; } #listing-search .head span.results-suburb, #listing-search .head span.results-propertytype, #listing-search .price .head span, #listing-search .features .head span, #listing-search .landarea .head span { display:none !important; } /*# Search/Advanced #*/ #advanced { float:left; width:100%; position:relative; padding:15px 0 40px 0; margin-bottom:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; } #advanced .category { float:left; width:120px; position:absolute; top:0; left:0px; } #advanced .category select { width:100% !important; } #advanced select, #advanced input { font-size:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #advanced #mainSearch { float:left; width:100%; padding:0; position:relative; min-height:160px; } #advanced #mainSearch select { border:1px solid #ccc; width:100%; float:left; margin-bottom:5px; } #advanced #mainSearch label { float:left; display:block; width:100%; color:#002b4d; font-weight:bold; padding-bottom:5px; font-size:12px; } .isCommercial #advanced #mainSearch label { color:#000; } #advanced #mainSearch .landarea input { border:1px solid #ccc; width:93%; padding:1px; float:left; margin-bottom:5px; } #advanced #mainSearch .type { display: block; float:left; clear:both; width:100%; padding-top:0px; position:absolute; top:0; left:130px; } #advanced #mainSearch .type label { display:inline-block; padding-left:5px; padding-right:10px; } #advanced #mainSearch .type input { float: left; border:none; margin:0; } #advanced #mainSearch .type span label { display: inline-block !important; padding-left: 5px; width: auto; } #advanced #mainSearch .type select { width:68px; } #advanced #mainSearch .type br { display: none; } #advanced #mainSearch .features select { width:90%; } #advanced #mainSearch .suburb span, #advanced #mainSearch .propertytype span, #advanced #mainSearch .zone span, #advanced #mainSearch .bathrooms label, #advanced #mainSearch .bedrooms label, #advanced #mainSearch .carparks label, #advanced #mainSearch .to label, #advanced #mainSearch .from label { display:none; } /* #advanced #mainSearch .petsAllowed { float:left; padding-top:1px; position:absolute; top:180px; left:210px; width:100px; } #advanced #mainSearch .waterFront { float:left; padding-top:1px; position:absolute; top:180px; left:210px; width:100px; } #advanced #mainSearch .fineHome { float:left; padding-top:1px; position:absolute; top:180px; left: 0px; width:100px; } #advanced #mainSearch .openInspectionOnly { float:left; padding-top:1px; position:absolute; top:160px; left: 0px; width:210px; } #advanced #mainSearch .auctionOnly { float:left; padding-top:1px; position:absolute; top:160px; left:210px; width:195px; } #advanced #mainSearch .exclUnderContract { float:left; padding-top:1px; position:absolute; top:160px; left:420px; width:230px; } #advanced #mainSearch .furnished { float:left; padding-top:1px; position:absolute; top:160px; left:210px; width:100px; } #advanced #mainSearch .petsAllowed label, #advanced #mainSearch .fineHome label, #advanced #mainSearch .waterFront label, #advanced #mainSearch .auctionOnly label, #advanced #mainSearch .openInspectionOnly label, #advanced #mainSearch .exclUnderContract label, #advanced #mainSearch .furnished label { display:inline-block; clear:none; float:none; padding-left:6px; width:auto; font-weight:normal; } */ #advanced #mainSearch .option-wrap {float:left;position:absolute;top:160px;left:0;width: calc(100% - 170px);} #advanced #mainSearch .option-wrap > div { float:left; } #advanced #mainSearch .option-wrap label { display:inline-block; clear:none; float:none; padding-left:6px; width:auto; font-weight:normal; margin-right:10px; } #advanced #mainSearch .sort { float:left; } #advanced .address, #advanced .suburb, #advanced .propertytype, #advanced .zone { width:23.5%; position:absolute; float:left; } #advanced .features { width:14%; position:absolute; float:left; } #advanced .landarea { width:16%; position:absolute; float:left; } #advanced .price, #advanced .leaseprice, #advanced .sort { width:22%; position:absolute; float:left; } #advanced .address input { width:100%; } #advanced .price select, #advanced .leaseprice select, #advanced .sort select { width:90% !important; } #advanced .address { top:35px; left:0; } #advanced .suburb { top:65px; left:0; } #advanced .propertytype { top:65px; left:25%; } #advanced .zone { top:65px; left:0; } #advanced .from { top:87px; left:50%; } #advanced .to { top:110px; left:50%; } #advanced .features { top:65px; left:71.2%; } #advanced .sort { top:133px; left:50%; } #advanced .landarea { top:65px; left:85%; } #advanced .landarea div label { display:none !important; } #advanced .from:before { content:"Price Range"; color: #002b4d; font-weight: bold; padding-bottom: 5px; position: absolute; top: -18px; left: 0} #advanced #mainSearch .actions { float:left; width:auto; padding-top:5px; position:absolute; top:160px; right:0; } #advanced #mainSearch .actions .button { background:#124074; color:#fff; border:none; line-height:25px; padding:0 10px; cursor:pointer; height:25px; float:right; margin-left:10px; } #advanced #mainSearch .actions .button:hover { background:#1d8ccb; text-decoration:none; } .isCommercial #advanced #mainSearch .actions .button { background:#FE000C; } .isCommercial #advanced #mainSearch .actions .button:hover { background:#636466; } .ltype128 { display:none !important; } #advanced #mainSearch .maAjaxLoading, .maAjaxLoading{ display:none !important; } #advanced #mainSearch[data-type="6"] .petsAllowed { left:210px; } #advanced #mainSearch[data-type="6"] .waterFront { left:0px; } @media only screen and (min-width:651px) and (max-width: 840px) { #advanced #mainSearch .petsAllowed, #advanced #mainSearch .waterFront, #advanced #mainSearch .fineHome, #advanced #mainSearch .openInspectionOnly, #advanced #mainSearch .auctionOnly, #advanced #mainSearch .exclUnderContract, #advanced #mainSearch .option-wrap { display:none; } } @media only screen and (max-width: 650px) { #advanced #mainSearch > div, #advanced #mainSearch .type { position:static !important; left:0; top:auto; width:50%; clear:left; } #advanced #mainSearch .price, #advanced #mainSearch .leaseprice { position:relative !important} /*#advanced #mainSearch .price { position:static !important; left:0; top:auto; width:100%; } #advanced #mainSearch .price > div { float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #advanced #mainSearch .price > div.from { padding-right:3px; } #advanced #mainSearch .price > div.to { padding-left:3px; } */ #advanced #mainSearch .from { margin-top:18px; padding-top: 5px; } #advanced #mainSearch .price select, #advanced #mainSearch .leaseprice select, #advanced #mainSearch .sort select { width:100% !important; } #advanced .category { padding-top:5px; } #advanced #mainSearch .type label { margin-top:0px; } #advanced select, #advanced input[type="text"] { width:100% !important; } #advanced #mainSearch .landarea input { padding:5px; } #advanced #mainSearch select, #advanced #mainSearch input { height:30px; line-height:20px; font-size:12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px; } #advanced #mainSearch .petsAllowed input, #advanced #mainSearch .waterFront input, #advanced #mainSearch .fineHome input, #advanced #mainSearch .openInspectionOnly input, #advanced #mainSearch .auctionOnly input, #advanced #mainSearch .exclUnderContract input, #advanced #mainSearch .type input, #advanced #mainSearch .option-wrap input { height:auto; } #advanced #mainSearch .petsAllowed, #advanced #mainSearch .waterFront, #advanced #mainSearch .fineHome, #advanced #mainSearch .openInspectionOnly, #advanced #mainSearch .auctionOnly, #advanced #mainSearch .exclUnderContract { width:100%; } #advanced #mainSearch .option-wrap {width: 100%;} } @media only screen and (max-width: 481px) { #advanced #mainSearch > div{ width:100%; } } /*# Staff #*/ .tel { cursor:default; text-decoration:none; } #staff { float:left; width:100%; padding-top:0px;} #staff .staff-category { float:left; width:100%; padding:0 10px 10px 10px; font-size:1.583em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #staff .staff { float:left; width:25%; padding-left:10px; padding-right:15px; margin-bottom:50px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:362px;} #staff .staff > div { float:left; width:100%; } #staff .staff .name { padding-top:10px; } #staff .staff .name strong { font-size:1.25em; } #staff .staff a.email { display:block; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #staff .staff a.link { padding:0 15px; line-height:25px; display:block; background:#00588e; color:#fff; float:left; margin-top:10px; position:absolute; bottom:-25px; left:10px; } #staff .staff a.link:hover { background:#4d4d4f; text-decoration:none; } #team-profile #listing-summary { float:right; width:60%; } @media only screen and (max-width:767px) { #staff .staff-category { float:left; width:100%; padding:20px 15px 10px 0px; } #staff .staff { padding-left:0; width:33.33% } #staff .staff a.link { left:0; } #staff .staff-category { padding: 20px 15px 5px 0px; font-style: italic; border-bottom: 1px solid; margin-bottom: 20px; } #request-form-links { left:0 !important; } } @media only screen and (max-width: 650px) { #team-profile #listing-summary { float:left; width:100%; } } @media only screen and (max-width: 600px) { #staff .staff { width:50%; } } @media only screen and (max-width: 400px) { #staff .staff { width:100%; height:auto !important; } #staff .staff a.link { position:static; } } #staff.staff-profile { width: 30%; float:left; padding-top:0; } #staff.staff-profile .staff { margin-left:0px; width: 100%; margin-top:44px; } #staff.staff-profile .sd, #staff.staff-profile .sdprofile { margin-top:40px; margin-left: 0; } #staff.staff-profile #rotate-images, #staff.staff-profile .images { float:left; max-width:234px; width:100%; } #staff.staff-profile .side-text { float:left; min-width:234px; width:100%; overflow:hidden; } #staff-profile-notes .profile { float:right; width: 68%; padding:40px 35px 35px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .embed-rmat { float:right; width:65%; margin-bottom:10px; } #staff-form { float:right; max-width:605px; padding-top:40px; width:60%; } #staff-form h2 { color:#567486; padding-bottom:15px; font-size:16px; } #request-form-links { position:absolute; left:10px; bottom:-35px; } #request-form-links a { width: 90%; line-height:30px; height:30px; display:block; background: url(/FirstNational/theme-b/img/arrow-24.png) no-repeat 5px 2px #eee; padding:0 40px; text-decoration:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 230px; color:#333; border:1px solid #999; } #request-form-links a:hover { background-color:#dededf; } .listing-links { float:left; width:100%; padding:0;} .listing-links a { background:url(/FirstNational/theme-b/img/arrow-24.png) no-repeat 5px 2px #eee; color:#333; display:block; padding:0 15px 0 35px; line-height:28px; text-decoration:none; float:left; margin-right:10px; margin-bottom:10px; border:1px solid #999; } .listing-links a:hover, .listing-links a.active { background-color:#dededf; } #staff.staff-profile .listing-links { padding-top:20px; } #staff.staff-profile .listing-links a { float:none; margin-right:0; } #staff-profile-notes .embed-code { float:left; width:100%; padding-bottom:20px; clear:both; } #staff-profile-notes .social { width:100%; float:left; padding-top:15px; } #staff-profile-notes .TransformationError { display:none; } ul.drop { clear:both; width:100%; } ul.drop span, ul.drop li.testimonialLink a { background:url(/FirstNational/theme-b/img/arrow-24.png) no-repeat 5px 2px #eee; display:block; padding:0 15px 0 35px; line-height:28px; border:1px solid #999; color:#333; } ul.drop a { display:block; color: #333; text-decoration: none;} ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; } ul.drop { position: relative; z-index: 597; float: left; } ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; margin-right:10px; margin-bottom:10px; } ul.drop li.hover, ul.drop li:hover, ul.drop li span:hover, ul.drop li:hover span { position: relative; z-index: 599; cursor: default; background-color: #DEDEDF; } ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 210px; background: #eee; border-top:1px solid #fff; border-bottom:1px solid #999;} ul.drop ul li { float: none; padding: 5px 10px; margin:0; border:1px solid #999; border-bottom:none; } ul.drop ul ul { top: -2px; left: 100%; } ul.drop li:hover > ul { visibility: visible } .IE7 .embed-code, embed { position:relative; z-index:2; } @media only screen and (max-width:650px){ #staff.staff-profile { width:100%; } #staff-profile-notes .profile { float:left; width:100% !important; } #staff-form { float:left; width:100%; } .embed-rmat { float:left; width:100%; margin-bottom:10px; } } /*# Utopia #*/ #utopia-property-alerts { margin:20px 0; } #utopia-property-demand { margin:20px 0; } /*# Error #*/ #error-page { margin:0 auto; width:640px; height:600px; display:block; background:url(/FirstNational/Images/404-error.png) no-repeat; } #error-page span { display:none; } #error-404 { float:left; width:900px; padding:0 10px 50px 10px; background:url(/FirstNational/Images/404-dog.jpg) no-repeat top right; color:#6e6e6e; } #error-404 h2 { padding-top:150px; background:url(/FirstNational/Images/404-oops.gif) no-repeat 0 25px; color:#6e6e6e; padding-bottom:40px; } #error-404 a { color:#6e6e6e; text-decoration:underline; } #error-404 span { color:#487493; font-size:1.3em; } #error-404 ul { padding:20px 0; margin-left:20px; } #error-404 ul li { list-style:disc; padding:2px 0; } /*# Forms #*/ .bizform { float:left; width:100%; max-width:500px; padding:0; } .bizform .block { float:left; width:100%; background:#fff; padding:15px 15px 5px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; border:1px solid #666;} .bizform .row { float:left; width:100%; padding:0 0 10px 0; } .bizform .row input { border:1px solid #666; width:40%; background:#eee; line-height:1.8; } .bizform .row label { float:left; width:35%; color:#333; line-height:1.8; } .bizform .row textarea { border:1px solid #666; width:50%; max-width:50%; min-width:50%; max-height:100px; min-height:60px; background:#eee;} .bizform .row select { border:1px solid #666; width:30%; } .bizform .row td { padding-bottom:5px; } .bizform .row .RadioButtonList input { width:auto; } .bizform .row .RadioButtonList label { padding:0 10px 0 5px; float:none; } .bizform .CheckBoxListField input { vertical-align: middle; width: auto !important; border:0; } .bizform .CheckBoxListField label { display: inline; float: none; margin-left: 10px; vertical-align: middle; width: auto; } .bizform .hide-label { padding-left:165px; } .bizform .hide-label .EditingFormLabel { display:none; } .bizform .info-label { font-size:18px; color:#2b98d7; padding:15px 0; } .isCommercial .bizform .info-label { color:#000; } .bizform .access-label .EditingFormLabel { display:none; } .bizform .full-label label { width:95%; padding:0 0 5px 0; } .bizform .full-label textarea { width:95%; min-width:95%; max-width:95%; } .bizform .row .RadioButtonList input, .bizform .radio input { width:auto; } .bizform .row .RadioButtonList label, .bizform .radio label { padding:0 10px 0 5px; float:none; } .bizform .security-code input { width:80px; min-width:80px; max-width:80px; } .bizform .security-code div label { display:none; } .bizform .security-code .EditingFormControlNestedControl { width:200px !important; } .bizform .security-code .EditingFormControlNestedControl label { display:none !important; } .bizform .actions { padding:10px 0; } .bizform .actions input, .bizform .actions a.close-form { width:auto; line-height:25px; padding:0 10px; cursor:pointer; height:25px; border:none; background:#01588e; color:#fff !important; display:block; float:left; margin-right:10px; } .bizform .actions input:hover, .bizform .actions a.close-form:hover { background:#2e96eb; text-decoration:none; } .isCommercial .bizform .actions input, .isCommercial .bizform .actions a.close-form { background:#636466;} .isCommercial .bizform .actions input:hover, .isCommercial .bizform .actions a.close-form:hover { background:#FE000C; } .bizform .actions a.close-form { display:none; } .bizform .send-form, .bizform .url-referer { display:none !important; } .bizform .ErrorLabel { color:#f00; padding-bottom:10px; display:block; width:100%; } .bizform .EditingFormErrorLabel { color:#f00; padding-left:35%; font-size:0.834em; } .bizform .required { font-weight:normal; } .bizform .required input, .bizform .required select, .bizform .required textarea { border-left-color:#f00 !important; } @media only screen and (max-width: 500px) { .bizform .row label { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom:5px; } .bizform .row input[type="text"], .bizform .row input[type="submit"] { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px; height:30px; line-height:20px;} .bizform .row textarea { width:100%; min-width:100%; max-width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bizform .hide-label { padding-left:0; } .bizform .row select { border:1px solid #ccc; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:30px; } .bizform .row td { width:100%; float:left; } .bizform .row.radio span.EditingFormLabel { width:100%; padding-bottom:10px; } } /*# Utopia Forms #**/ #utopia-commercial-buyer-alerts, #utopia-commercial-lease-alerts, #utopia-commercial-lease-alerts, #utopia-newsletter-subscription, #utopia-number-buyers, #utopia-rental-tenants, #utopia-rental-alerts, #utopia-buyer-alerts, #utopia-rural-buyer-alerts { max-width:100%; } #utopia-rental-tenants { max-height:520px; } #utopia-rental-alerts { max-height:750px; } /*# Gallery #*/ #gallery-container { clear:both; } #gallery-container .item { margin: 10px; float: left; width:200px; } /*# Contact Page #*/ #page-side.fncolumn-main-right.contact-page { width:45%; } #page-content.fncolumn-main-right.contact-page { width:45%; position:relative; overflow:hidden; } .contact-page .bizform { position:absolute; top:0; left:0; background:#fff; width:437px; height:504px; padding-top:50px; display:none; } .contact-page .bizform .block { float:left; width:370px; background:#fff; } .contact-page .bizform .security-code div label { display:block; width:240px; padding-bottom:5px; } .contact-page .bizform .security-code .EditingFormControlNestedControl { width:240px; float:left; } .contact-page .bizform .row textarea { border:1px solid #ccc; width:60%; max-width:60%; min-width:60%; max-height:100px; min-height:60px; } .contact-page .bizform .info-label { font-size:1.25em; } #office-map { float:right; width:100%; border:2px solid #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #office-map > div { width:100% !important; } #office-information .item { float:left; width:100%; padding:10px 0; } #office-information .item.alt { border-top:1px solid #c4c4c5; border-bottom:1px solid #c4c4c5; } #office-information .item .head { font-size:1.25em; } #office-information .social { float:right; padding-top:8px; } #office-information a { color:#2b98d7; } .isCommercial #office-information a { color:#000; } #office-information a:hover { color:#333; } @media only screen and (max-width:800px){ #page-side.fncolumn-main-right.contact-page { width:100%; } #page-content.fncolumn-main-right.contact-page { width:100%; } .contact-page .bizform { position:static; width:100%; height:auto; padding-top:10px; display:block !important; } .contact-page .close-form, .contact-page .office1 { display:none !important; } .contact-page .bizform .block { width:100%; } .contact-page .bizform .row textarea { width:100%; max-width:100%; min-width:100%; max-height:100px; min-height:60px; } #office-information .social { float:left; width:100%; padding:10px 0; } } /*# Social Icons #*/ .facebook-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) 0 0; text-indent:-9999px; margin-right:5px; } .facebook-link:hover { background-position:0 -26px; } .twitter-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -26px 0; text-indent:-9999px; margin-right:5px; } .twitter-link:hover { background-position:-26px -26px; } .linkedin-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -52px 0; text-indent:-9999px; margin-right:5px; } .linkedin-link:hover { background-position:-52px -26px; } .youtube-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -78px 0; text-indent:-9999px; margin-right:5px; } .youtube-link:hover { background-position:-78px -26px; } .blog-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -104px 0; text-indent:-9999px; margin-right:5px; } .blog-link:hover { background-position:-104px -26px; } .wordpress-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -130px 0; text-indent:-9999px; margin-right:5px; } .wordpress-link:hover { background-position:-130px -26px; } .blogger-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -156px 0; text-indent:-9999px; margin-right:5px; } .blogger-link:hover { background-position:-156px -26px; } .google-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -182px 0; text-indent:-9999px; margin-right:5px; } .google-link:hover { background-position:-182px -26px; } .googleplaces-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -208px 0; text-indent:-9999px; margin-right:5px; } .googleplaces-link:hover { background-position:-208px -26px; } .instagram-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -234px 0; text-indent:-9999px; margin-right:5px; } .instagram-link:hover { background-position:-234px -26px; } .pinterest-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -260px 0; text-indent:-9999px; margin-right:5px; } .pinterest-link:hover { background-position:-260px -26px; } .ratemyagent-link { float:left; display:block; width:26px; height:26px; background:url(/FirstNational/Images/social-icons-v5.gif) -286px 0; text-indent:-9999px; margin-right:5px; } .ratemyagent-link:hover { background-position:-286px -26px; } #header .facebook-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) 0 0; text-indent:-9999px; margin-right:5px; } #header .facebook-link:hover { background-position:0 -20px; } #header .twitter-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -160px 0; text-indent:-9999px; margin-right:5px; } #header .twitter-link:hover { background-position:-160px -20px; } #header .linkedin-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -40px 0; text-indent:-9999px; margin-right:5px; } #header .linkedin-link:hover { background-position:-40px -20px; } #header .youtube-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -60px 0; text-indent:-9999px; margin-right:5px; } #header .youtube-link:hover { background-position:-60px -20px; } #header .blog-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -80px 0; text-indent:-9999px; margin-right:5px; } #header .blog-link:hover { background-position:-80px -20px; } #header .wordpress-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -100px 0; text-indent:-9999px; margin-right:5px; } #header .wordpress-link:hover { background-position:-100px -20px; } #header .blogger-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -120px 0; text-indent:-9999px; margin-right:5px; } #header .blogger-link:hover { background-position:-120px -20px; } #header .google-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -140px 0; text-indent:-9999px; margin-right:5px; } #header .google-link:hover { background-position:-140px -20px; } #header .instagram-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -180px 0; text-indent:-9999px; margin-right:5px; } #header .instagram-link:hover { background-position:-180px -20px; } #header .pinterest-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -200px 0; text-indent:-9999px; margin-right:5px; } #header .pinterest-link:hover { background-position:-200px -20px; } #header .ratemyagent-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-v5.gif) -220px 0; text-indent:-9999px; margin-right:5px; } #header .ratemyagent-link:hover { background-position:-220px -20px; } #header .fnblog-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-national.gif) 0 0; text-indent:-9999px; margin-right:5px; } #header .fnblog-link:hover { background-position:0 -20px; } #header .fntv-link { float:left; display:block; width:20px; height:20px; background:url(/FirstNational/Images/header-icons-national.gif) -20px 0; text-indent:-9999px; margin-right:5px; } #header .fntv-link:hover { background-position:-20px -20px; } /*# Email Dialogue #*/ #email-dialogue { float:left; width:530px; background:#fff; } #email-dialogue table { width:100%; padding:0; margin:0; } #email-dialogue .wizard { float:left; width:100% !important; padding:0; margin:0; } #email-dialogue .header { background:#567486; color:#fff; padding:0 15px; line-height:30px; height:30px; font-size:14px; } #email-dialogue .mainstep, #email-dialogue .step, #email-dialogue .message { padding:15px; width:500px; float:left; min-height:210px; height:auto !important; height:210px; } #email-dialogue .navigation { padding:15px; } #email-dialogue .caption { width:200px; float:left; padding-bottom:5px; min-height:20px; } #email-dialogue .box { width:280px; float:left; padding-bottom:5px; min-height:20px;} #email-dialogue .box input { border:1px solid #ccc; width:90%; } #email-dialogue .box textarea { border:1px solid #ccc; width:90%; min-width:90%; max-width:90%; min-height:40px; max-height:100px; } #email-dialogue .captcha { float:left; width:100%; } #email-dialogue .captcha .caption { float:left; clear:right; } #email-dialogue .captcha label { width:196px; display:inline-block; float:left;} #email-dialogue .captcha input { border:1px solid #ccc; margin:0; padding:0; display:inline-block; float:left; } #email-dialogue .captcha img { height:35px; /*margin:0 205px 0 0;*/ padding:0; display:inline-block; float:left; clear:both; } #email-dialogue .captcha a.captcha-refresher { color:#5F839A; display:inline-block; float:left; padding:1.6em 0.6em 0; } #email-dialogue .captcha a.captcha-refresher:hover { color:#00AFFD; } #email-dialogue .captcha .captcha-write { float:left; padding-top:0.6em; } #email-dialogue .validator, #email-dialogue .captcha .captcha-err { color:#f00; float:right; } #email-dialogue .navbutton { background:#9c9985; color:#fff; border:none; line-height:25px; padding:0 10px; cursor:pointer; height:25px; float:right; } #email-dialogue .navbutton:hover { background:#66879c; text-decoration:none; } /*# Reveal #*/ /* Reveal Modals ---------------------- */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; } .reveal-modal { background: #fff; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .reveal-modal .close-reveal-modal:not(.button) { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; } .reveal-modal.small { width: 30%; margin-left: -15%; } .reveal-modal.medium { width: 40%; margin-left: -20%; } .reveal-modal.large { width: 60%; margin-left: -30%; } .reveal-modal.xlarge { width: 70%; margin-left: -35%; } .reveal-modal.expand { width: 90%; margin-left: -45%; } .reveal-modal .row { min-width: 0; margin-bottom: 10px; } .reveal-modal > :first-child { margin-top: 0; } .reveal-modal > :last-child { margin-bottom: 0; } @media print { .reveal-modal { border: solid 1px black; background: #fff; } } @media only screen and (max-width: 767px) { .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; } } .reveal-modal.open iframe, .reveal-modal iframe{ width:100% !important; border:none; overflow:hidden; } .reveal-modal.open.no-pad, .reveal-modal.no-pad{ padding:2px; } .close-reveal-modal.no-pad { color:#fff !important; font-size:40px !important; top:11px !important; } .reveal-modal-bg { bottom:0; right:0; } .reveal-modal { display:block; } /*# Back to top #*/ #backtotop { cursor : pointer; display : none; margin : 0px 0px 0px 370px; position : fixed; bottom : 10px; right: 10px; font-size : 90%; padding : 0px; text-align : center; background-color : #000; border-radius : 8px; -webkit-border-radius : 8px; -moz-border-radius : 8px; filter : alpha(opacity=60); -khtml-opacity : 0.6; -moz-opacity : 0.6; opacity : 0.6; color : #FFF; font-size : 14px; z-index : 1000; padding:15px; } #backtotop:hover { filter : alpha(opacity=90); -khtml-opacity : 0.9; -moz-opacity : 0.9; opacity : 0.9; } /*# Calculators#*/ #calculators { float: left; max-width: 670px; width:100%; } #wrapcalculator {width:100%; max-width:600px; border-radius:5px; margin:0 auto !Important; position:relative; font-family: Arial, Helvetica, sans-serif;} #calc-wrap {display:block; width:100% } #calc-wrap fieldset{border:none; margin: 0; padding: 0;} .in.clearfix {width: 100%;} #calc-inputs {width:44%; float:left; background:#fff; padding:3%; border-radius:15px; margin-top:15px; } #calc-results {width:44%; float:right; padding:3%; margin-top:15px;} #calc-wrap #calc-inputs li{list-style-type:none;} #calc-wrap h1{font-size: 1.666em; padding:3px 10px; margin:0; border-bottom: 1px dotted #494014; font-weight: normal; font-style: normal; } #calc-wrap h2 {padding: 0; font-size: 1.25em; font-weight: bold; margin: -5px 0 10px 0; float:left; width:100% } #calc-wrap legend {font-weight: bold; margin: 6px 0 3px 0; display: block; float: left; width: 100%;} #calc-wrap select{width:100%; height: 22px;} #calc-wrap input {padding: 3px; margin: 0; border:1px solid #ccc; } #calc-wrap #vacant-not-nsw {display: none;} #calc-wrap table{border-collapse: collapse;} #calc-wrap ul{list-style: none; margin: 0; padding: 0;} #calc-wrap li{list-style: none; margin: 0; padding: 0; float:none; clear:both; } #calc-wrap .radio li {padding: 0px 0;} #calc-wrap .radio input {height:18px; width:18px; line-height:18px; margin-right:10px; vertical-align:middle} #calc-wrap .radio label {line-height:18px;} #calc-wrap .radio li {padding: 0px 0;} #calc-wrap .radio input {height:18px; width:18px; line-height:18px; margin-right:10px; vertical-align:middle} #calc-wrap .radio label {line-height:18px;} #calc-wrap #intro-rate-fields {margin:0px 0 4px 0; float:left; width:100%; } #calc-wrap #intro-rate-fields label{padding-bottom:2px;} #calc-wrap #intro-rate-fields .single-input {width:48%; float:left} #calc-wrap #intro-rate-fields .single-input.pv {float:right} #calc-wrap #intro-rate-fields .single-input.pv input {text-align:right; font-weight: bold; width: 98%; line-height: 18px; height:18px;} #calc-wrap #intro-rate-fields label{font-weight:bold; display:block } #calc-wrap .styled-input {position:relative;width: 100%;} #calc-wrap .styled-input div.dollar {background: transparent url(/FirstNational/Images/input-type.png) no-repeat 0 0px; height: 18px; width:40px; position: absolute; left: 2px; top: 2px; z-index:99 } #calc-wrap .styled-input div.dollar.interest{background-position:0 -40px} #calc-wrap .styled-input div.dollar.time{background-position:0 -20px} #calc-wrap #results_table td{padding-top:10px;} #calc-wrap #results_table .bottom {border-bottom: 1px dotted #aaa;} #calc-wrap #results_table {width: 100%; clear:both; } #calc-wrap .dollars {text-align: right; font-weight:bold} #calc-wrap .notes {margin-top: 30px;} .loancalc .notes {margin-top: 15px !important;} .loancalc input{text-align:right; height:18px;} .loancalc .calclabel {float: left; width: 33%; margin:3px 0} .loancalc .styled-input {zmargin:5px 0} .loancalc .center {text-align:center;} .loancalc #graph{padding: 7px; margin:25px auto; max-width:400px; width:100%; background:white;border-radius: 15px;} .loancalc #amountinput, .loancalc #interestinput, .loancalc #timeinput {position:relative; float:left; margin:3px 0} .loancalc .clear {clear: both;} @media only screen and (max-width: 580px) { #calc-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px;} #calc-inputs {width:100%; float:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #calc-results {width:100%; float:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } /*# Edit mode #*/ .EditMode #page-empty, .DesignMode #popupCompetition, .EditMode #popupCompetition { /*display:none !important;*/ } /*# Pirobox #*/ .piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0; } .piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;} .piro_html img{ margin:0; padding:0; border:none;} .piro_html .h_t_l{ width:10px; height:10px; background: url(/FirstNational/Images/Gallery/caption.png);} .piro_html .h_t_r{ width:10px; height:10px; background: url(/FirstNational/Images/Gallery/caption.png);} .piro_html .h_t_c{ cursor:move; height:10px;background: url(/FirstNational/Images/Gallery/caption.png);} .piro_html .h_c_l{width:10px; background: url(/FirstNational/Images/Gallery/caption.png); } .piro_html .h_c_c{background: url(/FirstNational/Images/Gallery/caption.png);margin:0; padding:0;} .piro_html .h_c_c .div_reg{ background: url(/FirstNational/Images/Gallery/caption.png); width:480px; overflow:hidden; height:480px; margin:0; padding:0; } .piro_html .h_c_c .div_reg img{ cursor:move;} .piro_html .h_c_r{width:10px; background: url(/FirstNational/Images/Gallery/caption.png);} .piro_html .h_b_c{ cursor:move; height:10px;background: url(/FirstNational/Images/Gallery/caption.png);} .piro_html .h_b_l{ width:10px; height:10px;background: url(/FirstNational/Images/Gallery/caption.png);} .piro_html .h_b_r{ width:10px; height:10px;background: url(/FirstNational/Images/Gallery/caption.png);} .piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%; z-index:150000;background:#fff;display:none; cursor:pointer;} .piro_loader{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;width:118px;height:118px;display:block;z-index:150005; cursor:pointer; } .piro_loader span{position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;width:72px;height:72px;display:block;z-index:150009; background: url(/FirstNational/Images/Gallery/loadinfo.gif) center top no-repeat; } .piro_title{position:fixed; background: url(/FirstNational/Images/Gallery/bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;} .btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; z-index:1500440} .piro_html .caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url(/FirstNational/Images/Gallery/caption.png); z-index:150018} .piro_html .caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;} .nav_container{position:absolute; bottom:-20px; right:0; height:20px; width:60px; background: url(/FirstNational/Images/Gallery/caption.png); z-index:1500190000000;} .piro_close{position:absolute;right:20px;height:20px;width:20px;background: transparent url(/FirstNational/Images/Gallery/close.png) no-repeat center center;cursor:pointer;margin:0 0 0 0;z-index:150022;display:none;} a.piro_next{position:absolute;width:20px; right:0px; height:20px;text-indent:-999em;outline:none; display:block; margin:0;background:url(/FirstNational/Images/Gallery/next.png) center right no-repeat; border:none; cursor:pointer;z-index:150023} a:hover.piro_next{background:url(/FirstNational/Images/Gallery/next.png) center right no-repeat;} .piro_next_fake{position:absolute;width:20px; right:0px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background: url(/FirstNational/Images/Gallery/next.png) center right no-repeat; border:none; cursor:auto;z-index:150020} .piro_prev_fake{position:absolute;width:20px; right:40px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background: url(/FirstNational/Images/Gallery/prev.png) center right no-repeat; border:none; cursor:auto;z-index:150020} a.piro_prev{position:absolute;width:20px; right:40px; height:20px; text-indent:-999em; outline:none;display:block;margin:0;background: url(/FirstNational/Images/Gallery/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:150024} a:hover.piro_prev{background:url(/FirstNational/Images/Gallery/prev.png) center left no-repeat;} a.close_pirobox{color:#bb0f05;} .nav_container{top:0px; right:0; width:100%; background:none;} .piro_close{position:absolute;top:10px; right:10px;height:40px !important;width:40px !important;background-position:center; background-color:#000; opacity:0.7; } a:hover.piro_next, a.piro_next{width:80px !important; right:10px; height:80px !important;background-position:center; background-color:#000; opacity:0.5; top:0%; margin-top:32%; cursor:pointer; } a:hover.piro_next{ opacity:0.6; } .piro_next_fake{width:80px; left:0px !important; right:auto; height:100% !important;background-position: center; display:none !important;} .piro_prev_fake{width:80px; left:0px; height:100% !important;background-position: center; background:none; } a:hover.piro_prev, a.piro_prev{width:80px !important; left:10px; height:80px !important; top:0%; margin-top:32%; background-position: center; background-color:#000; opacity:0.5; cursor:pointer;} a:hover.piro_prev{background-position:center; opacity:0.6; } .IE7 a:hover.piro_next, .IE7 a.piro_next { margin-top:200px; } .IE7 a:hover.piro_prev, .IE7 a.piro_prev { margin-top:200px; } /*# Custom #*/ div.davidson { padding:20px 0; clear:both; float:left; width:0px; } div.davidson p { float:left; clear:both; width:900px; text-align:left; } body.ps-active, body.ps-building, div.ps-active, div.ps-building { background: #000; overflow: hidden; } body.ps-active *, div.ps-active * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: none; } body.ps-active *:focus, div.ps-active *:focus { outline: 0; } /* Document overlay */ div.ps-document-overlay { background: #000; } /* UILayer */ div.ps-uilayer { background: #000; cursor: pointer; } /* Zoom/pan/rotate layer */ div.ps-zoom-pan-rotate { background: #000; } div.ps-zoom-pan-rotate * { display: block; } /* Carousel */ div.ps-carousel-item-loading { background: url(/FirstNational/Images/ps-loader.gif) no-repeat center center; } div.ps-carousel-item-error { background: url(/FirstNational/Images/ps-error.gif) no-repeat center center; } /* Caption */ div.ps-caption {display:none !Important; background: #000000; background: -moz-linear-gradient(top, #303130 0%, #000101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303130), color-stop(100%, #000101)); border-bottom: 1px solid #42403f; color: #ffffff; font-size: 13px; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; text-align: center; } div.ps-caption * { display: inline; } div.ps-caption-bottom { border-top: 1px solid #42403f; border-bottom: none; min-height: 44px; } div.ps-caption-content { padding: 13px; display: block; } /* Toolbar */ div.ps-toolbar { background: #000000; background: -moz-linear-gradient(top, #303130 0%, #000101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303130), color-stop(100%, #000101)); border-top: 1px solid #42403f; color: #ffffff; font-size: 13px; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; text-align: center; height: 44px; display: table; table-layout: fixed; } div.ps-toolbar * { display: block; } div.ps-toolbar-top { border-bottom: 1px solid #42403f; border-top: none; } div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play { cursor: pointer; display: table-cell; } div.ps-toolbar div div.ps-toolbar-content { width: 44px; height: 44px; margin: 0 auto 0; background-image: url(/FirstNational/Images/ps-icons.png) !important; background-repeat: no-repeat; } div.ps-toolbar-close div.ps-toolbar-content { background-position: 0 0; } div.ps-toolbar-previous div.ps-toolbar-content { background-position: -44px 0; } div.ps-toolbar-previous-disabled div.ps-toolbar-content { background-position: -44px -44px; } div.ps-toolbar-next div.ps-toolbar-content { background-position: -132px 0; } div.ps-toolbar-next-disabled div.ps-toolbar-content { background-position: -132px -44px; } div.ps-toolbar-play div.ps-toolbar-content { background-position: -88px 0; } /* Hi-res display */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { div.ps-toolbar div div.ps-toolbar-content { -moz-background-size: 176px 88px; -o-background-size: 176px 88px; -webkit-background-size: 176px 88px; background-size: 176px 88px; background-image: url(/FirstNational/Images/ps-icons_2x.png); } } .listing .hide-for-small { display:none !important; } /*# Menu #*/ #menu { margin:0 auto; width:100%; max-width:1000px; } #menu > #menuElem li > a { text-align:center; margin-left:5px; font-size:13px; padding:0 12px; } #menu > #menuElem li > a { text-decoration:none; } .s #menu > #menuElem li > a { font-size:11px; } .l #menu > #menuElem li > a { font-size:15px; } #menu > #menuElem > li { margin:0; list-style: none; float: left; display: block; position:relative; padding-bottom:5px; } #menu > #menuElem > li:first-child a { margin-left:0; } #menu > #menuElem > li > * { display: block; } #menu > #menuElem > li > a { background:#00588e; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height:30px; height:30px; color:#fff; overflow:hidden; cursor:pointer; } #menu > #menuElem > li > a.commercialMenu, #menu > #menuElem > li.CMSListMenuHighlightedLI > a.commercialMenu { background:#FE000C !important; } #menu > #menuElem { margin: 15px 0 17px 0px; padding: 0; list-style: none; float:left; width:100%; } #menu > #menuElem li > ul { display:none; position:absolute; left:5px; z-index:30; float:left; width:220px; pointer-events: none; opacity: 0; filter: alpha(opacity=0); top: 35px; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; padding:10px 0; background:#f2f2f2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border:1px solid #ccc } #menu > #menuElem li > ul li { padding:0 5px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #menu > #menuElem li > ul a { padding:4px 5px; display:block; text-align:left; border-bottom:1px dotted #ccc; margin:0; } #menu > #menuElem li > ul li:last-child a { border-bottom:none; } #menu > #menuElem li:hover > ul { display:block; } #menu > #menuElem li:hover ul, #menu > #menuElem li.hover ul { pointer-events: auto; opacity: 1; filter: alpha(opacity=100); top: 35px; z-index:9999; } .IE7 #header { position:relative; z-index:10; padding-bottom:20px; } .IE7 #menu > #menuElem li > ul { width:200px; } .IE7 #menu > #menuElem li > ul ul, .IE7 #menu > #menuElem li > ul li, .IE7 #menu > #menuElem li > ul li a { width:210px; display:block; } #menu > #menuElem > li:hover > a { overflow:visible !important; position:relative; } #menu > #menuElem > li.no-drop ul { display:none !important; } .isStandAlone #staff .staff a.link, .isStandAlone #menu > #menuElem > li > a { background:#ed1c24; } .menu-button { display:none; } .mobile-only { display:none !important; } .desktop-only { display:block; } @media only screen and (min-width:768px) { #menu > #menuElem > li:hover > a, #menu > #menuElem > li.CMSListMenuHighlightedLI > a, #menu > #menuElem > li > a:hover { background: #636466; } #menu > #menuElem > li li a:hover, #menu > #menuElem > li li.CMSListMenuHighlightedLI a { background: #fff; } } @media only screen and (max-width:767px) { .desktop-only { display:none !important; } .mobile-only { display:block !important; } .menu-button { cursor: pointer; width: 45px; max-width: 96%; float: right; display: block; height: 40px; background: url(/FirstNational/National/mobile-menu.png) no-repeat; background-size: 100% auto; cursor: pointer; position:absolute; top:40px; right:10px; } .isCommercial .menu-button { background: url(/FirstNational/theme-b/img/mobile-menu-comm.png) no-repeat; background-size:100% auto;} #menu ul{ display:none; } #menu ul.display { display:block; } #menu > #menuElem { margin:20px 0 0 0 !important; } #menu > #menuElem li { width:100%; box-shadow: 0 4px 4px rgba(f, f, f, 0.3); position:relative; background: rgb(183, 183, 183); background: -moz-linear-gradient(270deg, rgb(183, 183, 183) 30%, rgb(153, 154, 154) 100%); background: -webkit-linear-gradient(270deg, rgb(183, 183, 183) 30%, rgb(153, 154, 154) 100%); background: -o-linear-gradient(270deg, rgb(183, 183, 183) 30%, rgb(153, 154, 154) 100%); background: -ms-linear-gradient(270deg, rgb(183, 183, 183) 30%, rgb(153, 154, 154) 100%); background: #fff; margin-bottom: 0; border: none; opacity: 1; } #menu > #menuElem li li {box-shadow:none; } #menu > #menuElem > li { border-bottom:1px solid #07447b; } #menu > #menuElem li a { line-height: 40px; color: #07447b; padding-left:5px; margin:0; background:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; text-align:left; text-indent:10px; height: 40px; } #menu > #menuElem > li:last-child { border-bottom:none; } #menu > #menuElem li a:after { content:" "; border-top:7px solid #07447b; position:absolute; top:20px; margin-top:-5px; margin-right:10px; z-index:9999; } #menu > #menuElem li a:after { width:0; right: 0; border-top: 0px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #07447b; } #menu > #menuElem > li.hover a:after { border-top: 8px solid #07447b; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:0; } .isCommercial #menu > #menuElem > li.hover a:after { border-top-color:#2f2b2c;} #menu > #menuElem li li a:after { display:none; } #menu > #menuElem li.HighLighted, #menu > #menuElem li:hover{ background:#07447b; } #menu > #menuElem li:hover a { color:#fff;} #menu > #menuElem li.hover:hover{ background:#fff; } #menu > #menuElem li.HighLighted a, #menu > #menuElem li li:hover a { color:#fff; } #menu > #menuElem li.hover li:hover > a { color:#fff; } #menu > #menuElem li li:hover a { color:#fff !important; } #menu > #menuElem li.hover:hover > a { color:#07447b !important; } #menu > #menuElem li.HighLighted a:after, #menu > #menuElem li:hover a:after{ border-bottom-color:#fff; } #menu > #menuElem li.hover:hover a:after{ border-bottom-color:#155EA6; } .mobile-menu.show-hide > div { padding:0; } .mobile-menu.show-hide ul { width:100%; } #menu-icon ul { float:right; } #menu-icon li { display:inline-block; width:45px; /* max-width:48%;*/ max-width:96%; } #menu-icon li img { padding-left:3px; } #menu-icon li.si { display:none } #menu-icon li.mi { height:40px; background:url(/FirstNational/National/mobile-menu.png) no-repeat; background-size:100% auto; } #menu-icon li.mi img { display:none; } #menu-icon .mi { cursor:pointer; width:45px; max-width:96%; float:right; display:block; height:40px; background:url(/FirstNational/National/mobile-menu.png) no-repeat; background-size:100% auto; } #menu > #menuElem li > ul{ min-height:50px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; } #menu > #menuElem li:hover ul { display:none; } #menu > #menuElem li.hover ul { display:block; position:static; } #menu > #menuElem li.hover > a { font-weight:bold; } #menu > #menuElem li > ul { padding:0 10px 10px; } #menu > #menuElem li.hover, #menu > #menuElem li.hover:hover { background:#f2f2f2; } #menu > #menuElem li li { background:#f2f2f2; } #menu > #menuElem li li a { height:30px; line-height:28px; padding:0; color:#000 !important; } #menu > #menuElem li li a:hover { color:#fff !important; border-bottom:1px solid #07447b !important; } #menu > #menuElem li li:last-child a:hover { border-bottom:none !important; } #menu > #menuElem li:hover > a { overflow:hidden !important; } #menu > #menuElem li:hover > a:after { left: 9999%; display:none; } .isCommercial #menu > #menuElem li a, #menu > #menuElem > li > a.commercialMenu { color:#2f2b2c; background:none; } .isCommercial #menu > #menuElem li.HighLighted, #menu > #menuElem li:hover { background:#2f2b2c; } .isCommercial #menu > #menuElem > li { border-bottom-color:#2f2b2c; } .isCommercial #menu > #menuElem li:hover a { color:#fff; } .isCommercial #menu > #menuElem li a:after { border-bottom-color:#2f2b2c; } .isCommercial #menu > #menuElem li li a:hover { border-bottom-color:#2f2b2c; } .isCommercial #menu > #menuElem li.hover:hover > a { color:#2f2b2c !important; } .isCommercial .bx-wrapper .bx-controls-direction a.bx-prev { background:#2f2b2c; } .isCommercial .bx-wrapper .bx-controls-direction a.bx-next { background:#2f2b2c; } } .IE7 #page-wrap, .IE8 #page-wrap { min-width:1000px; } /*# isCommercial #*/ .isCommercial #page-title { background:#FE000C; } .isCommercial #listing-summary .feat-links a, .isCommercial #listing-search #mainSearch .actions .button, .isCommercial #new-search, .isCommercial #new-search a:hover, .isCommercial #listing-detail .toolbox li a:hover { background:#FE000C; } .isCommercial #listing-summary .feat-links a:hover, .isCommercial #listing-search #mainSearch .actions .button, .isCommercial #listing-detail .toolbox li a { background:#636466; } .isCommercial #listing-summary .desc h2, .isCommercial #listing-search .title, .isCommercial #listing-detail .detail-bar h1, .isCommercial #listing-detail .detail-bar h3, .isCommercial .breadcrumbs a { color:#FE000C; } .isCommercial #new-search a, .isCommercial #listing-detail .ld-top p, .isCommercial #listing-detail .extra p.title, .isCommercial .agent .name { color:#000; } .isCommercial #listing-detail .desc { border-bottom-color:#000; } .isCommercial #listing-summary .desc h2 a { color:#FE000C !important; } .smaller-add .at-share-tbx-element .at-share-btn, .smaller-add .at-share-tbx-element.addthis_32x32_style .at-share-btn, .smaller-add .at-share-tbx-element.addthis_32x32_white_style .at-share-btn {max-width:16px; max-height:16px; } .smaller-add .addthis_32x32_style .at4-icon, .smaller-add .addthis_32x32_white_style .at4-icon, .smaller-add .at-32x32 { width:16px; height:16px; line-height:16px; background-size:16px !important; } #footer svg.at-icon,#footer span.at-icon-wrapper {width:100%!important;height:100%!important;} .custom_neilsonpartners #table-wrap { display:none; } .custom_neilsonpartners .cta { float:left; width:100%; } .custom_ireson #table-wrap { display:none; } .custom_ireson .cta { float:left; width:100%; }