@charset "UTF-8";

@media all
{
    html, body, div, span, applet, object,
    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, hr, button,
    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;
        font-family: Arial,Verdana,Helvetica,SunSans-Regular,sans-serif;
    }

    body {
        color: #333;
        font-size: 12px;
        background: #DDD;
    }

    /* --- general text formatting ------------------------------------------ */
    p { line-height: 1.8em; margin: 0 0 1em 0; }

    blockquote, cite,q {
      font-family: Georgia, "Times New Roman", Times, serif;
      font-style:italic;
    }
    blockquote { margin: 0 0 1em 1.6em; color: #666; }

    strong,b { font-weight: bold; }
    em,i { font-style: italic; }

    hr {
      color: #fff;
      background:transparent;
      margin: 0 0 0.5em 0;
      padding: 0 0 0.5em 0;
      border:0;
      border-bottom: 1px #eee solid;
    }

    /*---------------- POSITIONS ---------------*/
    .left{ text-align:left; }
    .txtRight {text-align:right;}
    .txtCenter {text-align:center;}

    .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
    .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
    .center { display:block; text-align:center; margin: 0.5em auto; }

    /*--- Headings ------------------------------------------------------------------------*/
    /*** Text size ***/
    h1 {
     font-size: 4.5em;
     line-height: 1;
     color: #ed1b24;
     font-weight: bold;
    }

    h2 {
     font-size: 1.5em;
     color: #ED1B24;
    }

    h3 {
     font-size: 1.5em;
     color: #ED1B24;
    }

    h4 {
     font-size: 1.33em;
     line-height: 1;
     color: #333;
    }

    h5 {
     font-size: 1.17em;
     color: #333;
    }

    h3.box-header {
        border-bottom:  1px solid #aaa;
        border-top:     1px solid #aaa;
        margin-bottom:  10px;
        padding:        1px 0 4px;
        font-size: 1.5em;
        color: #ed1b24;
    }

    h4.box-header {
        padding:5px 0;
    }

    p, address {
        font-size: 1em;
        color: #333;
        line-height: 15px;
    }

    div.magnify p, p.magnify {
        font-size: 1.166em;
        line-height: 20px;
    }

    p.standfirst {
        font-size: 1.3333em;
        line-height: 20px;
    }

    p.markup-4d {
        margin-bottom: 18px;
    }

    div.center-content h3,
    div.nav-facet h2,
    div.nav-related h3 {
        font-size: 1.5em;
        line-height: 1;
    }

    div .section-nav {
        font-size: 1.17em;
    }

    .clear,.clearer {
        clear: both;
        line-height: 0;
        display: block;
    }

    .box-header {
        border-bottom:  1px solid #AAA;
        border-top:     1px solid #AAA;
        display:        block;
        /** The sacred 4px above 6px below! **/
        margin-bottom:  10px;
    }

    h1.box-header, div.box-header {
        padding:        0 0 3px;
    }
    h2.box-header {
        padding:        1px 0 4px;
    }
    h3.box-header {
        padding:        1px 0 4px;
    }
    h4.box-header {
        padding:        5px 0;
    }
    h5.box-header {
        padding:        2px 0 4px;
    }

    .solid-border-top {
        border-top:1px solid #AAA;
        display:block;
        padding: 4px 0;
        margin-bottom: 5px;
    }

    .solid-border-bottom {
        border-bottom:1px solid #AAA;
        display:block;
        padding: 4px 0;
        margin-bottom: 5px;
    }

    .dotted-border-top {
        border-top:1px dotted #AAA;
        display:block;
        padding: 4px 0;
        margin-bottom: 5px;
    }

    .dotted-border-bottom {
        border-bottom:1px dotted #AAA;
        display:block;
        padding: 0 0 5px 0;
        margin-bottom: 4px;
    }

    div.element-wrapper.section-seperator-bottom {
        border-bottom: 6px solid #DDD;
    }

    div.heading {
        margin-top:10px;
        padding-bottom:13px;
    }

    div.page-title {
        border-bottom:1px solid #AAAAAA;
        padding:2px 0 15px;
    }

    div.page-title .open-x {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    div.page-subtitle {
        border-bottom: 1px solid #aaa;
        display: block;
        padding-bottom: 3px;
    }

    div.page-subtitle h2,div.page-subtitle span.rhs {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
        font-size: 1.5em;
        line-height: 21px;
        font-weight: normal;
        color: #333;
    }

    div.page-subtitle h2 {
        float: left;
        width: 75%;
    }

    div.page-subtitle .tabs li {
        font-size:1.2em;
        font-weight:bold;
        border-left:1px solid #CCCCCC;
        padding:0 8px;
    }

    div.page-subtitle .tabs li.first {
        padding-left:0;
        border:0;
    }

    ul.arrows li {
        background: url(/images/arrow_h_red.gif) no-repeat scroll 0 6px;
        padding-left: 8px;
    }

    /* --- Lists -------------------------------------------------------------------------------- */
    ul, ol, dl {
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0;
    }

    ul li{
        margin:0;
    }

    ul.horizontal li, ol.horizontal li {
        display: inline;
        padding-right: 8px;
    }

    /*--- Links ----------------------------------------------------------------------------------------- */
    /*** A styles ***/
    a {
        text-decoration: none;
        color: #333;
    }

    a.more,
    a.less,
    p.markup-4d a,
    div.feature-body a {
        color: #0099ff;
    }

    a:hover,
    p.markup-4d a:hover,
    div.feature-body a:hover {
        color: #ED1B24;
    }

    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
        text-align:left;
    }

    /*** lists ****/
    ol.numbered, ul.styled {
        margin-bottom: 5px;
        padding: 2px 6px 2px 0;
    }

    ul.styled li {
        padding-left: 12px;
        background:transparent url(/images/sprites/travel-icons.gif) no-repeat scroll -7px -164px;
        line-height: 15px;
    }

    /** IE Hack -- To ensure consistent instep of numbered lists **/
    ol.numbered {
        list-style: decimal outside; /* decimal-leading-zero not supported by IE */
        margin: 0 0 5px 25px;
        *margin: 0 0 5px 30px;
        font-size:1em;
        line-height:16px;
    }

    ol.numbered li {
        color: #ed1b24;
        clear: both;
    }

    ul.horizontal li, ol.horizontal li {
        display: inline;
        padding-right: 8px;
    }

    iframe.incognito {
        border: none;
        overflow: hidden;
        width: 100%;
    }

    /********* Facet **************/
    div#facet-wrapper span.refine-count {
        color: #999;
        font-size: 11px;
    }

    a.showMoreOrLess {
        color: #32AAFF;
    }
}

/*** HANDY STYLES ***/
@media all
{
    /*** margins ***/
    .m0 { margin:0 !important;}
    .m5 { margin:5px !important;}
    .mt0 { margin-top:0 !important;}
    .mt2 { margin-top:2px !important;}
    .mt5 { margin-top:5px !important;}
    .mt10 { margin-top:10px !important;}
    .mt15 { margin-top:15px !important;}
    .mt20 { margin-top:20px !important;}
    .mb0 { margin-bottom:0 !important;}
    .mb5{ margin-bottom:5px !important;}
    .mb10{ margin-bottom:10px !important;}
    .mb15{ margin-bottom:15px !important;}
    .mb20{ margin-bottom:20px !important;}
    .ml5 { margin-left:5px !important;}
    .ml10 { margin-left:10px !important;}
    .ml15 { margin-left:15px !important;}
    .ml20 { margin-left:20px !important;}
    .mr10 { margin-right:10px !important;}
    .mr20 { margin-right:20px !important;}

    .p0  { padding:0 !important;}
    .pad5{ padding:5px !important;}
    .pt10{ padding-top:10px !important;}
    .pl10{ padding-left:10px !important;}
    .pl20{ padding-left:20px !important;}
    .pl30{ padding-left:30px !important;}
    .pr20{ padding-right:20px !important;}

    .b0{ border:0 !important;}
    .bt0{ border-top:0 !important;}
    .bb0{ border-bottom:0 !important;}
}

/************ POLL *****************/
@media all
{
    .btnSubmitPoll {
        width:70px;
        margin:10px auto;
    }

    #poll {
        padding:0 10px 0 0;
        margin-bottom: 15px;
    }

    #poll h4 {
        margin:10px 0;
        font-size:1.1em;
        line-height:1.2em;
    }

    #poll .answer{
        padding:0 0 0px 0;
        font-size:0.9em;
    }

    #poll .seperator{
        height:1px;
        margin:0px;
        line-height:0px;
        padding: 0px;
    }

    #poll .percentageBarOuter{
        background-color:#f3f3f3;
        margin:5px 5px 0 0;
        height:10px;
        width:100px;
        line-height: 0px;
        padding: 0px;
    }

    #poll .percentageBar{
        background-color: #ed1b24;
        height:10px;
    }

    #poll .percentageText{
        font-size:0.9em;
        margin:0 0 10px 0;
    }
}

