@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%;
 vertical-align: baseline;
 /*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;
}

button {
 cursor: pointer;
}

textarea {
 font-family: Arial, Verdana, Helvetica, SunSans-Regular, sans-serif;
}

/*** A styles ***/
a {
 text-decoration: none;
 color: #333;
}

a.more,a.less,p.markup-4d a,div.tinymce-markup p a,div.feature-body a,div.feature-body a em,div.feature-body a strong,div#comments h3.box-header a
 {
 color: #09f;
 cursor: pointer;
}

a.color-red {
 color: #ed1b24;
}

h1.box-header a:hover {
 color: #ed1b24;
}

/* S Link styles */
a.black-arrow-link {
 color: #09f;
 cursor: pointer;
 background: #fff url(/images/sprites/icons-right.gif?v=5.0) no-repeat scroll
  right -61px;
 padding-right: 10px;
 font-size: 1.166em;
 line-height: 1.43;
}

a.red-arrow-link {
 color: #333;
 cursor: pointer;
 background: #fff url(/images/sprites/icons-right.gif?v=5.0) no-repeat scroll
  right -41px;
 padding-right: 10px;
 font-size: 1.333em;
 line-height: 1.25;
 font-weight: bold;
}

a.show-link, span.show-link {
 color: #09f;
 cursor: pointer;
 background: transparent url(/images/sprites/icons-left.gif?v=5.0) no-repeat
  scroll left 3px;
 font-size: 1.166em;
 line-height: 20px;
 padding-left: 15px;
}

a.show-link:active, a.show-link:hover, span.show-link:hover {
 background-position: left -18px;
 color: #ed1b24;
}

a.hide-link, span.hide-link {
 color: #09f;
 cursor: pointer;
 background: transparent url(/images/sprites/icons-left.gif?v=5.0) no-repeat
  scroll left -39px;
 font-size: 1.166em;
 line-height: 20px;
 padding-left: 15px;
}

a.hide-link:active, a.hide-link:hover, span.hide-link:hover {
 background-position: left -60px;
 color: #ed1b24;
}

a.info-link {
 background: transparent url(/images/sprites/icons-right.gif?v=5.0) no-repeat
  scroll right 2px;
 padding-right: 13px;
 color: #09f;
 cursor: pointer;
}

a.info-link:active,a.info-link:hover {
 background-position: right -19px;
 color: #ed1b24;
}

/* E Link styles  */
a:hover,p.markup-4d a:hover,div.tinymce-markup p a:hover,div.feature-body a:hover,a:hover strong,a:hover span
 {
 color: #ED1B24;
 cursor: pointer;
}

/* 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: #fff url(/images/sprites/icons.gif?v=2.1) no-repeat scroll -333px
  -829px;
 line-height: 17px;
 font-size: 13px;
}

ul.styled.arrow li {
 padding-left: 8px;
 background: #fff url(/images/sprites/icons.gif?v=2.1) no-repeat scroll -330px
  -521px;
}

ul.styled.special-bullet li {
 padding-left: 20px;
 background: #fff url(/images/sprites/icons.gif?v=2.1) no-repeat scroll -326px
  -104px;
 line-height: 24px;
}

ol.numbered {
 list-style: decimal outside;
 margin: 0 0 5px 25px;
 font-size: 1em;
 line-height: 16px;
}
/** ensure consistent instep of numbered lists **/
#IE6 ol.numbered,
#IE7 ol.numbered {
 margin: 0 0 5px 30px;
}

ol.numbered li {
 color: #ed1b24;
 clear: both;
}

ul.horizontal li,ol.horizontal li {
 display: inline;
 padding-right: 8px;
}

div.feature-body ol.numbered,div.feature-body ul.styled {
 font-size: 1.166em;
 line-height: 1.417em;
}

div.feature-body ul.styled li {
 background-position: -333px -554px;
 padding-left: 16px;
}

iframe.incognito {
 border: none;
 overflow: hidden;
 width: 100%;
}

/* http://www.positioniseverything.net/explorer/italicbug-ie.html */
#IE6 i,
#IE6 em {
    overflow: visible;
    height: 1%;
}
.a11y {
    position:absolute;
    top:-5000px;
    left:-5000px;
    display:inline;
    width:0;
    height:0;
    overflow:hidden;
}

.sep {
    color: #aaa;
    padding: 0 2px;
}

/****************************************
 ******* END OF RESET STYLES ************
 ****************************************/
 /****************************************
 ******** GLOBAL STYLES *****************
 ****************************************/
body {
 color: #333;
 font-size: 12px;
 background: #ddd;
}

.global-center {
 display: block;
 clear: both;
 background: #fff;
 padding: 13px;
 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 {
 float: left;
}

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

/****************************************
 ******** FOOTER STYLES *******
 ****************************************/
.footer {
 border-top: 1px dotted #aaa;
 width: 100%;
}

.footer ul li {
 display: inline;
}

.footer ul.base-list {
 text-align: center;
 padding: 5px 0 10px 0;
 font-size: 0.9em;
}

.footer ul.base-list.solid-border-top {
 padding: 10px 0 5px 0;
 margin-bottom: 0;
}

.footer p {
 text-align: center;
 margin-top: 5px;
 color: #999;
}

.footer p.copyright {
 font-size: 1em;
 line-height: 1;
 font-weight: normal;
 color: #999;
}

#travel-footer .base-list {
 border-top: 6px solid #ddd;
 padding: 10px 0 1px 0;
}

#travel-footer ul.top-list {
 text-align: center;
 padding: 7px 0 9px 0;
}

#travel-footer ul.top-list li {
 color: #aaa;
}

/****************************************
 ********* LONDON FOOTER STYLES *********
 ****************************************/
/* nudge borders into displaying -- @todo: check if needed? */
#IE6 #london-footer-top h3 {
 position: relative;
}

#london-footer-top #horizontal-flyer-scroller-footer {
 float: none;
 width: 100%;
 margin-right: 0;
}

#london-footer-top #horizontal-flyer-scroller-footer .flyers-view-pane {
 width: 917px;
}

#horizontal-flyer-scroller-footer .flyers-view-pane,
#horizontal-flyer-scroller-footer  div.flyer-nav {
 height: 200px;
 width: 22px;
}

