@CHARSET "UTF-8";
/****************************************
 ********** RESET STYLES ****************
 ****************************************/

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%;
    background: transparent;
    font-family: Arial,Verdana,Helvetica,SunSans-Regular,sans-serif;
    color: #333;
}

html, body {
    height: 100%;
}

body {
    line-height: 1;
}

hr {
    display: none;
}

ol, ul {
    list-style: none;
}

select {
    padding: 2px 2px 2px 0;
}

/*** 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%;
}
/****************************************
 ******* END OF RESET STYLES ************
 ****************************************/

/****************************************
 ******** GLOBAL STYLES *****************
 ****************************************/
body {
    color: #333;
    font-size: 12px;
    background: #DDD;
}

.global-center {
    display: block;
    clear: both;
    background: #fff;
    border: 13px solid #fff;
    margin: auto;
    position: relative;
    width: 977px;
}

.global-header {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 7.5em;
    display: block;
    clear: both;
    overflow: hidden;
}

.global-header a.logo {
    width: 132px;
    height: 90px;
    padding: 0;
    margin: 0;
    float: left;
}

.global-header .ad-background {
    width: 728px;
    height: 90px;
    padding: 0;
    margin-left: 250px;

}

.global-bottom {
    text-align: center;
    font-size: 0.9em;
    
}

.global-bottom ul {
    margin: 10px 0 5px 0;
}

.global-bottom ul li {
    display: inline;
}

.global-bottom p {
    color: #999;
}
/****************************************
 ******** END OF GLOBAL STYLES **********
 ****************************************/
/****************************************
 *************** ADS ********************
 ****************************************/

.ad-background {
    background: #ccc;
    background-position: center;
    background-repeat: no-repeat;
}

.ad-loader {
    background-image: url("../images/loader.gif");
}

.global-leaderboard {
    position: absolute;
    top: 0;
    left: 250px;
    display: block;
    width: 728px;
}

#mpu, #leaderboard, #skyscraper {
  display: none;
  margin: 0;
}

#mpuSlot {
  display: block;
  height: 250px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 300px;
}

#leaderboardSlot {
  display: block;
  width: 728px;
  height: 90px;
  overflow: hidden;  
}

#skyscraperSlot {
  display: block;
  width: 120px;
  height: 600px;
  overflow: hidden; 
}

#mpuSlot iframe.ad-iframe,
#leaderboardSlot iframe.ad-iframe,
#skyscraperSlot iframe.ad-iframe  {
 width: 100%;
 height: 100%;
 display: none;
}

/****************************************
 ************** END OF ADS **************
 ****************************************/

/****************************************
 ******** TO SITE SPECIFIC STYLES *******
 ****************************************/

span.critics-choice {
    background: transparent url(../images/sprites/travel-icons.gif) no-repeat scroll -4px -3px;
    font-size: 0.9em;
    line-height: 1.1em;
    padding-left: 18px;
    padding-top: 2px;
    letter-spacing: 0;

}

span.budget {
    background: transparent url(../images/sprites/travel-icons.gif) no-repeat scroll -4px -27px;
    font-size: 0.9em;
    line-height: 1.1em;
    padding-left: 18px;
    padding-top: 2px;
    letter-spacing: 0px;
}

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;
}

#explore-wrapper span.free {
    padding-top: 2px;
}

/**** Rounded Buttons

a.rounded,
button.rounded {
    background: transparent url(http://www.toimg.net/img/v3/buttons/red_trans.png) no-repeat scroll left top;
    border: medium none;
    cursor: pointer;
    overflow: visible;
    padding-left: 4px;
    //padding-left: 7px;
    white-space: nowrap;
}

a.rounded {
    background-position: left -1px;
    display: inline-block;
    overflow: visible;
    padding-left: 7px;
}

a.rounded span,
button.rounded span {
    background: transparent url(http://www.toimg.net/img/v3/buttons/red_trans.png) no-repeat scroll right -30px;
    cursor: pointer;
    display: inline-block;
    line-height: 27px;
    //padding-right: 5px;
    padding-right: 7px;
    vertical-align: middle;
}

END Rounded Buttons ****/