/*** ADS ***/
@media all
{
    .leaderboard {
        display:block;
        left:250px;
        position:absolute;
        top:0;
        width:728px;
    }

    .leaderboard #leaderboardSlot {
        height:91px;
        width:728px;
    }

    .ad-background {
        background-color:#CCCCCC;
        background-position:center center;
        background-repeat:no-repeat;
    }

    .ad-loader {
        background-image: url("/images/loader.gif");
    }

    #mpu, #leaderboard, #skyscraper {
      display: none;
      margin: 0;
    }

    .mpuSlot {
      display: block;
      margin-bottom: 0 !important;
      margin-left: auto;
      margin-right: auto;
      overflow: hidden;
      width: 300px;
    }

    #leaderboardSlot {
      display: block;
      width: 728px;
      height: 90px;
      overflow: hidden;
    }

    #skyscraperSlot {
      display: block;
      width: 160px;
      height: 600px;
      overflow: hidden;
    }

    #mpuSlot iframe.ad-iframe,
    #leaderboardSlot iframe.ad-iframe,
    #skyscraperSlot iframe.ad-iframe  {
     width: 100%;
     height: 100%;
     display: none;
    }

    #subscribeAd img{
        display:block;
        margin: auto;
    }
}

/*** BUTTONS & ICONS ***/
@media all
{
    span.critics-choice,a.critics-choice {
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll -4px -1px;
        font-size: 0.9em;
        line-height: 1.1em;
        padding-left: 18px;
        padding-top: 2px;
        letter-spacing: 0;
    }

    a.critics-choice span {
        display: none;
    }

    span.recommended,a.recommended {
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll -4px -1px;
        font-size: 0.9em;
        line-height: 1.3;
        padding-left: 18px;
        padding-top: 2px;
        letter-spacing: 0;
    }

    a.recommended span {
        display: none;
    }

    a.critics-choice, a.recommended {
        padding-left: 14px;
    }

    span.major-venue {
        background-color: #50BA56;
        padding: 1px 2px 2px 2px;
        color: #fff;
        font-size: 0.9em;
        line-height: 1.1em;
        display: block;
        float: left;
        margin-right: 5px;
    }

    span.free {
        background-color: #ED1B24;
        padding: 1px 2px 2px 2px;
        color: #fff;
        font-size: 0.9em;
        line-height: 1.1em;
        display: block;
        float: left;
        margin-right: 5px;
        text-transform: uppercase;
    }

    span.new {
        color: #ED1B24;
        font-weight: bold;
        text-transform: uppercase;
    }

    span.family-friendly {
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll 0 -193px;
        font-size: 0.9em;
        line-height: 1.1em;
        padding-left: 30px;
        padding-top: 2px;
        letter-spacing: 0;
    }

    span.price {
        color: #ed1b24;
        font-weight: bold;
    }

    span.price.crossed {
        color: #333;
        text-decoration: line-through;
    }

    span.rating {
        padding: 2px 115px 2px 0;
        background: transparent url(/images/sprites/ratings.gif) no-repeat scroll -7px -214px;
        display: block;
        height:13px;
    }

    span.rating.star1 {
        background-position: -9px -152px;
    }

    span.rating.star2 {
        background-position: -9px -115px;
    }

    span.rating.star3 {
        background-position: -9px -78px;
    }

    span.rating.star4 {
        background-position: -9px -41px;
    }

    span.rating.star5 {
        background-position: -9px -4px;
    }

    span.rating.star6 {
    }

    h3.box-header.rating {
        overflow: hidden;
    }

    h3.box-header span.rating {
        background-position: -7px -187px;
        padding: 0 115px 0 0;
        margin-left: 5px;
    }

    h3.box-header span.rating.star1 {
        background-position: -9px -150px;
    }

    h3.box-header span.rating.star2 {
        background-position: -9px -113px;
    }

    h3.box-header span.rating.star3 {
        background-position: -9px -76px;
    }

    h3.box-header span.rating.star4 {
        background-position: -9px -39px;
    }

    h3.box-header span.rating.star5 {
        background-position: -9px -2px;
    }

    h3.box-header.rating span.rating {
        display: block;
        float: left;
    }

    h3.box-header span.header-text {
        display: block;
        float: left;
        color: #ED1B24;
    }

    /** E Compact double-column-header for events, reviews, venues and articles header **/

    /**** Little buttons *****/
    .little-button {
        background: #fff url(/images/sprites/buttons.gif) no-repeat scroll left -132px;
        /** IE hack **/ *
        background-position: left -128px;
        padding: 4px 0 5px 10px;
        text-align: center;
        cursor: pointer;
        margin-right: 5px;
        line-height: 26px;
    }

    a.little-button:hover span.inner-button span {
        color: #fff;
    }

    .little-button span.inner-button {
        background: #fff url(/images/sprites/buttons.gif) no-repeat scroll right -132px;
        padding: 4px 10px 5px 0;
    }

    .little-button:hover,.little-button.blue:hover,.little-button.red:hover {
        background: #fff url(/images/sprites/buttons.gif) no-repeat scroll left 0;
        /** IE hack **/ *
        background-position: left 4px;
        padding: 4px 0 5px 10px;
        text-align: center;
        cursor: pointer;
    }

    .little-button:hover span.inner-button,.little-button.blue:hover span.inner-button,.little-button.red:hover span.inner-button {
        background: #fff url(/images/sprites/buttons.gif) no-repeat scroll right 0;
        padding: 4px 10px 5px 0;
    }

    .little-button.blue {
        background-position: left -44px;
        /** IE hack **/ *
        background-position: left -40px;
    }

    .little-button.blue span.inner-button {
        background-position: right -44px;
        color: #fff;
    }

    .little-button.red {
        background-position: left -220px;
        /** IE hack **/ *
        background-position: left -216px;
    }

    .little-button.red span.inner-button {
        background-position: right -220px;
        color: #fff;
    }

    .little-button.blue span.inner-button span strong,.little-button.blue span.inner-button span strong,.little-button.blue span.inner-button span,.little-button.red span.inner-button span {
        color: #fff;
    }

    .little-button.print-btn .label-wrapper {
        padding-right: 24px;
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll -287px -503px;
    }

    .little-button.comments .label-wrapper {
        padding-right: 20px;
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll -261px -482px;
    }

    .little-button.addthis_button_facebook .label-wrapper {
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll 55px -779px;
        padding-right: 18px;
    }

    .little-button.addthis_button_twitter .label-wrapper {
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll 60px -750px;
        padding-right: 20px;
    }

    input.little-button {
        border:none;
        color:white;
    }

    /*********************************************
     ************* REVEAL BUTTON CSS *************
     *********************************************/
    .reveal-button-wrapper {
        text-align: center;
    }

    .reveal-button-wrapper a {
        display: block;
        width: 238px;
        height: 30px;
        background: transparent url(/images/sprites/backgrounds.gif) no-repeat scroll 0 -215px;
        margin: auto;
        text-align: center;
    }

    .reveal-button-wrapper a span {
        font-size: 16px;
        line-height: 30px;
        font-weight: bold;
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll right -138px;
        padding-right: 22px;
    }

    .reveal-button-wrapper a span.up {
        background-position: right -171px;
    }

    .reveal-button-wrapper a:hover {
        background: transparent url(/images/sprites/backgrounds.gif) no-repeat scroll 0 -267px;
    }

    .reveal-button-wrapper a:active {
        background: transparent url(/images/sprites/backgrounds.gif) no-repeat scroll 0 -318px;
    }

    .reveal-button-wrapper.loading a span {
        background: transparent url(/images/loader-transparent.gif) no-repeat scroll right center;
    }
}

