html {height: 100%;}
body {height: 100%;}
#core, #admin {width: 560px; position: relative; left: 209px; top: 202px; min-height: 100%;}
* html #core {height: 100%;}
#leftnav {background-color: #edeae2; width: 180px; position: absolute; top: 199px; padding: 11px 5px 0 12px;}
#rightnav {background-color: #edeae2; width: 185px; position: absolute; top: 199px; padding:11px 0 0 12px; left: 778px;}
#header, #footer {background-color: #fff;}
#header {height:198px; position: absolute; top: 0;}
#footer{position: relative; height: 30px; margin: 210px 0 5px 0; width: 963px;}

/* CSS reset */
body {font-size: 62.5%;color: #666; font-family: arial, helvetica, sans-serif;background-color: #fff;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0}
ul {list-style:none}

h1, h2, h3, h4, h5, h6, fieldset legend, p.header {font-family: georgia,palatino,serif; font-weight: normal; color: #999; font-size:2.4em; margin: 7px 0 0 0;}
p.header {margin: 0;padding:0}
a, a:link, a:visited {color: #933; text-decoration: none; cursor: pointer;}
h1 a, h1 a:link, h1 a:visited {color: #999;}
a img {border:0}

p {font-size: 1.2em; padding: 7px 0; line-height:1.5em;}
form input, form textarea, form select {color: #666;}
form input, form textarea {padding: 2px;}
.button{background:#933;color:#fff;padding: 1px;}
a.button{color:#fff;}
.searchButton{background: url(gifs.gif) 0px -350px no-repeat; border: none; width: 75px; height: 22px;}
.searchButton:hover{cursor: pointer;}

#core h1, #core h2, #core h3, #core p {background-color: #fff;}
#core h1 {padding-top: 0;}
#core h1, #core p, #core li, #core form {width: 245px}
#core.wide h1, #core.wide p, #core.wide li, #core.wide form {width: 560px;}
#core ul.list {padding: 15px 0}
#core ul.list li {font-size: 1.2em; padding: 3px 0}

#core .listing {border-top: 3px solid; background: #edeae2; width: 245px;margin: 7px 0}
#core .listing img {margin: -7px 5px 0 -5px;float: left;}
#core .listing a {margin: 4px 2px 0 5px; display:block; font-size: 1.1em;}
#core .listing a.strong{font-size: 1.2em; font-weight: bold; margin:0 0 0 5px; padding: 4px 0 0 0;}
#core .listing a.suburb {color: #666;}
#core .listing a.suburb::after {content: '\20\BB'}
#core .listing p {clear:left; background: #fff; padding-bottom: 0;}
#core .listing p a {display:inline;}

#leftnav ul#crumbs {color: #933; padding: 0; margin: 0;}

#leftnav ul {margin-bottom: 10px;}
#leftnav ul li {font-size: 1.3em; line-height: 1.5em;}
#leftnav ul li.promo {border-top: 1px dashed #933; border-bottom: 1px dashed #933;}
#leftnav ul li.promo div {font-size: 1em; line-height: 1em; font-weight: normal; margin-bottom: 5px;}

#leftnav ul li a.getCats {float: right; background: url(gifs.gif) -200px -100px no-repeat; background-color:#ccc; width:12px; margin-right: 2px;}

#leftnav ul li.toplevel a {color: #666; font-size: 1.1em;}
#leftnav ul li.toplevel a:hover {color: #933; text-decoration: underline;}
#leftnav ul li ul {margin:0;}
#leftnav ul li ul li {line-height: 0.9em; margin-top:0;}
#leftnav ul li.toplevel ul li a {font-size: 0.8em; color: #933}
#leftnav ul li.toplevel ul li.more a {font-size: 0.7em; font-weight: bold;}

#leftnav ul li.current {border-right: 15px solid; background-color: #fff; padding-left: 10px;}
#leftnav ul li.current a {color: #666; font-weight: bold;}
#listingsNav {padding-top: 10px}
#leftnav h3 {font-family: arial, helvetica, sans-serif;font-size: 1.2em; color: #933; border-bottom: 1px dashed #933; margin: 2px 0; padding: 0 0 10px 0}

#topLogo {border-bottom: 1px dashed #ddd; height:105px; padding: 9px 0 0 12px;}
#topLogo form p {padding: 0 0 6px 0;}
#topLogo form p label {display: block;}
#topLogo form p label strong {color:#933; font-size: 1.2em}
#topLogo form p label span {font-size: 0.9em}
#topLogo form p input {margin-right: 6px;}

#header {border-bottom: 1px solid #999;width: 975px;}
#header ul {list-style-type:none;}
#header ul li {float:left;}
#header ul li a {padding:4px 0; margin: 4px 30px 0 0; color:#666;text-decoration:none;display:block;font-size:1.4em;}
#header ul li#areaLink {float:right;}
#header ul li#areaLink a {margin-right:0; margin-left:2px;}

#header #topnav {padding-left: 12px;}
#header #topnav li a {float:left}
#header ul li a.getCats {display: inline; padding:0; border: 0; margin-left: -27px; background: url(gifs.gif) 0px -100px no-repeat; background-color:#ddd; width: 12px; height: 28px; }
#header ul li a.getCats:hover {border:0;}

/* upv2 added to next lines as hovers wouldn't show (leftnav and header both use this rule) without a containing #element */
#upv2 ul li.cat0 a.getCats:hover, #header ul li.cat0on a.getCats:hover {background-color: #666;}
#upv2 ul li.cat1 a.getCats:hover, #header ul li.cat1on a.getCats:hover {background-color: #69c;}
#upv2 ul li.cat2 a.getCats:hover, #header ul li.cat2on a.getCats:hover {background-color: #db0;}
#upv2 ul li.cat3 a.getCats:hover, #header ul li.cat3on a.getCats:hover {background-color: #f09;}
#upv2 ul li.cat4 a.getCats:hover, #header ul li.cat4on a.getCats:hover {background-color: #933;}
#upv2 ul li.cat7 a.getCats:hover, #header ul li.cat7on a.getCats:hover {background-color: #3b7;}

#header ul li a:hover, #header ul li a {border-bottom: 4px solid white;}

#header ul li.cat0 a:hover, #header ul li.cat1on a, .cat1on {border-color: #666 !important;}
#header ul li.cat1 a:hover, #header ul li.cat1on a, .cat1on {border-color: #69c !important;}
#header ul li.cat2 a:hover, #header ul li.cat2on a, .cat2on {border-color: #db0 !important;}
#header ul li.cat3 a:hover, #header ul li.cat3on a, .cat3on {border-color: #f09 !important;}
#header ul li.cat4 a:hover, #header ul li.cat4on a, .cat4on {border-color: #933 !important;}
#header ul li.cat7 a:hover, #header ul li.cat7on a, .cat7on {border-color: #3b7 !important;}

#header #topStatus {background: url(gifs.gif) 11px 8px no-repeat; height: 48px; border-bottom: 3px solid #cc9; font-size:1.2em; padding-left: 12px;}
#header #topStatus a.topLogo {display:block; text-indent: -200px; width: 223px; height: 49px; float: left}
#header #topStatus span {margin: 27px 0 0 11px; float: left;}
#header #topStatus div {float: right; margin-top: 27px;}
#header #topStatus ul {float: left; margin: 27px 0 0 0; padding: 0;}
#header #topStatus ul li {float: left; padding:0;}
#header #topStatus ul li a {display: inline; margin: 0; padding: 0;font-size: 1em;border:0; font-weight: bold;}
#header #topStatus ul li.current a {color: #933;}

/* note - these are as per header - either move to a class, or just use commas to avoid duplicate styles */
#floatData ul {list-style-type:none;clear: both;}
#floatData ul li {float:none;}
#floatData.floatLeft ul li {float:left; width: 100px; padding-right: 10px;}
#floatData ul li a {padding:2px 0; margin: 1px; color:#666;text-decoration:none;display:block;font-size:1.4em;}
/* end of note */
#floatData ul li ul li, #floatData ul li ul li a:link, #floatData ul li ul li a:visited {float:none !important; font-size: 1.1em; padding:1px; margin:0; border:0;}
#floatClose {position: absolute; background: url(gifs.gif) 0px -200px no-repeat; width: 17px; height: 17px;}

#footer {border-top: 2px solid #cc9; list-style-type:none; padding: 10px 0 10px 12px;}
#footer li {font-size: 1.2em; float: left;padding: 0 10px; border-left: 1px solid #666;}
#footer li a {color: #666;}
#footer > li:first-child {padding-left:0; border: 0;}
#footer img {display: none} /* preload markers in html so present when onload fires else IE can request them repeatedly */

#coreright {position: absolute; left: 246px; top: 0; width:300px; z-index:2; padding-left:11px; background-color: #fff;}
#coreright .photonav {font-size: 1.4em; background-color: #edeae2; height:26px;text-align: center; width:300px; margin-top:-2px;}
#coreright .prevNext {font-size: 1.4em;padding: 0 35px;}
#coreright .prevNext:hover {color: #666;}

#map {margin-bottom: 5px;}
#coreright #map{width: 300px; height: 250px;overflow: hidden;}

#mpu {margin-top:12px; width: 300px; height: 250px;}
#mpu .promo, #mpu.promo {border: 1px solid #999; width: 290px; padding: 0 5px 5px 5px;}
#mpu ul {list-style: disc;font-size: 1.2em; margin-left: 15px;}
#mpu p, #mpu h2 {width:290px}
#mpu h2 {padding-bottom:10px;}
#mpu form label {width: 100px; display: block; float: left; font-size: 1.2em; line-height: 22px; vertical-align: middle;}
#mpu form fieldset {padding-bottom: 10px;}

#core ul.links {margin: 13px 0}
#core ul.links li {margin: 6px 0}
#core ul.links li a {font-size: 1.6em;}

.raquo li a::before {content: '\BB\20'}

#core hr {height: 0; border-style: solid; border-width: 1px 0 0 0; border-color: #ccc; margin-top:15px;}

.vnRating {width:65px;float:left;text-align:center;}
#ratingSideBar {width: 245px; margin-top:5px;}
#ratingSideBar p {display: inline;}
#starRating {display:none; margin: 0;}
.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating {background: url(/images/stars.gif) left -1000px repeat-x;}
.star-rating {position:relative;width:75px;height:15px;overflow:hidden;list-style:none;margin:0;padding:0;background-position: left top;}
.star-rating li {display: inline;}
.star-rating a,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:15px;line-height:15px;outline:none;overflow:hidden;border: none;}
.star-rating a:hover,.star-rating a:active,.star-rating a:focus{background-position: left bottom;}
.star-rating a.one-star{width:20%;z-index:6;}
.star-rating a.two-stars{width:40%;z-index:5;}
.star-rating a.three-stars{width:60%;z-index:4;}
.star-rating a.four-stars{width:80%;z-index:3;}
.star-rating a.five-stars{width:100%;z-index:2;}
.star-rating .current-rating{z-index:1;background-position: left center;margin:0 !important}
.inline-rating {display:-moz-inline-block;display:-moz-inline-box;display:inline-block; vertical-align: top; margin: 0;}
.inline-rating a, .inline-rating span {font-size: 1.2em;}
#ratingLabel {display: inline; vertical-align: top;}

#main .star-rating{margin: 0;float: left;}
#main div, #main ul {padding:0;margin: 0;}
#main .coreRightSpace {width:315px; height: 600px; float: right; visibility: hidden;}
#main h2 {width: 245px}
#main ul li {font-size:1.2em;}

#reviewComments {float: none;}

.latestReview{font-size: 1.2em; border-bottom: 1px solid #ccc; padding: 10px 0 !important;line-height:1.5em; width: 245px;}

#rateReview {background-color: #fff;float: right; width: 215px !important;}
#rateReview span{vertical-align: top;}

.smileOn, .frownOn, .smileOff, .frownOff{border:0; vertical-align: bottom; padding:3px 8px !important}
.smileOn{background: url(gifs.gif) 0px -250px no-repeat; margin-left: 2px;}
.frownOn {background: url(gifs.gif) 0px -300px no-repeat; margin-left:20px;}
.smileOff{background: url(gifs.gif) -200px -250px no-repeat; margin-left: 2px;}
.frownOff {background: url(gifs.gif) -200px -300px no-repeat; margin-left:20px;}

input.smileOn, input.frownOn, input.smileOff, input.frownOff {padding-left:1px;}

a.current{color: #000; text-decoration: underline;}

#rightnav {overflow: hidden} /* hack to allow 75px wide photos to fit into 60px */
#rightnav #map{width: 197px; margin-left: -12px; height: 185px;}

#mapContainer {border-bottom: 1px dashed #933; padding-bottom: 5px;}
#mapContainer li, #mapContainer a, #mapContainer a:link, #nearest {font-size: 1.1em;}
.filterContainer {height: 20px; padding-top: 10px}
#mapFilter {z-index: 10; position: absolute; background-color: #fff; border: 1px solid #999; width: 179px; padding: 2px;display:none;}
#mapFilter li {display: none; color: #933; cursor: pointer; width: 154px;}
#mapFilter #mapFilterShow {padding:0 4px; float: right; display: block; width: 10px}
#nearest {margin-top: 10px; padding-bottom: 15px;}
#enlargeMap {float: right;}

#rightnav ul {font-size: 1.1em;}
/*#rightnav .rightAlign {float:right;clear:both;}*/

#rightnav h5 {width: 185px; padding-bottom: 8px; border-bottom: 4px solid #933;}
#rightnav hr {height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #933;}
#rightnav a.ad {float:left; color: #666; width:185px; font-size: 1.2em; line-height: 1.1em; display:block;clear:both;margin-top:15px;}
#rightnav a.ad img {float: left; margin: 0 5px 0 0; border:0; height:60px; width:75px;}
#rightnav a.ad strong{color: #933; font-size: 1em; line-height: 1em; font-weight: bold;display: block; padding-bottom: 2px;}

#rightnav p.allOffers {padding-top: 10px;clear:both;}
#rightnav p.allOffers a {font-weight: bold;}

#rightnav ol {padding: 10px 0; list-style-type: none;}
#rightnav ol li {font-size: 1.2em;}

.tooltip {background-color:#edeae2; border: 1px solid #999; padding: 3px; text-align:center; color: #333; font-size:11px; font-weight:bold; min-width: 100px; width: auto;}
.tooltip hr {padding:0;margin:0}
.tooltipSpan{font-size: 9px; color: #333}
.tooltipCat {font-size: 9px; color: #000}
.infoWinTxt, .infoWinTxt a, .infoWinTxt a:link, .infoWinTxt a:visited {font-size:11px;}

.inList{background: url(gifs.gif) -200px -150px no-repeat; padding-left: 16px; cursor:pointer; width: 16px;}
.addToList{background: url(gifs.gif) 0px -150px no-repeat; padding-left: 16px; cursor:pointer; width: 16px;}

#listsNav {border-bottom: 1px dashed #933; padding-bottom: 5px;}
#listsNav .listContents, #listsNav .listContents div {font-size: 1.1em}
#listNames {font-size: 1.1em;padding: 10px 0;}
#listNames form a {padding:4px 13px 0 0}
#listNames form input {height: 14px; font-size: 12px;}
.listContents div span div {display:none; font-size: 12px;}

fieldset input, textarea, select {float: right}
form fieldset {border: 0}

#ratingRadios label {padding-right: 5px;}

#upSky {display:none; position: absolute; top: 207px; left: 987px}
#upLeaderboard {position: absolute; top: 63px; left: 247px;}
#upBanner{position: absolute; left: 490px; top: 211px; width: 468px}
#upBanner.inHouse{left: 466px; width: 507px; border:1px solid #999}
#upBanner .offerText {position: absolute; width: 200px; z-index: 8; float: left; padding: 5px; line-height: 1.4em; height: 46px; overflow: hidden}
#upBanner .offerText span {color: #666;}
#upBanner #offerIntro {position: absolute; z-index: 9; float: left; padding: 14px 14px; background-color: #fff; font-family: georgia,palatino,serif; font-weight: normal; color: #999; font-size:2.4em; line-height: 1.1em; height: 32px; width: 175px;}
#photoslide {height: 60px; left: 207px; overflow: hidden;}

fieldset legend {margin-bottom: 10px; padding-top: 7px;}
form.rightFields fieldset label, fieldset.rightFields label {font-size: 1.2em; width: 90px; height: 30px; display: block;}
form.rightFields fieldset div, fieldset.rightFields div {padding-left: 100px}

/* i have to duplicate #floatData because top Areas link will create error if i reuse that style.
/* note - these are as per header - either move to a class, or just use commas to avoid duplicate styles */
#areaGuides ul {list-style-type:none;clear: both;}
#areaGuides ul li {float:none;}
#areaGuides form label, #areaGuides form input {margin: 0 0 0 4px;}
#areaGuides.floatLeft ul li {float:left; width: 100px; padding-right: 10px;}
#areaGuides ul li a {padding:2px 0; margin: 3px; color:#666;text-decoration:none;display:block;font-size:1.2em;font-weight: bold;}
/* end of note */
#areaGuides ul li ul li, #areaGuides ul li ul li a:link, #areaGuides ul li ul li a:visited {float:none !important; font-size: 1em; padding:1px; margin:0; border:0; font-weight: normal;}
#core #areaGuides ul li ul li, #core #areaGuides ul li ul li a:link, #core #areaGuides ul li ul li a:visited {font-size: 1.1em;}

ul.faq li {font-size: 1.2em; margin-top: 10px; font-weight: bold;}
ul.faq ul {margin-left: 10px;}
ul.faq ul li{font-size: 1em; font-weight: normal; margin-top: 3px;}