/* Index of styles that change: 

1. Main Background 
2. Header & Navigation 
3. Search
4. Headings
5. Layout 
6. Links 
7. Homepage
8. Footer
9. Calculators

/*

/* 1. Main Background */
body { background-color:#ffffff;}
.container {min-height:153px; width:100%; background: url(/assets/img/custom/layout/header-bg-tile.jpg) repeat-x;}
.top-header { width:917px; margin:0 auto; height:119px; padding-left:45px;}


/* 2. Header & Navigation */
.header {height:171px; background:url(/assets/img/custom/layout/image-header.jpg) top center no-repeat; width:931px; margin:0 auto; overflow:hidden!important;}

.margin-top44 { margin-top:44px;} /* This changes according to the height of your logo, however if header is in flash, remove */
.menu { width:931px; margin: 0 auto; padding-left:60px;}
.menu-content                                       { width:860px; height:29px; border:5px solid #FFFFFF; background:url(/assets/img/custom/navigation/button.jpg) repeat-x;}
.menu-content ul                                    { margin:0 0 0 0; padding:0; list-style:none;}
.menu-content li                                    { display:inline; padding:0; float:left;}
.menu-content li                                    { float:left; position:relative;}
.menu-content li a.general                          { color:#001527; font-weight:bold; border-left:1px solid #C7C7C7; line-height:29px; display:block; padding-left:28px; padding-right:28px; float:left; background:url(/assets/img/custom/navigation/button.jpg) left repeat-x;}
.menu-content a:hover.general                       { color:#003B6F; background:url(/assets/img/custom/navigation/active-button.jpg) left repeat-x;}
.menu-content a.active                              { color:#003B6F; font-weight:bold; border-left:1px solid #C7C7C7; line-height:29px; display:block; padding-left:28px; padding-right:28px; float:left; background:url(/assets/img/custom/navigation/active-button.jpg) left repeat-x;}
.menu-content a:hover.active                        { color:#003B6F; background:url(/assets/img/custom/navigation/active-button.jpg) left repeat-x;}
.menu-content a.active-rollover                     { color:#003B6F; font-weight:bold; background:url(/assets/img/custom/navigation/active-button.jpg) left repeat-x; border-left:1px solid #C7C7C7; line-height:29px; display:block; padding-left:28px; padding-right:28px; float:left;}
.right-section                              { width:50px;}
.content                                    {}
.menu-content ul ul                                 { visibility:hidden;position:absolute; height:0; top:29px; left:0; z-index:9999;}
.menu-content table                                 { position:absolute; top:0; left:0; border-collapse:collapse;}
.menu-content ul ul a, .menu-content ul ul a:visited        { background:url(/assets/img/custom/navigation/button.jpg) repeat-x; font-weight:bold; color:#001527; height:23px; display:block; padding-left:28px; padding-top:6px; border-bottom: 1px solid #C8D4E0;}
.menu-content ul ul a:hover, .menu-content ul ul a:hover    { color:#003B6F; font-weight:bold; background:url(/assets/img/custom/navigation/active-button.jpg) left repeat-x;}
/* make the second level visible when hover on first level list OR link */
.menu-content ul li:hover ul,
.menu-content ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu-content ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu-content ul :hover ul :hover ul{ visibility:visible;}


.footer-logos { color:#778E40;}

.width64  {width:74px;}
.width130 {width:130px;}
.width180 {width:180px;}
.width146 {width:230px;}
.width213 {width:270px;}
.width210 {width:210px;}
.width200 {width:200px;}


.search-results { background-image:url(/eos/img/property-search/navigation/search-results-over.jpg); color:#778E40; display:block; width:104px; height:25px; font-size:12px; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a.search-results { background-image:url(/eos/img/property-search/navigation/search-results.jpg); display:block; width:104px; height:25px; font-size:12px; color:#003B6F; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a:hover.search-results { background-image:url(/eos/img/property-search/navigation/search-results-over.jpg); color:#778E40; }
.search-results { background-image:url(/eos/img/property-search/navigation/search-results-over.jpg); display:block; width:104px; height:25px; font-size:12px; color:#778E40; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a.map { background-image:url(/eos/img/property-search/navigation/map.jpg); display:block; width:37px; height:25px; font-size:12px; color:#003B6F; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a:hover.map { background-image:url(/eos/img/property-search/navigation/map-over.jpg); color:#778E40;}
.map { background-image:url(/eos/img/property-search/navigation/map-over.jpg); color:#778E40; display:block; width:37px; height:25px; font-size:12px;  font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
.details { background-image:url(/eos/img/property-search/navigation/details-over.jpg); display:block; width:50px; height:25px; font-size:12px; color:#778E40; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a.details { background-image:url(/eos/img/property-search/navigation/details.jpg); display:block; width:50px; height:25px; font-size:12px; color:#003B6F; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a:hover.details { background-image:url(/eos/img/property-search/navigation/details-over.jpg); color:#778E40;}
a.my-favourites { background-image:url(/assets/img/custom/property-search/navigation/favourites.jpg); display:block; width:109px; height:25px; font-size:12px; color:#003B6F; font-weight:bold; padding-left:30px; padding-top:7px; float:left; margin-right:3px;}
a:hover.my-favourites { background-image:url(/assets/img/custom/property-search/navigation/favourites-over.jpg); color:#778E40;}
.my-favourites { background-image:url(/assets/img/custom/property-search/navigation/favourites-over.jpg); color:#778E40; display:block; width:109px; height:25px; font-size:12px; font-weight:bold; padding-left:30px; padding-top:7px; float:left; margin-right:3px;}

.bond-transfer-cost { background-image:url(/eos/img/calculators/navigation/bond-transfer-cost-over.jpg); display:block; width:195px; height:25px; font-size:12px; color:#778E40; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a.bond-transfer-cost { background-image:url(/eos/img/calculators/navigation/bond-transfer-cost.jpg); display:block; width:195px; height:25px; font-size:12px; color:#003B6F; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a:hover.bond-transfer-cost { background-image:url(/eos/img/calculators/navigation/bond-transfer-cost-over.jpg); color:#778E40;}

.area-profile { background-image:url(/eos/img/property-search/navigation/area-profile-over.jpg); display:block; width:80px; height:25px; font-size:12px; color:#778E40; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a.area-profile { background-image:url(/eos/img/property-search/navigation/area-profile.jpg); display:block; width:80px; height:25px; font-size:12px; color:#003B6F; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a:hover.area-profile { background-image:url(/eos/img/property-search/navigation/area-profile-over.jpg); color:#778E40;}

.bond-affordability { background-image:url(/eos/img/calculators/navigation/bond-affordability-over.jpg); display:block; width:175px; height:25px; font-size:12px; color:#778E40; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a.bond-affordability { background-image:url(/eos/img/calculators/navigation/bond-affordability.jpg); display:block; width:175px; height:25px; font-size:12px; color:#003B6F; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a:hover.bond-affordability { background-image:url(/eos/img/calculators/navigation/bond-affordability-over.jpg); color:#778E40;}

.bond-repayment { background-image:url(/eos/img/calculators/navigation/bond-repayment-over.jpg); display:block; width:169px; height:25px; font-size:12px; color:#778E40; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a.bond-repayment { background-image:url(/eos/img/calculators/navigation/bond-repayment.jpg); display:block; width:169px; height:25px; font-size:12px; color:#003B6F; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a:hover.bond-repayment { background-image:url(/eos/img/calculators/navigation/bond-repayment-over.jpg); color:#778E40;}

.currency-converter { background-image:url(/eos/img/calculators/navigation/currency-converter-over.jpg); display:block; width:128px; height:25px; font-size:12px; color:#778E40; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a.currency-converter { background-image:url(/eos/img/calculators/navigation/currency-converter.jpg); display:block; width:128px; height:25px; font-size:12px; color:#003B6F; font-weight:bold; padding-left:15px; padding-top:7px; float:left; margin-right:3px;}
a:hover.currency-converter { background-image:url(/eos/img/calculators/navigation/currency-converter-over.jpg); color:#778E40;}

/* 3. Search */
.search                       { background:#001528; width:100%; float:left; padding-bottom:25px; padding-top:15px;}
.search-button                { background-color:#00386A; border:1px solid #00386A; padding:2px; padding-right:3px; padding-left:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
.search-content               { width:877px; margin:0 auto; float:none; font-size:11px; color:#6B7782;  padding-bottom:15px; padding-top:0px;}

/* 4. Headings */
h1 { font-family:Arial, Helvetica, sans-serif; font-size:23px; font-weight:normal; color:#000000; text-transform: uppercase!important; }
h2 { font-family: "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#778E40; text-transform: uppercase;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#003B6F; margin-top:0px; padding-top:0px; margin-bottom:10px;}

/* 5. Layout */
.breadcrumbs-dark {color:#011124;}
.breadcrumbs-light { color:#999999;}
a.homepage {background-image:url(/assets/img/custom/navigation/property-search.png); display:block; height:34px; width:146px;}
a:hover.homepage { background-image:url(/assets/img/custom/navigation/property-search-over.png); display:block;}

/* 6. Links */
a:focus, 
a:hover     { color: #778E40; }
a           { color: #003B6F; text-decoration: none; }

a:hover.other     { color: #666666; }
a.other           { color: #666666; text-decoration: none; }

.blue a:hover     { color: #C90D1B; }
.blue a           { color: #072E5F; text-decoration: none; }

a:hover.news-heading-link     { color: #000000; }
a.news-heading-link           { color: #003B6F; text-decoration: none; }

a:hover.image-border     { border:1px solid #8EA4B4; padding:1px;}
a.image-border           { border:1px solid #FFFFFF; padding:1px; display:block;}

a:hover.more-info, a:hover.more-info2, a:hover.gallery, a:hover.favourites, a:hover.bookmark, a:hover.share, a:hover.favourites-remove, a:hover.brochure, a:hover.print, a:hover.email, a:hover.feed, a:hover.floor-plans, a:hover.virtual-tour, a:hover.video, a:hover.map-property, a:hover.add-property-favourites, a:hover.previous, a:hover.next { color: #778E40;}
a.more-info, a.more-info2, a.gallery, a.favourites, a.bookmark, a.share, a.favourites-remove, a.brochure, a.print, a.email, a.feed, a.floor-plans, a.virtual-tour, a.video, a.map-property, a.add-property-favourites, a.previous, a.next { color: #003B6F;}

/* 7. Homepage */
.quote { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#003B6F; font-weight:bold;} /* Slogan Text */

/* 8. Footer */
.footer-float                 { width:100%; background: #ffffff url(/assets/img/custom/layout/footer-bg.jpg) top left repeat-x; float:left; }
.footer-float2                { width:917px; margin:0 auto; }

.footer-bg2                   { width:917px; color:#999999; display:block; font-size:11px; background:url(/assets/img/custom/layout/habby.jpg) bottom center no-repeat;}
.footer-content               { width:877px; margin:0 auto; margin-top:20px;  }

.footer-content h1            { color:#000000; text-transform:uppercase;}
.footer-content a             { color:#999999;}
.footer-content a:hover       { color:#00305A;}
.footer-logos                 { color:#838C94;}
.footer-spacing-top           { margin-top:50px;}

/* 9. Calculators */
.calctable input { margin-left:5px; background-color:#778E40; border:1px solid #778E40; padding:2px; padding-right:3px; padding-left:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}

/* Popups */
.search-button-popup { background-color:#778E40; border:1px solid #778E40; padding:2px; margin-top:10px; padding-right:3px; padding-left:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}

.padding-right-5 { padding-right: 5px;}
.padding-left-5 { padding-left: 5px;}
.padding-bottom-26 { padding-bottom:26px;}

.top-nav       { width:370px; padding-right:30px;}

a:hover.blog     { background:url(/assets/img/custom/layout/header/blog-over.jpg) no-repeat;}
a.blog           { background:url(/assets/img/custom/layout/header/blog.jpg) no-repeat; padding-bottom:42px; padding-right:88px;}

a:hover.subscribe     { background:url(/assets/img/custom/layout/header/sub-over.jpg) no-repeat;}
a.subscribe           { background:url(/assets/img/custom/layout/header/sub.jpg) no-repeat; padding-bottom:42px; padding-right:148px;}

a:hover.follow     { background:url(/assets/img/custom/layout/header/follow-over.jpg) no-repeat;}
a.follow           { background:url(/assets/img/custom/layout/header/follow.jpg) no-repeat; padding-bottom:42px; padding-right:115px;}

#slidingDiv { display: none; height:103px; margin-left: 20px; margin-top:20px; position: absolute; width:341px;}
.social-header { background:url(/assets/img/custom/layout/header/speech-bubble.png) no-repeat;}
.social-2-header {padding-left:25px; margin-top:45px;}
.pading-top-5 { padding-top:5px;}

.social-2-header a             { color:#003B6F; background:none;}
.social-2-header a:hover       { color:#778E40; background:none;}

.margin-bott {
    margin-bottom: 20px;
}