/*** SPECIFIC COLORS ***/
@media all
{
    /**** Colours Maybe not needed but good for reference/possible use! ****/
    .color-default {
        color: #333;
    }

    .bgcolor-default {
        background-color: #fff;
    }

    .color-home,.color-big {
        color: #ED1B24;
    }

    .color-city {
        color: #ed1b24;
    }

    .color-cinemas,.color-film {
        color: #003399;
    }

    .bgcolor-cinemas {
        background-color: #519CBA;
    }

    .color-restaurants,.color-bars {
        color: #ff9900;
    }

    .bgcolor-restaurants,.bgcolor-bars-pubs {
        background-color: #ff9900;
    }

    .color-hotels {
        color: #969;
    }

    .bgcolor-hotels {
        background-color: #969;
    }

    .color-bigsmog {
        color: #969;
    }

    .bgcolor-bigsmog {
        background-color: #969;
    }

    .bgcolor-museums,.bgcolor-attractions,.bgcolor-kids {
        background-color: #65c267;
    }

    .color-museums,.color-museums-attractions,.color-attractions,.color-kids {
        color: #65c267;
    }

    .bgcolor-around,.bgcolor-aroundtown {
        background-color: #339900;
    }

    .color-around,.color-aroundtown {
        color: #339900;
    }

    .color-timein {
	color: #00a68d !important;
    }

    .color-music,.color-classical,.color-festivals,.color-opera,.color-classical-music {
        color: #0099cc;
    }

    .bgcolor-music,.bgcolor-classical,.bgcolor-festivals {
        background-color: #0099cc;
    }

    .color-weddings {
        color: #f267a8;
    }

    .bgcolor-weddings {
        background-color: #f267a8;
    }

    .color-art {
        color: #cc0066;
    }

    .bgcolor-art {
        background-color: #cc0066;
    }

    .color-theatre, .color-stage {
        color: #990066;
    }

    .bgcolor-theatre, .bgcolor-stage {
        background-color: #990066;
    }

    .color-comedy,.color-adult,.color-casino {
        color: #008649;
    }

    .bgcolor-comedy,.bgcolor-adult,.bgcolor-casino {
        background-color: #008649;
    }

    .color-dance {
        color: #f4858c;
    }

    .bgcolor-dance {
        background-color: #f4858c;
    }

    .color-books {
        color: #ff6600;
    }

    .bgcolor-books {
        background-color: #ff6600;
    }

    .color-blog {
        color: #518F23;
    }

    .bgcolor-blog {
        background-color: #518F23;
    }

    .color-cabaret,.color-clubs,.color-casinos,.color-nightlife,.color-alternative,.color-alternative-nightlife {
        color: #663399;
    }

    .bgcolor-clubs,.bgcolor-casinos,.bgcolor-nightlife,.bgcolor-alternative,.bgcolor-alternative-nightlife {
        background-color: #663399;
    }

    .color-gay {
        color: #fc8821;
    }

    .bgcolor-gay {
        background-color: #fc8821;
    }

    .color-sport {
        color: #a5cf4e;
    }

    .bgcolor-sport-fitness {
        background-color: #a5cf4e;
    }

    .color-shopping {
        color: #ff3399;
    }

    .color-shops,.color-flatshares-flats,.color-property {
        color: #d11d66;
    }

    .bgcolor-shopping {
        background-color: #ff3399;
    }

    .bgcolor-flatshares-flats,.bgcolor-property {
        background-color: #d11d66;
    }

    .color-magazine,.color-timeout-magazine,.color-guides,.color-timeout-guides,.color-work-for-timeout,.color-vacancies {
        color: #a4cf4c;
    }

    .bgcolor-magazine,.bgcolor-timeout-magazine,.bgcolor-guides,.bgcolor-timeout-guides,.bgcolor-work-for-timeout,.bgcolor-vacancies {
        background-color: #a4cf4c;
    }

    .color-text,.color-link {
        color: #333;
    }

    .bgcolor-text,.bgcolor-link {
        background-color: #333;
    }

    .color-more-link {
        color: #0099ff;
    }

    .bgcolor-more-link {
        background-color: #0099ff;
    }

    .color-hover-link {
        color: #ED1B24;
    }

    .bgcolor-hover-link {
        background-color: #ED1B24;
    }

    .color-tickets {
        color: #936;
    }

    a.color-tickets,a.color-tickets:hover {
        color: #936;
    }

}

/*** OTHER GLOABL ELEMENTS ***/
@media all
{
    div.element-wrapper {
        margin-bottom:27px;
    }

    #progressInd {
        border:1px solid #ccc;
        margin:0 auto;
        position:absolute;
        background-color:#EEE9E5;
        top:0;
        left:0;
        z-index:20000;
        padding:3px 20px;
    }

    .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;}
    .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}
}

/*** TOP SEARCH ***/
@media all
{
    /**** top search box ****/
    div.top-search {
    }

    /** hide radio buttons to use label instead **/
    .top-search ul li .hidden-selector {
        display: none;
    }

    /**** Add Sprite images here! ****/
    .top-search ul li label {
        cursor: pointer;
        background: #ED1B27;
        vertical-align: text-bottom;
        padding: 5px 5px 0 5px;
    }

    .top-search ul li.search-box {
        display: block;
        width: 495px;
        padding: 8px 8px 5px;
        padding-left: 0; /** Remove when the border is put back on **/
    }

    .top-search ul li input#top-search-query {
        width: 412px;
        background: #eee;
        background-image: url("/images/search_bg.jpg");
        margin-right: 6px;
        margin-top: 1px;
        border-width: 0;
        padding:1px 0;
    }

    .top-search ul button#top-search-submit {
        background-image: url("/images/search-button.gif");
        background-repeat: no-repeat;
        height: 23px;
        width: 65px;
        color: #FFF;
        cursor: pointer;
        vertical-align: top;
    }

    .top-search ul button#top-search-submit span {
        display: none;
    }

    .btn-submit {
        background-image: url("/images/submit-button.gif");
        background-repeat: no-repeat;
        height: 23px;
        width: 65px;
        color: #FFF;
        cursor: pointer;
        vertical-align: top;
    }

    .btn-submit span {
        display: none;
    }

    .btn-search-left-panel{
        -background:#ED1B24 url(/images/redbut.png) repeat scroll 0 0;
        border:1px outset #ffffff;
        border-radius:5px;
        background-color: #ed1b24;
        display:block;
        f-loat:right;
        height:20px;
        margin:0px 5px 5px 0;
        width:130px;
    }

    .btn-search-left-panel button {
        background:transparent none repeat scroll 0 0;
        border:0 none;
        color:#FFFFFF;
        height:18px;
        width:100%;
        cursor:pointer;
    }

    .searchLeft input,  .searchLeft select{
        border:1px solid #999999;
        color:#666666;
        font-size:0.9em;
        margin:0 0 7px;
        width:145px;
        line-height:13px;
        padding:2px 0
    }

    .searchLeft select{
        height:20px;
        width:100%;
    }

    .shinybutton_red_trans {
        background: url(/images/red_trans.png) no-repeat top left;
    }

    .shinybutton_red_trans span {
        background: url(/images/red_trans.png) no-repeat bottom right;
    }

    button.shinybutton {
        display: inline-block;
        padding: 0px 0px 0px 7px;
        margin: 4px 0px 4px -3px;
        border: 0px none #000;
        font-family: Arial, Helvetica, sans-serif;
        height: 27px;
        line-height: 27px;
        white-space: nowrap;
        cursor: pointer;
        font-size: 1.2em;
        color: #fff;
        text-decoration: none;
        background-position: 0% 0px;
    }

    button.shinybutton span {
        display: block;
        float: left;
        margin: 0px 0px 0px 7px;
        padding: 0px 30px 0px 0px;
        height: 27px;
        line-height: 27px;
        margin: 0px;
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        background-position: 100% -27px;
    }

    button.shinybutton, x:-moz-any-link {
        display: table-cell;
    }

    button.shinybutton, x:-moz-any-link, x:default {
        display:inline-block;
    }

    button.shinybutton span, x:-moz-any-link {
        background-position: 100% -28px;
        line-height: 25px;
    }

    button.shinybutton:link, button.shinybutton:link span,
    button.shinybutton:visited, button.shinybutton:visited span {
        text-decoration: none;
    }

    button.shinybutton:hover, button.shinybutton:hover span,
    button.shinybutton:focus, button.shinybutton:focus span {
        text-decoration: underline;
    }

    button.shinybutton_red_trans {
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 27px;
        display: block;
    }

    button.shinybutton_red_trans span {
        line-height: 27px;
        padding-right: 30px;
        background-position: 100% -29px;
    }

    button.shinybutton_red_trans span, x:-moz-any-link {
        margin-left: -3px;
        background-position: 100% -30px;
        line-height: 25px;
    }
}

/*** TOP NAVIGATION ***/
@media all
{
    div.top-navigation {
        display: block;
        clear: both;
        overflow: hidden;
    }

    div.top-navigation ul.left-column {
        float: left;
        width: 60%;
    }

    div.top-navigation ul.left-column,div.top-navigation ul.right-column {
        margin: 8px 0;
        height: 25px;
    }

    div.top-navigation a,div.top-navigation h5 {
        height: 25px;
        line-height: 25px;
    }

    div.top-navigation ul.left-column h5,div.top-navigation ul.left-column a:hover,div.top-navigation ul.right-column a:hover {
        color: #fff;
        background-color: #333;
    }

    div.top-navigation h5,div.top-navigation ul.left-column a {
        display: block;
        float: left;
        padding: 0 4px;
        font-size: 100%;
        font-weight: normal;
    }

    div.top-navigation ul.left-column a.to-comps,div.top-navigation ul.left-column a.to-offers,div.top-navigation ul.right-column a {
        padding: 0 3px 0 27px;
    }

    div.top-navigation a.to-comps {
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll
        3px -513px;
        margin-left: 23px;
    }

    div.top-navigation ul.left-column a.to-comps:hover {
        background-position: 3px -538px;
    }

    div.top-navigation a.to-offers {
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll
        3px -238px;
        margin-left: 26px;
    }

    div.top-navigation ul.right-column {
        float: right;
        width: 40%;
        text-align: right;
        overflow: hidden;
    }

    div.top-navigation ul.left-column li,div.top-navigation ul.right-column li {
        display: inline;
    }

    div.top-navigation ul.right-column a {
        display: block;
        float: right;
    }

    div.top-navigation a.to-shop {
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll
        3px -46px;
        margin-right: 12px;
    }

    div.top-navigation ul.right-column a.to-shop:hover {
        background-position: 3px -71px;
    }

    div.top-navigation ul.right-column a {
        padding: 0 5px 0 32px;
    }

    div.top-navigation a.to-worldwide {
        background: transparent url(/images/sprites/icons.gif) no-repeat scroll
        4px -97px;
        margin-right: 5px;
    }

    div.top-navigation ul.right-column a.to-worldwide:hover {
        background-position: 4px -128px;
    }

}

