/* RESET http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
/* remember to define focus styles! */:focus {outline:0;}
/* remember to highlight inserts somehow! */ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* END RESET */

/* ----------- BASE ----------------------*/
body{font-size:62.5%; font-family:lucida sans; background:rgb(231,231,231) url(../images/layout/bg_body.gif) repeat-x;}
form{width:100%; height:100%; background:url(../images/layout/stripe.gif); padding:10px 0 0 0}


/* LINKS */
a{text-decoration:none; color:rgb(51,51,51)}
#content a, #typenav a.active, #nav a.active{color:rgb(65,65,65)}
.restaurants #content a, .restaurants #typenav a.active, .restaurants #nav a.active{color:rgb(66,158,11); border-color:rgb(3,132,100); }
.attractions #content a, .attractions #typenav a.active, .attractions #nav a.active{color:rgb(148,76,21); border-color:#a38b79}
.accommodation #content a, .accommodation #typenav a.active, .accommodation #nav a.active{color:rgb(190,34,60); border-color:rgb(190,34,60)}
.bars #content a, .bars #typenav a.active, .bars #nav a.active{color:rgb(17,76,149); border-color:rgb(17,76,149)}
#nav a.active{border-bottom:1px solid #000; font-weight:bold}
.restaurant .avatar{background:url("../images/icons/icons.gif") no-repeat scroll 17px -628px transparent}
.attraction .avatar{background:url("../images/icons/icons.gif") no-repeat scroll 17px -383px transparent}
.accommodation .avatar{background:url("../images/icons/icons.gif") no-repeat scroll 16px -503px transparent}
.bar .avatar{background:url(../images/icons/icons.gif) no-repeat 16px -755px;}

/* IMAGES */
img {border:none} 