#horizontal-flyer-scroller-footer div.flyer-nav a {
 margin: 75px 0 0 0;
 height: 35px;
}

#horizontal-flyer-scroller-footer div.flyer-nav-left a {
 background: transparent url(/images/sprites/icons-left.gif?v=5.0) no-repeat scroll 0 -170px;
}

#horizontal-flyer-scroller-footer div.flyer-nav-right a {
 background: transparent url(/images/sprites/icons-right.gif?v=5.0) no-repeat scroll right -160px;
}

#horizontal-flyer-scroller-footer div.flyer-nav-left a.disabled {
 background-position: 0 -214px;
 cursor: auto;
}

#horizontal-flyer-scroller-footer div.flyer-nav-right a.disabled {
 background-position: right -204px;
 cursor: auto;
}

/* S Shop product flyer list */
div.shop-products div.flyer {
 width: auto;
 height: auto;
 padding: 0;
 display: block;
 float: left;
 margin-bottom: 30px;
}

div.shop-products div.details {
 display: block;
 clear: both;
}

div.shop-products div.flyer span.sales-text,
div.shop-products div.flyer span.line-through {
 display: block;
 text-align: center;
 padding: 0 10px;
 font-size: 12px;
 line-height: 16px;
}

div.shop-products div.flyer span.sales-text {
 color: #ed1b24;
 font-weight: bold;
}

div.shop-products div.product-image-outer-wrapper {
 width: auto;
 height: 156px;
 background: url(/images/backgrounds/shop-product-flyer.gif) no-repeat scroll left 0;
 padding-left: 11px;
 float: left;
 position: relative;
}

div.shop-products div.product-image-inner-wrapper {
 width: auto;
 height: 140px;
 background: url(/images/backgrounds/shop-product-flyer.gif) no-repeat scroll right 0;
 padding: 8px 11px 8px 0;
 float: left;
 position: relative;
}

div.shop-products div.flyer div.info-window {
 display: none;
}

div.shop-products div.flyer div.info-window {
 position: absolute;
 top: 8px;
 left: 11px;
 height: 140px;
}

div.shop-products div.flyer div.info-window div.overlay {
 width: 100%;
 height: 100%;
}

div.shop-products div.flyer div.info-window div.info-window-content {
 width: 100%;
 height: 100%;
 padding: 0;
}

div.shop-products div.flyer div.info-window-content a {
 display: block;
 width: 100%;
 height: 100%;
}

div.shop-products div.flyer div.info-window-content a span {
 display: block;
 float: left;
 padding: 5px;
}

div.shop-products div.flyer div.info-window-content a:hover {
 color: #fff;
}
/* E Shop product flyer list */

/* S basic flyer list */
.basic-flyers div.flyer {
 float: left;
 width: 158px;
 height: auto;
 padding: 5px;
 background: url(/images/backgrounds/basic-flyer.gif) no-repeat scroll 0 0;
}

.basic-flyers .flyer-image {
 margin: 3px;
}

.basic-flyers div.flyer div.info-window {
 top: 92px;
 left: 8px;
 width: 152px;
 height: 23px;
}

.basic-flyers div.flyer div.info-window .overlay {
 height: 26px;
 background: #000;
 opacity: 0.6; /* CSS3 */
}

.basic-flyers div.flyer div.info-window-content {
 padding: 3px 6px 0;
}

ul.flyers-container
{
	list-style: none;
}

ul.flyers-container li
{
	float: left;
	clear: none;
}

/* E basic flyer list */

#london-footer-top .element-wrapper {
 width: 317px;
 margin-right: 10px;
 float: left;
}

#london-footer-top .columned-lists .list-container {
 width: 151px;
}

#london-footer-top .image-container {
 float: left;
 margin-right: 10px;
}

#london-footer-top .image-container {
 float: left;
 margin-right: 10px;
}

#london-footer-top button.subscribe {
 background: url(/images/sprites/search.gif?v=2.0) left -476px no-repeat;
 width: 103px;
 height: 24px;
 margin-top: 5px;
 overflow: hidden
}

#london-footer-top button.subscribe span {
 display: none;
}

#london-footer-top #sign-up {
 margin-right: 0;
}

#london-footer-bottom {
 text-align: center;
 margin: 0 auto;
 padding: 6px 0 30px;
 width: 1003px;
 background-color: #ddd;
}

#london-footer-bottom h4,
#london-footer-bottom ul,
#london-footer-bottom li {
 display: inline;
}

#london-footer-bottom div {
 clear: left;
}

#london-footer-bottom .follow-us {
 padding: 10px 0;
}

#london-footer-bottom .follow-us h4{
 padding-right: 8px;
}

#london-footer-bottom .follow-us li{
 padding-left: 10px;
}

#london-footer-bottom h4 {
 display: inline;
}

#london-footer-bottom .useful-links {
 border-top: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 margin: 7px 10px 0;
 padding: 9px 0;
}

#london-footer-bottom .useful-links a {
 padding: 0 7px;
}

#london-footer-bottom .other-sites {
 margin: 10px 0;
}

#london-footer-bottom .other-sites h4 {
 font-size: 1em;
 font-weight: normal;
}

#london-footer-bottom .copyright {
 font-size: 0.8em;
}

#london-footer-bottom .icon {
 background: transparent url(/images/sprites/follow.gif) no-repeat scroll 0 0px;
 padding: 8px 0 8px 37px;
 font-size: 1.166em;
}

#london-footer-bottom .twitter {
 background-position: 0 -32px;
}

#london-footer-bottom .igoogle {
 background-position: 0 -64px;
}

#london-footer-bottom .yahoo {
 background-position: 0 -96px;
}

#london-footer-bottom .clearer {
 height: 0;
}


/****************************************
 ******** END OF GLOBAL STYLES **********
 ****************************************/
 /****************************************
 *************** ADS ********************
 ****************************************/
.ad-background {
 background-color: #ccc;
 background-position: center;
 background-repeat: no-repeat;
}
/* because skyscrapers can be 120px or 160px wide
   and sometimes you can see the background colour */
.skyscraper .ad-background {
 background-color: transparent;
}

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

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

.magazines-header .global-leaderboard {
 top: 55px;
}

.london div.global-header {
 margin-bottom: 10px;
}

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