/*** MENU NAVIGATION ***/
@media all
{
    /*********************************************
     ******** TO TOP NAVIGATION MENU STYLES ******
     *********************************************/
     /*==============================================================================
        GRC multi-level script-free pure-CSS menuing system stylesheet.
       This code is hereby placed into the public domain by its author
       Steve Gibson. It may be freely used for any purpose whatsoever.
    ==============================================================================*/
    .top-navigation-menu {
         position: relative; /* establish a menu-relative positioning context */
         margin: 0;
         padding: 0;
         height: 34px; /* the menu's overall height */
         z-index: 9999;
    }

    .top-navigation-menu img {
        vertical-align: top;
        /* prevent images from being pushed down by text */
    }

    .top-navigation-menu ul {
        padding: 0;
        margin: 0;
        border: 0;
        list-style-type: none; /* we don't want to view the list as a list */
        font-size: 11px;
        line-height: 13px; /* globally set the menu's item spacing. note */
    }  /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

    .top-navigation-menu li {
        float: left;
        /* this creates the side-by-side array of top-level buttons */
        position: relative;
        /* create local positioning contexts for each button */
        margin: 0;
    }

    /*======================== TOP LEVEL MENU DEFINITIONS ========================*/
    .top-navigation-menu ul li ul {
        display: none; /* initially hide the entire list hierarchy */
        padding: 1px; /* this is our box border width */
    }

    .top-navigation-menu ul li a,.top-navigation-menu ul li a:visited {
         /* unselected top-level menu items */
         display: block !important;
         text-decoration: none;
         height: 32px;
         border: 1px solid #ccc;
         background: transparent;
         background: #fff url(/images/faded-bg.gif) repeat-x bottom left;
         text-align: center;
         margin-right: 0;
         color: #333;
    }

    .top-navigation-menu ul li a.selected,.top-navigation-menu ul li a.selected:visited{
        color: #fff;
    }

    .top-navigation-menu ul li {
        margin-right: 1px;
    }

    .top-navigation-menu ul li.rightmenu {
        margin-right: 0;
    }

    .top-navigation-menu ul li:hover a,.top-navigation-menu ul li a:hover {
        border: 1px solid #fff;
        height: 32px;
        color: #fff;
    }

    .top-navigation-menu ul li a:hover span {
        color: #333;
    }

    .top-navigation-menu ul li span.title {
        display: block;
        padding: 2px 14px;
    }

    /*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
    .top-navigation-menu ul li:hover ul,.top-navigation-menu ul li a:hover ul{
        /* 2nd level drop-down box */
        display: block;
        position: absolute;
        margin: 0;
        top: 34px; /* place us just up underneath the top-level images */
        left: -1px;
        /* left-align our drop-down to the previous button border */
        height: auto;
        /* the drop-down height will be determiend by line count */
        color: #333; /* this sets the unselected-text color */
        background: #fff; /* this sets our menu's effective "border" color */
        border-top: 1px solid #fff;
    }

    .top-navigation-menu ul li:hover ul li a,.top-navigation-menu ul li a:hover ul li a{
        /* 2nd level unselected items */
        border: 0;
        margin: 0;
        padding: 0;
        height: auto;
        color: #fff; /* this sets the unselected drop-down text color */
        text-align: left;
    }

    .top-navigation-menu ul li:hover ul li a,.top-navigation-menu ul li a:hover ul li a{
        border-bottom: 1px solid #fff;
    }

    .top-navigation-menu ul li:hover ul.item-menu,.top-navigation-menu ul li a:hover ul.item-menu{
        margin-left: 1px;
        padding: 0;
        background: transparent;
    }

    .top-navigation-menu ul li ul.item-menu {
        padding: 0;
    }

    .top-navigation-menu ul li ul.item-menu span {
        display: block;
        padding: 2px 10px;
        white-space: nowrap;
        font-size: 11px;
        color: #fff;
    }

    .top-navigation-menu ul li:hover ul.item-menu li:hover a span,.top-navigation-menu ul li a:hover ul.item-menu li a:hover{
        background: #333;
        display: block;
    }

    .top-navigation-menu ul li a:hover ul.item-menu li a span,
    .top-navigation-menu ul li:hover ul.item-menu li:hover a span,
    .top-navigation-menu ul li a:hover ul.item-menu li a:hover span{
        color: #fff;
    }

    .top-navigation-menu ul li span.pointer {
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
        top: 34px;
        left: 0;
        color: #fff;
        width: 100%;
    }

    .top-navigation-menu ul li span.pointer span {
        display: block;
        margin: auto;
        border-top: 8px solid #ed1b24;
        border-left: 8px solid #fff;
        border-right: 8px solid #fff;
        width: 0;
        height: 0;
    }

    * html .top-navigation-menu ul li span.pointer {
        width: 102%;
        font-size: 1px;
        line-height: 1px;
    }

    * html .top-navigation-menu ul.leftbutton li span.pointer {
     width: 103%;
    }

    .top-navigation-menu ul li:hover ul,.top-navigation-menu ul li a:hover ul
     {
     width: 100%;
    }

    .top-navigation-menu ul li:hover ul li,.top-navigation-menu ul li a:hover ul li
     {
     width: 100%;
    }

    * html .top-navigation-menu ul li:hover ul li,.top-navigation-menu ul li a:hover ul li
     {
     width: 102%;
    }

    /* menu item defaults */
    .top-navigation-menu ul li:hover a.item-top.no-dropdown,.top-navigation-menu ul li a.item-top.no-dropdown:hover
     {
     border: 1px solid #ed1b24;
     background: #ed1b24;
    }

    .top-navigation-menu ul li:hover a.item-top.no-dropdown span,.top-navigation-menu ul li a.item-top.no-dropdown:hover span
     {
     color: #fff;
    }

    .top-navigation-menu ul li:hover a.item-top.dropdown,.top-navigation-menu ul li a.item-top.dropdown:hover
     {
     /*changing the colour of the border slightly is critical to making this work in ie6 */
     border: 1px solid #cccccd;
    }

    /* menu sub item defaults for items with dropdowns */
    .top-navigation-menu ul li:hover ul.item-menu li a,.top-navigation-menu ul li a:hover ul.item-menu li a
     {
     background: #ed1b24;
    }

    .top-navigation-menu ul li a.selected span,.top-navigation-menu ul li a.selected:visited span
     {
     color: #fff;
    }

    /*======================== INDIVIDUAL MENU ITEM CONFIG ========================*/
     /* For non-dropdown items */
    .top-navigation-menu ul.home li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.home li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.home li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.home li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #ED1B24;
        background: #ED1B24;
    }

    .top-navigation-menu ul.home li span.pointer span {
        border-top: 8px solid #ED1B24;
    }

    .top-navigation-menu ul.aroundtown li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.aroundtown li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.aroundtown li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.aroundtown li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #339900;
        background: #339900;
    }

    .top-navigation-menu ul.aroundtown li span.pointer span {
        border-top: 8px solid #339900;
    }

    .top-navigation-menu ul.bigsmog li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.bigsmog li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.bigsmog li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.bigsmog li a.item-top.no-dropdown.selected:visited{
        border: 1px solid #969;
        background: #969;
    }

    .top-navigation-menu ul.bigsmog li span.pointer span {
        border-top: 8px solid #969;
    }

    .top-navigation-menu ul.books li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.books li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.books li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.books li a.item-top.no-dropdown.selected:visited{
        border: 1px solid #ff6600;
        background: #ff6600;
    }

    .top-navigation-menu ul.books li span.pointer span {
        border-top: 8px solid #ff6600;
    }

    .top-navigation-menu ul.films li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.films li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.films li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.films li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #003399;
        background: #003399;
    }

    .top-navigation-menu ul.films li span.pointer span {
        border-top: 8px solid #003399;
    }

    .top-navigation-menu ul.stage li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.stage li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.stage li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.stage li a.item-top.no-dropdown.selected:visited{
        border: 1px solid #990066;
        background: #990066;
    }

    .top-navigation-menu ul.stage li span.pointer span {
        border-top: 8px solid #990066;
    }

    .top-navigation-menu ul.restaurants li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.restaurants li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.restaurants li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.restaurants li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #ff9900;
        background: #ff9900;
    }

    .top-navigation-menu ul.restaurants li span.pointer span {
        border-top: 8px solid #ff9900;
    }

    .top-navigation-menu ul.bars li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.bars li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.bars li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.bars li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #f60;
        background: #f60;
    }

    .top-navigation-menu ul.bars li span.pointer span {
        border-top: 8px solid #f60;
    }

    .top-navigation-menu ul.travel li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.travel li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.travel li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.travel li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #009999;
        background: #009999;
    }

    .top-navigation-menu ul.travel li span.pointer span {
        border-top: 8px solid #009999;
    }

    .top-navigation-menu ul.macau li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.macau li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.macau li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.macau li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #a5cf4e;
        background: #a5cf4e;
    }

    .top-navigation-menu ul.macau li span.pointer span {
        border-top: 8px solid #a5cf4e;
    }

    .top-navigation-menu ul.kids li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.kids li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.kids li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.kids li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #65c267;
        background: #65c267;
    }

    .top-navigation-menu ul.kids li span.pointer span {
        border-top: 8px solid #65c267;
    }

    .top-navigation-menu ul.clubs li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.clubs li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.clubs li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.clubs li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #663399;
        background: #663399;
    }

    .top-navigation-menu ul.clubs li span.pointer span {
        border-top: 8px solid #663399;
    }

    .top-navigation-menu ul.blog li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.blog li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.blog li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.blog li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #518F23;
        background: #518F23;
    }

    .top-navigation-menu ul.blog li span.pointer span {
        border-top: 8px solid #518F23;
    }

    .top-navigation-menu ul.gay-lesbian li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.gay-lesbian li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.gay-lesbian li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.gay-lesbian li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #009933;
        background: #009933;
    }

    .top-navigation-menu ul.gay-lesbian li span.pointer span {
        border-top: 8px solid #009933;
    }

    .top-navigation-menu ul.art li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.art li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.art li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.art li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #cc0066;
        background: #cc0066;
    }

    .top-navigation-menu ul.art li span.pointer span {
        border-top: 8px solid #cc0066;
    }

    .top-navigation-menu ul.music li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.music li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.music li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.music li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #0099cc;
        background: #0099cc;
    }

    .top-navigation-menu ul.music li span.pointer span {
        border-top: 8px solid #0099cc;
    }

    /* For items with dropdowns - Note: complicated way of changing borders and background of
    selected item to overcome bizarre ie6 bug */
    .top-navigation-menu ul li:hover ul.item-menu.aroundtown-dropdown li a,
    .top-navigation-menu ul li a:hover ul.item-menu.aroundtown-dropdown li a {
        background: #339900;
    }

    .top-navigation-menu ul.aroundtown-dropdown li span.pointer span {
        border-top: 8px solid #339900;
    }

    .top-navigation-menu ul.aroundtown-dropdown li a.item-top.dropdown.selected,.top-navigation-menu ul.aroundtown-dropdown li a.item-top.dropdown.selected:visited {
        border-top: 1px solid #339900;
        border-left: 1px solid #339900;
        border-right: 1px solid #339900;
        border-bottom: none;
        background: #339900;
        height: 33px;
    }

    .top-navigation-menu ul li:hover ul.item-menu.museums-dropdown li a,.top-navigation-menu ul li a:hover ul.item-menu.museums-dropdown li a {
        background: #65c267;
    }

    .top-navigation-menu ul li:hover ul.item-menu.restaurants-dropdown li a,.top-navigation-menu ul li a:hover ul.item-menu.restaurants-dropdown li a {
        background: #ff9900;
    }

    .top-navigation-menu ul.restaurants-dropdown li span.pointer span {
        border-top: 8px solid #ff9900;
    }

    .top-navigation-menu ul.restaurants-dropdown li a.item-top.dropdown.selected,.top-navigation-menu ul.restaurants-dropdown li a.item-top.dropdown.selected:visited {
        border-top: 1px solid #ff9900;
        border-left: 1px solid #ff9900;
        border-right: 1px solid #ff9900;
        border-bottom: none;
        background: #ff9900;
        height: 33px;
    }


    /*********** SHOPPING **********/
    .bgcolor-shopping {
        background-color: #ff3399;
    }

    .color-shopping {
        color: #ff3399;
    }

    .top-navigation-menu ul.shopping li:hover a.item-top.no-dropdown,
    .top-navigation-menu ul.shopping li a.item-top.no-dropdown:hover,
    .top-navigation-menu ul.shopping li a.item-top.no-dropdown.selected,
    .top-navigation-menu ul.shopping li a.item-top.no-dropdown.selected:visited {
        border: 1px solid #ff3399;
        background: #ff3399;
    }

    .top-navigation-menu ul.shopping li span.pointer span {
        border-top: 8px solid #ff3399;
    }

    .top-navigation-menu ul li:hover ul.item-menu.shopping-dropdown li a,
    .top-navigation-menu ul li a:hover ul.item-menu.shopping-dropdown li a {
        background: #ff3399;
    }

    .top-navigation-menu ul.shopping-dropdown li a.item-top.dropdown.selected,
    .top-navigation-menu ul.shopping-dropdown li a.item-top.dropdown.selected:visited {
        border-top: 1px solid #ff3399;
        border-left: 1px solid #ff3399;
        border-right: 1px solid #ff3399;
        border-bottom: none;
        background: #ff3399;
        height: 33px;
    }

}

