#header {height: 300px;}

#intro {margin: 0;padding: 0;}
#intro a {text-decoration: none;color: #4c4c4c;border-bottom: 1px dotted #4c4c4c;}
#intro a.show {text-decoration: underline;border: none;}
#intro a.attraction {text-decoration: none;color: #4c4c4c;border-bottom: 1px dotted #4c4c4c;}
#intro span, h2, #intro h3 {font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";}
#intro span, #intro h3 {text-transform: uppercase;font-weight: bold;font-size: 8pt;margin: 0;padding: 0 10px;display: block;}
h2 {font-size: 14pt;font-weight: normal;margin: 0;padding: 0 10px;}
#intro p {padding: 10px 10px 5px 10px;clear: both;}
#intro strong {font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";text-transform: uppercase;font-size: 8pt;}

#not-valid {border-bottom: 1px dotted #a5acb2;padding: 31px 0 56px 0;text-align: center;}

#family {margin: 0;padding: 0 173px 0 0;background: url("../images/family-bkg.jpg") no-repeat 603px 34px;}
#family span {font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";}
#family span {text-transform: uppercase;font-weight: bold;font-size: 8pt;margin: 0;padding: 0 10px;}
#family p {padding: 10px 10px 5px 10px;}
#family strong {font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";text-transform: uppercase;font-size: 8pt;}
#family a {text-decoration: none;}
#family a.show {text-decoration: underline;}

