@charset "UTF-8"; /*Global Reset --------------*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; padding: 0; width: 100%; } fieldset, img, a img { border: 0; } caption, th { text-align:left;} q:before, q:after { content:''; } input, textarea, select { font-family:inherit; font-size: inherit; font-weight: inherit; } button { border: none; background: none; } br.clearer { margin: 0; padding: 0; clear:both; } hr.hide { display: none; } /*SITEWIDE ----------*/ html, body { height: 100%; width: 100%; } body { font: 0.75em/1.4em "Tahoma", Arial, Helvetica, san-serif; color: #67696b; background: #2062b4 url(/Content/images/shared/backgrounds/bg.gif) 50% 0 repeat-y; } /*TYPOGRAPHY -------------*/ #content #main-content h1 { background-position: 0 0; background-repeat: no-repeat; margin-bottom: 0.4em; height: 31px; } #content #main-content h1 span { display: none; } #content h2 { font-size: 1em; margin-bottom: 0.3em; } #content #main-content h2 { background-position: 0 0; background-repeat: no-repeat; margin-bottom: 0.4em; height: 30px; } #content #main-content h2 span { display: none; } #content #sub-content h2 { color: #091b35; padding-bottom: 5px; background: url(/Content/images/shared/backgrounds/h2-bg.gif) 0 100% no-repeat; margin-bottom: 0.46em; } #content #main-content h3 { font-weight: normal; font-size: 1.1em; color: #15346A; margin: 0 10px 5px 10px; padding-bottom: 5px; background:url(/Content/images/shared/misc/hr-blue.gif) 0 100% no-repeat; } p.highlight strong { font-weight: normal; color: #4f6b9d; } #content p, #content ul, #content ol { margin-bottom: 0.91em; } #content #main-content p, #content #main-content ul, #content #main-content ol { margin-left: 10px; margin-right: 10px; } #content #main-content ul { list-style-image: url(/Content/images/shared/bullets/bullet.gif); list-style-position: outside; margin-left: 30px; padding-left: 10px; color: #5398b8; } #content a:link, #content a:visited { text-decoration: none; } #main-content a:link, #main-content a:visited { color: #093e6b; } #main-content a:hover, #main-content a:active {} #sub-content a:link, #sub-content a:visited { color: #0b2052; } #sub-content a:hover, #sub-content a:active {} img.left { float: left; margin: 0 10px 10px 10px; } img.right { float: right; margin: 0 10px 10px 10px; } /*forms*/ #form-container em { font-style: normal; color: #2b6eba; } #form-container form { padding-top: 10px; } #form-container .required { color: #2b6eba; background:url(/Content/images/contact-us/required-icon.gif) 100% 0 no-repeat; } #form-container .row { padding: 3px 0; clear: both; overflow: hidden;} #form-container form legend { display: none; } #form-container form p { float: left; margin: 0 10px; } #form-container form p label { float: left; } #form-container form p label.error { color: #F8A707; font-size: 0.9em; } #form-container form .submit p { text-align: right; } #form-container form .submit p button { border: none; margin: 0;padding: 0; cursor: pointer; } /*hijax response*/ p.error { color: #F8A707; padding: 5px 0 5px 35px; background:url(/Content/images/shared/misc/error-icon.gif) 0 50% no-repeat; } /*LAYOUT --------*/ #wrap { width: 100%; background: url(/Content/images/shared/backgrounds/wrap-bg.jpg) 50% 0 no-repeat; overflow: visible; min-height: 100px; } #subscribe-container { width: 100%; border: none; } #header-container, #content-container, #footer-container { width: 100%; overflow: visible; } #content-container { background: #2062b4 url(/Content/images/shared/backgrounds/content-bg.jpg) 0 0 repeat-x; min-height: 350px; } #subscribe, #header, #content, #footer { width: 955px; margin: 0 auto; } #content { position: relative; } #header { height: 80px; padding: 0 5px 10px 10px; position: relative; z-index: 2; } #footer { background:url(/Content/images/shared/backgrounds/footer-bg.gif) 0 0 no-repeat; color: #436592; padding-top: 10px; } /*Header Elements*/ /*logo*/ #header h1 { float: left; width: 217px; height: 77px; } /*subscription box*/ #subscribe { width: 955px; color: #FFF; clear: both; } #box-outer { height: 80px; margin-top: -40px; } #subscribe #form-container { width: 955px; height: 55px; } #subscribe form { padding: 10px 15px; margin: 0; float : right; width: 360px; } #subscribe #form-container p label { display: none; float: none; } #subscribe #form-container p label.error { display: block; clear: both; text-align: left; } #subscribe #form-container form p { margin: 0 5px; } #subscribe input { color: #999; width: 250px; } #subscribe .submit button { height: 23px; width: 80px; } #subscription-response { text-align: center; float: left; width: 480px; height: 25px; margin: 10px 0 0 60px; display: none; } #subscription-response p.loading-text { width: 80px; float: left; } #subscription-response img { float: left; } #subscription-response p.error { padding: 0 0 0 25px; background:url(/Content/images/shared/misc/subscription-error-icon.gif) 0 50% no-repeat; } /*form toggle button*/ #subscribe #subscribe-toggle a { visiblity: hidden; } /*javascript enabled styles*/ .reposition #subscribe-toggle a { visibility: visible; background:url(/Content/images/shared/header/subscribe-btn.gif) 0 0 no-repeat; width: 213px; height: 19px; display: block; cursor: pointer; color: #FFF; float: right; } .reposition #subscribe-toggle a:hover { background-position: 0 -19px;} .reposition #subscribe-toggle a.active { background-position: 0 -38px; } .reposition #subscribe-toggle a.active:hover { background-position: 0 -57px; } #subscribe-toggle a span { display: none; } .reposition { height: 80px; overflow: hidden; border-top: 3px solid #1b4c90; } .reposition #form-container { background: #1b4c90 url(/Content/images/shared/backgrounds/subscription-bg.gif) 0 100% no-repeat; } /*menu*/ embed, object, #banner { position: relative; z-index: 1; } #menu { float: right; width: 718px; margin-top: 32px; z-index: 3; } .nav { line-height:1.0; height: 31px; } .nav li { list-style: none; float: left; position: relative; height: 31px; } .nav li a { display: block; background-repeat: no-repeat; background-position: 0 0; height: 31px; } .nav li a span { display: none; } .nav li a:hover { background-position: 0 -31px; } .nav li a#mm-home { background-image:url(/Content/images/shared/menu/mm-home.png); width: 60px; } .nav li a#mm-news { background-image:url(/Content/images/shared/menu/mm-news.png); width: 59px; } .nav li a#mm-services { background-image:url(/Content/images/shared/menu/mm-services.png); width: 82px; } .nav li a#mm-about-us { background-image:url(/Content/images/shared/menu/mm-about-us.png); width: 80px; } .nav li a#mm-courses { background-image:url(/Content/images/shared/menu/mm-courses.png); width: 88px; } .nav li a#mm-home-loan-plan { background-image:url(/Content/images/shared/menu/mm-home-loan-plan.png); width: 120px; } .nav li a#mm-seminars { background-image:url(/Content/images/shared/menu/mm-seminars.png); width: 82px; } .nav li a#mm-media { background-image:url(/Content/images/shared/menu/mm-media.png); width: 62px; } .nav li a#mm-careers { background-image:url(/Content/images/shared/menu/mm-careers.png); width: 75px; } .nav li a#mm-contact-us { background-image:url(/Content/images/shared/menu/mm-contact-us.png); width: 94px; } .nav li.active-section a { background-position: 0 -62px; } /*secondary menu*/ .nav ul { display: none; position: absolute; width: 183px;height: auto; background:url(/Content/images/shared/menu/menu-first.png) 0 0 no-repeat; padding-top: 5px; font-size: 0.9em; } .nav ul li { height: auto; width: 183px; background: url(/Content/images/shared/menu/menu-li.png) 0 0 repeat-y; overflow: visible; padding: 0; margin: 0; } .nav ul li.last { background: url(/Content/images/shared/menu/menu-last.png) 0 100% no-repeat; padding-bottom: 10px; } .nav ul li a { height: auto; width: auto; display: block; padding: 5px 15px; color: #FFF; text-decoration: none; margin: 0 5px 0 4px; cursor: pointer; } .nav li:hover ul, ul.nav li.sfHover ul { left: 0px; top: 31px; } .superfish li:hover ul, .superfish li li:hover ul, .superfish li li li:hover ul { top: -999em; } .superfish { z-index: 0; } /*home*/ .nav li a#mm-home:hover, .nav li.sfHover a#mm-home, .nav a#mm-home:focus, .nav a#mm-home:hover, .nav a#mm-home:active { background-position: 0 -31px; } /*news*/ .nav li.active-section a#mm-news:hover, .nav li.active-section a#mm-news:focus, .nav li.active-section a#mm-news:hover, .nav li.active-section a#mm-news:active, .nav li a#mm-news:hover, .nav li.sfHover a#mm-news, .nav a#mm-news:focus, .nav a#mm-news:hover, .nav a#mm-news:active { background-position: 0 -31px; } /*services*/ .nav li.active-section a#mm-services:hover, .nav li.active-section a#mm-services:focus, .nav li.active-section a#mm-services:hover, .nav li.active-section a#mm-services:active, .nav li a#mm-services:hover, .nav li.sfHover a#mm-services, .nav a#mm-services:focus, .nav a#mm-services:hover, .nav a#mm-services:active { background-position: 0 -31px; } /*about us*/ .nav li.active-section a#mm-about-us:hover, .nav li.active-section a#mm-about-us:focus, .nav li.active-section a#mm-about-us:hover, .nav li.active-section a#mm-about-us:active, .nav li a#mm-about-us:hover, .nav li.sfHover a#mm-about-us, .nav a#mm-about-us:focus, .nav a#mm-about-us:hover, .nav a#mm-about-us:active { background-position: 0 -31px; } /*courses*/ .nav li.active-section a#mm-courses:hover, .nav li.active-section a#mm-courses:focus, .nav li.active-section a#mm-courses:hover, .nav li.active-section a#mm-courses:active, .nav li a#mm-courses:hover, .nav li.sfHover a#mm-courses, .nav a#mm-courses:focus, .nav a#mm-courses:hover, .nav a#mm-courses:active { background-position: 0 -31px; } /*home loan plan*/ .nav li a#mm-home-loan-plan:hover, .nav li.sfHover a#mm-home-loan-plan, .nav a#mm-home-loan-plan:focus, .nav a#mm-home-loan-plan:hover, .nav a#mm-home-loan-plan:active { background-position: 0 -31px; } /*seminars*/ .nav li a#mm-seminars:hover, .nav li.sfHover a#mm-seminars, .nav a#mm-seminars:focus, .nav a#mm-seminars:hover, .nav a#mm-seminars:active { background-position: 0 -31px; } /*media*/ .nav li.active-section a#mm-media:hover, .nav li.active-section a#mm-media:focus, .nav li.active-section a#mm-media:hover, .nav li.active-section a#mm-media:active, .nav li a#mm-media:hover, .nav li.sfHover a#mm-media, .nav a#mm-media:focus, .nav a#mm-media:hover, .nav a#mm-media:active { background-position: 0 -31px; } /*careers*/ .nav li a#mm-careers:hover, .nav li.sfHover a#mm-careers, .nav a#mm-careers:focus, .nav a#mm-careers:hover, .nav a#mm-careers:active { background-position: 0 -31px; } /*contact us*/ .nav li.active-section a#mm-contact-us:hover, .nav li.active-section a#mm-contact-us:focus, .nav li.active-section a#mm-contact-us:hover, .nav li.active-section a#mm-contact-us:active, .nav li a#mm-contact-us:hover, .nav li.sfHover a#mm-contact-us, .nav a#mm-contact-us:focus, .nav a#mm-contact-us:hover, .nav a#mm-contact-us:active { background-position: 0 -31px; } .nav ul li a:hover { background: url(/Content/images/shared/menu/submenu-hover-bg.gif) 0 0 repeat-x; } /*Content Elements*/ #content #banner { height: 250px; } #content #main-content { float: left; width: 725px; margin: 0 0 0 5px; } #content #sub-content { float: right; width: 210px; margin: 0 5px 0 0; } #content #call-to-actions { height: 68px; background:url(/Content/images/shared/backgrounds/call-to-action-bg.gif) 0 0 no-repeat; margin: 0 5px; } /*banner*/ #banner h1 { margin: 0; } /*call to actions*/ #call-to-actions #main { float: left; width: 725px; padding-top: 7px; } #call-to-actions #main #market h3, #call-to-actions #main #market p a span { display: none; } #call-to-actions #main #market p a { float: left; width: 250px; height:33px; display: block; background:url(/Content/images/shared/call-to-actions/market.gif) 0 0 no-repeat; margin: 0 0 0 98px; } #call-to-actions #main #industry h3, #call-to-actions #main #industry p a span { display: none; } #call-to-actions #main #industry p a { float: right; width: 185px; height: 35px; background:url(/Content/images/shared/call-to-actions/industryXX.gif) 0 0 no-repeat; display: block; margin: 0 160px 0 0; } #call-us a { float: right; width: 210px; background:url(/Content/images/shared/call-to-actions/call-us.gif) 0 0 no-repeat; height: 53px; display: block; margin-top: 6px; } #call-us a span { display: none; } /*boxes*/ .box-container { margin-bottom: 5px; } /*main-content*/ #main-content .box-container { background: url(/Content/images/shared/backgrounds/main-box-middle.gif) 0 0 repeat-y; } #main-content .box-container .top, #main-content .box-container .bottom { height: 10px; background-repeat: no-repeat; background-position: 0 0; } #main-content .box-container .top { background-image: url(/Content/images/shared/backgrounds/main-box-top.gif); } #main-content .box-container .bottom { background: url(/Content/images/shared/backgrounds/main-box-bottom.gif) 0 100% no-repeat; } #main-content .box-container .middle { padding: 0 10px; overflow: auto; _height: 1%; } /*sub-content*/ #sub-content .box-container { background: url(/Content/images/shared/backgrounds/side-box-bottom.gif) 0 100% no-repeat; } #sub-content .box-container .box-inner { background: url(/Content/images/shared/backgrounds/side-box-top.gif) 0 0 no-repeat; padding: 15px; } /*call to action subnav on right column*/ .submenu { background-position: 0 0; background-repeat: no-repeat; background-image: url(/Content/images/shared/submenu/submenu-bg.gif); height: 173px; padding: 8px 12px 0 12px; } .submenu h3, .submenu span { display: none; } .submenu ul { } .submenu li { list-style: none; margin-bottom: 2px; } .submenu li a { background-position: 0 0; background-repeat: no-repeat; height: 38px; display: block; } .submenu #sm-independent { background-image:url(/Content/images/shared/submenu/sm-independent-property1.gif); } .submenu #sm-independent:hover { background-image:url(/Content/images/shared/submenu/sm-independent-property2.gif); } .submenu #sm-home-loan { background-image:url(/Content/images/shared/submenu/sm-home-loan1.gif); } .submenu #sm-home-loan:hover { background-image:url(/Content/images/shared/submenu/sm-home-loan2.gif); } .submenu #sm-financial-planning { background-image:url(/Content/images/shared/submenu/sm-financial-planning1.gif); } .submenu #sm-financial-planning:hover { background-image:url(/Content/images/shared/submenu/sm-financial-planning2.gif); } .submenu #sm-property-investment { background-image:url(/Content/images/shared/submenu/sm-property-investment1.gif); } .submenu #sm-property-investment:hover { background-image:url(/Content/images/shared/submenu/sm-property-investment2.gif); } .submenu li.active-action a#sm-independent { background-image:url(/Content/images/shared/submenu/sm-independent-property2.gif); } .submenu li.active-action a#sm-home-loan { background-image:url(/Content/images/shared/submenu/sm-home-loan2.gif); } .submenu li.active-action a#sm-financial-planning { background-image:url(/Content/images/shared/submenu/sm-financial-planning2.gif); } .submenu li.active-action a#sm-property-investment { background-image:url(/Content/images/shared/submenu/sm-property-investment2.gif); } /* /*in the news flash holder*/ #subnews-container { overflow: visible; width: 210px; background:url(/Content/images/shared/call-to-actions/news-middle.gif) 0 0 repeat-y; } #subnews-container #top { height: 6px; background:url(/Content/images/shared/call-to-actions/news-top.gif) 0 0 no-repeat; } #subnews-container #swf-holder { padding: 0 5px; } #subnews-container #bottom { height: 6px; background:url(/Content/images/shared/call-to-actions/news-bottom.gif) 0 100% no-repeat; } /*Footer Elements*/ #footer p#address { float: right; width: 335px; color: #5681af; margin-right: 50px; } #footer ul#main-links { float: left; width: 515px; margin-left: 50px; } #footer ul#sub-links { text-align: center; padding: 10px 50px 0 50px; } #footer li { list-style: none; display: inline; padding: 0 3px; } #footer a { text-decoration: none; } #footer ul#main-links a { color: #a6b859; } #footer ul#sub-links a { color: #436592; } /*Home Styles ------------*/ /*layout*/ #main-content .column { width: 337px; backg//round:url(/Content/images/shared/backgrounds/column-bg.gif) 100% 0 no-repeat; padding: 5px 10px 0 0; } #main-content .left { float: left; } #main-content .right { float: right; } #header.home { padding-bottom: 0; } /*main content items*/ #content #main-content.home h1 { height: 31px; margin-bottom: 10px; } h1#hd-quality { background-image: url(/Content/images/home/hd-quality.gif); } #content #main-content p.arrow-btn { margin: 0; } #main-content p.arrow-btn a { display: block; padding: 5px 0 5px 30px; background: url(/Content/images/shared/buttons/green-arrow-btn.gif) 0 50% no-repeat; } /*news*/ h1#hd-property-news { background-image: url(/Content/images/home/hd-property-news.gif); } #content #main-content.home .right h3 { color: #93a052; margin: 0 0 5px 0; padding: 0; background: none; } #content #main-content.home .right h3 em { font-style: normal; color: #4a6926; padding: 2px 5px 2px 25px; border-right: 1px solid #93a052; } #content #main-content.home .right h3 em.date { background-repeat: no-repeat; background-position: 0 0; } #content #main-content.home .right h3 em.day01 { background-image: url(/Content/images/home/date-01.gif); } #content #main-content.home .right h3 em.day02 { background-image: url(/Content/images/home/date-02.gif); } #content #main-content.home .right h3 em.day03 { background-image: url(/Content/images/home/date-03.gif); } #content #main-content.home .right h3 em.day04 { background-image: url(/Content/images/home/date-04.gif); } #content #main-content.home .right h3 em.day05 { background-image: url(/Content/images/home/date-05.gif); } #content #main-content.home .right h3 em.day06 { background-image: url(/Content/images/home/date-06.gif); } #content #main-content.home .right h3 em.day07 { background-image: url(/Content/images/home/date-07.gif); } #content #main-content.home .right h3 em.day08 { background-image: url(/Content/images/home/date-08.gif); } #content #main-content.home .right h3 em.day09 { background-image: url(/Content/images/home/date-09.gif); } #content #main-content.home .right h3 em.day10 { background-image: url(/Content/images/home/date-10.gif); } #content #main-content.home .right h3 em.day11 { background-image: url(/Content/images/home/date-11.gif); } #content #main-content.home .right h3 em.day12 { background-image: url(/Content/images/home/date-12.gif); } #content #main-content.home .right h3 em.day13 { background-image: url(/Content/images/home/date-13.gif); } #content #main-content.home .right h3 em.day14 { background-image: url(/Content/images/home/date-14.gif); } #content #main-content.home .right h3 em.day15 { background-image: url(/Content/images/home/date-15.gif); } #content #main-content.home .right h3 em.day16 { background-image: url(/Content/images/home/date-16.gif); } #content #main-content.home .right h3 em.day17 { background-image: url(/Content/images/home/date-17.gif); } #content #main-content.home .right h3 em.day18 { background-image: url(/Content/images/home/date-18.gif); } #content #main-content.home .right h3 em.day19 { background-image: url(/Content/images/home/date-19.gif); } #content #main-content.home .right h3 em.day20 { background-image: url(/Content/images/home/date-20.gif); } #content #main-content.home .right h3 em.day21 { background-image: url(/Content/images/home/date-21.gif); } #content #main-content.home .right h3 em.day22 { background-image: url(/Content/images/home/date-22.gif); } #content #main-content.home .right h3 em.day23 { background-image: url(/Content/images/home/date-23.gif); } #content #main-content.home .right h3 em.day24 { background-image: url(/Content/images/home/date-24.gif); } #content #main-content.home .right h3 em.day25 { background-image: url(/Content/images/home/date-25.gif); } #content #main-content.home .right h3 em.day26 { background-image: url(/Content/images/home/date-26.gif); } #content #main-content.home .right h3 em.day27 { background-image: url(/Content/images/home/date-27.gif); } #content #main-content.home .right h3 em.day28 { background-image: url(/Content/images/home/date-28.gif); } #content #main-content.home .right h3 em.day29 { background-image: url(/Content/images/home/date-29.gif); } #content #main-content.home .right h3 em.day30 { background-image: url(/Content/images/home/date-30.gif); } #content #main-content.home .right h3 em.day31 { background-image: url(/Content/images/home/date-31.gif); } #content #main-content.home .right h3 em span { display: none; /*background: #BCE18D url(/Content/images/home/date-bg.gif) 0 0 repeat-x; padding: 2px; display:inline-block; border: 1px solid #e6eddc;*/ } #content #main-content.home .right p { margin: 0 0 10px 0; } #content #main-content.home .right p a { color: #67696b; } #content #main-content.home .right p a:hover { color: #0b2052; } /*sub-content items*/ { margin: 0; } #sub-content p.arrow-btn a { display: block; padding: 5px 0 5px 30px; background:url(/Content/images/shared/buttons/blue-arrow-btn.gif) 0 50% no-repeat; } /*About Us Styles -----------------*/ h1#hd-about-us { background-image:url(/Content/images/about-us/hd-about-us.gif); } h2#subhd-our-aim { background-image:url(/Content/images/about-us/subhd-our-aim.gif); } h2#subhd-our-directors { background-image:url(/Content/images/about-us/subhd-our-directors.gif); } h2#subhd-our-team { background-image:url(/Content/images/about-us/subhd-our-team.gif); } h1#hd-ppa-team { background-image:url(/Content/images/about-us/hd-ppa-team.gif); } h1#hd-why-different { background-image:url(/Content/images/about-us/hd-why-different.gif); } h1#hd-who-is { background-image:url(/Content/images/about-us/hd-who-is.gif); } h2#subhd-masses { background-image:url(/Content/images/about-us/subhd-masses.gif); } h2#subhd-objective { background-image:url(/Content/images/about-us/subhd-objective.gif); } h2#subhd-remunerate { background-image:url(/Content/images/about-us/subhd-remunerate.gif); } h2#subhd-negotiation { background-image:url(/Content/images/about-us/subhd-negotiation.gif); } h2#subhd-changing { background-image:url(/Content/images/about-us/subhd-changing.gif); } h2#subhd-ongoing { background-image:url(/Content/images/about-us/subhd-ongoing-services.gif); } h2#subhd-your-financial-plan { background-image:url(/Content/images/about-us/subhd-your-financial-plan.gif); } h2#subhd-super-rollover { background-image:url(/Content/images/about-us/subhd-super-rollover.gif); } h2#subhd-risk-insurance { background-image:url(/Content/images/about-us/subhd-risk-insurance.gif); } h2#subhd-genuine-fee { background-image:url(/Content/images/about-us/subhd-genuine-fee.gif); } h1#hd-awards { background-image:url(/Content/images/about-us/hd-awards.gif); } ul#awards { overflow: auto; } ul#awards li { list-style: none; float: left; } ul#awards li a { width: 123px; height: 81px; margin: 0 10px 10px 0; display: block; background-position: 0 0; background-repeat: no-repeat; } ul#awards li a span { display: none; } ul#awards li a#aw-finalist { background-image:url(/Content/images/about-us/finalist-button1.gif); } ul#awards li a#aw-finalist:hover { background-image:url(/Content/images/about-us/finalist-button2.gif); } /*Services Styles -----------------*/ h1#hd-property-services { background-image:url(/Content/images/services/hd-property-services.gif); } /*services overview page*/ .service-overview { display: block; overflow: auto; margin: 0 10px 10px 10px; } #content #main-content .service-overview h2 { float: left; width: 310px; height: 100px; background-repeat: no-repeat; background-position: 0 0; margin: 0; } .service-overview h2 span { display: none; } .property-advice h2 { background-image: url(/Content/images/services/subhd-property-advice.jpg); } .home-loan h2 { background-image: url(/Content/images/services/subhd-home-loan.jpg); } .financial-planning h2 { background-image: url(/Content/images/services/subhd-financial-planning.jpg); } .property-investment h2 { background-image: url(/Content/images/services/subhd-property-investment.jpg); } .service-overview .text { float: right; width: 370px; } .service-overview a { width: 60px; display: block; padding-right: 5px; background:url(/Content/images/shared/bullets/green-arrow.gif) 100% 50% no-repeat; } /*services top para*/ #services-intro { overflow: auto; _height: 1%; padding-bottom: 10px; } #content #main-content #services-intro h3 { float: right; width: 480px; padding: 25px 0; background-position: 0 100%; margin: 0; } #services-intro img { float: left; } /*services detail page*/ #services-detail { overflow: auto; } #services-detail #left-column { float: left; width: 205px; background: url(/Content/images/services/services-nav-bg.gif) 0 0 no-repeat; min-height: 300px; _height: 300px; } #services-detail #right-column { float: right; width: 480px; margin-right: 5px; } /*services nav*/ #content #main-content #services-list ul { margin: 10px 12px 0 10px; padding: 0; border-top: 1px solid #ccd7e2 } #content #main-content #services-list ul li { list-style: none; list-style-image: none; border-bottom: 1px solid #ccd7e2; margin: 0; padding: 0;} #content #main-content #services-list li a { padding: 0; margin: 0; display: block; cursor: pointer; } #content #main-content #services-list li a span { display: block; padding: 5px 10px 5px 15px; background: url(/Content/images/services/services-list-bullet.gif) 5px 50% no-repeat; color: #1b4c90; } #content #main-content #services-list li a:hover, #content #main-content #services-list li a.on { background:url(/Content/images/services/services-list-hover.gif) 0 0 repeat-y; } #content #main-content #services-list li a:hover span, #content #main-content #services-list li a.on span { color: #FFF; background:url(/Content/images/services/services-list-bullet-hover.gif) 5px 50% no-repeat; } #content #main-content #services-detail #right-column li { margin-left: 20px; } /*independent property advice headings*/ h1#hd-independent-property { background-image:url(/Content/images/services/hd-independent-property.gif); } h2#subhd-property-planner { background:url(/Content/images/services/subhd-overview.gif); } h2#subhd-property-review { background:url(/Content/images/services/subhd-property-review.gif); } h2#subhd-property-select-plus { background:url(/Content/images/services/subhd-property-select-plus.gif); } h2#subhd-select-investors { background:url(/Content/images/services/subhd-select-investors.gif); } h2#subhd-buy-better-plus { background:url(/Content/images/services/subhd-buy-better-plus.gif); } h2#subhd-buy-better { background:url(/Content/images/services/subhd-buy-better.gif); } h2#subhd-sell-smart { background:url(/Content/images/services/subhd-sell-smart.gif); } /*home loan advice headings*/ h1#hd-home-loan-advice { background:url(/Content/images/services/hd-home-loan-advice.gif); } h2#subhd-overview { background:url(/Content/images/services/subhd-overview1.gif); } h2#subhd-home-loan-plan { background:url(/Content/images/services/subhd-home-loan-plan.gif); } h2#subhd-home-advisor-lender { background:url(/Content/images/services/subhd-home-advisor-lender.gif); } h2#subhd-how-good-advisor { background:url(/Content/images/services/subhd-how-good-advisor.gif); } h2#subhd-complimentary-loan { background:url(/Content/images/services/subhd-complimentary-loan.gif); } h2#subhd-access-lenders { background:url(/Content/images/services/subhd-access-lenders.gif); } h2#subhd-phone-queues { background:url(/Content/images/services/subhd-phone-queues.gif); } h2#subhd-broker-lender { background:url(/Content/images/services/subhd-broker-lender.gif); } h2#subhd-mortgage-advisor { background:url(/Content/images/services/subhd-mortgage-advisor.gif); } h2#subhd-access-equity { background:url(/Content/images/services/subhd-access-equity.gif); } h2#subhd-self-employed { background:url(/Content/images/services/subhd-self-employed.gif); } h2#subhd-credit-problems { background:url(/Content/images/services/subhd-credit-problems.gif); } h2#subhd-commercial-loans { background:url(/Content/images/services/subhd-commercial-loans.gif); } /*financial planning headings*/ h1#hd-financial-planning { background:url(/Content/images/services/hd-financial-planning.gif); } /*property investment course headings*/ h1#hd-property-investment { background:url(/Content/images/services/hd-property-investment.gif); } h2#subhd-property-school { background:url(/Content/images/services/subhd-property-school.gif); } h2#subhd-vut-ppa { background:url(/Content/images/services/subhd-vut-ppa.gif); } #bank-or-lender table { margin-bottom: 10px; } #bank-or-lender table tr.alt td { background-color: #eff5fc; } #bank-or-lender table thead th { color: #FFF; border-bottom: 2px solid #FFF; fon//t-weight: normal; padding: 35px 25px 5px 10px; background-position: 5px 5px; background-repeat: no-repeat; background-color: #90accf; vertical-align: text-top; } #bank-or-lender table thead th.problem { background-image:url(/Content/images/services/problem.gif); } #bank-or-lender table thead th.solution { background-image:url(/Content/images/services/correct.gif); } #bank-or-lender table td { padding: 5px 10px; vertical-align: text-top; } #content #main-content #bank-or-lender table td h4 { font-weight: normal; padding-left: 10px; } #content #main-content #bank-or-lender table td.problem h4 { color: #f8a707; background:url(/Content/images/shared/bullets/orange-arrow.gif) 0 50% no-repeat; } #content #main-content #bank-or-lender table td.solution h4 { color: #0a4a9c; background:url(/Content/images/shared/bullets/blue-arrow.gif) 0 50% no-repeat; } #content #main-content #bank-or-lender table p { margin: 0; } #content #main-content #mortgage-advisor table { margin-bottom: 10px; } #mortgage-advisor table thead th { color: #FFF; border-bottom: 2px solid #FFF; background-color: #90accf; vertical-align: text-top; } #mortgage-advisor table td, #mortgage-advisor table th { padding: 5px 10px; vertical-align: text-top; } #mortgage-advisor table tr.alt td { background-color: #eff5fc; } /*Careers Style ---------------*/ h1#hd-careers { background-image:url(/Content/images/careers/hd-careers.gif); } h2#subhd-positions-available { background-image: url(/Content/images/careers/subhd-positions-available.gif); } /*careers show hide accordian*/ .accordian { margin-bottom: 15px; } .accordian-title { border-bottom: 1px solid #FFF; } .accordian-title h3 { cursor: pointer; padding: 0; margin: 0; } .accordian-content { padding: 5px 0; } .on .accordian-title { background: #093e6b url(/Content/images/careers/on-title-bottom.gif) 0 100% no-repeat; } .on .accordian-title .inner-accordian-title { background: url(/Content/images/careers/on-title-top.gif) 0 0 no-repeat; padding: 5px 10px; } #content #main-content .on .accordian-title h3 { background:url(/Content/images/careers/close-btn.gif) 99% 50% no-repeat; color: #99aec0; padding: 0; margin: 0; } .off .accordian-title { background: #ebf0f6 url(/Content/images/careers/off-title-bottom.gif) 0 100% no-repeat; } .off .accordian-title .inner-accordian-title { background: url(/Content/images/careers/off-title-top.gif) 0 0 no-repeat; padding: 5px 10px; } #content #main-content .off .accordian-title h3 { background:url(/Content/images/careers/open-btn.gif) 99% 50% no-repeat; color: #093e6b; padding: 0; margin: 0; } /*Media Styles -------------*/ h1#hd-media { background-image:url(/Content/images/media/hd-media.gif); } h2#subhd-publications { background-image: url(/Content/images/media/subhd-publications.gif); } /*media logos*/ #content #main-content ul#publications { overflow: auto; margin: 0 10px; padding: 0; } #content #main-content ul#publications li { list-style: none; float: left; margin: 0; padding: 0; } ul#publications li a { width: 119px; _overflow: auto; _height: 1%; padding: 0 0 19px 0; margin: 0 10px 10px 0; display: block; background:url(/Content/images/media/view-btn1.gif) 0 100% no-repeat; } ul#publications li a:hover { background:url(/Content/images/media/view-btn2.gif) 0 100% no-repeat; } /*Media PDF List*/ /*media pdf structure*/ #media { min-height: 288px; } #media #left-column { float: left; width: 125px; background:url(/Content/images/media/left-column-bg.gif) 0 0 no-repeat; min-height: 288px; } #media #right-column { float: right; width: 570px; } /*logo*/ #media #left-column img { margin: 4px; } #content p#copyright { padding: 0 0 10px 0; margin: 0 0 15px 0; display: block; background:url(/Content/images/shared/misc/hr-blue.gif) 0 100% no-repeat; } /*pdf list*/ .media-item { padding: 10px 5px; } .inner-media-item { padding-left: 44px; background-repeat: no-repeat; background-position: 0 0; background-image:url(/Content/images/shared/misc/media-icon-white.png); } .alt .inner-media-item { background-image:url(/Content/images/shared/misc/media-icon-blue.png); } .pdf .inner-media-item { background-image:url(/Content/images/shared/misc/pdf-icon-white.png); } .alt.pdf .inner-media-item { background-image:url(/Content/images/shared/misc/pdf-icon-blue.png); } #content #main-content .media-item h3 { $float: left; $width: 500px; padding: 0; _margin: 0; margin-left: 10px; background: none; } * html #content #main-content .media-item h3 { margin: 0 0 0 5px;} #content .media-item h3 a { color: #4f6b9d; font-weight: normal; background: none; _margin: 0; } #content .media-item h3 a:hover { color: #062C5F; background: none; _margin: 0; } #content .media-item p { margin: 0; } .alt { background:url(/Content/images/media/media-pdf-bg.gif) 0 0 repeat-y; } /*back to publications buttons*/ #content p#back-to-publications { margin: 15px 0 0 0; } #back-to-publications a { display: block; height: 25px; width: 143px; background:url(/Content/images/shared/buttons/publications-btn1.gif) 0 0 no-repeat; } #back-to-publications a span { display: none; } #back-to-previous a { display: block; height: 25px; width: 143px; background:url(/Content/images/shared/buttons/previous-btn.gif) 0 0 no-repeat; } #back-to-previous a span { display: none; } h1#hd-book { background-image:url(/Content/images/media/hd-book.gif); } /*News*/ h1#hd-news { background-image:url(/Content/images/news/hd-news.gif); } /*Home Loan Plan*/ h1#hd-home-loan-plan { background-image:url(/Content/images/home-loan-plan/hd-home-loan-plan.gif); } /*Seminars*/ /*seminars structure*/ #main-content.seminar .middle { overflow: auto; } #main-content.seminar .column { width: auto; background: none; padding: 10px 10px 0 0; } #main-content.seminar .left { background: url(/Content/images/seminars/seminar-content-bg.gif) 0 0 no-repeat; width: 450px; min-height: 260px; padding: 7px; } #main-content.seminar .right { background:url(/Content/images/seminars/side-content-bg.gif) 0 0 no-repeat; width: 230px; min-height: 260px; padding: 5px; } #content #main-content.seminar .left h1 { background: #1E4A88 url(/Content/images/seminars/seminar-hd-top-bg.gif) 0 0 no-repeat; color: #FFF; width: 435px; height: auto; font-size: 1.3em; font-weight: normal; } #content #main-content.seminar .left h1 span { display: block; background:url(/Content/images/seminars/seminar-hd-btm-bg.gif) 0 100% no-repeat; padding: 5px; } /*seminars show hide tabs*/ #content #main-content ul#seminar-tabs { margin: 0; padding: 0; height: 23px; width: 437px; background:url(/Content/images/seminars/tab-right-bg.gif) 100% 0 no-repeat; } #content #main-content ul#seminar-tabs li { list-style: none; margin: 0; padding: 0; float: left; } #content #main-content ul#seminar-tabs li a { display: block; width: 132px; height: 23px; background-position: 0 0; background-repeat: no-repeat; } ul#seminar-tabs li a span { display: none; } ul#seminar-tabs li a#details-button { background-image: url(/Content/images/seminars/details-tab1.gif); } ul#seminar-tabs li a#register-button { background-image: url(/Content/images/seminars/register-tab1.gif); } ul#seminar-tabs li a#details-button.on { background-image: url(/Content/images/seminars/details-tab2.gif); } ul#seminar-tabs li a#register-button.on { background-image: url(/Content/images/seminars/register-tab2.gif); } /*seminars content*/ #seminar-tabs-content { width: 437px; background:url(/Content/images/seminars/tab-content-middle-bg.gif) 0 0 repeat-y;} #seminar-tabs-content-inner { background:url(/Content/images/seminars/tab-content-bottom-bg.gif) 0 100% no-repeat; padding: 10px 5px; min-height: 500px; } /*semianrs register form*/ #main-content.seminar #form-container { background:url(/Content/images/contact-us/form-bg.gif) 0 0 no-repeat; padding: 5px; } #main-content.seminar #form-container form p { margin: 0 5px; width: 300px; } #main-content.seminar #form-container form p label { width: 130px; } #main-content.seminar #form-container form p input, #main-content.seminar #form-container form p select { width: 150px; } #main-content.seminar #form-container form p label.error { width: 150px; padding: 5px 0 0 130px; } #main-content.seminar #form-container form .submit p button { float: right; margin-right: 20px; } /*upcoming seminars*/ #main-content.seminar .right h1 { background: url(/Content/images/seminars/hd-upcoming.gif) 0 0 no-repeat; height: 23px; } #main-content.seminar .right p { padding: 0 5px 0 15px; background:url(/Content/images/shared/misc/grey-bullet.gif) 0 5px no-repeat; } #main-content.seminar .right p span { display: block; background:url(/Content/images/shared/misc/grey-dot.gif) 0 100% repeat-x; padding-bottom: 10px; } #main-content.seminar .right a { color: #0a4a9c; } h1#hd-seminars { background-image:url(/Content/images/seminars/hd-seminars.gif); } h2#subhd-future-seminar { background-image:url(/Content/images/seminars/subhd-future-seminar.gif); } h2#subhd-register { background-image:url(/Content/images/seminars/subhd-register.gif); } p.download-pdf a { display: block; background:url(/Content/images/shared/misc/pdf-icon.gif) 0 0 no-repeat; padding: 10px 0 10px 40px; } p#calltoaction-register a { display: block; width: 92px; height: 23px; background:url(/Content/images/shared/buttons/register-btn.gif) 0 0 no-repeat; } p#calltoaction-register a span { display: none; } /*Contact Us*/ h1#hd-contact-us { background-image:url(/Content/images/contact-us/hd-contact-us.gif); } h1#hd-subscribe { background-image:url(/Content/images/contact-us/hd-subscribe.gif); } h1#hd-property-plan { background-image:url(/Content/images/property-plan/hd-property-plan.gif); } /*contact form*/ #main-content.contact #form-container { background:url(/Content/images/contact-us/form-bg.gif) 0 0 no-repeat; padding-bottom: 50px; } #main-content.contact #form-container form p { width: 315px; margin: 0 10px; } #main-content.contact #form-container form p label { width: 110px; } #main-content.contact #form-container form p label.error { width: 195px; padding: 5px 0 0 110px; } #main-content.contact #form-container form p input, #main-content.contact #form-container form p select { width: 195px; } #main-content.contact #form-container form p.comments { width: 660px; } #main-content.contact #form-container form p.comments textarea { width: 535px; margin: 0; } #main-content.contact #form-container form p.checkbox { padding: 5px; background: #f4f7fb; width: 640px; display: block; } #main-content.contact #form-container form p.checkbox input { width: auto; float: left; margin-right: 5px; } #main-content.contact #form-container form p.checkbox label { float: none; } #main-content.contact #form-container form .submit p { width: 650px; } #main-content.contact #form-container form p.checkbox-group { padding: 5px 0; width: 640px; display: block; clear: both; } #main-content.contact #form-container form p.checkbox-group input { width: auto; margin-right: 5px; } #main-content.contact #form-container form p.checkbox-group label { float: left; display: block; margin: 0; padding: 0; } #main-content.contact #form-container form p.checkbox-group span { float: left; width: 220px; font-size: 0.91em; ma//rgin-left: 120px; display: block; } #main-content.contact #form-container form p.radio-group { padding: 5px 0; width: 640px; display: block; clear: both; } #main-content.contact #form-container form p.radio-group input { width: auto; margin-right: 5px; } #main-content.contact #form-container form p.radio-group label { float: left; display: block; margin: 0; padding: 0; } #main-content.contact #form-container form p.radio-group span { float: left; width: 50px; font-size: 0.91em; ma//rgin-left: 120px; display: block; } #other.off { background: #EEE; } /*Privacy*/ h1#hd-privacy-statement { background-image:url(/Content/images/privacy/hd-privacy-statement.gif); } /*Disclaimer*/ h1#hd-disclaimer { background-image:url(/Content/images/disclaimer/hd-disclaimer.gif); } #content #form-container form .submit p button, #form-container form .submit p button { float: right; width: 70px; height: 25px;} #preloader { z-index: 999; width: 100%; height: 100%; background: #000; text-align: center; padding: 300px 0; } #main-content #print a { display: block; padding: 3px 0 3px 20px; background: url(/Content/images/shared/misc/print.gif) 0 50% no-repeat; color: #FFF; font-size: 0.92em; position: absolute; top: 25px; right: 260px; } label.error { display: none; } p.success { background: #0F407F; font-weight: bold; color: #FFF; font-size: 1.2em; padding: 5px; } /*Sell Smart*/ #main-content.sellsmart .top { background-image: url(/Content/images/sellsmart/main-top.gif); } #main-content.sellsmart .bottom { display: none; } #main-content.sellsmart .middle { padding: 0 10px 20px 10px; overflow: auto; _height: 1%; background: url(/Content/images/sellsmart/main-btm.gif) 0 100% no-repeat; } #main-content.sellsmart #flash { width: 705px; height: 296px; margin-bottom: 10px; } #main-content.sellsmart .left_column { float: left; width: 345px; } #main-content.sellsmart .right_column { float: right; width: 345px; } h1#hd-sellsmart { background-image:url(/Content/images/sellsmart/heading.gif); } #content #main-content.sellsmart h2 { font-size: 1.15em; height: auto; margin: 0 0 1em 0; background: none; color: #f89841; font-weight: normal; } #content #main-content.sellsmart .right_column h2 { color: #000; } #content #main-content.sellsmart h2, #content #main-content.sellsmart p { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } #content #main-content.sellsmart .steps { width: 345px; display: block; margin: 0 0 10px 0; background: url(/Content/images/sellsmart/steps_mid-bg.gif) } #content #main-content.sellsmart .steps .steps_inner { padding: 15px 0 0 0; background: url(/Content/images/sellsmart/steps_top-bg.gif) 0 0 no-repeat; } #content #main-content.sellsmart .steps .steps_inner .tabify { padding: 0 0 15px 0; background: url(/Content/images/sellsmart/steps_btm-bg.gif) 0 100% no-repeat; } #content #main-content.sellsmart .steps, #content #main-content.sellsmart .steps .steps_inner, #content #main-content.sellsmart .steps .steps_inner .tabify { overflow: hidden; height: 1%; } #content #main-content.sellsmart .steps ul.tabs { list-style: none; list-style-image: none; margin: 0; padding: 0; float: left; width: 115px; } #content #main-content.sellsmart .steps ul.tabs li { list-style: none; list-style-image: none; margin: 0; padding: 0; width: 115px; height: 32px; cursor: pointer; display: block; background-repeat: no-repeat; background-image:url(/Content/images/sellsmart/steps-btn.gif); } #content #main-content.sellsmart .steps ul.tabs li span { display: none; } #content #main-content.sellsmart .steps ul.tabs li.sel { cursor: default; } .steps ul.tabs li#hd-step1-tab { background-position: 0 0; } .steps ul.tabs li#hd-step1-tab.sel { background-position: 0 -32px; } .steps ul.tabs li#hd-step2-tab { background-position: -115px 0; } .steps ul.tabs li#hd-step2-tab.sel { background-position: -115px -32px; } .steps ul.tabs li#hd-step3-tab { background-position: -230px 0; } .steps ul.tabs li#hd-step3-tab.sel { background-position: -230px -32px; } .steps ul.tabs li#hd-step4-tab { background-position: -345px 0; } .steps ul.tabs li#hd-step4-tab.sel { background-position: -345px -32px; } .steps ul.tabs li#hd-step5-tab { background-position: -460px 0; } .steps ul.tabs li#hd-step5-tab.sel { background-position: -460px -32px; } .steps ul.tabs li#hd-step6-tab { background-position: -575px 0; } .steps ul.tabs li#hd-step6-tab.sel { background-position: -575px -32px; } .steps ul.tabs li#hd-step7-tab { background-position: -690px 0; } .steps ul.tabs li#hd-step7-tab.sel { background-position: -690px -32px; } #content #main-content.sellsmart .tab_content { float: right; width: 220px; padding: 30px 10px 0 0; background-position: 0 0; background-repeat: no-repeat; color: #fbe7d4; } #content #main-content.sellsmart #step1 { background-image: url(/Content/images/sellsmart/step1-hd.gif); } #content #main-content.sellsmart #step2 { background-image: url(/Content/images/sellsmart/step2-hd.gif); } #content #main-content.sellsmart #step3 { background-image: url(/Content/images/sellsmart/step3-hd.gif); } #content #main-content.sellsmart #step4 { background-image: url(/Content/images/sellsmart/step4-hd.gif); } #content #main-content.sellsmart #step5 { background-image: url(/Content/images/sellsmart/step5-hd.gif); } #content #main-content.sellsmart #step6 { background-image: url(/Content/images/sellsmart/step6-hd.gif); } #content #main-content.sellsmart #step7 { background-image: url(/Content/images/sellsmart/step7-hd.gif); } #content #main-content.sellsmart .hide { display: none; } .facebook a:hover {color:#ffffff; } .twitter a:hover { color:#ffffff;} .facebook a {background: url(/Content/images/shared/facebook.gif) 0 0 no-repeat; padding-left: 20px; color:#5681ac; } .twitter a {background: url(/Content/images/shared/twitter.gif) 0 0 no-repeat; padding-left: 20px; padding-right:15px; color:#5681ac;}