/*** PAGER  ***/
@media all
{
    /********************** PAGER ******************************/
    .pager {
       margin: 5px 0;
       width:100%;
    }

    .pager div {
    }

    .pager div.previous {
       float:left;
       width:18%;
    }

    .pager div.display{
       float:left;
       width:65%;
       text-align: center;

    }

    .pager div.summary{
       text-align: center;
    }

    .pager div.next {
       float:right;
       text-align:right;
       width:15%;
       border:0px solid red;
    }
}

/*** FOOTER ***/
@media all
{
    .footer {
        border-top: 1px dotted #aaa;
        width: 100%;
        font-size: 0.9em;
        margin-top:10px;
    }

    .footer ul li {
        display: inline;
    }

    .footer .base-list {
        text-align: center;
        padding: 5px 0 10px 0;
    }

    .footer p.copyright {
        font-size: 1em;
        line-height: 1;
        font-weight: normal;
        color: #999;
        text-align:center;
    }

    .footer .base-list {
        b-order-top: 6px solid #ddd;
        padding: 10px 0 1px 0;
    }

    .footer .base-list li{
        border-right: 1px solid #ddd;
        padding:0 5px 0 5px;
    }

    .footer div.columnBoxHeader {
        border-bottom:1px solid #AAAAAA;
        border-top:1px solid #AAAAAA;
        padding:1px 0 0;
        background:#E0E0E0 none repeat scroll 0 0;
        margin-top:10px;
    }

    .footer h3 {
        padding-left: 4px;
        color: #ed1b24;
        font-size: 1.5em;
        line-height: 100%;
    }

    .footer h4 {
        border-bottom:1px solid #AAAAAA;
        color:#333333;
        font-size:14px;
        margin:0;
        padding:5px 0;
    }

    .footer .subcolumns .c50l .subcl {
        padding-left: 4px;
        position:relative;
        height:100px;
        border-right:1px dotted #AAAAAA;
    }

    .footer .subcolumns{
        background:#E0E0E0 none repeat scroll 0 0;
    }

    .footer .subcolumns .c50l .subcl img {
        position:absolute;
        right:0;
        top:-7px;
    }

    .footer .subcolumns .c25l .subcl {
        border-right:1px dotted #AAAAAA;
    }

    .footer .subcolumns .c25l .subcl,
    .footer .subcolumns .c25r .subcr{
        height:90px;
        padding:5px;
    }
}

/********************* EXOLORE TAGS  ********************/
@media all {
    div#explore-wrapper div.editorial-filters {
        line-height: 18px;
    }

    div#explore-wrapper .refine-list h4.refine-group-header {
        border-top: 1px solid #AAA;
        border-bottom: 1px dotted #AAA;
        margin-top: 18px;
        margin-bottom: 7px;
        padding-left: 10px;
    }

    div#explore-wrapper .refine-list h4.refine-group-header.hide {
        display: none;
    }

    div#explore-wrapper .refine-list h4.has-children.open {
        background: transparent url(/images/search/arrow_v.gif) no-repeat scroll -1px 50%;
        cursor: pointer;
    }

    div#explore-wrapper .refine-list h4.has-children.closed {
        background: transparent url(/images/search/arrow_h.gif) no-repeat scroll 0 50%;
        cursor: pointer;
    }

    /** IE Hack **/
    div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container,
    div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li.child-container {
        *font-size: 0%;
    }

    /** IE Hack **/
    div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li,
    div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li ul li {
        font-size: 12px;
        line-height: 15px;
    }

    div#explore-wrapper .refine-list {
        padding-bottom: 13px;
        border-bottom: 1px solid #aaa;
    }

    div#explore-wrapper .refine-list ul {
        line-height: 15px;
    }

    div#explore-wrapper .refine-list .weekend {
        color: #ED1B24;
    }

    div#facet-wrapper div#explore-wrapper .refine-list ul.facets li {
        padding-left: 12px;
        margin-bottom: 2px;
    }

    /** Do not indent the flags facets **/
    div#facet-wrapper div#explore-wrapper .refine-list ul.facets.flags li {
        padding-left: 4px;
    }

    /** Increase the space between the free flag and the Major venue flag **/
    div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.flag.free {
        margin-bottom: 4px;
    }

    div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children,
    div#facet-wrapper div#explore-wrapper .refine-list span.show-more,
    div#facet-wrapper div#explore-wrapper .refine-list span.show-less {
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: left 3px;
        background-color: #FFF;
        /** Needed to display the open/close element in IE**/
    }

    div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children.open {
        background-image: url(/images/search/arrow_v.gif);
    }

    div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children.closed {
        background-image: url(/images/search/arrow_h.gif);
    }

    div#facet-wrapper div#explore-wrapper .refine-list span.show-more,
    div#facet-wrapper div#explore-wrapper .refine-list span.show-less {
        padding-left: 15px;
    }

    div#facet-wrapper div#explore-wrapper .refine-list span.show-more {
        background-image: url(/images/search/blue_more.gif);
    }

    div#facet-wrapper div#explore-wrapper .refine-list span.show-less {
        background-image: url(/images/search/blue_less.gif);
    }

    div.refine-list a:hover span {
        color: #ED1B24;
    }

    div.refine-list a:hover span.free,
    div.refine-list a:hover span.major-venue,
    div.refine-list a:hover span.new {
        color: #333;
    }

    div.refine-list li.closed ul{
        display:none;
    }

    div#facet-wrapper img.1x1 {
        font-size: 0;
        line-height: 0;
    }
}