.bordered {border-top: 1px dotted #a5acb2;}
#didyouknow {background: #d1d4d8 url(../images/question2-bkg.gif) no-repeat left bottom;padding: 17px 20px;}
#didyouknow p {font-size: 8pt;line-height: 14px;}
.greybox {padding: 17px 10px 0;font-size: 8pt;line-height: 14px;}
.cg {font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";}

#repkey {background-color: #d1d4d8;padding: 10px 20px 10px 10px;text-align: center;font-style: italic;color: #595e65;}
#toggle {text-align: right;border-bottom: 1px solid #fff;margin-top: -10px;background-color: #fff;padding-top: 25px;}

#category-menu {display: none;font-size: 8pt;border-top: 3px solid #a5acb2;padding: 18px;margin-bottom: 1px;}
#suburb-menu {font-size: 8pt;border-top: 3px solid #a5acb2;padding: 18px;margin-bottom: 1px;}
#category-menu ul {padding-bottom: 18px;}
#category-menu li {width: 143px;float: left;}
#category-menu li.fourth {width: 91px;}
#category-menu p, #suburb-menu p {padding: 2px;font-size: 8pt;text-align: left;}
#category-menu p strong, #suburb-menu p strong {text-transform: uppercase;}

#categories {margin: 0;padding: 25px 0 0 0;width: 766px;text-align: left;}
.dropmenu {margin: 0;padding: 0;width: 766px;font-size: 8pt;list-style: none;position: relative;}
.dropmenu li {color: #595e65;}
.dropmenu table {border-collapse: collapse;width: 0;height: 0;position: absolute;top: 0;left: 0;}
.dropmenu a {text-decoration: none;}
.dropmenu a:hover {z-index: 30;visibility: visible;position: relative;}
.dropmenu li:hover {position: relative;}
.dropmenu ul {position: absolute;left: -9999px;top: -9999px;width: 0;height: 0;margin: 0;padding: 0;list-style: none;}
.dropmenu ul.drop1 {width: 150px;background-color: #ffffff;}
.dropmenu ul.drop2 {width: 160px;background-color: #ffffff;z-index: 30;}
.dropmenu :hover ul {z-index: 30;left: 10px;top: 7px;margin: 0 0 0 -3px;padding: 0;height: auto;white-space: nowrap;border-right: 3px solid #d2d4d8;border-bottom: 3px solid #d2d4d8;border-left: 3px solid #d2d4d8;}
.dropmenu :hover ul li {display: block;position: relative;font-weight: normal;width: 150px;margin: 0;padding: 0;line-height: 18px;_height: 18px;color: #595e65;}
.dropmenu :hover ul.drop2 li {width: 160px;}
.dropmenu :hover ul li span {padding: 0 5px;line-height: 18px;_height: 18px;}
.dropmenu :hover ul li a {display: block;margin: 0;padding: 0 5px;color: #000000;text-decoration: none;line-height: 18px;_height: 18px;}
.dropmenu :hover ul li a.header {display: block;background-color: #d2d4d8;text-transform: uppercase;font-size: 7pt;font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";font-weight: bold;}
#tab-accommodation {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-hotels {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-guesthouses {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-bedbreakfast {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-selfcatering {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-conference {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-wedding {float: left;width: 83px;padding: 7px 13px 7px 10px;}
.cat-on {background: #e4e6e8 url("../images/tab-on.gif") no-repeat top right;border-bottom: 1px #e4e6e8 solid;}
.cat-off {background: #ecedef url("../images/tab-off.gif") no-repeat top right;border-bottom: 1px #ffffff solid;}
#short .cat-on {height: 28px;}
#short .cat-off {height: 28px;}
#long .cat-on {height: 42px;}
#long .cat-off {height: 42px;}
#wide #tab-accommodation {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-hotels {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-guesthouses {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-bedbreakfast {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-selfcatering {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-conference {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-wedding {padding: 9px 13px 5px 10px;}

#tab-transport {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-operators {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-guides {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-trips {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-packages {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-selfdrive {float: left;width: 86px;border-right: 1px #ffffff solid;padding: 7px 13px 7px 10px;}
#tab-special {float: left;width: 83px;padding: 7px 13px 7px 10px;}
#wide #tab-transport {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-operators {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-guides {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-trips {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-packages {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-selfdrive {width: 92px;padding: 9px 12px 5px 5px;}
#wide #tab-special {padding: 9px 13px 5px 10px;}

#filter {clear: left;margin: 0;_margin-top: -3px;padding: 15px 15px 0 15px;font-size: 8pt;border-top: 10px solid #e4e6e8;background-color: #f2f3f4;border-right: 10px solid #e4e6e8;background-color: #f2f3f4;border-left: 10px solid #e4e6e8;background-color: #f2f3f4;}
#count {padding: 0 0 15px 0;}
h3 {float: left;margin: 0;padding: 0 3px 0 0;font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";text-transform: uppercase;font-size: 8pt;}
#count span {font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";text-transform: uppercase;font-weight: bold;float: left;}
#count a {text-decoration: underline;cursor: pointer;cursor: hand;font-weight: bold;}
#count a:hover {text-decoration: underline;cursor: pointer;cursor: hand;font-weight: bold;}
.count-right {float: right;font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";text-transform: uppercase;font-weight: bold;font-size: 7.5pt;color: #4c4c4c;}

#search p {padding: 0 0 15px 0;text-align: justify;}
form {margin: 0;padding: 0;}
.space {padding: 15px 0 0 0;border-bottom: 1px dotted #a5acb2;}
ol.facilities {margin: 0 0 0 18px;padding: 0;width: 680px;text-align: left;list-style: none;}
ol.facilities li {float: left;width: 170px;}
.order {clear: left;}
.order select {margin: 15px 0 0 15px;font-size: 8pt;}
.buttons {text-align: right;margin: 15px 5px -3px 0;}
.buttons input {margin: 0;padding: 0;}

.filter-left {width: 715px;}
.filter-left label {float: left;width: 270px;padding: 2px 0 0 30px;}
.filter-left select {width: 150px;font-size: 11px;margin: 0 0 2px 0;}
.filter-left input {width: 250px;font-size: 11px;margin: -1px 0 0 0;}

#category-drop {margin: 0;padding: 15px 0;border-top: 1px dotted #a5acb2;text-align: right;}
#close-cat {margin: 0;_margin-top: -3px;padding: 0;border-top: 16px solid #d1d4d8;}

#none {clear: left;margin: 0;_margin-top: -3px;padding: 0;border-top: 10px solid #e4e6e8;}
.listing-none {border-top: 1px dotted #a5acb2;border-bottom: 1px dotted #a5acb2;padding: 90px 10px;font-size: 8pt;text-align: center;}
.listing-none2 {border-bottom: 1px dotted #a5acb2;padding: 90px 10px;font-size: 8pt;text-align: center;}

.bound {border-bottom: 1px dotted #a5acb2;}
.listing {margin: 0;padding: 20px 10px 0 10px;font-size: 8pt;border-top: 1px dotted #a5acb2;text-align: left;background-color: #ffffff;}
.province #special-offers {margin-top: 25px;border-top: 1px dotted #a5acb2;}
.province .listing-none {margin-top: 25px;}
#special-offers .listing {border: 1px dotted #a5acb2;border-width: 0 0 1px;}
.special-head {padding: 10px 0;background-color: #e4e6e8;}
.special-head span {padding-left: 12px;font-weight: bold;font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";text-transform: uppercase;font-size: 8pt;}
.special-head h2 a {text-decoration: none;}
.days {top: 0;margin: 0;padding: 0;font-size: 7.5pt;font-style: italic;font-family: Georgia, "Times New Roman", Times, "MS Serif";}
.establishment {top: 0;margin: 0;padding: 0;height: 47px;}
h4 {display: block;margin: 0;padding: 0 0 1px 0;font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";font-weight: normal;font-size: 12pt;}
h4 a {text-decoration: none;color: #000000;}
a.suburb:link, a.suburb:visited {text-decoration: none;}
a.suburb:hover, a.suburb:active {text-decoration: underline;}
.establishment span {font-style: italic;}
#wc .establishment span, #wc #results a.landing {color: #587cd7;}
#gr .establishment span, #gr #results a.landing {color: #0069b3;}
#ec .establishment span, #ec #results a.landing {color: #3497b6;}
#kzn .establishment span, #kzn #results a.landing {color: #266c64;}
#ga .establishment span, #ga #results a.landing {color: #584183;}
#mpl .establishment span, #mpl #results a.landing {color: #096809;}
#lm .establishment span, #lm #results a.landing {color: #7b540c;}
#nwp .establishment span, #nwp #results a.landing {color: #5e3221;}
#fs .establishment span, #fs #results a.landing {color: #b03502;}
#nc .establishment span, #nc #results a.landing {color: #144f1c;}
#sa .establishment span, #sa #results a.landing {color: #4e5886;}
.details {margin: 0;padding: 0;height: 64px;z-index: 29;}
.pic {width: 144px;float: left;z-index: 29;}
.pic img {border: 2px solid #9ba3a9;}
.description {float: left;height: 64px;padding: 0 25px 0 0;width: 487px;z-index: 29;}
.description img {border: 0;padding: 0 0 2px 0;}
#to .description {padding: 10px 25px 0 0;}
.review {width: 90px;float: left;height: 64px;padding: 10px 0 0 0;}
.aagraded {width: 90px;float: left;height: 77px;padding: 0;}
#to .review {padding: 0;}
#dayt .review {padding: 5px 0 0 0;}
.more {position: relative;margin: 0;padding: 12px 0 0 0;height: 36px;width: 746px;}
.advertiser-menu {position: absolute;font-size: 7.5pt;font-style: italic;}
.advertiser-menu a:link, .advertiser-menu a:visited {text-decoration: none;}
.advertiser-menu a:hover, .advertiser-menu a:active {text-decoration: underline;}
.main-icons {float: left;}
.main-hyper {float: left;padding: 3px 10px 0 2px;}
.rates-icons {float: left;}
.rates-hyper {float: left;padding: 3px 10px 0 2px;}
.reviews-icons {float: left;}
.reviews-hyper {float: left;padding: 3px 10px 0 2px;}
.booking-icons {float: left;}
.booking-hyper {float: left;padding: 3px 10px 0 2px;}
.staysys-icons {float: left;}
.staysys-hyper {float: left;padding: 3px 10px 0 4px;}
.trips-icons {float: left;}
.trips-hyper {float: left;padding: 3px 10px 0 2px;}
.packages-icons {float: left;}
.packages-hyper {float: left;padding: 3px 10px 0 2px;}
.price-range {float: right;padding: 3px 4px 0 40px;text-align: right;font-size: 7.5pt;font-style: italic;color: #63686f;}
.price-range-alt {display: block;padding-top: 8px;font-size: 7.5pt;text-align: right;font-style: italic;color: #63686f;}

#pages {background: #d2d4d8 url("../images/pages-bkg.gif") no-repeat left bottom;height: 53px;}
#results {position: relative;margin: 0; padding: 19px 11px 0 5px;text-align: right;height: 53px;font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";font-size: 8pt;}
#results img {margin: 1px 0 0 0;padding: 0 5px;}
#results a:link, #results a:visited {color: #595e65;text-decoration: none;font-weight: bold;}
#results a:hover, #results a:active {color: #595e65;text-decoration: underline;font-weight: bold;}
#results a.landing {text-decoration: none;font-weight: bold;font-size: 9pt;}
.icons {float: right;margin: 1px 0 0 0;}
.hyper {float: right;}