#mpuSlot {
 display: block;
 height: 250px;
 margin-bottom: 30px;
 margin-left: auto;
 margin-right: auto;
 /*overflow: hidden; problems with expandable ads*/
 width: 300px;
}

#leaderboardSlot {
 display: block;
 width: 728px;
 height: 90px;
 /*overflow: hidden; problems with expandable ads*/
}

#skyscraperSlot {
 display: block;
 width: 160px;
 height: 600px;
 /*overflow: hidden; problems with expandable ads*/
}

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

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

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

#IE6 .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 {
 margin: 0;
}

.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 a:hover span {
 color: #333;
}

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

#IE6 .top-navigation-menu ul li span.pointer {
 width: 102%;
 font-size: 1px;
 line-height: 1px;
}

#IE6 .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%;
}

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

.top-navigation-menu ul.connect li span.pointer span {
 border-top: 8px solid #018E92;
}

.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.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.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.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 #005aa6;
 background: #005aa6;
}

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

.top-navigation-menu ul.art li span.pointer span {
 border-top: 8px solid #f267a8;
}

.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 #00aeec;
 background: #00aeec;
}

.top-navigation-menu ul.music li span.pointer span {
 border-top: 8px solid #00aeec;
}

/* 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.art-dropdown li a,.top-navigation-menu ul li a:hover ul.item-menu.art-dropdown li a
 {
 background: #f267a8;
}

.top-navigation-menu ul.art-dropdown li span.pointer span {
 border-top: 8px solid #f267a8;
}

.top-navigation-menu ul.art-dropdown li a.item-top.dropdown.selected,.top-navigation-menu ul.art-dropdown li a.item-top.dropdown.selected:visited
 {
 border-top: 1px solid #f267a8;
 border-left: 1px solid #f267a8;
 border-right: 1px solid #f267a8;
 border-bottom: none;
 background: #f267a8;
 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.museums-dropdown li span.pointer span {
 border-top: 8px solid #65c267;
}

.top-navigation-menu ul.museums-dropdown li a.item-top.dropdown.selected,.top-navigation-menu ul.museums-dropdown li a.item-top.dropdown.selected:visited
 {
 border-top: 1px solid #65c267;
 border-left: 1px solid #65c267;
 border-right: 1px solid #65c267;
 border-bottom: none;
 background: #65c267;
 height: 33px;
}

.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.restaurants-dropdown li span.pointer span {
 border-top: 8px solid #f60;
}

.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 #f60;
 border-left: 1px solid #f60;
 border-right: 1px solid #f60;
 border-bottom: none;
 background: #f60;
 height: 33px;
}

/****************************************
 *** END OF TO TOP NAVIGATION STYLES ****
 ****************************************/
 /****************************************
 ******** TO SITE SPECIFIC STYLES *******
 ****************************************/
span.critics-choice,a.critics-choice {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  -4px -1px;
 font-size: 0.9em;
 line-height: 1.1em;
 padding-left: 18px;
 padding-top: 2px;
 letter-spacing: 0;
}
.london-results-container span.critics-choice,a.critics-choice {
 background-position: -4px -3px;
}

a.critics-choice span {
 display: none;
}

span.recommended,a.recommended {
 background: transparent url(/images/sprites/icons.gif?v=2.1) 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;
}

/** S Generic Tooltip CSS **/
div.tooltip {
 position: absolute;
 margin-bottom: 15px;
 background: #fff;
 z-index: 9999999;
}

/** give height to div so bottom: -13px works in ie6 **/
#IE6 div.tooltip {
 height: 1px;
}

div.tooltip div.internal {
 border: 3px solid #CCC;
 padding: 10px;
 background: #fff;
}

div.tooltip h4 {
 font-size: 1.33em;
 line-height: 1.25;
}

div.tooltip .inline-flags {
 padding: 2px 0;
}

div.tooltip div.pointer {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  5px -714px;
 display: block;
 height: 19px;
 width: 52px;
 position: absolute;
 left: 0;
 bottom: -16px;
}
div.pointRight div.pointer {
 left: auto;
 right: 0;
}