ul.horizontal.rating {
    display:inline;
}

ul.horizontal.rating li.no-star,
ul.horizontal.rating li.star {
    padding-right: 15px;
}

ul.horizontal li.star {
    background: transparent url(../img/sprite.gif) no-repeat scroll -2px -161px;
}

ul.horizontal li.no-star {
    background: transparent url(../img/sprite.gif) no-repeat scroll -2px -181px;
}

/**** Colours Maybe not needed but good for reference/possible use! ****/
.color-default {
    color: #333;
}
.bgcolor-default {
    background-color: #FFF;
}
.color-restaurants,
.color-bars {
    color: #ff6600;
}
.bgcolor-restaurants,
.bgcolor-bars-pubs {
    background-color: #ff6600;
}

.color-hotels {
    color: #969;
}
.bgcolor-hotels {
    background-color: #969;
}

.bgcolor-around-town,
.bgcolor-museums,
.bgcolor-attractions,
.bgcolor-kids {
    background-color: #65c267;
}

.color-around-town,
.color-museums,
.color-attractions,
.color-kids {
    color: #65c267;
}

.color-music,
.color-classical-opera {
    color: #00aeec;
}
.bgcolor-music,
.bgcolor-classical-opera {
    background-color: #00aeec;
}

.color-art {
    color: #f267a8;
}
.bgcolor-art {
    background-color: #f267a8;
}

.color-theatre {
    color: #f05d63;
}
.bgcolor-theatre {
    background-color: #f05d63;
}

.color-comedy {
    color: #008649;
}
.bgcolor-comedy {
    background-color: #008649;
}

.color-dance {
    color: #f4858c;
}
.bgcolor-dance {
    background-color: #f4858c;
}

.color-books-poetry {
    color: #842f73;
}
.bgcolor-books-poetry {
    background-color: #842f73;
}

.color-cabaret,
.color-clubs,
.color-alternative-nightlife {
    color: #005aa6;
}
.bgcolor-clubs,
.bgcolor-alternative-nightlife {
    background-color: #005aa6;
}

.color-gay {
    color: #fc8821;
}
.bgcolor-gay {
    background-color: #fc8821;
}

.color-sport {
    color: #a5cf4e;
}
.bgcolor-sport-fitness {
    background-color: #a5cf4e;
}

.color-shops,
.color-flatshares-flats,
.color-property {
    color: #d11d66;
}
.bgcolor-shopping,
.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-travel {
    color: #2bd3e6;
}
.bgcolor-travel {
    background-color: #2bd3e6;
}

.color-travel-mag-section {
    color: #009cac;
}
.bgcolor-travel-mag-section {
    background-color: #009cac;
}

.color-travel-mag-consume {
    color: #009cac;
}
.bgcolor-travel-mag-consume {
    background-color: #009cac;
}

.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;
}
/*********************************************
 ******** 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.
==============================================================================*/
 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/
.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
    position:relative;
    border:0;
    margin:0;
    padding:0;
    width:100%;
    height:34px;
    min-width:977px;    
}

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
    position:relative;  /* we can simulate a minimum width by creating a large */
    float:left;          /* border in this first div, then placing our content */
    height: 1px;          /* into a second nested div (see 2nd nested div next */
    border-left:977px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
    position:relative;
    margin-left:-960px;
    height: 1px;
}