/********************* RIGHT PANEL ********************/
@media all
{
    div.nav-related {
        float:right;
        width: 300px;
    }

    div.double-column-header {
        margin-bottom: 10px;
    }

    .double-column-header.compact {
        border-top:1px solid #AAAAAA;
        margin-bottom:15px;
    }

    .double-column-header.compact h1.box-header {
        border:medium none;
        font-size:2.5em;
        margin-bottom:0;
    }

    div.nav-related div {
        margin-bottom: 30px;
    }

    div.nav-related div#lastminute {
        margin-top: 20px;
    }

    .page div.nav-related div#lastminute {
        margin-top: 111px;
    }

    div.nav-related div.side-columns .related-left-wrapper {
        float: left;
        width: 152px;
    }

    div.nav-related div.side-columns .related-right-wrapper {
        width: 160px;
        float: right;
    }

    div.nav-related div.openx-ad {
        margin-bottom: 30px;
        border-bottom: 1px dotted #aaa;
    }

    div.nav-related div.openx-ad .box-header {
        margin-bottom: 0;
    }

    div.nav-related div.side-columns .skyscraper {
        height: 600px;
        margin-left: auto;
        margin-right: auto;
        width: 120px;
    }

    .center-content .openx-ad {
        margin-bottom: 20px;
    }

    /* RIGHT PANEL FEATURE*/
    .featureRight {margin-bottom:10px;}
    .featureRight li{clear:both;margin-bottom:5px;padding-bottom:5px;width:100%;overflow:hidden}
    .featureRight li a{color:#333; font-weight:bold;}
    .featureRight img{float:left;margin:3px 10px 0 0}
    .featureRight a{display:block;color:#32aaff}
    .featureRight a:hover{color:#ED1B24;}

    .featureRight .picture {width:160px;float:left;margin:0;}
    .featureRight .desc {width:140px;float:right;margin:0;}
}

/********************CAROUSEL********************/
@media all
{
    #leader-box {
        display: block;
        width: 482px;
        height: 334px;
    }

    #leader-box div#gallery {
        display: block;
        height: 297px;
        width: 479px;
        position: relative;
    }

    #leader-box div#gallery .gallery-image {
        font-size: 1px;
        line-height: 1px;
    }

    #leader-box div.carousel-container {
        position: relative;
    }

    #leader-box ul#carousel {
        position: absolute;
        top: -7px;
        display: block;
        height: 45px;
        background: transparent;
    }

    #leader-box ul#carousel li {
        float: left;
        display: block;
        text-align: center;
        width: 120px;
        padding: 8px 0 0 0;
        position: relative;
    }

    /** IE Hack -- For PNG work around **/
    * html #leader-box ul#carousel li {
        width: 119px;
    }

    #leader-box ul#carousel li.last {
        width: 120px;
    }

    #leader-box ul#carousel li.last a {
        border-right: 1px solid #ccc;
    }

    #leader-box ul#carousel li a {
        display: block;
        height: 42px;
        width: 100%;
        border-left: 1px solid #ccc;
        background: #fff url(/images/faded-bg.gif) repeat-x center bottom;
        border-bottom: 1px solid #ccc;
        overflow:hidden;
    }

    #leader-box ul#carousel li a span {
     display: block;
     padding: 5px;
    }

    #leader-box ul#carousel li a:hover,
    #leader-box ul#carousel li a:hover span,
    #leader-box ul#carousel li.selected a,
    #leader-box ul#carousel li.selected a span,
    #leader-box ul#carousel li.selected a:visited {
        color: #fff;
        background: #ed1b24;
    }

    #leader-box ul#carousel li.selected {
        background: transparent url(/images/sprites/arrow-sprite.gif) no-repeat center top;
    }

    #leader-box div#gallery .frame {
        position: absolute;
        top: 0;
        left: 0;
        width: 482px;
        height: 298px;
        margin: 0;
        background-repeat: no-repeat;
        display: none;
    }

    #leader-box div#gallery .frame {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        display: none;
    }

    #leader-box div#gallery .first-frame {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        display: block;
    }

    #leader-box div#gallery .info-window {
        display: none;
    }

    #leader-box div#gallery .first-info-window {
        display: block;
    }

    #leader-box div#gallery .info-window {
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 482px;
        height: 68px;
        background: transparent;
    }

    #leader-box div#gallery .info-window h3 {
        position: absolute;
        z-index: 3000;
        bottom: 34px;
        margin: 12px 10px 0;
    }

    #leader-box div#gallery .info-window h3 a {
        padding: 2px 3px 4px 3px;
        background: #ed1b24;
        color: #fff;
        display: block;
    }

    #leader-box div#gallery .info-window p {
        position: absolute;
        z-index: 3000;
        bottom: -4px;
        margin: 11px 10px 15px 10px;
        color: #fff;
        font-size: 1.2em;
        line-height: normal;
    }

    #leader-box div#gallery .info-window .bg {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
        opacity: 0.6;
        z-index: 2000;
    }
}

/********************Editor Picks & Highlights ********************/
@media all
{
    /**** hot picks ******/
    .venue-container {
        width: 152px;
        float: left;
        overflow:hidden;
    }

    div#major-attractions.element-wrapper .venue-container.navigation {
        width: 100%;
        float: left;
    }

    .venue-container * {
        margin-bottom: 4px;
    }

    .venue-container div.image-wrapper {
        margin-bottom: 7px;
    }

    .venue-container.odd {
        margin: 0 13px;
    }

    .venue-container .venue-info {
        margin-bottom: 10px;
        height:230px;
    }

    .venue-container .venue-info a,
    .venue-container .venue-info p,
    .venue-container .venue-info img {
        margin-bottom: 0;
    }

    .venue-container .venue-info span {
    }

    .venue-container h5 {
    }

    #major-attractions h4 {
        font-size: 1.17em;
        color: #333;
    }

    div#major-attractions.element-wrapper .dotted-border-top, .venue-container.navigation * {
        margin-bottom: 0;
    }

    div#major-attractions.element-wrapper .dotted-border-top, .venue-container.navigation .dotted-border-top {
        padding: 6px 0;
    }

    div.element-wrapper.section-seperator-bottom {
        padding-bottom: 4px;
    }
}

/******************** WHATS ON ********************/
@media all
{
    /*** whats on ****/
    div.two-colum-large-image-box  {
        padding-bottom: 10px;
    }

    div.two-colum-large-image-box div.image-container {
        width: 320px;
        padding-right: 10px;
        float: left;
    }
    div.two-colum-large-image-box div.image-container span.caption {
        display: block;
        padding-top: 5px;
    }

    #whats-on h3 {
        line-height: 16px;
    }
}

