/* 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:#72AACF; background:url(/assets/img/custom/layout/header-bg.jpg) center top no-repeat; }
/*.container { background-image:url(/assets/img/custom/layout/main-bg.jpg); background-repeat:repeat-x;} Insert if background does have a tiled background image */
.container {min-height:153px; width:100%;}

/* 2. Header & Navigation */
.header {height:210px; width:100%; margin:0 auto;}
.main-content-bg { background-repeat:no-repeat; width:100%; background-position:top center; float:left;}
.margin-top44 { margin-top:44px;} /* This changes according to the height of your logo, however if header is in flash, remove */
.menu { width:917px; margin:0 auto;}
.menu-bg {background-color:#CF000F; height:36px; width:917px;}
.menu ul {margin:0 0 0 0; padding:0; list-style:none;}
.menu li { display:inline; padding:0; float:left;}
.menu li {float:left; position:relative; text-transform:uppercase; font-size:11px; font-weight:bold;}
.menu li a.general { color:#FFFFFF; padding-top:10px; padding-bottom:9px; display:block; padding-left:28px; padding-right:27px; float:left;}
.menu a:hover.general { color:#FFFFFF;  background-color:#990000;}
.menu a.active { color:#FFFFFF; padding-top:10px; padding-bottom:9px; display:block; padding-left:28px; padding-right:27px; float:left;}
.menu a.active-rollover { color:#FFFFFF; background-color:#990000; padding-top:10px; padding-bottom:9px; display:block; padding-left:28px; padding-right:27px; float:left;}
.menu ul ul {visibility:hidden;position:absolute; height:0; top:36px; left:0;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul ul a, .menu ul ul a:visited { background-color:#990000; color:#FFFFFF; height:26px; display:block; padding-left:28px; padding-right:27px; padding-top:10px; border-bottom: 1px solid #AD3333;}
.menu ul ul a:hover, .menu ul ul a:hover{color:#FFFFFF; background:#B0000D;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.margin-bottom20 { margin-bottom:20px;}
.width130 {width:130px;}
.width180 {width:200px;}
.width146 {width:190px;}
.width213 {width:270px;}
.width210 {width:210px;}
.width200 {width:200px;}

.search-results { background-image:url(/eos/img/property-search/navigation/search-results-over.jpg); color:#C90D1B; 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:#2B5084; 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:#C90D1B; }
.search-results { background-image:url(/eos/img/property-search/navigation/search-results-over.jpg); display:block; width:104px; height:25px; font-size:12px; color:#C90D1B; 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:#2B5084; 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:#C90D1B;}
.map { background-image:url(/eos/img/property-search/navigation/map-over.jpg); color:#C90D1B; 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:#C90D1B; 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:#2B5084; 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:#C90D1B;}
a.my-favourites { background-image:url(/assets/img/custom/property-search/navigation/favourites.jpg); display:block; width:109px; height:25px; font-size:12px; color:#2B5084; 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:#C90D1B;}
.my-favourites { background-image:url(/assets/img/custom/property-search/navigation/favourites-over.jpg); color:#C90D1B; 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:#C90D1B; 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:#2B5084; 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:#C90D1B;}

.area-profile { background-image:url(/eos/img/property-search/navigation/area-profile-over.jpg); display:block; width:80px; height:25px; font-size:12px; color:#C90D1B; 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:#2B5084; 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:#C90D1B;}

.bond-affordability { background-image:url(/eos/img/calculators/navigation/bond-affordability-over.jpg); display:block; width:175px; height:25px; font-size:12px; color:#C90D1B; 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:#2B5084; 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:#C90D1B;}

.bond-repayment { background-image:url(/eos/img/calculators/navigation/bond-repayment-over.jpg); display:block; width:169px; height:25px; font-size:12px; color:#C90D1B; 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:#2B5084; 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:#C90D1B;}

.currency-converter { background-image:url(/eos/img/calculators/navigation/currency-converter-over.jpg); display:block; width:128px; height:25px; font-size:12px; color:#C90D1B; 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:#2B5084; 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:#C90D1B;}

/* 3. Search */
.search { margin:0 auto; background-color:#0B3554; width:917px; padding-bottom:0px;}
.search-button { background-color:#A1010D; border:1px solid #A1010D; padding:2px; padding-right:3px; padding-left:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
.search-content { font-size:11px; color:#FFFFFF; background:url(/assets/img/custom/layout/search.jpg); background-repeat:repeat-x; padding-bottom:15px; background-color:#0B3554; width:877px; margin:0 auto; padding-left:20px; padding-right:20px; padding-top:15px;}
.border-right5 { border-right:1px solid #114E7D; height:75px; padding-right:10px;}
.as-selections { color:#000000;}

/* 4. Headings */
h1 { font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#0B3554; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#A1010D; text-transform: uppercase;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0B3554; margin-top:0px; padding-top:0px; margin-bottom:10px;}

/* 5. Layout */
.breadcrumbs-dark {color:#607B91;}
.breadcrumbs-light { color:#607B91;}
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: #2B5084; }
a           { color: #C90D1B; 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: #0B3554; }
a.news-heading-link           { color: #000000; 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: #C90D1B;}
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: #2B5084;}

.footer-content a { color:#497299;}
.footer-content a:hover { color:#1C355B;}

/* 7. Homepage */
.quote {font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#AF0D18;} /* Slogan Text */

/* 8. Footer */


.footer-bg { border-top:5px solid #0B3554;} 
.footer-bg2 { width:917px; background-image:url(/assets/img/custom/layout/footer-bg.jpg); background-position: top left; background-repeat: repeat-x; display:block; color:#497299; font-size:11px; background-color:#F0F5F8;} 
.footer-content { width:877px; margin:0 auto; margin-top:20px; } 
.footer-float { width:918px; margin:0 auto;} 
.footer-spacing-top { margin-top:40px;}

/* 9. Calculators */
.calctable input { margin-left:5px; background-color:#A1010D; border:1px solid #A1010D; 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:#A1010D; border:1px solid #A1010D; padding:2px; margin-top:10px; padding-right:3px; padding-left:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}