.top-navigation-menu {
    position:relative;        /* establish a menu-relative positioning context */
    float:left;                                     /* play nicely with others */
    margin:0;
    padding:0;
    border:0;
    height:34px;                                  /* the menu's overall height */
    width:100%;         /* we always want our menu to fill the available space */
    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-navigation-menu ul li table {
    margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
    m\argin:0;               /* re-zero the table margins for everyone but IE5 */
}

.top-navigation-menu ul li table td{
    width: 977px; /* set to something high */
}

/*======================== 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;
    float:left;
    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;
    width: 100%;
}

.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 span.title{
    display: block;
    padding: 2px 10px;
}

/*======================== 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: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 ========================*/

/* menu item colors */
.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 #f60;background:#f60;}
.top-navigation-menu ul.restaurants li span.pointer span{border-top: 8px solid #f60;}

.top-navigation-menu ul.hotels li:hover a.item-top.no-dropdown,
.top-navigation-menu ul.hotels li a.item-top.no-dropdown:hover,
.top-navigation-menu ul.hotels li a.item-top.no-dropdown.selected,
.top-navigation-menu ul.hotels li a.item-top.no-dropdown.selected:visited{border: 1px solid #969;background:#969;}
.top-navigation-menu ul.hotels li span.pointer span{border-top: 8px solid #969;}

.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 #d11d66;background:#d11d66;}
.top-navigation-menu ul.shopping li span.pointer span{border-top: 8px solid #d11d66;}

.top-navigation-menu ul.sport li:hover a.item-top.no-dropdown,
.top-navigation-menu ul.sport li a.item-top.no-dropdown:hover,
.top-navigation-menu ul.sport li a.item-top.no-dropdown.selected,
.top-navigation-menu ul.sport li a.item-top.no-dropdown.selected:visited{border:1px solid #a5cf4e;background:#a5cf4e;}
.top-navigation-menu ul.sport 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.bars li:hover a.item-top.no-dropdown,
.top-navigation-menu ul.bars li a.item-top.no-dropdown:hover{border:1px solid #f60;background:#f60;}

.top-navigation-menu ul.clubs li:hover a.item-top.no-dropdown,
.top-navigation-menu ul.clubs li a.item-top.no-dropdown:hover{border:1px solid #005aa6;background:#005aa6;}

.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 #fc8821;background:#fc8821;}
.top-navigation-menu ul.gay-lesbian li span.pointer span{border-top: 8px solid #fc8821;}

.top-navigation-menu ul.art li:hover a.item-top.no-dropdown,
.top-navigation-menu ul.art li a.item-top.no-dropdown:hover{border:1px solid #f267a8;background:#f267a8;}

.top-navigation-menu ul.museums li:hover a.item-top.no-dropdown,
.top-navigation-menu ul.museums li a.item-top.no-dropdown:hover{border:1px solid #65c267;background:#65c267;}

.top-navigation-menu ul li:hover ul.item-menu.art-dropdown li a,.top-navigation-menu ul li a:hover ul.item-menu.art-dropdown li a{background:#f267a8;}

.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:#f60;}

.top-navigation-menu ul li:hover ul.item-menu.bars-dropdown li a,.top-navigation-menu ul li a:hover ul.item-menu.bars-dropdown li a{background:#f60;}

/****************************************
 *** END OF TO TOP NAVIGATION STYLES ****
 ****************************************/

/****** Column layout ********/

/**
    page-wrapper - wraps all content in the center
    right-column - when using two column layout i.e. venue page
                    right page contains center-content, nav-related and double-column-header

    nav-facet - left hand facet column
    double-column-header - The header that sits above center-content and nav-related
    center-content - contains the core content
    nav-related - right hand column containing skyscraper and mpu

**/

div.page-wrapper {
    height: 1%;
    display: block;
    clear: both;
    border-top: 1px solid #aaa;
    border-bottom: 6px solid #ddd;
    margin: 20px 0 0 0;
}

div.page-wrapper div.heading {
    padding-bottom: 20px;
}

/* Separate page-wrapper settings for some pages */
#venue-show div.page-wrapper {
    border-top: none;
    padding-top: 20px;
    margin: 0;    
}

#search-index div.page-wrapper {
    border-top: none;
    padding-top: 16px;
    margin: 0;     
}

.search div.page-wrapper,
.error div.page-wrapper {
    padding-bottom: 30px;
}

div.nav-facet {
    width: 152px;
    float: left;
}

div.right-column {
    margin-left: 12px;
    float: right;
    width: 812px;
}

div.nav-related, div.center-content {
    clear: none;
    display: block;
    float: left;
}

div.nav-related {
    float:right;
    width: 317px;
}

div.double-column-header {
    margin-bottom: 10px;
}

div.center-content {
    width: 482px;
    margin: 0 13px;
}

div.right-column div.center-content {
    margin-left: 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; 
}

/*** Text size ***/
h1 {
    font-size: 4.5em;
    letter-spacing: -2px;
    color: #ED1B24;
    font-weight: bold;
}

h2 {
    font-size: 1.5em;
    color: #ED1B24;
}

h3 {
    font-size: 1.5em;
    color: #ED1B24;
}

h4 {
    font-size: 1.33em;
    color: #333;
}

h5 {
    font-size: 1.17em;
    color: #333;
}

p, address {
    font-size: 1em;
    color: #333;
    line-height: 15px;
}

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;
}

.clearer {
    clear: both;
    line-height: 0;
    display: block;
}

.box-header {
    border-bottom:  1px solid #AAA;
    border-top:     1px solid #AAA;
    clear:          both;
    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;
    clear:both;
    display:block;
    padding: 4px 0;
    margin-bottom: 5px;
}

.solid-border-bottom {
    border-bottom:1px solid #AAA;
    clear:both;
    display:block;
    padding: 4px 0;
    margin-bottom: 5px;
}

.dotted-border-top {
    border-top:1px dotted #AAA;
    clear:both;
    display:block;
    padding: 4px 0;
    margin-bottom: 5px;
}

.dotted-border-bottom {
    border-bottom:1px dotted #AAA;
    clear:both;
    display:block;
    padding: 0 0 5px 0;
    margin-bottom: 4px;
}

div.element-wrapper.section-seperator-bottom {
    border-bottom: 6px solid #DDD;
}

/********* BUTTONS *********/


/** page tools is the single line wrapper for collection of buttons
 ** i.e. <div class="page-tools">
 **         <span class="button send"><a href="#">Send to a friend</a></span>
 **         <span class="button share"><a href="#">Share this page</a></span>
 **      </div>
**/
div.page-tools {
    margin: 5px 0;
}

div.page-tools div.button { margin-right: 5px; }
div.button {
    border: 1px solid #CCC;
    background: transparent url(../img/button_bg.jpg) no-repeat scroll -7px -24px;
    padding: 2px 3px;
    height: 15px;
    width: 120px;
    float: left;
}
div.button.send { width: 115px; }
div.button.send a {
    padding-left: 25px;
    background: transparent url(../img/sprite.gif) no-repeat scroll -7px -24px;
}

div.button.print { width: 55px; }
div.button.print a {
    padding-left: 20px;
    background: transparent url(../img/sprite.gif) no-repeat scroll -2px -42px;
}

div.button.reviews { width: 100px; }
div.button.reviews span {
    padding: 0 5px;
    background: transparent url(../img/sprite.gif) no-repeat scroll -2px -63px;
    margin-right: 5px;
    color: #FFF;
    font-size: 11px;
}

div.button.share { width: 60px; }
div.button.share a {
    padding-left: 20px;
    background: transparent url(../img/sprite.gif) no-repeat scroll -2px -2px;
}

div.button.search-again {
    width: 100%;
    padding: 5px 0 0;
    margin-bottom: 15px;
}
div.button.search-again a {
    padding-left: 20px;
    background: transparent url(../img/sprite.gif) no-repeat scroll 2px -225px;
}

/**** img post load style (grey bckground with loading gif) *****/
div.postload {
    background: #ccc;
    background-image: url("../images/loader.gif");
    background-position: center;
    background-repeat: no-repeat;
}

/**** top search box ****/

div.top-search {
    margin-top: 20px;
    border-bottom: 1px solid #aaa;
}

/** 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;
    /***
    Commented out whilst in development (so can be demostrated-agile)
    border: solid #AAA;
    border-width: 1px 1px 0 1px;
    ***/
    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;
    line-height: 15px;
}

.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;
}

/**** top navigation ****/

div.top-navigation {
    display: block;
    clear: both;
    overflow: hidden;
}

div.top-navigation div.left-column {
    float: left;
    width: 45%;
}

div.top-navigation div.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 div.left-column h5,
div.top-navigation div.left-column a:hover,
div.top-navigation ul.right-column a:hover {
    color: #fff;
    background-color: #333;
}

div.top-navigation h5,
div.top-navigation div.left-column a {
    display: block;
    float: left;
    padding: 0 4px;
    font-size: 100%;
    font-weight: normal;
}

div.top-navigation ul.right-column {
    float: right;
    width: 50%;
    text-align: right;
    overflow:hidden;
}

div.top-navigation ul.right-column li {
    display: inline;
}

div.top-navigation ul.right-column a {
    display: block;
    padding: 0 3px 0 27px;
    float: right;
}

div.top-navigation a.to-shop {
    background: transparent url(../images/sprites/travel-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/travel-icons.gif) no-repeat scroll 4px -97px;
    margin-right: 5px;
}

div.top-navigation ul.right-column a.to-worldwide:hover {
    background-position: 4px -128px;
}

/******* page top (Full width - above columns, below nav) *****/

div.page-title {
    padding: 2px 0 15px 0;
}

.search div.page-title {
    padding: 0 0 10px 0;
    border-top: none;
    border-bottom: 1px solid #AAA;
}

.search div.page-title.no-results {
    padding: 6px 0 12px 0;

}

.search div.page-title h1 {
    font-size: 2em;
    letter-spacing: normal;
}

.search div.heading {
    padding-bottom: 10px;
}

.search div.heading .search-display-options {
    margin-left:170px;
    margin-top:10px;
    width:500px;
}

.search div.heading .search-display-options .sort {
    float: left;

}

.search div.heading .search-display-options .page-size {
    float: right;
}

div.page-subtitle {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    display: block;
    padding-bottom: 2px;
}

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: 22px;
    font-weight: normal;
    color: #333;
}

div.page-subtitle h2 {
    float: left;
    width: 75%;
}
div.page-subtitle span.rhs {
    float: right;
    width: 20%;
}

div.crumb-trail {
   padding-bottom: 5px;
}

div.section-nav li {
    border-right: 1px solid #AAA;
    margin-right: 5px;
    font-weight: bold;
}

div.section-nav li.last {
    border-right: none;
}

/************************************/
/**********center-content************/
/************************************/

div.element-wrapper {
    margin-bottom: 27px;
}


/****************************************
 ******** EDITORIAL LEADER BOX **********
 ****************************************/
#leader-box {
 display: block;
 clear: both;
 width: 482px;
 height: 334px;
}

#leader-box div#gallery {
 display: block;
 clear: both;
 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;
 clear: both;
 height: 45px;
 background: transparent;
}

#leader-box ul#carousel li {
 float: left;
 display: block;
 text-align: center;
 width: 120px;
 padding: 8px 0 0 0;
 height: 37px;
 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;
 clear: both;
 height: 37px;
 width: 100%;
 border-left: 1px solid #ccc;
 background: #fff url(../images/faded-bg.gif) repeat-x center bottom;
 border-bottom: 1px solid #ccc;  
}

#leader-box ul#carousel li a span {
 display: block;
 clear: both;
 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;
}
/*======================== SECTION LEADERBOX CONFIG ========================*/

.restaurants-cafes #leader-box div#gallery .info-window h3 a,
.restaurants-cafes #leader-box ul#carousel li a:hover,
.restaurants-cafes #leader-box ul#carousel li a:hover span,
.restaurants-cafes #leader-box ul#carousel li.selected a,
.restaurants-cafes #leader-box ul#carousel li.selected a span,
.restaurants-cafes #leader-box ul#carousel li.selected a:visited,
.coffeeshops #leader-box div#gallery .info-window h3 a,
.coffeeshops #leader-box ul#carousel li a:hover,
.coffeeshops #leader-box ul#carousel li a:hover span,
.coffeeshops #leader-box ul#carousel li.selected a,
.coffeeshops #leader-box ul#carousel li.selected a span,
.coffeeshops #leader-box ul#carousel li.selected a:visited
{
 background: #f60;
}

.coffeeshops #leader-box ul#carousel li.selected,
.restaurants-cafes #leader-box ul#carousel li.selected{
 background-position: center 57%;
}

.hotels #leader-box div#gallery .info-window h3 a,
.hotels #leader-box ul#carousel li a:hover,
.hotels #leader-box ul#carousel li a:hover span,
.hotels #leader-box ul#carousel li.selected a,
.hotels #leader-box ul#carousel li.selected a span,
.hotels #leader-box ul#carousel li.selected a:visited
{
 background: #969;
}

.hotels #leader-box ul#carousel li.selected{
 background-position: center 76%;
}

.shopping #leader-box div#gallery .info-window h3 a,
.shopping #leader-box ul#carousel li a:hover,
.shopping #leader-box ul#carousel li a:hover span,
.shopping #leader-box ul#carousel li.selected a,
.shopping #leader-box ul#carousel li.selected a span,
.shopping #leader-box ul#carousel li.selected a:visited
{
 background: #d11d66;
}

.shopping #leader-box ul#carousel li.selected{
 background-position: center 133%;
}