/** E Generic Tooltip CSS **/
span.budget {
 background: transparent url(/images/sprites/icons.gif?v=2.1) 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.last-chance {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  -3px -166px;
 font-size: 0.9em;
 line-height: 1.1em;
 padding-left: 18px;
 padding-top: 2px;
 letter-spacing: 0;
}

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.budget {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  -4px -27px;
 font-size: 0.9em;
 line-height: 1.1em;
 padding-left: 18px;
 padding-top: 2px;
 letter-spacing: 0px;
}

span.tube-station {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  left -494px;
 font-size: 12px;
 line-height: 15px;
 padding-right: 10px;
 padding-top: 0;
}

span.new {
 color: #ED1B24;
 font-weight: bold;
 text-transform: uppercase;
}

span.family-friendly {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  0 -193px;
 font-size: 0.9em;
 line-height: 1.1em;
 padding-left: 30px;
 padding-top: 2px;
 letter-spacing: 0;
}

span.rating {
 padding: 2px 115px 2px 0;
 background: transparent url(/images/sprites/ratings.gif) no-repeat
  scroll -7px -190px;
}

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-v2 {
 display: block;
 width: 85px;
 height: 16px;
 line-height: 16px;
 background: transparent url(/images/sprites/ratings-v2.png) no-repeat scroll -98px -10px;
}


span.rating-v2.star1 {
 background-position: -81px -10px;
}

span.rating-v2.star2 {
 background-position: -64px -10px;
}

span.rating-v2.star3 {
 background-position: -47px -10px;
}

span.rating-v2.star4 {
 background-position: -30px -10px;
}

span.rating-v2.star5 {
 background-position: -13px -10px;
}

span.price-band {
 display: block;
 width: 40px;
 height: 11px;
 background: transparent url(/images/sprites/price-band.png) no-repeat scroll 0 0;

}

span.price-band-budget {
 background-position: -34px -4px;
}

span.price-band-mid-range {
 background-position: -24px -4px;
}

span.price-band-expensive {
 background-position: -14px -4px;
}

span.price-band-luxury {
 background-position: -4px -4px;
}

span.big-price-band {
 display: block;
 width: 40px;
 height: 15px;
 background: transparent url(/images/sprites/big-price-band.png) no-repeat scroll -21px 0;
}

span.big-price-band-budget {
 background-position: -31px 0;
}

span.big-price-band-mid-range {
 background-position: -21px 0;
}

span.big-price-band-expensive {
 background-position: -11px 0;
}

span.big-price-band-luxury {
 background-position: 0 0;
}

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

/** rounded corners tools **/
.round {
 border-radius: 3px; /* CSS3 */
 -moz-border-radius: 3px; /* @invalid */
 -webkit-border-radius: 3px; /* @invalid */
}

.rtop,.rbottom {
 display: block;
}

.rtop b,.rbottom b {
 display: block;
 height: 1px;
 overflow: hidden;
}

b.r1 {
 margin: 0 1px;
}

b.r2 {
 margin: 0 2px;
}

/** pointed arrow tools **/
div.pointer span {
 border-left: 8px solid #fff;
 border-right: 8px solid #fff;
 border-top: 8px solid #333;
 display: block;
 height: 0;
 margin: auto;
 width: 0;
 font-size: 0;
}

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

ul.horizontal.rating {
 display: inline;
}

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

/** inline display of flags on search results, event pages, ... **/
span.inline-flags a.critics-choice,span.inline-flags a.recommended,span.inline-flags span
 {
 margin-right: 3px;
}

span.inline-flags span.critics-choice,span.inline-flags a.critics-choice,span.inline-flags span.recommended,span.inline-flags a.recommended
 {
 background-position: -4px -1px;
}

span.inline-flags span.last-chance,span.inline-flags a.last-chance,span.inline-flags span.family-friendly,span.inline-flags a.family-friendly,span.inline-flags span.kids,span.inline-flags a.kids
 {
 line-height: normal;
}

span.inline-flags span.free {
 display: inline;
 float: none;
 padding: 0 1px 0 2px;
}

/**** Colours Maybe not needed but good for reference/possible use! ****/
.color-default {
 color: #333;
}

.bgcolor-default {
 background-color: #fff;
}

.color-london,.color-big {
 color: #ED1B24;
}

.color-city {
 color: #ed1b24;
}

.color-cinemas,.color-film {
 color: #519cba;
}

.bgcolor-cinemas {
 background-color: #519CBA;
}

.color-restaurants,.color-bars,.color-bars-pubs {
 color: #f60;
}

.bgcolor-restaurants,.bgcolor-bars-pubs {
 background-color: #ff6600;
}

.color-hotels, .color-hotel, .color-boutique, .color-hostel-backpacker {
 color: #969;
}

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

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

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

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

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

.color-art,.color-weddings {
 color: #f267a8;
}

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

.color-theatre {
 color: #f05d63;
}

.color-search {
 color: #939;
}

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

.london .color-cabaret,.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-books-poetry  {
 color: #842f73;
}

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

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

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

.color-gay ,.color-gay-lesbian  {
 color: #fc8821;
}

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

.color-sport {
 color: #a5cf4e;
}

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

.color-shops,.color-shopping,.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;
}

.color-tickets {
 color: #936;
}

a.color-tickets,a.color-tickets:hover {
 color: #936;
}

/****** 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;
 margin: 20px 0 0 0;
}

div.page-wrapper div.heading {
 padding-bottom: 20px;
}
#IE6 div.page-wrapper div.heading {
    height: 1%;
}

/* S page-wrapper different on some pages */
.event div.page-wrapper,.article div.page-wrapper,.venue div.page-wrapper,.review div.page-wrapper,
.no-border-top div.page-wrapper, .section div.page-wrapper
 {
 border-top: none;
 padding-top: 30px;
 margin: 0;
}

.home div.page-wrapper
{
 margin-top: 30px;
} 

.event div.split-right-column,.article div.split-right-column,.venue div.split-right-column,.review div.split-right-column
 {
 padding-top: 0;
}

/* E page-wrapper different on some pages */
.search div.page-wrapper {
 border-top: none;
 padding-top: 16px;
 margin: 0;
}

#search-index.travel div.page-wrapper {
 border-top: 1px solid #aaa;
}

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

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

div.right-column {
 float: right;
}

div.split-right-column,
div.narrow-right-column {
 float: right;
 width: 812px;
}

.ticketsearch div.split-right-column,.search div.split-right-column {
 border-top: 1px solid #aaa;
 padding-top: 14px;
}

/** Adds a button to the top right of a header **/
div.header-button-container h1 {
 float: left;
 width: 79%;
}

div.header-button-container div.button-wrapper {
 padding-top: 2px;
 float: right;
 width: 20%;
 text-align: right;
 position: relative;
}
div.results-count div.button-wrapper {
 float: right;
 text-align: right;
}

div.button-wrapper div.buttonWrapperSpecialOffer {
    color: #99AADD;
    position: absolute;
    right: 0px;
    top: 35px;
}

div.header-button-container div.button-wrapper .little-button {
 margin-right: 0;
}

div.split-right-column div.center-content,
div.narrow-right-column div.center-content {
 margin-left: 0;
}

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

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

div.narrow-right-column div.nav-related {
 width: 120px;
}

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

div.double-column-header div.date {
 font-weight: bold;
 font-size: 1.2em;
}

div.center-content {
 width: 482px;
 margin: 0 13px;
/*
 overflow: hidden;
*/
}

div.narrow-right-column div.center-content {
 width: 679px;
 margin: 0;
}

div.center-content.no-nav-facet {
 margin-left: 0;
 width: 647px;
}

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

#home-index div.nav-related div.openx-ad {
 margin-bottom: 0;
 border-bottom-width: 0;
}

/** solid border bottom for openx ad on rhs of travel homepage **/
.travel div.nav-related div.openx-ad {
 border-bottom: 6px solid #ddd;
}

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: 160px;
}

.center-content .openx-ad {
 margin-bottom: 20px;
}

/*** Text size ***/
h1 {
 font-size: 4.5em;
 line-height: 1;
 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;
 line-height: 1;
 color: #333;
}

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

p,address {
 font-size: 1em;
 color: #333;
 line-height: 1.25;
 word-wrap: break-word; /* CSS3 */
}

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;
 font-size: 0;
}
#IE6 .clear,
#IE6 .clearer {
 height: .1%;
}

.hidden {
 display: none;
}

