html, body, p, h1, h2, h3, h4, h5, ol, ul, li, div, form, fieldset, label, select, input {margin: 0;padding: 0;}
body {background: #fff url(../images/body-bkg.png) repeat-x;width: 100%;text-align: center;color: #000;}
h1, h2, h3, h4, h5 {font-weight: normal;}
ol, ul {list-style-type: none;}
#hshadowtbkg, #hshadowlbkg, #hshadowrbkg, .content, #location, .infobox, #fshadow, img.no-pic, #suspended, #suspended-fshadow, .overlay, .theaccom {behavior: url(iepngfix.htc)}
/* font declarations */
body, select, input {font-family: /*"Segoe UI", */"Gill Sans MT", "Century Gothic", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;color: #4c4c4c;}
h1 {font-family: "Segoe UI", "Myriad Pro", Calibri, "Franklin Gothic Medium", Tahoma, sans-serif;}
.sfont {font-family: "Segoe UI", "Myriad Pro", Calibri, "Franklin Gothic Medium", Tahoma, sans-serif;}
/* frequently used classes */
.clear {clear: both;}
.layer {position: absolute;width: 100%;text-align: center;}
.wrap {width: 960px;margin: 0 auto;}
.fineprint {color: #000;font-size: 11px;line-height: 13px;}
.spacer {margin-top: 20px;}
.spaceb {margin-top: 10px;}
.spacec {margin-top: 13px;}
.highlighted {background-color: #dee0e2;padding-top: 25px;}
a.other {color: #4c4c4c;text-decoration: none;border-bottom: 1px dotted #62a6a0;}
/* layer positions */
#main {z-index: 1;top: 57px;left: 0;}
#provinces {z-index: 10;top: -1px;left: 0;text-align: right;}
#provinces select {margin-right: 20px;padding: 5px;}
#provinces .flag {float: left;padding-left: 662px;margin-top: 7px;font-size: 12px;line-height: 14px;}
.flag a.zar {color: #f6f4f4;text-decoration: none;padding-right: 23px;background: url(../images/icon-southafrica.gif) no-repeat top right;}
.flag a.zar:hover {text-decoration: underline;}
.flag a.de {padding-right: 18px;background: url(../images/icon-deutsch.gif) no-repeat top right;}
#tools {top: 0;left: 0;}
#hshadowt {z-index: 3;top: 73px;left: 0;}
#hshadowtbkg {background: url(../images/hshadowt-bkg.png) no-repeat top center;height: 10px;}
#hshadowl {top: 83px;left: 0;}
#hshadowlbkg {background: url(../images/hshadowl-bkg.png) no-repeat;width: 10px;float: left;height: 637px;}
#hshadowr {top: 83px;left: 0;}
#hshadowrbkg {background: url(../images/hshadowr-bkg.png) no-repeat top right;width: 10px;float: right;height: 637px;}
#features {top: 83px;left: 0;}
.container {position: relative;width: 940px;margin: 0 auto;}
#s3slider {width: 920px;height: 253px;position: relative;overflow: hidden;border: 10px solid #fff;background-color: #4c4c4c;}
#s3sliderContent {width: 920px;position: absolute;top: 0;margin-left: 0;}
.s3sliderImage {float: left;position: relative;display: none;}
/* unique classes */
h1 {font-size: 11px;line-height: 12px;color: #f6f4f4;width: 574px;height: 22px;text-align: left;margin: 0 auto;padding: 6px 350px 0 36px;overflow: hidden;}
h2 {margin-bottom: 5px;text-align: left;font-size: 11px;line-height: 11px;text-transform: uppercase;font-weight: normal;}
h2 span {font-size: 44px;line-height: 49px;text-transform: none;}
h3 {text-transform: uppercase;font-weight: bold;font-size: 24px;line-height: 28px;}
h3 a {text-decoration: none;color: #62a6a0;}
h4 {text-transform: lowercase;font-size: 24px;line-height: 28px;color: #62a6a0;margin-top: 20px;}
h5 {text-transform: uppercase;font-size: 11px;line-height: 11px;text-align: left;margin-left: 20px;}
h5 span {font-size: 18px;line-height: 22px;font-weight: bold;}
h5 span a {color: #62a6a0;text-decoration: none;}
#header {position: relative;height: 337px;}
#welcome {position: absolute;top: 49px;left: 36px;text-align: left;text-transform: uppercase;font-size: 11px;line-height: 11px;color: #fff;z-index: 0;}
#welcome span {text-transform: capitalize;font-size: 56px;line-height: 56px;display: block;margin-left: 15px;}
#parent {margin-left: 13px;font-size: 9px;line-height: 11px;}
#welcome2 {position: absolute;top: 23px;left: 26px;text-align: left;text-transform: uppercase;font-size: 11px;line-height: 11px;color: #fff;z-index: 100;}
#welcome2 span {text-transform: capitalize;font-size: 56px;line-height: 56px;display: block;margin-left: 15px;}
#parent2 {margin-left: 13px;font-size: 9px;line-height: 11px;}
#menu {position: absolute;top: 0;left: 20px;width: 920px;height: 26px;font-size: 10px;line-height: 26px;}
#menu li {float: left;margin-right: 1px;height: 26px;text-align: center;background-color: #f4f4f5;}
#menu li:hover {background-color: #fff;}
#menu li.one {width: 80px;}
#menu li.two {width: 143px;}
#menu li.three {width: 214px;}
#menu li.four {width: 189px;}
#menu li.five {width: 124px;}
#menu li.six {width: 85px;}
#menu li.seven {width: 79px;margin-right: 0;}
#menu a {color: #4c4c4c;text-decoration: none;text-transform: uppercase;}
#location {z-index: 2;position: absolute;top: 289px;left: 0;width: 960px;background: url(../images/wrapper-bkg.png) no-repeat;padding-top: 10px;}
#breadcrumbs {width: 888px;height: 26px;background-color: #62a6a0;padding: 0 36px;text-align: left;color: #fff;font-size: 10px;line-height: 24px;text-transform: uppercase;}
#breadcrumbs a {color: #fff;text-transform: none;font-size: 11px;text-decoration: none;}
#breadcrumbs b {font-weight: normal;}
#breadcrumbs img {vertical-align: middle;}
.content {position: relative;float: left;width: 960px;background: url(../images/content-bkg.png) no-repeat bottom left;}
.stats {position: absolute;bottom: 15px;left: 0;font-size: 10px;line-height: 14px;height: 20px;z-index: 300;width: 330px;margin-left: 630px;}
.content-columns {background: url(../images/columns-bkg.gif) repeat-y;float: left;}
.lhc {float: left;width: 650px;text-align: justify;font-size: 13px;line-height: 17px;position: relative;}
.lhc .p-all {margin: 25px 50px 40px;}
.lhc b {text-transform: uppercase;font-weight: bold;color: #000;letter-spacing: 1px;}
.lhc p {padding-top: 17px;}
.lhc a {color: #62a6a0;}
.lhc a.other {color: #4c4c4c;text-decoration: none;}
.txt > p:first-child {color: #438e87;}
.rhc {float: right;position: relative;width: 290px;padding: 0 20px 20px 0;font-size: 11px;line-height: 14px;}
.rhc .p-all {margin: 15px 0;}
.rhc p {text-align: left;margin: 5px 20px;color: #438e87;}
.rhc p.alt {color: #4c4c4c;}
.incl {margin-bottom: 39px;}
.incl img {margin: 5px 3px;}
.incl a {color: #438e87;text-decoration: none;}
.incl a:hover {text-decoration: underline;}
.incl ul {margin: 5px 20px;width: 250px;}
.incl li {float: left;width: 170px;text-align: left;}
.incl li.tag {width: 80px;}
.accred {height: 165px;}
.filter {margin-bottom: 19px;}
.filter a {color: #4c4c4c;text-decoration: underline;}
.filter ul {text-align: left;margin: 0 20px 0 32px;}
.filter form {margin: 5px 20px 19px 0;text-align: left;}
.filter form p {margin-right: 0;}
.filter select, .filter input {font-size: 12px;color: #4c4c4c;}
.filter select {width: 200px;margin: 0 0 2px 20px;}
.filter input.entry {width: 150px;margin-left: 20px;}
.filter label {text-align: left;}
.formfloat select, .formfloat input {float: left;}
input.button, .filter form img {margin-left: 5px;}
input.yellow {margin-left: 170px;}
#town {border-bottom: 10px solid #fff;}
.none {border-top: 1px solid #4c4c4c;margin-top: 13px;padding: 25px 0 13px;text-align: center;font-size: 12px;line-height: 16px;}
.listing {border-top: 1px solid #4c4c4c;margin-top: 13px;padding: 25px 0 13px;text-align: center;}
.address {display: block;padding-bottom: 3px;}
.address a {color: #000;}
.listing-container {position: relative;background: url(../images/polaroid-bkg.gif) no-repeat;width: 100%;height: 109px;margin-top: 15px;text-align: left;}
.listing-container img {float: left;padding: 12px 30px 12px 12px;}
.details {padding-top: 12px;text-align: justify;font-size: 12px;line-height: 16px;}
.additional {position: absolute;left: 138px;bottom: 10px;}
.additional img {padding: 0;float: none;}
.additional span {text-transform: uppercase;}
.additional a {color: #000;text-decoration: none;}
.additional a:hover {text-decoration: underline;}
#standard .listing-container {background: url(../images/polaroid-std-bkg.gif) no-repeat;height: 84px;}
#standard .additional {left: 162px;}
#thumb .listing-container {background: url(../images/polaroid-thb-bkg.gif) no-repeat;height: 100px;}
#thumb .additional {left: 118px;}
#stripe {position: relative;margin: 30px 0;height: 95px;}
#featuredcats {position: absolute;bottom: 0;left: 15px;width: 240px;text-align: center;}
#featuredcats h5 {margin: 0;width: 240px;text-align: center;}
#featuredcats h5 span {font-size: 22px;line-height: 22px;font-weight: bold;}
#featuredcats img {padding: 5px 3px 0 2px;}
#where {position: absolute;bottom: 0;right: 25px;width: 250px;}
#where img {float: right;margin-left: 10px;}
#where a {color: #62a6a0;text-decoration: underline;}
#where p {text-align: right;text-transform: uppercase;font-size: 9px;line-height: 12px;margin-top: -10px;}
#where .special {color: #000;display: block;font-size: 25px;line-height: 25px;font-weight: bold;}
.categories {text-transform: uppercase;color: #a5acb2;font-size: 10px;line-height: 14px;}
.categories a {color: #a5acb2;text-decoration: none;}
.categories ul {height: 23px;}
.categories li {height: 16px;float: left;padding: 0 4px;}
.categories li.selected a {color: #4c4c4c;}
.regions {padding-top: 45px;margin-bottom: -20px;}
.regions ul {margin-left: -4px;}
.regions li {padding-bottom: 7px;}
.regions li.selected {background: url(../images/selected-bkg.gif) no-repeat center bottom;}
#pages {margin: 7px 0 -15px;background: url(../images/categories-top-bkg.gif) repeat-x;height: 23px;width: 100%;}
#pages ul {float: right;padding-right: 4px;}
#pages li {padding-top: 7px;}
#pages li.selected {background: url(../images/selected-top-bkg.gif) no-repeat center top;}
.theregion {margin-top: 39px;height: 23px;width: 100%;background: url(../images/categories-bkg.gif) repeat-x left bottom;}
.theregion li {color: #4c4c4c;padding-bottom: 7px;background: url(../images/selected-bkg.gif) no-repeat 4px bottom;}
.theregion .categories li {padding-left: 8px;}
.aregion {padding-top: 45px;margin-bottom: -20px;}
.aregion li {padding-bottom: 7px;padding-left: 8px;background: url(../images/selected-bkg.gif) no-repeat 4px bottom;}
.aregion li a {color: #4c4c4c;}
#suburblist h2 {margin-bottom: -25px;}
#suburblist p {padding: 5px 8px 0;font-size: 12px;line-height: 17px;text-align: left;}
#suburblist a {color: #4c4c4c;text-decoration: none;}
#suburblist a:hover {text-decoration: underline;}
#featuredaccom {position: relative;margin: 25px 10px;color: #fff;text-transform: uppercase;height: 180px;font-size: 10px;line-height: 10px;}
.overlay {position: absolute;top: 0;right: 0;background-color: #4c4c4c;padding: 4px 0;}
.overlay span {padding: 0 5px;}
.theaccom {position: absolute;bottom: 0;right: 0;text-align: right;width: 270px;padding: 4px 0;background: url(../images/overlay.png) repeat-x;}
.theaccom span {padding: 0 5px;}
.theaccom a {float: right;color: #fff;text-decoration: none;margin: 0 5px;font-size: 16px;line-height: 16px;}
#featuredlistings {margin-bottom: -15px;}
#featuredlistings img {clear: both;float: left;margin: 10px 10px 0 20px;}
#featuredlistings .thelisting {padding: 15px 20px 0 0;text-align: left;height: 52px;}
#featuredlistings p {margin-top: 10px;color: #4c4c4c;}
#featuredspecials {background: url(../images/specials-bkg.gif) no-repeat top left;}
#featuredspecials h5 {padding: 20px 0 0 66px;}
#featuredspecials .incl {margin: 30px 0 0 0;}
#featuredspecials p {color: #4c4c4c;margin: 2px 20px;}
#featuredspecials p.thespecial {margin-top: 10px;}
a.thesuburb, a.other {color: #4c4c4c;text-decoration: none;}
a.thesuburb:hover, a.other:hover {text-decoration: none;}
.left {width: 310px;float: left;padding-left: 40px;margin: 25px 0;font-size: 12px;line-height: 16px;}
#insert {margin-top: 25px;}
#insert img {float: left;margin-right: 15px;}
#insert p.mapinsert {text-transform: uppercase;font-size: 9px;line-height: 12px;}
#insert .special {color: #000;display: block;font-size: 25px;line-height: 25px;font-weight: bold;margin-top: -10px;}
#towninsert {clear: both;margin: 10px 0 25px;display: none;}
.town-layer {width: 579px;}
.right {position: absolute;top: 0;right: 0;width: 290px;background: url(../images/bordered.gif) no-repeat;height: 696px;font-size: 11px;line-height: 14px;}
.right h5 {margin: 0;}
#home-find {margin: 15px 0 0 45px;}
#home-find .filter {margin-bottom: 5px;}
#home-find .filter form {margin: 0;}
#home-find .filter select {width: 150px;margin: 0 0 2px 0;}
#home-find .filter input.entry {width: 100px;margin: 0 0 2px 0;}
#home-find .filter form p {color: #62a6a0;margin-bottom: 3px;}
#direct {margin: 25px 21px;background: #4c4c4c url(../images/direct-wrapper-bkg.gif) no-repeat;padding: 35px 20px 25px;}
#direct h5 {color: #ffa800;}
#direct p {color: #fff;padding-top: 8px;}
#direct a {color: #fff;text-decoration: none;}
#popular {width: 207px;margin: -5px auto 0;padding-left: 1px;}
#popular h5 {margin-bottom: 5px;}
#popular h5 span {font-size: 25px;line-height: 25px;margin-left: 4px;}
#popular img {padding: 2px 3px 3px 2px;}
#connect {width: 207px;margin: 40px auto 0;padding-left: 1px;}
#connect h5 {margin-bottom: 5px;}
#connect h5 span {font-size: 25px;line-height: 25px;margin-left: 4px;}
#connect img {padding: 2px 3px 3px 2px;}
#map {margin: 0 auto;padding: 10px 0;width: 250px;}
#map img {float: left;margin-right: 15px;}
#map a {color: #62a6a0;text-decoration: underline;}
#map p {text-transform: uppercase;font-size: 9px;line-height: 12px;color: #4c4c4c;}
#map .special {color: #000;display: block;font-size: 25px;line-height: 25px;font-weight: bold;margin-top: 10px;}
.resources {border-top: 1px solid #4c4c4c;margin-top: 13px;padding-top: 15px;}
.resources li {clear: both;padding: 2px 0 3px;}
#sitemap {padding-left: 15px;list-style-type: square;}
#sitemap li {margin-top: 5px;}
#sitemap ul {padding-left: 15px;list-style-type: square;}
#sitemap ul ul {padding-left: 15px;list-style-type: square;}
#footer {position: relative;width: 100%;margin-top: -10px;background: url(../images/footer-bkg.png) repeat-x bottom left;}
.infobox {position: relative;background: url(../images/wrapper-bkg.png) no-repeat;padding-top: 10px;width: 960px;}
.attention {background-color: #62a6a0;padding: 14px 0 14px 36px;float: left;color: #fff;font-size: 12px;line-height: 15px;text-align: left;text-transform: uppercase;}
.boxes {position: relative;float: left;width: 195px;padding-right: 36px;}
.boxes .special {display: block;color: #e4ebf1;font-size: 25px;line-height: 25px;font-weight: bold;}
.boxes li {clear: both;text-transform: none;padding-top: 10px;}
.boxes li a {color: #fff;}
.boxes #popdest {padding-top: 10px;}
.boxes #popdest li {padding-top: 0;}
#list {padding-top: 10px;}
#list li {padding: 0;}
.boxes .bottom {position: absolute;bottom: 0;left: 0;text-transform: uppercase;font-size: 11px;line-height: 13px;padding: 0 0 2px;}
.boxes #popdest .bottom {bottom: 10px;}
.boxes .bottom a {text-transform: none;color: #fff;text-decoration: none;font-size: 12px;}
.boxes .bottom a:hover {text-decoration: underline;}
.boxes img {border: 2px solid #fff;margin: 0 10px 0 0;float: left;}
#suburb .boxes ul {height: 230px;}
#network {height: 97px;background: #fff url(../images/logo-savenues.gif) no-repeat 13px 0;padding: 27px 50px 0 267px;text-align: left;font-size: 10px;line-height: 13px;}
#network .special {color: #ffa800;font-size: 25px;line-height: 25px;font-weight: bold;text-transform: uppercase;}
#network a {text-transform: none;color: #4c4c4c;text-decoration: none;}
#network a:hover {text-decoration: underline;}
#copyright {position: relative;height: 50px;font-size: 10px;line-height: 30px;text-align: left;padding-left: 267px;}
#copyright a {color: #4c4c4c;text-decoration: none;}
#copyright a:hover {text-decoration: underline;}
#fshadow {position: absolute;top: 0;left: 0;background: url(../images/fshadow-bkg.png) no-repeat;width: 960px;height: 10px;}
#toolbox {width: 304px;margin: 0 auto;padding: 7px 36px 0 620px;height: 22px;text-align: right;font-size: 10px;line-height: 13px;text-transform: uppercase;}
#toolbox a {margin-left: 5px;color: #fff;text-decoration: none;}
a.icon-southafrica {background: url(../images/icon-southafrica.gif) no-repeat;padding: 2px 0 5px 18px;}
a.icon-refer {display: none;background: url(../images/icon-refer.gif) no-repeat;padding: 2px 0 5px 18px;}
a.icon-bookmark {background: url(../images/icon-bookmark.gif) no-repeat;padding: 2px 0 5px 19px;}
#suspended {top: 57px;left: 0;font-size: 9pt;line-height: 15px;background: url(../images/suspended-bkg.png) no-repeat top center;padding-top: 10px;}
#suspended-container {width: 400px;margin: 0 auto 50px;padding: 50px 50px 120px;background: #fff url(../images/suspended-logo.gif) no-repeat center bottom;}
#suspended p {padding: 7px 0 8px;}
#suspended a {color: #62a6a0;}
#suspended h2 {color: #62a6a0;text-align: center;}
#suspended-location {width: 520px;background: url(../images/wrapper-suspended-bkg.gif) no-repeat;padding-top: 10px;margin: 0 auto;}
#suspended-breadcrumbs {background-color: #62a6a0;height: 26px;padding: 0 20px;text-align: left;color: #fff;font-size: 10px;line-height: 24px;text-transform: uppercase;}
#suspended-breadcrumbs a {color: #fff;text-transform: none;font-size: 11px;text-decoration: none;}
#suspended-fshadow {width: 520px;margin: 0 auto;background: url(../images/fshadow-suspended-bkg.png) no-repeat;padding-top: 10px;}
.cufon-loading #welcome span {visibility: hidden !important;}
.cufon-loading h2 span, .cufon-loading h5 span {visibility: hidden !important;float: left;width: 100px;height: 20px;}