.sport-health-fitness #leader-box div#gallery .info-window h3 a,
.sport-health-fitness #leader-box ul#carousel li a:hover,
.sport-health-fitness #leader-box ul#carousel li a:hover span,
.sport-health-fitness #leader-box ul#carousel li.selected a,
.sport-health-fitness #leader-box ul#carousel li.selected a span,
.sport-health-fitness #leader-box ul#carousel li.selected a:visited
{
 background: #a5cf4e;
}

.sport-health-fitness #leader-box ul#carousel li.selected{
 background-position: center 151%;
}

.family-kids #leader-box div#gallery .info-window h3 a,
.family-kids #leader-box ul#carousel li a:hover,
.family-kids #leader-box ul#carousel li a:hover span,
.family-kids #leader-box ul#carousel li.selected a,
.family-kids #leader-box ul#carousel li.selected a span,
.family-kids #leader-box ul#carousel li.selected a:visited
{
 background: #65c267;
}

.family-kids #leader-box ul#carousel li.selected{
 background-position: center 19%;
}

.gay-lesbian #leader-box div#gallery .info-window h3 a,
.gay-lesbian #leader-box ul#carousel li a:hover,
.gay-lesbian #leader-box ul#carousel li a:hover span,
.gay-lesbian #leader-box ul#carousel li.selected a,
.gay-lesbian #leader-box ul#carousel li.selected a span,
.gay-lesbian #leader-box ul#carousel li.selected a:visited
{
 background: #fc8821;
}