.float-left {
 float: left;
}

.float-right {
 float: right;
}

.break-word {
 word-wrap: break-word; /* CSS3 */
}
/* @todo: not used? */

.line-through {
 text-decoration: line-through;
}

.bold-red {
 font-weight: bold;
 color: #ed1b24;
}

.bold-strike {
 font-weight: bold;
 text-decoration: line-through;
}

.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;
}
/* @todo: should probably be all box-headers? */
.mytimeout h1.box-header {
 padding: 0;
}

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

.box-header a {
 color: #ED1B24;
}

.box-header a:hover {
 color: #333;
}

.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 0;
 margin-bottom: 0;
}

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

p.partner {
    font-size: 0.9em;
    color: #aaa;
    text-align: right;
    padding: 2px 0 0;
}

/* _________________ forms _________________ */

form.default {
}
form.default ul {
	margin-bottom: 15px;
}
form.default ul li {
	overflow: hidden;
    line-height: 1.5;
	vertical-align: middle;
	padding-bottom: 5px;
}
form.default label {
	width: 120px;
	float: left;
}
form.default input.text,
form.default select {
    float: left;
}

form.default .checkbox label {
    width: auto;
    float: none;
}
form.default .checkbox input {
    float: none;
	margin-left: 120px;
}
form.default .error,
form.default abbr.req {
    color: #c00;
}

/* _________________ /forms _________________ */

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

#home-index div.top-search {
 border-bottom: none;
}

/** 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 url(/images/sprites/search.gif?v=2.0) no-repeat scroll left
  top;
 margin-right: 6px;
 margin-top: 1px;
 border-width: 0;
 line-height: 15px;
}

.top-search ul button#top-search-submit {
 background: #fff url(/images/sprites/search.gif?v=2.0) no-repeat scroll left
  -88px;
 height: 23px;
 width: 65px;
 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 ul.left-column {
 float: left;
 width: 45%;
}

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?v=2.1) 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?v=2.1) no-repeat scroll
  3px -238px;
 margin-left: 26px;
}

div.top-navigation ul.right-column {
 float: right;
 width: 50%;
 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?v=2.1) 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?v=2.1) 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;
 border-bottom: 1px solid #aaa;
}

div.page-title h1 span.secondary {
 font-size: 24px;
 letter-spacing: normal;
}

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

div.page-title.masthead {
 position: relative;
 height: 55px;
}
.promsHead div.page-title.masthead {
 height: auto;
}

div.page-title .open-x {
 position: absolute;
 right: 0;
 bottom: 0;
}

div.page-title .brandingTopRight {
    position: absolute;
    right: 0;
    top: 0;	
}

.promsHead div.page-title .open-x {
 top: 0;
}

div.results-count div.page-title h2 {
 font-size: 2em;
 letter-spacing: normal;
}

div.results-count {
 padding-bottom: 10px;
}

div.results-count div.page-title {
 border-top: 1px solid #aaa;
 padding: 3px 0 8px 0;
}

.search div.results-count div.page-title {
 border-top: none;
 padding: 0 0 10px 0;
}

.search-display-options {
 margin: 0 0 20px 0;
 border-bottom: 1px solid #aaa;
 padding-bottom: 20px;
}

.ticketsearch .search-display-options,.search .search-display-options {
 margin: 0 0 0 170px;
 width: 500px;
 border-bottom: none;
}

.search-display-options .sort {
 float: left;
}

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

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

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

/** Super Element **/
div.element-wrapper.columned-lists .list-container,div.element-wrapper.super-element .column
 {
 float: left;
 margin: 0 13px 10px 0;
 width: 152px;
}

div.element-wrapper.columned-lists .list-container {
 border-right: 1px dotted #AAA;
 margin-right: 12px;
 padding-bottom: 5px;
}

div.element-wrapper.columned-lists .list-container.last,div.element-wrapper.super-element .column.last
 {
 margin: 0;
}

div.element-wrapper.columned-lists .list-container.last {
 border-right-width: 0;
 margin-right: 0;
}

div.element-wrapper.columned-lists li{
 /*padding-bottom: 4px;*/
}

div.element-wrapper.super-element .column * {
 margin-bottom: 4px;
}

div.element-wrapper.super-element .column div.image-wrapper {
 margin-bottom: 7px;
}

div.element-wrapper.super-element .column a,div.element-wrapper.super-element .column p,div.element-wrapper.super-element .column img,div.element-wrapper.super-element .column em,div.element-wrapper.super-element .column strong
 {
 margin-bottom: 0;
}

div.element-wrapper.super-element.items-2 .column.first span {
 display: inline;
}

div.element-wrapper.super-element .column span {
 line-height: 15px;
}

div.element-wrapper.super-element .column span.date {
 font-weight: bold;
}

div.element-wrapper.super-element .column span.venue {
 font-style: italic;
}

div.element-wrapper.super-element.items-1 .column.first {
 width: auto;
}

div.element-wrapper.super-element.items-1 .column.first div {
 float: left;
 width: 152px;
}

div.element-wrapper.super-element.items-1 .column.first div.image-wrapper
 {
 margin-right: 13px;
 margin-bottom: 12px;
}

div.element-wrapper.super-element.items-1 .column.first div.image-wrapper,div.element-wrapper.super-element.items-2 .column.first
 {
 width: 317px;
}

div.nav-related ul,div.nav-related ol,div.element-wrapper ul,div.element-wrapper ol
 {
 padding-top: 0;
}

/****************************************
 ************ FEATURES ******************
 ****************************************/
.feature .page-title {
 padding-bottom: 0;
 padding-top: 4px;
 border-bottom: none;
}

.feature .page-title h1 {
 font-size: 2.7em;
}

.feature .page-subtitle h2 {
 float: none;
 font-size: 1.666em;
 padding: 4px 0 11px;
}

.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 .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-top: 25px;
}

.feature .center-content .feature-wrapper .feature-body h4 {
 border-bottom: 1px solid #aaa;
 font-size: 1.5em;
 line-height: 1.333em;
 margin: 10px 0;
 padding-bottom: 2px;
}

.feature .center-content .feature-wrapper .feature-body h5 {
 font-size: 1.333em;
 line-height: 1.2em;
 margin-bottom: 10px;
}

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

