/* CLASSES */
.v-outer {display: table;#position: relative;overflow: hidden;}
.v-middle {display: table-cell;#position: absolute;#top: 50%;vertical-align: middle;}
.v-inner {#position: relative;#top: -50%;text-align: center;}

.greybox {font-size: 8pt;line-height: 14px;width: 766px;}
.greybox .v-outer {height: 64px;}
.greybox strong {text-transform: lowercase;}

h2, h3, h4, h5, b {font-family: "Century Gothic", Verdana, Helvetica, "MS Sans Serif";}
h2 {font-size: 14pt;margin-bottom: 7px;padding-top: 10px;display: block;}
h3 {font-size: 8pt;margin-bottom: 2px;display: block;font-weight: bold;}
h3 a {color: #000;text-decoration: none;}
h4 {font-size: 13pt;padding-top: 5px;text-transform: lowercase;display: block;}
h5 {font-size: 11pt;padding: 10px;line-height: 18px;text-transform: lowercase;}

/* LAYOUT */
#header {height: 751px;}
#location {width: 763px;}
#left {border-top: 1px dotted #a5acb2;padding: 0;}
#both {border-top: 1px dotted #a5acb2;padding: 0;}
#both h4 {padding-top: 25px;}

#advertiser-head {position: absolute;top: 303px;width: 766px;margin: 0 4px;}
#container-advertiser-head {width: 766px;}

#advertiser-name {float: left;width: 571px;}
#advertiser-name .v-outer {height: 190px;}
#advertiser-name .v-inner {width: 571px;}

#advertiser-logo {float: right;width: 195px;}
#advertiser-logo .v-outer {height: 190px;}
#advertiser-logo .v-inner {width: 195px;}

#contact {background: #e4e6e8 url(../images/contact-bkg.gif) no-repeat;}
#contact .v-inner {width: 766px;}

#note {background: #e4e6e8 url(../images/note-bkg.gif) no-repeat}
#note .v-inner {width: 601px;text-align: justify;padding: 0 15px 0 150px;}

#advertiser-materials {position: absolute;top: 574px;width: 100%;}
#container-materials {width: 766px;margin: 0 auto;text-align: left;height: 180px;}
.mainpicture {width: 270px;vertical-align: top;float: left;}
.enlarge {background: url(../images/hint-enlarge.gif) no-repeat 1px top;width: 18px;height: 180px;text-align: center;float: left;}
.no-enlarge {width: 16px;height: 180px;float: left;}
.mainpicture2 {width: 283px;vertical-align: top;float: left;text-align: left;}
#row {height: 62px;}
#thumbnails {width: 283px;float: left;}
#last {height: 56px;}
.padr {padding-right: 5px;}
#navigate {width: 195px;float: right;}
#navigate li {line-height: 15px;margin-bottom: 1px;border: 1px solid #a5acb2;border-width: 1px 0 1px 1px;border-right: 3px solid #ffa800;font-size: 8pt;}
li.buttons-on {padding: 4px 10px;background-color: #ffd37f;}
li.buttons-off {padding: 4px 10px;color: #a5acb2;}
li.buttons-close-off {padding: 4px 10px 3px;color: #a5acb2;}
li.buttons a {padding: 4px 10px;display: block;text-decoration: none;}
li.buttons a:hover {background-color: #f0f0f0;}
li.buttons-close a {padding: 4px 10px 3px;display: block;text-decoration: none;}
li.buttons-close a:hover {background-color: #f0f0f0;}

/* LHS */
.main {padding: 15px 0;text-align: justify;font-size: 9pt;line-height: 16px;}
.main p {padding-top: 15px;}
.main a {text-decoration: none;}
.main b {text-transform: uppercase;font-weight: normal;}
a.attraction {text-decoration: none;font-style: italic;}
a.attraction:hover {text-decoration: underline;}
a.show {text-decoration: underline;}
h4.subdivider {border-top: 1px dotted #a5acb2;margin-top: 15px;padding-top: 10px;}
p.accreditations {padding: 5px 0 0 10px;}
.accreditations img {padding: 10px 15px 0 0;}

.pic {float: left;width: 145px;}
.pic img {border: 2px solid #9ba3a9;}
.descr {float: left;width: 409px;}

/* RHS */
.sidebar {padding-top: 5px;}
.sidebar p {font-size: 8.5pt;line-height: 14px;padding: 0 10px 10px;text-align: left;}
#feature {background-color: #8d96b9;border: 1px solid #fff;border-width: 1px 0;}
#feature h5 {color: #fff;}
#feature p {color: #fff;padding: 0 10px;}
#feature p.reviewer {text-transform: uppercase;font-weight: bold;font-size: 8px;padding: 3px 10px 10px;}
#feature p.first-review {padding: 3px 10px 10px;}
img.rating {padding-bottom: 10px;}
#reviews-button span, #reviews2-button span {color: #fff;}
#reviews-button, #reviews2-button {position: relative;margin-left: 60px;padding-bottom: 20px;}
#reviews-button span, #reviews2-button span {margin-left: 13px;font-size: 7pt;text-transform: uppercase;text-decoration: underline;}
#reviews-button img, #reviews2-button img {z-index: 20;position: absolute;top: -1px;left: 0;width: 127px;height: 19px;border: 0;text-align: right;}
#reviews-button img {background: #8d96b9 url(../images/button-reviews-sa.gif) no-repeat;}
#reviews2-button img {background: url(../images/button-submit-review-sa.gif) no-repeat;}
#my-choices {display: none;border-bottom: 1px solid #fff;background-color: #f3bc51;}
#my-choices-button {position: relative;margin: -10px 0 0 98px;padding-bottom: 10px;}
#my-choices-button span {margin-left: 11px;font-size: 7pt;text-transform: uppercase;text-decoration: underline;}
#my-choices-button img {background: url(../images/button-my-choices.gif) no-repeat;z-index: 20;position: absolute;top: 0;left: 0;width: 89px;height: 19px;border: 0;}
#date {display: none;}

/* BOTH */
#thanks {padding: 0 10px 25px;}
#thanks h4 {text-transform: lowercase;}
#thanks p {padding: 20px 0 0 0;}

#no-reviews {font-size: 8pt;width: 766px;padding: 26px 0;text-align: center;}

#has-reviews {font-size: 8pt;background: #e4e6e8 url(../images/average-bkg.gif) no-repeat;height: 64px;}
.average-left {float: left;width: 164px;padding: 20px 0 0 407px;line-height: 14px;}
.average-left span {display: block;}
.average-right {float: right;width: 195px;text-align: center;}
.average-right img {padding-top: 13px;}

.each-review {font-size: 8pt;}
.impression {float: left;width: 120px;padding: 20px 0 0 30px;}
.the-review {float: left;width: 616px;padding: 24px 0;}
.the-review strong {text-transform: none;}

.results {text-align: right;padding: 24px 4px 24px 0;}
.rheadtext, .text {margin-left: -2px;font-size: 7pt;border: 1px solid #525252;text-align: center;padding: 2px 5px 1px;}
.rheadtext {background-color: #ffa800;}
.text {background-color: #e4e6e8;}
a.text {text-decoration: none;}
a.bheadtext {color: #a5acb2;font-size: 7pt;padding: 0 5px;text-transform: uppercase;text-decoration: none;}
a.bheadtext:hover {color: #000;text-decoration: underline;}

/* PROVINCIAL */
#wc #location {border-right: 3px solid #96b2ea;}
#gr #location {border-right: 3px solid #0069b3;}
#ec #location {border-right: 3px solid #3497b6;}
#kzn #location {border-right: 3px solid #62a6a0;}
#ga #location {border-right: 3px solid #9681b7;}
#mpl #location {border-right: 3px solid #30a330;}
#lm #location {border-right: 3px solid #b19238;}
#nwp #location {border-right: 3px solid #9b715c;}
#fs #location {border-right: 3px solid #d47416;}
#nc #location {border-right: 3px solid #478e54;}
#sa #location {border-right: 3px solid #8d96b9;}

#wc #location {background-color: #cbd9f5;}
#gr #location {background-color: #80b4d9;}
#ec #location {background-color: #9acbdb;}
#kzn #location {background-color: #b1d3d0;}
#ga #location {background-color: #cbc0db;}
#mpl #location {background-color: #98d198;}
#lm #location {background-color: #d8c99c;}
#nwp #location {background-color: #cdb8ae;}
#fs #location {background-color: #eaba8b;}
#nc #location {background-color: #a3c7aa;}
#sa #location {background-color: #c6cbdc;}