.gay-lesbian #leader-box ul#carousel li.selected{
 background-position: center 170%;
}

/****************************************
 *** END OF EDITORIAL LEADER BOX ****
 ****************************************/


/**** hot picks ******/

/******* Not neccessarily Hot picks purposely generic! ******/
.venue-container {
    width: 152px;
    float: left;
}

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;
}

.venue-container .venue-info a,
.venue-container .venue-info p,
.venue-container .venue-info img {
    margin-bottom: 0;
}

.venue-container .venue-info span {
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
}

#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 ****/
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;
}

/********* 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;
}

/********* 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;
}

/********* Details *********/
div.dual-column-details .column-contact {
    float: left;
    width: 30%;
}

div.dual-column-details .column-info {
    float: right;
    width: 65%;
}

div.dual-column-details .column-info .opening {
    padding-top: 0;
}

/********* area-guide *********/
div.area-guide .image-container {
    float: right;
}

div.area-guide .guide-content {
    float: left;
    width: 65%;
}


/*** 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;
}

/*** gallery ***/
div.gallery-wrapper .image-selection-wrapper {
    margin-top: 2px;

}

div.gallery-wrapper .image-selection-wrapper .image-thumbnail {
    margin-right: 2px;
    float: left;
}
div.gallery-wrapper .image-selection-wrapper .image-thumbnail .caption {
    float: left;
}
/******************************/
/********* Facet **************/
/******************************/