.editorial-body p,.feature .center-content .feature-wrapper .feature-body p,div.tinymce-markup p
 {
 font-size: 1.166em;
 line-height: 18px;
 margin-bottom: 18px;
}

.editorial-body div.truncate_less,
.editorial-body div.truncate_more {
 margin-bottom: 18px;
}

.editorial-body div.truncate_less a,
.editorial-body div.truncate_more a{
 color: #09f;
}

.editorial-body div.button-wrapper {
 float: left;
 width: 80%;
 margin-top: 3px;
}

.editorial-body div.branding-filter-slot-2 {
 float: right;
 width: 50%;
}

/** repeat of standard line p.standfirst to override features smaller p size (above) ***/
.editorial-body p.standfirst,.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;
}

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

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

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

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

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

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

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

div.page-wrapper.no-top-nav-menu {
 margin: 0;
}

/*********************************************
 ************* S FIREPLACE CSS ***************
 *********************************************/
html body.fireplace .global-header .ad-background {
 margin-left: 273px;
}

html body.fireplace .top-utilities {
 display: none;
}

html body.fireplace .global-center {
 background-color: transparent;
 padding: 0;
 margin-top: 10px;
 width: 1003px;
}

html body.fireplace .bottom-content-wrapper {
 background-color: #fff;
 padding: 0 11px 15px;
 border: 1px solid #ccc;
 margin-top: 60px !important;
}

html body.fireplace .global-leaderboard {
 top: 0;
 left: 273px;
}

html body.fireplace .global-header {
 height: 92px;
 margin-bottom: 0;
}

html body.fireplace .global-header a.logo img {
 border: 1px solid #fff;
}

html body.fireplace #leaderboardSlot.ad-loader {
 background-image: none;
}

html body.fireplace .ad-background {
 background-color: transparent;
}

html body.fireplace #mpuSlot.ad-background {
 background-color: #ccc;
}

html body.fireplace #skyscraperSlot.ad-background {
 /*background-color: #ccc;*/
}

body.fireplace a.fireplaceLink,
body.specialFireplace a.fireplaceLink {
    width: 100%;
    height: 1800px;
    /*
    width: 1800px;
    margin: 0 auto;
    */
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
body.fireplace div.noLeaderboard {
    margin: 0pt auto;
    height: 1px;
    width: 736px;
    text-align: left;
}
body.fireplace div.noLeaderboard a {
    position: absolute;
    display: block;
    height: 160px;
    width: 870px;
    z-index: 100000;
}
body.fireplace div.global-center {
    z-index: 1;
}

/* __________ special fireplaces (different layout) __________ */

body.specialFireplace {
}
body.specialFireplace .fireplaceSpace {
    height: 164px;
}
/* this is how it should be, but it doesn't work in IE6&7
body.specialFireplace div.global-center {
    margin-top: 164px;
}
*/

/*********************************************
 ************* E FIREPLACE CSS ***************
 *********************************************/

/*********************************************
 ************* S METABANNER CSS ***************
 *********************************************/

body.megaBanner {
    padding-top: 270px;
}
body.megaBanner .global-header,
body.megaBanner .global-leaderboard {
    display: none;
}
body.megaBanner .nav-facet a.logo {
    display: block;
    margin-bottom: 20px;
}
body.megaBanner #megaBanner {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
}
body.megaBanner #megaBanner #megaSlot {
    width: 940px;
	height: 250px;
	margin: 0 auto;
	display: block;
}

/*********************************************
 ************* E METABANNER CSS ***************
 *********************************************/

/*********************************************
 ************* EDITORIAL PAGE CSS ************
 *********************************************/
.editorial-body {
 margin-bottom: 5px;
}
.editorial-body h3.box-header {
 margin-bottom: 0;
}

.editorial-body div.element-wrapper.details {
 margin-bottom: 10px;
 padding: 3px 0 2px;
 overflow: hidden;
 border-bottom: 1px solid #aaa;
}

.editorial-body strong.by-line {
 font-size: 1.3333em;
 display: block;
 float: left;
 width: 70%;
}

.editorial-body span.posted-date {
 display: block;
 float: right;
 text-align: right;
 width: 30%;
 line-height: 18px;
}

.editorial-suffix {
 font-size: 14px;
 line-height: 20px;
}

.editorial-body a {
 color: #09f;
}

.editorial-body a:hover {
 color: #ed1b24;
}

.editorial-body p.ticket-disclaimer {
 display: block;
 clear: both;
 font-size: 0.9em;
 line-height: 1.25;
 color: #aaa;
 margin-top: 10px;
 letter-spacing: -0.02em;
}

.editorial-body p.disclaimer {
 font-style: italic;
}

#leaderboardSlot {
 height: 91px;
}

div.box-header a.rss {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  0 -411px;
 height: 17px;
 width: 19px;
}

div.box-header a.rss span {
 display: none;
}

div.box-header h3 {
 float: left;
}

div.box-header a.rss {
 float: right;
}

/** S London hub pages **/
.section div.split-right-column .heading, .hub-page div.split-right-column .heading {
 border-top: 1px solid #aaa;
}

.hub-page .news-ticker {
 margin: 0 0 5px 0;
}

.hub-page .news-ticker .ticker-title {
 color: #333;
}
/** E London hub pages **/

/**
 * To be used to make rounded greyed out corners around elements
 */
.rounded-corner.content,
.rounded-corners-content {
 border-right: 3px solid #ccc;
 border-left: 3px solid #ccc;
 padding: 0 3px;
}

.rounded-corners-container {
 display: block;
 margin: 0 auto;
 width: 152px;
}

.rounded-corners-container.column-1 {
 width: 152px;
}

.rounded-corners-container.column-2 {
 width: 317px;
}

.rounded-corners-container.column-3 {
 width: 482px;
}

.rounded-corners-container.column-4 {
 width: 647px;
}

.rounded-corners-container.column-5 {
 width: 812px;
}

.rounded-corners-container.column-6 {
 width: 977px;
}

.rounded-corners {
 background: #fff url(/images/sprites/buttons.gif) no-repeat scroll;
}

.rounded-corners.top-left,.rounded-corners.top-right,.rounded-corners.bottom-left,.rounded-corners.bottom-right,.rounded-corners.top,.rounded-corners.bottom
 {
 height: 10px;
 overflow: hidden;
}