/******************** RESULT ********************/
@media all
{
    /********* Editors Hot list ********/
    #result-container .left-column .number-column {
        width: 12%;
        font-size: 48px;
        line-height: 50px;
        color: #ed1b24;
        float: left;
        font-weight: bold;
        letter-spacing: -5px;
    }

    #result-container .left-column .result-content-column {
        float: right;
        width: 87%;
        margin-top: 7px;
    }

    /*********** Search Results **************/
    #result-container div.result {
     margin: 0;
     padding: 14px 0 15px 0;
    }

    .show-booking-ahead .first-result,
    #result-container div.first-result {
     padding-top: 0;
     border-top: none;
    }

    #result-container div.result div.left-column {
        width: 68%;
        float: left;
    }

    #result-container div.result div.right-column {
        width: 30%;
        border-top: 0;
        padding-top: 0;
        margin-left: 0;
        float:right;
    }

    #result-container div.result div.right-column {
     text-align: right;
    }

    #result-container div.result div.right-column .image-container {
     margin-bottom: 3px;
    }

    #result-container div.result div.right-column .image-container {
     *margin-bottom: 0px;
    }

    #result-container div.result h2 {
     display: inline;
     color: #333;
     font-size: 1.33333em;
    }

    #result-container div.result span.now-showing {
     font-weight: bold;
     color: #ed1b24;
    }

    #result-container div.result span.date {
     font-weight: bold;
     color: #333;
     display: block;
     float: left;
    }

    #result-container div.result .category-tags {
     line-height:14px;
     margin-bottom: 5px;
    }

    #result-container div.result div.tags {
     margin: 5px 0 0 0;
     padding: 5px 0 0 0;
    }

    #result-container div.result div.tags span {
     color: #999;
    }

    #result-container div.result address {
     line-height: normal;
    }

    #result-container div.result div.tags span.tag-label {
     color: #aaa;
    }

    #result-container div.result div.tags li {
     line-height: 15px;
    }

    #result-container div.result div.flags {
     padding: 9px 0 0 0;
     margin: 6px 0 0 0;
    }

    #result-container div.result div.offers {
     margin: 5px 0 0 0;
     padding: 5px 0 0 0;
    }

    #result-container div.result div.offers a {
     color: #ed1b24;
    }

    #result-container div.result h2 {
     margin-bottom: 5px;
     margin-right: 3px;
     line-height: 18px;
    }

    #result-container div.result div.tags a {
     color: #09f;
    }

    #result-container div.result div.details {
     margin: 3px 0 3px 0;
    }

    #result-container div.result span.category {
     font-weight: bold;
     margin-right: 5px;
    }

    #result-container div.result ul {
     display: inline;
    }

    #result-container div.result ul li {
     padding-right: 0;
    }

    #result-container div.result .external-review {
     color: #ED1B24;
     font-weight: bold;
    }
    #result-container div.result span.rating {
     padding: 2px 80px 2px 0;
    }

    #result-container div.result div.buttons {
     padding-left: 7px;
    }

    #result-container div.result div.buttons .little-button {
     margin-right: 0px;
    }

    #result-container div.result.sponsored {
     background-color: #fbf4e1;
     padding: 4px;
     margin-bottom: 15px;
    }

    #result-container div.result p.sponsored-by {
      color: #979994;
    }
    /********* Most viewed ********/
    #most-viewed span.category {
        font-weight: bold;
    }

    /********* More like this ********/
    div.multiple-list-container h3 {
        margin-bottom: 0;
    }

    div.multiple-list-container .first-list {
        margin-bottom: 10px;
    }

    /********* related features *********/
    div.side-columns div.large-image-column-container img {
        margin-bottom: 5px;
    }

    /********* Review/tag cloud *********/
    div.review-container .tag-cloud {
        margin-top: 5px;
    }

    div.review-container .tag-cloud h4,
    div.review-container .tag-cloud ul {
        display: inline;
        line-height: 15px;
    }

    div.review-container .tag-cloud h4 {
        font-size: 100%;
        color: #666;
    }
    div.review-container .tag-cloud ul li {
        padding: 0;
    }

    /*** double column header ****/
    #venue-show div.double-column-header h1 {
        font-size: 2.7em;
        line-height: 97%;
        margin-bottom: 0;
        border-bottom: none;
    }

    #venue-show div.double-column-header .solid-border-bottom {
        padding: 0 0 4px 0;
    }

    .double-column-header h2 {
        display: inline;
        font-size: 1.5em;
        font-weight: normal;
    }

    .double-column-header h2 span {
        font-weight: bold;
    }
}

@media all
{
    div.image-container span.caption {
        display: block;
        padding-top: 5px;
    }
    
    .search .center-content .openx-ad {
        margin-top: 30px;
    }
    
    /******* E VENUE CONTAINER *******/
    /******* S default_list_item_html  *******/
    .list-item h4 {
        font-size: 1.33em;
        line-height: 1.125;
    }
    
    .list-item span.inline-flags {
        line-height: 22px;
        overflow: auto;
        display: block;
        height: 1%;
    }
    
    .list-item span.flag {
        display: block;
        float: left;
        line-height: 15px;
        margin-right: 5px;
    }
    
    .list-item span.free {
        display: inline;
        float: none;
    }
    
    .list-item span.rating {
        margin: 2px 0;
        line-height: 20px;
    }
    
    .list-item span.date-venue-wrapper,
    .list-item span.category {
        display: block;
        font-size: 1em;
        line-height: 1.25;
    }
    
    .list-item span.category {
        font-weight: bold;
    }
    
    .list-item div.item-details {
     float: right;
     width: 152px;
    }
    
    .list-item p {
     margin-top: 2px;
     line-height: 1.33;
    }
    
    /** If it's a tooltip **/
    div.tooltip .list-item {
     width: 300px;
     font-size: 1em;
     line-height: 15px;
    }
    
    /******* E default_list_item_html  *******/
    
    div.slim .page-title {
     border-bottom: none;
     border-top: 1px solid #aaa;
     padding-bottom: 5px;
    }
    
    div.slim .page-title h1 {
     font-size: 2.707em;
    }
    
    div.slim .page-subtitle h2 {
     padding-bottom: 12px;
     border-bottom:none;
    }
    
    div#comments {
        margin-top:15px;
    }
    
    div#comments div.posted-by {
        height: 19px;
        padding-top: 5px;
        background: #fff url(/images/sprites/icons.gif) no-repeat scroll -270px -212px;
        margin-bottom: 10px;
    }
    
    
    /** rounded corners tools **/
    .round {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    
    div#comments .report {
        text-align: right;
        margin-top: 5px;
    }
    
    div#comments .report,div#comments form {
        font-size: 11px;
    }
    
    div#comments form,div#comments div.text {
        padding: 15px;
        background: #eee;
    }
    
    div#comments div.posted-by strong {
        margin-left:20px;
    }
    
    div#comments h3.box-header {
        position:relative;
    }
    
    div#comments h3.box-header a {
        font-size:12px;
        font-weight:normal;
        margin-right:2px;
        padding:5px 0;
    }
    
    div#comments h3.box-header a {
        display:block;
        padding:3px 3px 2px 0;
        position:absolute;
        right:0;
        top:0;
    }
}

@media all
{
    /* CALENDER */

    .calender {background:#E1E1E1;padding-bottom:5px;margin-bottom:22px;width:460px;min-height:250px;}

    .calender h3 {background:#fff;border-bottom:1px solid #AAAAAA;border-top:1px solid #AAAAAA; margin-bottom:5px; padding:2px 0 4px;}

    .calender ol {overflow:hidden; height:1%; margin-bottom:10px;}

    .calender ol li{float:left;width:14%;height:54px; text-align:center;font-size:22px; line-height:1em; font-weight:bold; color:#888;cursor:pointer;cursor:hand;}

    .calender ol li span{display:block; width:100%;float:left;text-align:center;color:#555; font-size:14px;margin:3px 0;text-transform:uppercase;}

    .calender ol li.weekend {color:#f88}

    .calender ol li.weekend span {color:#f55}

    .calender ul{width:448px;margin:0px 5px 0 5px; border:1px solid #adadad;background:#fff;}

    .calender ul li{padding:0 10px 10px 10px; display:none;}

    .calender ul li.shown{display:block}

    .calender ul li div{margin-top:5px; padding-top:6px; overflow:hidden;}

    .calender .calcar {display:none; position:absolute; z-index:10}

    .calender ul li img{float:left; padding-right:10px;}

    .calender ul li h4{font-size:1.17em;}

    .calender ul li h4 span{font-size:12px;}

    .calender .mark {display:none; position:absolute; z-index:2; height:62px; width:64px; background:url('/images/calmark.png'); background-repeat:no-repeat;margin:0;padding:0;}

    .calender .seeall {display:block; }

    .calender ul li div {
        background-image:url(/images/verdot.gif);
        background-position:center top;
        background-repeat:repeat-x;
    }
}

@media all
{
    /**********************************************************/
    .thinList {
       font-weight: normal;
       border:0px solid #000;
       width:100%;
    }

    .thinList td {
       padding:5px 5px 5px 0;
       border-bottom:1px dashed #000;
    }


    .thinList .headerRow td {
       border-top:1px solid #fff;
       background-color:#7092b6;
       font-weight:bold;
    }

    .thinList a {
       text-decoration:none;
    }

    .thinList .list1{
       background-color: #a4bdd5;
    }

    .thinList .list2 {
       background-color: #7fa0c2;
       background-color: #a4bdd5;
    }

    .detailPicture {
        padding:2px;
        border:1px dotted #ccc;
        margin:0 0 5px 0;
    }

    .detailPicture img{
        display:block;
        margin:auto;
    }

    .subcolumns.contentDetail .subcl {
        padding:0;
    }

    .subcolumns.contentDetail .subcl .description a,
    .subcolumns.contentDetail .subcl .description a em,
    .subcolumns.contentDetail .subcl .description a strong,
    #result-container .result .description a,
    #result-container .result .description a strong{
        color:#00AEE3;
    }

    .subcolumns.contentDetail .subcl .description a:hover,
    #result-container .result .description a:hover{
        text-decoration: underline;
    }

    .detail .double-column-header {
        margin:0 0 5px 0;
        padding-top:3px;
        border-bottom:1px dotted #AAAAAA
    }

    ul.listWithArrow li{
    	padding-left: 10px;
    	background-image: url('/images/arrow_h_red.gif');
    	background-repeat: no-repeat;
    	background-position: 0px 4px;
    	list-style: none;
    }
}

@media all
{
    #slider-container{
        height:385px;
        position:relative;
    }

    .anythingSlider {
        height: 325px;
        position: relative;
        border: 0px solid red;
        margin: 0 auto;
    }
    .anythingSlider .wrapper {
        width: 480px;
        overflow: hidden;
        height: 325px;
        margin: 0;
        position: absolute;
        top: 10px;
        left: 0px;
        border: 0px solid green;
    }
    .anythingSlider .wrapper ul {
        width: 99999px;
        list-style: none;
        position: absolute;
        top: 0;
        left: 0;
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;
        height:320px;
        overflow:hidden;
    }

    .anythingSlider ul li {
        display: block;
        float: left;
        padding: 0;
        width: 480px;
        margin: 0 !important;
        padding: 0;
    }
    .anythingSlider ul li img {
        display: block;
        margin: auto;
    }
    .anythingSlider .arrow {
        display: block;
        height: 69px;
        width: 70px;
        background: transparent url(/images/home/arrows.gif) no-repeat 0 0;
        text-indent: -9999px;
        position: absolute;
        bottom: -80px;
        cursor: pointer;
        border: 0px solid red;
    }
    .anythingSlider .forward { background-position: -83px 0; right: -10px; display:none;}
    .anythingSlider .back    { background-position: 0 0; display:none;}

    #thumbNav { position: relative; top: 331px; text-align: center; }
    #thumbNav a {
        color: black;
        display: inline-block;
        padding: 2px 8px;
        height: 18px;
        margin: 0 5px 0 0;
        background-color:#ED1B24;
        color:#FFFFFF;
        text-align: center;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        text-decoration: none !important;
    }
    #thumbNav a:hover { background-image: none; }
    #thumbNav a.cur   { background: #000; }

    #start-stop { display: none;}
    /*
      Prevents
    */
    .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; }
}

@media all
{
    .giftAMagazineBox {
        height: 77px;
        overflow: hidden;
        position: absolute;
        right: 7px;
        top: 167px;
    }

    .giftAMagazineBox h3{
        font-family: Georgia,"Times New Roman",Times,serif;
        font-size: 1.3em;
        font-style: italic;
        font-weight: normal;
        margin-bottom:15px;
    }
}


/*------------- fb loius roederer --------------------*/
@media all
{
    body.facebook {
        background-color: #fff !important;
        text-align: left;
        overflow: hidden;
    }

    #fb-louis-roederer {
        color: #fff !important;
    }
    
    #fb-louis-roederer.landing-page {
        text-align: left;
        background-color: #fff;
    }
    
    #fb-louis-roederer {
        padding: 8px;
    }
    #fb-louis-roederer .image {
        position: relative;
        margin-top: 10px;
    }
    #fb-louis-roederer .thanks {
        margin-left: -9px;
        margin-right: -9px;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #fff;
        text-align:center;
    }
    #fb-louis-roederer .thanks p {
        color: #000 !important;
    }
    #fb-louis-roederer img.like {
        position: absolute;
        top: -20px;
        left: -10px;
    }
    
    #fb-louis-roederer #competitionForm {
        background-color: #000;
        color: #fff !important;
        font-size: 14px;
        padding: 10px 7px 10px 25px;
        position: relative;
        margin-left: 0;
        width: 448px;
    }
    
    #fb-louis-roederer #competitionForm table {
        width: 70%;
    }
    
    #fb-louis-roederer #competitionForm table td {
        padding: 5px;
    }
    
    #fb-louis-roederer #competitionForm input.text {
        width: 150px;
    }
    
    #fb-louis-roederer #competitionForm .enter-button {
        position: absolute;
        right: 30px;
        bottom: 10px;
    
    }
}