div#facet-wrapper span.refine-count {
    color: #999;
    font-size: 11px;
}

div#facet-search input,
div#facet-search select {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

div#facet-search input {
    width: 97%;
}

div#facet-search button {
    background-color: #ED1B24;
    padding: 1px 10px;
    color: #FFF;
    margin-bottom: 5px;
    float: right;
    cursor: pointer;
}

div#your-filters {
    border: 1px solid #AAA;
    margin-bottom: 10px;
    padding: 5px;
}

div#your-filters h3 {
    margin-bottom: 10px;
}

div#your-filters div.filter-wrapper {
    margin-bottom: 3px;
}

div#your-filters p strong {
    padding-right: 3px;
}

div#facet-tooltip {
    display: none;
    background-color: #FFF;    
}

#search-index div#facet-tooltip {
    padding: 20px 5px 30px;
    background-image: url(../images/tip-bubble-small.gif);
    background-repeat: no-repeat;
}

div#facet-tooltip p,
div#facet-tooltip h3 {
    color: #FFF;
}

div#facet-tooltip img.close-button {
    float:right;
}

div#facet-tooltip h3 {
    font-size: 1.1666em;
    line-height: 16px;
}

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.first {
    display: none;
}
div#explore-wrapper .refine-list h4.has-children.open {
    background: transparent url('../images/arrow_v.gif') no-repeat scroll -1px 50%;
    cursor: pointer;
}
div#explore-wrapper .refine-list h4.has-children.closed {
    background: transparent url('../images/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#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 li.flag {
    padding-left: 0;
}
/** 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 2px;
    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/arrow_v.gif');
}
div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children.closed {
    background-image: url('../images/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/blue_more.gif');    
}

div#facet-wrapper div#explore-wrapper .refine-list span.show-less {
    background-image: url('../images/blue_less.gif');
}

div#facet-wrapper img.1x1 {
    font-size: 0; 
    line-height: 0;
}
 
/*********** Search Results **************/
.search div.right-column {
    border-top: 1px solid #AAA;
    padding-top: 10px;
}