.rounded-corners.top,.rounded-corners.content,.rounded-corners.bottom {
 display: block;
 clear: both;
}

.rounded-corners.top-left,.rounded-corners.bottom-left {
 float: left;
 width: 90%;
}

.rounded-corners.top-right,.rounded-corners.bottom-right {
 float: right;
 width: 10%;
}

.rounded-corners.top,
.rounded-corners.top-left {
 background-position: left -491px;
}

.rounded-corners.top-right {
 background-position: right -491px;
}

.rounded-corners.content {
 background-image: none;
 border: solid #ccc;
 border-width: 0 3px;
 padding: 0 3px;
 text-align: left !important;
 /** IE6 doesn't center anything in content otherwise **/
}

.rounded-corners.bottom-left {
 background-position: left -522px;
}

.rounded-corners.bottom,
.rounded-corners.bottom-right {
 background-position: right -522px;
}

.video p,.video .video-wrapper {
 margin-bottom: 5px;
}

/********** international magazine page component ***********/
.magazines-wrapper .magazine-display-container {
 float: left;
 margin-right: 13px;
 width: 152px;
}

.magazines-wrapper .magazine-display-container.last {
 margin-right: 0;
}

.magazines-wrapper .magazine-display-container .text p {
 line-height: 17px;
}

.magazines-intro-text {
 padding-bottom: 20px;
}

.magazines-intro-text p {
 line-height: 19px;
}

.magazines-wrapper .magazine-display-container .image-container {
 margin-bottom: 5px;
}

.center-content .big-button-container.column-3 {
 width: 462px;
 margin: 0 10px;
 font-size: 16px;
}

div.box-header span.email {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll 2px -683px;
 height: 18px;
 width: 24px;
 display: block;
 float: left;
}

/************ Inspire me button ****************/
.inspire-me-button a.big-button-container .big-button.content {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  110px -662px;
 padding: 0 15px;
 text-align: left;
}

/** S Compact double-column-header for events, reviews, venues and articles header **/
.double-column-header.compact div.solid-border-bottom {
 padding-bottom: 3px;
}

.double-column-header.compact .date {
 font-weight: bold;
 font-size: 1.5em;
 line-height: 21px;
 padding-right: 4px;
}

.double-column-header.compact span.date span.finished {
 background: #ed1b24;
 color: #fff;
 font-size: 12px;
 line-height: 15px;
 display: block;
 float: left;
 padding: 1px 5px;
 margin: 3px 5px 0 0;
}

.double-column-header.compact .address {
 font-size: 1.166em;
 line-height: 16px;
}

.double-column-header.compact .address em {
 padding-right: 4px;
}

.double-column-header.compact h2 {
 display: block;
 float: left;
 line-height: 22px;
 margin-right: 5px;
}

.double-column-header.compact span.inline-flags {
 display: block;
 float: left;
}

.double-column-header.compact span.inline-flags span.flag {
 display: block;
 float: left;
 line-height: 16px;
 margin-top: 2px;
}

.double-column-header.compact span.inline-flags span.big-price-band {
 display: block;
 float: left;
 margin: 4px 5px 0 0;
}

.double-column-header.compact span.inline-flags span.free,.double-column-header.compact span.inline-flags span.new
 {
 margin-top: 5px;
}

.double-column-header.compact {
 border-top: 1px solid #aaa;
 margin-bottom: 15px;
}

.double-column-header.compact h1.box-header {
 font-size: 2.666em;
 line-height: 1;
 letter-spacing: -1px;
 margin-bottom: 3px;
 border: none;
}

/* Slight tweak just for show articles: */
.double-column-header.compact h1.solid-border-bottom {
 border-bottom: 1px solid #aaa;
 padding-bottom: 5px;
}

/** E Compact double-column-header for events, reviews, venues and articles header **/

/**** Little buttons *****/
.little-button {
 background: #fff url(/images/sprites/buttons.gif?v=3) no-repeat scroll
  left -132px;
 padding: 4px 0 5px 10px;
 text-align: center;
 cursor: pointer;
 margin-right: 5px;
 line-height: 26px;
}
/* no #IE6/7 because #colorbox lies out of that div */
* html .little-button {
 background-position: left -128px;
}
*+html .little-button {
 background-position: left -128px;
}

a.little-button:hover span.inner-button span {
 color: #fff;
}

.little-button span.inner-button {
 background: #fff url(/images/sprites/buttons.gif?v=3) no-repeat scroll
  right -132px;
 padding: 4px 10px 5px 0;
}

.little-button:hover,
.little-button.grey:hover,
.little-button.blue:hover,
.little-button.red:hover {
 background: #fff url(/images/sprites/buttons.gif?v=3) no-repeat scroll
  left 0;
 padding: 4px 0 5px 10px;
 text-align: center;
 cursor: pointer;
}
/* no #IE6/7 because #colorbox lies out of that div */
* html .little-button:hover,
* html .little-button.grey:hover {
 background-position: left 4px;
}
*+html .little-button:hover,
*+html .little-button.grey:hover {
 background-position: left 4px;
}
#IE6 .little-button.blue:hover,
#IE6 .little-button.red:hover,
#IE7 .little-button.blue:hover,
#IE7 .little-button.red:hover {
 background-position: left 4px;
}

.little-button:hover span.inner-button,
.little-button.grey: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?v=3) no-repeat scroll
  right 0;
 padding: 4px 10px 5px 0;
}

.little-button.grey {
 background-position: left -868px;
}
/* no #IE6/7 because #colorbox lies out of that div */
* html .little-button.grey {
 background-position: left -864px;
}
*+html .little-button.grey {
 background-position: left -864px;
}


.little-button.grey span.inner-button {
 background-position: right -868px;
 color: #fff;
}

.little-button.blue {
 background-position: left -44px;
}
#IE6 .little-button.blue,
#IE7 .little-button.blue {
 background-position: left -40px;
}

.little-button.blue span.inner-button {
 background-position: right -44px;
 color: #fff;
}

.little-button.red {
 background-position: left -220px;
}
#IE6 .little-button.red,
#IE7 .little-button.red {
 background-position: left -216px;
}

.little-button.red span.inner-button {
 background-position: right -220px;
 color: #fff;
}