/*------------- fbcompetition using cms --------------------*/
@media all
{
    body.fbcompetition {
        background-color: #fff !important;
        text-align: left;
        overflow: hidden;
    }

    #fbcompetition {
        color: #fff !important;
    }
    
    #fbcompetition.landing-page {
        text-align: left;
        background-color: #fff;
    }
    
    #fbcompetition {
        padding: 8px;
        width: 496px;
    }
    #fbcompetition .image {
        position: relative;
    }
    #fbcompetition .thanks {
        margin-left: -9px;
        margin-right: -9px;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #fff;
        text-align:center;
    }
    #fbcompetition .thanks p {
        color: #000 !important;
    }
    #fbcompetition img.like {
        position: absolute;
        top: -20px;
        left: -10px;
    }
    
    #fbcompetition #competitionForm {
        background-color: #000;
        color: #fff !important;
        font-size: 14px;
        padding: 10px 7px 10px 25px;
        position: relative;
        margin-left: 0;
        width: 448px;
    }
    
    #fbcompetition #competitionForm table {
        width: 70%;
    }
    
    #fbcompetition #competitionForm table td {
        padding: 5px;
    }
    
    #fbcompetition #competitionForm input.text {
        width: 150px;
    }
    
    #fbcompetition #competitionForm .enter-button {
        position: absolute;
        right: 30px;
        bottom: 10px;
    }
}


@media all
{
    /********************** SURVEY ******************************/
    .surveyList {
       border-collapse: collapse;
       width: 90%;
       background-color: #E0E0E0;
       margin: 20px auto;
    }
    
    .surveyList thead {
        background: #ccc;
        color: #ED1B24;
    }
    
    .surveyList td, .surveyList th {
       padding: 8px;
       border: 1px solid #000;
    }
    
    .surveyList .heading {
        font-size: 15px;
        font-weight: bold;
    }
    
    .surveyList .enterSurvey {
        font-size: 15px;
        font-weight: bold;
        color: red;
    }
     
    #surveyErrorContainer {
       margin: 10px auto;
       width: 60%;
       font-size: 14px;
       font-weight: bold;
       text-align: center;
       background-color: #ED1B24;
       border: 1px solid #ccc;
       padding: 5px;
       display: none;
       color: #fff;
    }
     
    #surveyContainer {
       border-collapse: collapse;
       margin: auto;
       width: 90%;
       min-height: 450px;
       padding: 10px;
       background-color: #EEEEEE;
       border: 1px solid #ccc;
       border-right: 3px solid #ccc;
       border-bottom: 3px solid #cc;
       clear: both;
       
    }
    
    #surveyContainer .pageTitle {
       font-size: 18px;
       font-weight: bold;
       text-align: center;
       margin: 8px 0;
    }
    
    #surveyContainer .title2 {
       font-size: 16px;
       font-weight: bold;
    }
    
    #surveyContainer .questionText {
       font-size: 12px;
       font-weight: bold;
       color: #ED1B24;
       padding: 5px;
    }
    
    #surveyContainer .answerText {
       padding: 5px;
    }
    
    #surveyContainer .seperator {
       border-top: 1px dashed #000;
       margin: 8px 0;
    }
    
    #surveyContainer .submitButton {
       font-size: 13px;
       font-weight: bold;
       padding: 2px;
    }
    
    #surveyContainer .specifyOtherTextarea {
       width: 500px; 
       height: 50px;
    }
    
    #surveyContainer .textbox {
       width: 500px; 
       height: 20px;
    }
    
    #surveyContainer .textarea {
       width: 500px; 
       height: 50px;
    }
}

/*------- Special Page --------*/
@media all
{
    .specialPage {
        margin-top: 30px; 
    }
    
    .specialPage h1 {
        font-size: 18px;
    }
    
    .specialPage .entry-form {
        width: 280px;
        margin: 0 auto;
        text-align: center;
    }
    .specialPage .entry-form table {
        width: 100%;
    }
    .specialPage .entry-form td {
        padding: 5px;
        text-align: center;
    }
}

/*------- Restaurants & Bars - Gourmei List --------*/
@media all
{
    #gourmei-list {
        
    }
    #gourmei-list h1 {
        font-size: 27px;
        color: #000;
        margin-bottom: 15px;
        border-top: 1px solid #bbb;
        border-bottom: 1px dotted #ccc;
        padding: 4px 0;
        width: 800px;
    }
    #gourmei-list h1 span {
        color: #ED1B24;
    }
    #gourmei-list h2 {
        color: #000 !important;
        font-size: 16px;
    }
    #gourmei-list .row {
        border: 1px dotted #ccc;
        padding: 7px;
        margin-bottom: 10px;
        list-style-position: inside;
        position: relative;
    }
    #gourmei-list .row ul {
        width: 93%;
    }
    #gourmei-list .row ul li {
        margin:0; 
        list-style-type:none; 
        padding: 0.2em 0 0.2em 2em;
    }
    #gourmei-list .row ul li.header {
        padding: 0;
        margin-bottom: 4px;
    }
    #gourmei-list .row ul .line1,
    #gourmei-list .row ul .line2,
    #gourmei-list .row ul .line3
    {
        background-repeat: no-repeat;
    }
    #gourmei-list .row ul .line1 {
        background: url('/images/gourmei/icon-flavor.png') no-repeat left top;
    }
    #gourmei-list .row ul .line2 {
        background: url('/images/gourmei/icon-address.png') no-repeat left top;
    }
    #gourmei-list .row ul .line3 {
        background: url('/images/gourmei/icon-perk.png') no-repeat left top;
        font-weight: bold;
    }
    #gourmei-list .row ul .line4 {
        background: url('/images/gourmei/icon-description.png') no-repeat left top;
    }
    
    #gourmei-list .row .book {
        position: absolute;
        right: 7px;
        bottom: 5px;
    }
}