#result-container div.result {
    margin: 0;
    padding: 14px 0 15px 0;
}

#result-container div.first-result {
    padding-top: 4px;
}

#result-container div.result div.left-column {
    /**
    Correct width once pictures are in place!
    width: 73%;
    **/
    width: 85%;
    float: left;
}

#result-container div.result div.right-column {
    width: 15%;
    border-top: 0;
    padding-top: 0;
    margin-left: 0;
}

#result-container div.result div.right-column * {
    float: right;
}

#result-container div.result h2 {
    display: inline;
    color: #333;
    font-size: 1.3em;
}

#result-container div.result span.critics-choice,
#result-container div.result span.budget {
    margin-left: 6px;
}

#result-container div.result span.critics-choice {
    line-height: 1.5em;
    padding-top: 5px;
    background-position: -4px 1px;
}

#result-container div.result div.tags {
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
}

#result-container div.result div.tags span {
    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 h2 {
    margin-bottom: 5px;
}

#result-container div.result div.category {
    display: block;
    margin: 4px 0 3px 0;
}

#result-container div.result span.category {
    font-weight: bold;
}

#result-container div.result ul {
    display: inline;
}

#result-container div.result ul li {
    padding-right: 0;
}

div.image-container span.caption {
    display: block;
    padding-top: 5px;
}

/*********** Search Paginator **************/
.search div.paginator {
    display: block;
    clear: both;
    width: 100%;
    margin-top: 10px;
}

.search div.paginator .previous {
    float: left;
    text-align: left;
    width: 15%;
}

.search div.paginator .index {
    float: left;
    text-align: center;
    width: 70%;
}

.search div.paginator .next {
    float: right;
    text-align: right;
    width: 15%;
}

.search div.paginator .page {
    padding: 1px 3px;
}

.search div.paginator .this-page {
    font-weight: bold;
    color: #ed1b24;
}

.search div.paginator .separator {
    color: #aaa;
}

.search div.paginator .arrow{
    font-size: 10px;
    line-height: 10px;
}


.search .center-content .openx-ad {
    margin-top: 30px; 
}


/****************************************
 **** END OF TO SITE SPECIFIC STYLES ****
 ****************************************/

/****************************************
 ************ SECTION CONFIG ************
 ****************************************/

div.rotating-image-box #splash-items li a.music:hover,
div.rotating-image-box #splash-items li.selected a.music,
div.rotating-image-box #splash-items li.selected a.music:link,
div.rotating-image-box #splash-items li.selected a.music:visited,
div.rotating-image-box div.slideInfoZone h3 span.music
{
    background: #00aeec;
}


/****************************************
 ************ FEATURES ******************
 ****************************************/