.little-button.grey span.inner-button span strong,
.little-button.blue span.inner-button span strong,
.little-button.red span.inner-button span strong,
.little-button.grey span.inner-button span,
.little-button.blue span.inner-button span,
.little-button.red span.inner-button span {
 color: #fff;
}

.little-button.print .label-wrapper {
 padding-right: 24px;
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  -287px -503px;
}

.little-button.comments .label-wrapper {
 padding-right: 20px;
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  -261px -482px;
}

.little-button.addthis_button_facebook .label-wrapper {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  55px -779px;
 padding-right: 18px;
}

.little-button.addthis_button_twitter .label-wrapper {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll
  60px -750px;
 padding-right: 20px;
}
.little-button.plus .label-wrapper {
 background: transparent url(/images/sprites/plus.gif) no-repeat scroll 0 4px;
 padding-left: 13px;
}
.little-button.minus .label-wrapper {
 background: transparent url(/images/sprites/minus.gif) no-repeat scroll 0 4px;
 padding-left: 13px;
}

input.little-button {
    border:none;
    color:white;
}

/*********************************************
 ************* REVEAL BUTTON CSS *************
 *********************************************/
.reveal-button-wrapper {
 text-align: center;
}

.mytimeout .reveal-button-wrapper {
    margin-top: -18px;
}

.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?v=2.1) 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;
}

/******* S VENUE CONTAINER
 ( called venue-contanier but used when there are lists arranged in columns in the centre zone )
***/
.venue-container {
 width: 152px;
 float: left;
 margin: 0 13px 0 0;
}

.venue-container.last {
 margin: 0;
}

.venue-container * {
 margin-bottom: 4px;
}

.venue-container li {
 margin-bottom: 0;
}

.venue-container div.image-wrapper {
 margin-bottom: 7px;
}

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

/******* E VENUE CONTAINER *******/
/******* S default_list_item_html  *******/
.list-item h4 {
 font-size: 1.166em;
 line-height: 1.14;
}

.list-item span.inline-flags {
 overflow: auto;
 display: block;
 margin-bottom: 2px;
}

.list-item span.flag,
.list-item span.inline-flags span.free {
 display: block;
 float: left;
 line-height: 15px;
 margin-right: 5px;
}

.list-item span.inline-flags span.free {
 background: transparent url(/images/sprites/icons.gif?v=2.1) no-repeat scroll 0 -810px;
 font-size: 0;
 line-height: 0;
 height: 16px;
 width: 28px;
 padding: 0;
}

/* Slight tweak to last chance flag: */
.list-item span.last-chance {
 background-position: -3px -165px;
}

.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: 1px;
 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;
}

#IE6 div.slim .page-title,
#IE6 div.slim .page-subtitle {
 height: 1%;
}

div.slim .page-title h1 {
 font-size: 2.707em;
}

div.slim .page-subtitle h2 {
 padding-bottom: 12px;
 border-bottom:none;
}
/******* E default_list_item_html  *******/

/*********************************************
 ********* S JQUERY AUTOCOMPLETE CSS *********
 *********************************************/
.ac_results {
 padding: 0px;
 border: 1px solid black;
 background-color: white;
 overflow: hidden;
 z-index: 99999;
}

.ac_results ul {
 width: 100%;
 list-style-position: outside;
 list-style: none;
 padding: 0;
 margin: 0;
}

.ac_results li {
 margin: 0px;
 padding: 2px 5px;
 cursor: default;
 display: block;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */ /*width: 100%;*/
 /* font: menu;*/
 font-size: 1em;

    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */

 line-height:1.25;
 overflow: hidden;
}

.ac_loading {
 background: #fff url(/images/loader-transparent.gif) right center no-repeat;
}

.ac_odd {
 background-color: #fff;
}

.ac_over,
.ac_over strong {
 background-color: #000;
 color: #fff;
}

/*********************************************
 ********* E JQUERY AUTOCOMPLETE CSS *********
 *********************************************/
form.two-column div.widget-container {
 margin-bottom: 10px;
 padding-bottom: 10px;
}

form.two-column div.widget-label {
 float: left;
 width: 30%;
 margin-right: 10px;
 text-align: right;
}

form.two-column div.widget-label label {
 font-weight: bold;
}

form.two-column div.widget-field {
 float: left;
 width: 65%;
}

form.two-column div.widget-field span.help {
 display: block;
 clear: both;
 font-style: italic;
 color: #aaa;
 margin-top: 5px;
}

form.two-column input[type="text"],
form.two-column textarea {
 border: 1px solid #aaa;
}

form.two-column ul.radio_list li,
form.two-column ul.checkbox_list li {
 display: block;
}

form.two-column span.required,
form.two-column .error-message {
 color: #ed1b24;
}

form.two-column .error-message {
 display: block;
 margin-bottom: 5px;
}

form.two-column p.error-message {
 margin-bottom: 15px;
}

form.two-column input.required,
form.two-column textarea.required {
 border: 1px solid #ed1b24;
}

form.two-column .submit-button {
 background: #fff url(/images/sprites/search.gif?v=2.0) no-repeat scroll left
  -424px;
 height: 18px;
 width: 47px;
 border: none;
 cursor: pointer;
}

.double-column-header .details {
 margin-bottom: 5px;
}

.double-column-header .header-logo {
 position: relative;
 margin-bottom: 10px;
 width: 812px;
}

.double-column-header .header-logo h1,
.double-column-header .header-logo .details {
 width: 483px;
}

.double-column-header .header-logo .details-ticket {
 padding-bottom: 20px;
}

.double-column-header .header-logo a.logo {
 position: absolute;
 right: 0;
 bottom: 0;
}

/* Has to be here for event pages which don't use microsite.css */
.double-column-header .header-logo a.ckfree {
 bottom: -1px;
}
/* @todo: test */
#IE6 .double-column-header .header-logo a.ckfree {
 bottom: -4px;
}

.double-column-header .solid-border-top {
 padding-top: 0;
}
#IE6 .double-column-header .solid-border-top {
 height: 1%;
}

form input.default {
 color: #aaa;
}

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

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

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

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

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

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

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

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

div.center-content div.columned-lists
{
	border-bottom: 6px solid #DDDDDD;
}