/* TYPOGRAPHY */
p {margin:0 0 10px 0;}
h1{padding:5px 0; font-weight:normal}
h2 {color:#515151;font-size:1.8em;font-weight:normal;margin:0px 0 18px 0}
h3 {font-size:1.6em;margin:0 0 9px 0; color:rgb(153,153,153); font-weight:normal}
h4 {font-size:11px;margin:0 0 4px 0;}

/* BEHAVIOURS */
.bigger {font-size:14px !important;line-height:24px !important;}
.smaller {font-size:11px !important;line-height:16px !important;}
.lighter {color:#808080;}
.auto-width {width:auto !important;}
.nodim {width:0 !important;height:0 !important;}
.wsn {white-space:normal !important;}
.ttn {text-transform:none !important;}
.ttu {text-transform:uppercase !important;}
.red {color:#d93636 !important;}
.clear {display:block !important;clear:both !important;}
.left {float:left !important;}
.right {float:right !important;}
.inline {display:inline !important;}
.block {display:block !important;}
div.column-container {margin-bottom:20px !important;}
.ttn {text-transform:none !important;}
.fwn {font-weight:normal !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.pointer {cursor:pointer;}

.col1 {float:left; width:780px; margin:10px 25px 0 0}
.col2 {float:left; width:310px; margin:10px 0 0 0}
.col2 .col1, .col2 .col2{width:144px; margin:0}
.col2 .col1{}

/* ----------- LAYOUT ----------------------*/
/* COLUMNS */
#wrapper{width:1140px; margin:0px auto 0px auto;}
#content{clear:both; padding:10px 0 25px 25px; background:rgb(255,255,255); box-shadow:0px 0px 3px rgb(170,170,170); -webkit-box-shadow:0px 0px 18px rgb(170,170,170); -moz-box-shadow:0px 0px 18px rgb(170,170,170); border-radius:8px 8px 8px 4px}


.logo {background:url(../images/logo_best_guides.gif) no-repeat 0px 7px; float:left; width:240px; height:103px;  text-transform:lowercase}
.logo .image{display:block; height:43px;  overflow:hidden;}
.logo .image a{ display: block; padding:103px 0 0 0;}
.logo .group{background:url(../images/icons/icons.gif) no-repeat -14px -200px; display:block; width:182px; height:42px; font-size:2.7em; margin:1px 0 0 20px; letter-spacing:-0.1em }
.logo .location{display:block; margin:-17px 0 0 23px; font-size:1.6em; font-family: Gill Sans MT}


.crumbs {}
.crumbs li {float:left; font-size:1.2em}
.crumbs li a {color:#666;padding:3px 8px;}

.crumbs li.levelhome a {padding-left:0}
/*
.crumbs li.level1 a {background:#ccc;}
.crumbs li.level2 a {background:#ddd;}
.crumbs li.level3 a {background:#eee;}
*/
/* ADS */
.topad {width:728px;margin:10px auto 10px auto; float:right; height:93px}
.botad{float:right; margin:50px 10px}
.ad72890 {width:728px;height:90px;}
.ad300250 {width:300px;height:250px;margin:0 0 20px 0}
.ad300100 {width:300px;height:100px;margin:0 0 20px 0}
.ad46860 {width:468px;height:60px;margin:0 66px 20px 66px;}

/* HEADER */
#header{ position:relative}

/* NAV */
#typenav {clear:both;background:url(../images/layout/bg_nav_groups.gif) repeat-x 0 1px; height:44px; padding:0px 0 1px 0px; box-shadow:0px 0px 3px rgb(170,170,170); -webkit-box-shadow:0px 0px 18px rgb(170,170,170); -moz-box-shadow:0px 0px 18px rgb(170,170,170); border-radius:8px 8px 8px 8px;  }
#typenav ul {}
#typenav li {float:left; font-size:1.8em; padding:13px 23px 10px 23px; border-right:1px solid rgb(212,213,214)}
#typenav a.active {color:#000}
#typenav a:hover {text-shadow:rgb(255,255,255) 0 1px 8px}

/* NAV */
#navwrap {}
#nav {position:relative;}
#nav ul {padding:0 0 0 17px}
#nav li {float:left; font-size:1.4em; margin:3px 10px 2px 0; padding:12px 10px 10px 10px}
#nav li:hover{background:rgb(255,255,255); background:rgba(255,255,255,0.4)}

/* SEARCH */
#search {position:absolute;width:300px;height:27px;bottom:6px; right:14px}
#search p {float:right;margin:5px 10px 0 0;color:#000;vertical-align:middle;text-transform:uppercase;font-weight:bold;}
#search input[type="text"] {padding:4px;width:180px;margin-right:0px;font-size:12px; border:1px solid rgb(160,160,160); }
#search input[type="submit"]{background:-moz-linear-gradient(top, #A0A0A0 2px, #636262 15px, #333333 16px);color:#fff;border:none;width:44px;padding:4px 4px 3px;margin:0;cursor:pointer; }
.bars #search .btnsearchtop {background:rgb(16,75,149); }
.restaurants #search .btnsearchtop {background:rgb(4,98,26); }
.accommodation #search .btnsearchtop {background:rgb(190,34,60);}
.attractions #search .btnsearchtop {background:rgb(148,76,21);}
.bars #search input{border-color:rgb(16,75,149)}
.restaurants #search input {border-color:rgb(4,98,26)}
.accommodation #search input{border-color:rgb(190,34,60)}
.attractions #search input{border-color:rgb(148,76,21)}

/* FOOTER */
#legals {clear:both;line-height:16px;clear:both;padding:10px 20px 50px 10px;color:#333;font-size:11px;}
#legals a {color:#333;text-decoration:none;}

/* ----------- FORMS ----------------------*/

/* FIELDSETS */
fieldset {border:1px solid #ddd;color:#333;padding:20px;margin-bottom:10px;display:block;}
fieldset br {clear:left;}
fieldset legend {font-size:16px;font-weight:bold;padding:10px;text-transform:uppercase;}
fieldset h2 {border-bottom:1px dashed #fff;margin:10px 0;}
fieldset label {color:#333;display:block;width:165px;float:left;margin:5px 10px 12px 0;text-align:right;font-weight:bold;}
fieldset label.req {border-right:3px solid #2f99bc;width:150px;padding-right:15px;}
fieldset input {color:#333;font-size:12px;border:1px solid #ccc;padding:3px 4px;background:#fff;}
fieldset select {color:#333;font-size:12px;}
fieldset textarea {width:250px;height:200px;margin-bottom:3px;border:1px solid #ccc;background:#f7f7f7;color:#666;}
fieldset .tip {font-size:11px;color:#333;padding:0 5px;}

/* FORM CONTROLS */
.checkbox {padding-right:10px;text-align:left;background-color:Transparent;}
.checkbox input {border:none;background-color:Transparent;}
.radio {text-align:left;}
.radio label {display:inline;float:none;width:auto;font-size:11px;font-weight:normal;margin:0;}
.radio input {border:none;background-color:Transparent;width:auto;}
.formbutton {margin:5px 0 0 175px;}
input.greybutton {background:#333;height:25px;color:#fff;border-right:1px solid #555;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #555;width:auto;padding:3px 8px;margin:3px 0 8px 125px;text-transform:uppercase}
.focusfield {border:1px solid #2f99bc;color:#333;background:#b0ebff;}  
.idlefield {border:1px solid #ccc;background:#f7f7f7;color:#666;}
.valsummary {padding:20px;margin:0 0 10px 0;color:#c00;background-color:#ffd3d1;border:1px solid #f8b1ac;}
.valsummary ul {margin:15px 0 0 20px;list-style-type:disc}
.validator {font-size:11px;color:#c00;}
.loader {padding:25px 20px 25px 70px;margin:0 0 10px 0;background:#ddd url(../images/loaders/indicator.gif) no-repeat 15px 15px;border:1px solid #ccc;font-size:16px;color:#666;}

/* RESPONSES */
.error-wrap {width:700px;margin:20px auto 0 auto;background:#fff;padding:20px;}
.info, .success, .error {padding:20px;margin:5px 0 10px 0;}
.info h3, .success h3, .error h3 {margin:0 0 8px 0;font-size:16px;}
.info p, .success p, .error p {margin:0;}
.info {color:#666666;background-color:#f5f5f5;border:1px solid #e9e9e9;}
.info h3 {color:#666666;}
.error {color:#c00;background-color:#ffd3d1;border:1px solid #f8b1ac;}
.error h3 {color:#c00;}
.success {color:#499524;background-color:#e1ffd1;border:1px solid #c5f8ac;}
.success h3 {color:#499524;}

/* ----------- PANELS ----------------------*/
/* IMAGES */	
.imgl {float:left;margin:5px 15px 15px 0;}
.imgr {float:right;margin:5px 10px 15px 15px;}
.border {border:1px solid #333}
.bullet-list {margin:0 0 0 20px;list-style-type:disc;}
.bullet-list li {padding:5px 10px 5px 0;border-bottom:1px dotted #ddd;}

/* ----------- HOMEPAGE ----------------------*/
/* SLIDER */
.anythingSlider {width:980px;height:260px;position:relative;margin:0 0 10px 0;overflow:hidden;}
.anythingSlider .wrapper {width:980px;overflow:hidden;height:260px;position:absolute;top:0;left:0;}
.anythingSlider .wrapper ul {width:99999px;list-style:none;position:absolute;top:0;left:0;background:#fff;margin:0;height:245px;}
.anythingSlider ul li {display:block;float:left;padding:0;height:260px;width:980px;margin:0;}

#thumbNav {position:relative;top:260px;text-align:center;position:absolute;right:100px;}
#thumbNav a {color:#fff;font-size:11px;display:inline-block;padding:2px 8px;height:18px;margin:0 5px 0 0;background:#9d0d00;text-align:center;}
#thumbNav a:hover {background-image:none;}
#thumbNav a.cur {background:#be1f24;}

#start-stop {background:green;background-repeat:repeat-x;color:white;padding:2px 5px;width:40px;text-align:center;position:absolute;right:45px;top:260px;height:18px}
#start-stop.playing {background-color:red;}
#start-stop:hover {background-image:none;}

.anythingSlider .wrapper ul ul {position:static;margin:0;background:none;overflow:visible;width:auto;border:0;}
.anythingSlider .wrapper ul ul li {float:none;height:auto;width:auto;background:none;}

/* SLIDER OVERLAY */
.slide-wrap {width:980px;height:245px;overflow:hidden;}
.slide-content {width:370px;background:url(../images/layout/opaque.png) repeat;float:right;height:75px;overflow:hidden;margin:25px 20px 0 0;padding:20px;}
.slide-content p {line-height:16px;margin:0 0 4px 0;font-size:11px;}
p.slide-header {font-size:22px;font-weight:normal;background:Transparent;margin:0 0 10px 0;}

.home-region-section {padding:0 0 20px 0;}
.home-region-section h3 {font-size:18px;font-weight:normal;margin:8px 0 10px 0;border-bottom:2px solid #00b0ff;color:#00b0ff;padding:0 0 4px 0;}
.home-region-section img {float:left;border:3px solid #ccc;margin:0 20px 0 0;}
.home-region-section ul {margin:0 0 0 0;}
.home-region-section li {width:235px;float:left;background:url('../images/layout/bullet.gif') no-repeat 0 5px;padding:0 0 0 15px;}
.home-region-section a {color:#5d5d5d;font-size:11px;}

.home-whatson-section {margin:0 0 30px 0}
.home-whatson-section h3 {padding:10px;margin:0;text-indent:-9999px;background:url('../images/layout/whatsonbg.png') no-repeat 0 0;}
.home-whatson-section ul {padding:10px;margin:5px;border:1px solid #ddd;background:#fff;font-size:11px;}
.home-whatson-section li {padding:0 0 8px 0;}
.home-whatson-section a {color:#d00202;font-weight:bold;}
.home-whatson-section strong {color:#eaa203;}

/* MAP PANEL */
#map-panel {width:960px;background:url(../images/layout/mapbg.png) repeat-x;height:350px;margin:0 0 1px 0;}
#map-left {width:320px;float:left;height:300px;overflow:hidden;color:#515151;margin:40px 0 0 40px;border-right:1px solid #ddd;padding-right:30px;}
#map-left h2 {color:#515151;}
#map-right {width:380px;float:right;height:375px;position:relative;margin:-40px 0 0 0;}
#map-right img {float:right;}
#map-regionlist {width:150px;font-size:11px;float:left;margin:40px 0 0 30px}
#map-regionlist a {font-weight:bold;color:#333;}
#splitter {width:940px;background:url(../images/layout/splitter.png) no-repeat bottom left;height:16px;color:#fff;padding:10px;text-transform:uppercase;}

/* ----------- PAGES ----------------------*/

/* RESULTS */

.list-item{line-height:1.2em; clear:both; height:100px; margin:0 0 10px}
.item-image{display:block; float:left; width:108px}
.item-name{font-size:2.2em;display:block; padding:0 0 9px}
.list-item p{font-size:1.3em; line-height:1.3em; padding:0 0 5px}
.item-links li{float:left; font-size:1.3em; padding:0 9px 0 0}
.results img {}
.avatar{width:90px; height:90px; display:block; border:3px solid #ddd;float:left; margin:0 15px 11px 0;}
.listing {padding:0 0 10px 0; position:relative}
.listing h3{font-weight:bold}
.results .address {margin:0 0 5px 0; font-size:1.3em; color:rgb(153,153,153)}
.results .shortdesc {font-size:1.3em; line-height:1.5em; margin:0 0 4px 0}
.sub-type{float:right; font-size:11px; padding-top:6px}

/* PAGING */
.count{float:right; display:none}
.paging {color:#666;margin:10px 0;}
.paging p {position:relative;text-align:left;font-size:14px;}
.paging p a, .paging p a:hover {text-decoration:none;background:#fff;padding:2px 5px;border:1px solid #ccc}
.paging p a:hover {background:#2f99bc;color:#fff}
.paging p span {text-decoration:none;background:#fff;padding:2px 5px;border:1px solid #ccc;color:#ccc}
.paging h4 {margin:0 0 8px 0;font-size:14px;font-weight:normal;}

/* DETAILS */
.details p.suburb{font-size:1.2em; margin-top:12px}
.col1 .col1{width:470px; margin:0 10px 0 0}
.col1 .col2{width:300px; margin:0}
p.shortdesc{font-size:1.6em; line-height:24px; margin:-5px 0 0 0}
.infobox li {padding:0 0 10px 0;}
.infobox li.phone {font-size:20px;padding:2px 0 14px 0;color:#429e0b;}
.infobox li.price, .infobox li.cuisine {font-size:16px;}
.details .right {width:302px;float:right;}
.details .right img {border:1px solid #333;margin:0 0 8px 0;}
.map {width:300px;height:300px;border:1px solid #333;}
.hero{margin:0 0 10px 1px}
.details p {margin:0}
.details h2{font-size:3.2em; margin:20px 0 5px}
dl{line-height:1.8em}
.details dl.col1{width:46%; margin:0 14px 0 0}
.details dl.col2{width:49%; overflow:hidden}
dt{font-size:1.8em; padding-top:13px; line-height:23px; color:#999}
dd{font-size:1.3em}

/*no default type*/
.loconly .logo .group{background:none}

/*restaurants*/
.restaurants .logo .group {background:url(../images/icons/icons.gif) no-repeat 140px -653px;}
.restaurants #typenav{border-color: rgb(153,168,143)}

/*attractions*/
.attractions .logo .group {background:url(../images/icons/icons.gif) no-repeat 138px -406px;}
.attractions #typenav{border-color: rgb(179,157,140)}

/*accommodation*/
.accommodation .logo .group {background:url(../images/icons/icons.gif) no-repeat 143px -530px; font-size:2.1em}
.accommodation #typenav{border-color: rgb(195,147,147)}

/*bars*/
.bars .logo .group, .tile.bars .logo .group {background:url(../images/icons/icons.gif) no-repeat 124px -779px;}
.bars #typenav{border-color: rgb(153,167,191)}

ul.home-buttons{padding:170px 0 0 30px; display:block}
.home-buttons a{color:rgb(255,255,255)}
.home-buttons li{margin:15px 9px 0 9px;  float:left; width:192px; font-size:27px; color:rgb(255,255,255); text-transform:lowercase}
.home-buttons li p{font-size:13px; padding-top:8px; line-height:15px}
.home-buttons li.button-accomm{font-size:20px; padding-top:6px}
.home-buttons li.button-accomm p{padding-top:9px}

.banner {background:url(../images/banners/home.jpg) no-repeat; height:324px; margin:41px 0 0 0; border-radius:8px 8px 8px 8px}
.restaurants .banner {background:url(../images/banners/restaurants.jpg) no-repeat; height:244px; }
.attractions .banner {background:url(../images/banners/attractions.jpg) no-repeat; height:244px; }
.accommodation .banner {background:url(../images/banners/accommodation.jpg) no-repeat; height:244px; }
.bars .banner {background:url(../images/banners/bars.jpg) no-repeat; height:244px; }

.section{letter-spacing:-0.1em}
.section p {display:block; clear:both; font-size:22px; background:rgb(102,102,102); background:rgba(0,0,0,0.6); color:rgb(255,255,255); padding:20px 20px 20px 27px; margin:0; border-radius:8px 8px 0 0}
.section ul{display:block; background:rgb(102,102,102); background:rgba(0,0,0,0.6); padding:5px 10px 30px 37px; color:rgb(255,255,255);}
.section li{float:left; padding:0 15px 0 0 }
.section li a{color:white}

.refineby{margin:-20px 0 20px 0; border:1px solid rgb(200,200,200); border-right:none; border-top:0; border-radius:0 8px 0 0 ; background:rgb(240,240,240); padding:22px 10px 10px 10px}
.refineby li{font-size:1.2em; line-height:1.8em; padding:0 0 0 2px}

#map_canvas{width:300px; height:300px; margin-bottom:20px}
.listing-pin{}
.listing-pin{margin:0 10px 0 0; padding:4px 4px 4px 6px; border-radius:9px !important; float:left; background:#fff; letter-spacing:normal; font-size:11px; font-family: Arial ; font-weight:bold; line-height:10px; border-radius:7px 7px 7px 0; border:1px solid #999; text-align:center}
.info-link{font-size:14px; font-weight:bold}

/* #PR# Delete after banner is coded*/
.restaurants .home-buttons, .attractions .home-buttons, .accommodation .home-buttons, .bars .home-buttons{display:none}
.banner .restaurants, .banner .accommodation, .banner .bars, .banner .attractions  {display:none;}
.restaurants  .banner .restaurants, .accommodation .banner .accommodation, .bars .banner .bars, .attractions  .banner .attractions   {display:block;}

@media all and (max-width:1140px)
{
    #wrapper{width:980px}


    }