.feature .page-title {
    padding-bottom: 0;
    padding-top: 4px;
}
.feature .page-title h1 {
    font-size: 2.7em;
}
.feature .page-subtitle {
    border-top-width: 0;
}
.feature .page-subtitle h2 {
    float: none;
    font-size: 1.666em;
    padding: 4px 0 11px;
}

.feature .center-content {
    margin-left: 0;
    width: 647px;
}
.feature .center-content .feature-wrapper .image-container {
    margin-bottom: 15px;
}
.feature .center-content .feature-wrapper .image-container img {
    margin-bottom: 3px;
}
.feature .center-content .feature-wrapper .image-container span.credit {
    color: #CCC;
    float: right;
    font-size: 0.916em;
}

.feature .center-content .feature-wrapper .feature-body,
.feature .center-content .feature-wrapper .openx-ad {
    width: 482px;
    float: left;
}

.feature .center-content .feature-wrapper strong.box-header {
    color: #333;
}

.feature .center-content .feature-wrapper .feature-body h3.box-header {
    margin: 25px 0 4px;
}

.feature .center-content .feature-wrapper .feature-body h4,
.feature .center-content .feature-wrapper .feature-body h4 {
    line-height: 20px;
}

.feature .center-content .feature-wrapper .feature-body strong {
    font-size: 1em;
    padding: 5px 0 7px;
    margin-bottom: 15px;
}

.feature .center-content .feature-wrapper .feature-body p {
    font-size: 1.166em;
    line-height: 20px;
    margin-bottom: 18px;
}

/** repeat of standard line p.standfirst to override features smaller p size (above) ***/
.feature .center-content .feature-wrapper .feature-body p.standfirst {
    font-size: 1.3333em;
}

.feature .center-content .feature-wrapper .feature-navigation {
    float:right;
    width: 150px;
    background-color: #eee;
}
.feature .center-content .feature-wrapper .feature-navigation .box-header {
    color: #333;
    padding-left: 8px;
    margin-bottom: 5px;
}
.feature .center-content .feature-wrapper .feature-navigation ul {
    margin: 0 8px;
}




/****************************************
 ************ Search No Results *********
 ****************************************/

.no-primary-results {
    font-size: 1.2em;
    border-bottom: 1px solid #aaa;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-left: 15px;
}

.no-primary-results a {
    font-weight: normal;
    color: #09F;
    text-decoration: none;
}

.no-primary-results a:hover {
    text-decoration: underline;
}
body.error .error-404 .error-message,
.no-primary-results .bubble {
    color: #fff;
    background: url(../images/message-bubble.gif) no-repeat;
    height: 90px;
    width: 455px;
    margin: 0;
    padding: 10px 0 0 13px;
}

.no-primary-results .bubble h3 {
    font-size: 24px;
    color:#FFFFFF;
    font-weight: bold;
}

.no-primary-results .bubble p {
    font-weight: normal;
    color: #fff;
    margin-top: 8px;
}

.no-primary-results .message {
    margin-left: 12px;
}

.no-primary-results .message h5 {
    font-size: 1em;
}

.no-primary-results .message ul {
    list-style-type: disc;
    list-style-position: outside;
    line-height: 18px;
    margin: 4px 0 0 18px;
}

.no-primary-results span {
    font-weight: bold;
    color: #ed1b24;
}

.no-primary-results li {
    color: #ed1b24;
    padding-top: 3px;
}

/****************************************
 ************** ERROR PAGES *************
 ****************************************/
body.error .error-404 .error-message {
    margin: 0;
    padding: 13px 10px 0 17px;
}

body.error .error-404 .error-message h3,
body.error .error-404 .error-message p {
    color: #FFF;
}

body.error .error-404 .error-message h3 {
    font-size: 2em;
}

body.error .error-404 .error-message p {
    margin-top: 5px;
}

body.error .error-404 ul {
    padding-left: 15px;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
    width: 400px;
}

body.error .error-404 ul li {
    color: #ED1B24;
    margin-bottom: 9px;
}

body.error .error-404 ul li p {
    font-size: 1.166em;
    line-height: 16px;
}

/****************************************
 ************** VENUES ******************
 ****************************************/

#venue-show span.critics-choice {
    margin-left: 5px;
}