/* general */
body { background-color: #37362e; }
body, p, td, input, select, textarea, li, a, button { font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "Lucida", "Verdana", "sans-serif" !important; font-size: 8.5pt; color: #58595B; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin: 0 0 15px 0; padding: 0; line-height: 17px; }
p.first { color: #1C2835; font-size: 10pt; margin-bottom: 30px; }
p.no_margin { margin: 0; }
h2 { color: #1C2835; font-size: 10pt; margin: 0 0 2px 0; font-weight: normal; }
a:focus, a:active, button:focus, button:active { -moz-outline: none; outline: none; }
h1 { margin: 20px 0 20px 0; padding: 0; height: 14px; background-repeat: no-repeat; overflow: hidden; }
form { display: inline; }
strong { font-weight: normal; color: #000; font-size: 9pt; }
.hr { height: 0; border-bottom: 1px solid #e7e7e8; width: 620px; padding: 5px 0 0 0; margin: 0 0 20px 0; }
.col { width: 130px; float: left; margin-right: 20px; }
.back_link { float: right; margin-right: 20px; }
tr.center td { text-align: center !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.bold { font-weight: bold !important; }
.no_border { border: none !important; }
.no_rborder { border-right: none !important; }
.no_lborder { border-left: none !important; }
.no_tborder { border-top: none !important; }
.no_bborder { border-bottom: none !important; }
.spacer { clear: both; }
td.no_padding { padding: 0 !important; }
.small { font-size: 7.5pt; }
.notransform { text-transform: none !important; }
.strike { text-decoration: line-through; }

/* page layout */
#container, #header, #content-header, #content-bg, #content-footer { width: 920px; }
#container { position: relative; margin: 20px auto 0 auto; background: repeat-y url(images/content-bg.png); }
#header { height: 121px; background-image: url(images/header.png); position: relative; }
#content-header { height: 100px; background: url(images/content-header.png) no-repeat; position: relative; }
#content-header a { display: block; width: 130px; height: 60px; text-decoration: none; position: relative; left: 700px; top: 20px; }
#content-footer { height: 17px; background-image: url(images/content-footer.png); overflow: hidden; }
#content-left { padding: 0 0 5px 40px; width: 639px; float: left; }
#content-right { padding: 0 40px 5px 20px; width: 180px; float: right; }
#content-bg p { width: 530px; }
#features { display: block; text-decoration: none; background: url(images/features.png); width: 191px; height: 306px; margin-top: 20px; }

/* colours */
.black { color: #1C2835; }
.olive { color: #ddc863; }
.white_bg { background-color: #fff !important; }
.beige_bg { background-color: #e6e4cb !important; }
.navy { color: #1C2835; }
.red { color: #900; }

/* table styles */
table.table1 { border-collapse: collapse; margin: 0; border-spacing: 0; }
table.table1 th, table.table1 td { text-align: left; border-bottom: 1px solid #ccc; padding: 5px 20px 5px 0 !important; }

/* popup */
#puc { position: absolute; z-index: 100; display: none; }
#popup-table { border: none; border-collapse: separate; border-spacing: 0; *border-collapse: collapse; width: 100%; height: 100%; } /*HACK FOR IE 7 */
#popup-table td { padding: 0; }
#popup-table .tl { width: 20px; height: 20px; }
#popup-table .t { background: url(images/popup/t.png) repeat-x; }
#popup-table .tr { width: 20px; }
#popup-table .l { background: url(images/popup/l.png) repeat-y; }
#popup-table .m { padding: 5px; background: #fff; position: relative; height: 100%; }
#popup-table .r { background: url(images/popup/r.png) repeat-y; }
#popup-table .bl { height: 20px; }
.itr, .itl, .ibr, .ibl { height: 20px; width: 20px; }
.itl { background: url(images/popup/tl.png); }
.itr { background: url(images/popup/tr.png); }
.ibl { background: url(images/popup/bl.png); }
.ibr { background: url(images/popup/br.png); }
#popup-table .b { background: url(images/popup/b.png) repeat-x; }
#popup-buy-now { display: block; text-decoration: none; float: left; background: url(images/buy-now.png); width: 147px; height: 28px; margin-right: 10px; }
#popup-close { display: block; text-decoration: none; float: left; background: url(images/close-x.png); width: 107px; height: 28px; }
#location-details, #location-details .col {  height: 100%; }
#location-details .lhs { width: 244px; border-right: 1px solid #e7e8e8; padding-right: 20px; height: 100%; }
#location-details .rhs { width: 290px; margin: 0; height: 100%; }
/* #location-details img { margin: 20px 0 10px 0; height: 208px; width: 244px; } */
#location-details img { margin: 20px 0 10px 0; height: auto; width: 244px; }
#features-table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-top: 30px; }
#features-table td { padding: 3px 0; border: 1px solid #e7e8e8; height: 20px; margin: 0; }
#features-table td.left { border-right: none; padding-left: 7px; }
#features-table td.right { text-align: right; border-left: none; padding-right: 7px; }
#features-table td img { height: 11px; width: 11px; margin: 0; padding: 0; }
#popup_close_btn { float: right; margin-top: 10px; cursor: pointer; }

/* attraction popup table */
#location-details table.a { border-collapse: collapse; margin-top: 5px; }
#location-details table.a td { width: 33%; padding: 3px 5px 3px 3px; border: 1px solid #e7e8e8; }

/* basket */
#basket { width: 190px; }
#basket-header { background: url(images/your-basket.png); width: 190px; height: 27px; margin: 20px 0 5px 0; }
#basket-view { display: block; background: url(images/view-basket.png); width: 190px; height: 22px; margin: 10px 0 20px 0; text-decoration: none; }
#basket-qty { display: block; float: left; margin-left: 5px; }
#basket-total { display: block; text-align: right; margin-right: 5px; }
#created-by-link { width: 823px; margin: 0 auto; text-align: right; }
#created-by-link a { color: #716558; text-decoration: none; }

/* menu */
#selected { position: absolute; bottom: 15px; height: 63px; width: 114px; z-index: 2; }
#menu { position: absolute; bottom: 15px; right: 10px; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { float: left; margin: 0; } 
#menu a { display: block; height: 33px; width: 90px; text-decoration: none; }
#menu span { visibility: hidden; }
#menu #w { background: url(images/menu/out/welcome.png); width: 97px; }
#menu #w:hover { background: url(images/menu/over/welcome.png); }
#menu #p { background: url(images/menu/out/prices.png); }
#menu #p:hover { background: url(images/menu/over/prices.png); }
#menu #h { background: url(images/menu/out/how-it-works.png); }
#menu #h:hover { background: url(images/menu/over/how-it-works.png); }
#menu #a { background: url(images/menu/out/attractions.png); }
#menu #a:hover { background: url(images/menu/over/attractions.png); }
#menu #s { background: url(images/menu/out/shipping.png); }
#menu #s:hover { background: url(images/menu/over/shipping.png); }
#menu #f { background: url(images/menu/out/faqs.png); }
#menu #f:hover { background: url(images/menu/over/faqs.png); }
#menu #c { background: url(images/menu/out/contact-us.png); }
#menu #c:hover { background: url(images/menu/over/contact-us.png); }
#menu #l { background: url(images/menu/out/london-pass.png); width: 89px; }
#menu #l:hover { background: url(images/menu/over/london-pass.png); }

/* bottom links */
#bottom-links { clear: both; padding: 10px 25px 5px 37px; background: repeat-y url(images/content-bg-plain.png); }
#bottom-links table { width: 860px; }
#bottom-links td { border-right: 1px solid #e7e7e8; text-align: center; }
#bottom-links td.first { text-align: left; }
#bottom-links td.last { border-right: none; }
#bottom-links a { color: #bcbdc0; text-decoration: none; }
#bottom-links a:hover { text-decoration: underline; }
#bottom-hr { border-bottom: 1px solid #e7e7e8; width: 838px; margin: 0 0 5px 0; }

/* welcome page */
#welcome-header { width: 900px; padding: 0 10px; height: 298px; margin: 0 auto; position: relative; background-color: #37362e; }
#welcome-photo { width: 540px; height: 298px; position: absolute; left: 10px; top: 0; }
#welcome-buy { width: 360px; height: 298px; background: url(images/welcome-header-grad.jpg); position: absolute; top: 0; right: 10px; }
#welcome-buy-now { display: block; height: 19px; width: 359px; background: url(images/welcome-buy-now.png); text-decoration: none; position: absolute; right: 0; top: 33px; }
#child-pass { width: 96px; height: 96px; background: url(images/child-pass.png); position: absolute; right: 0; top: 0; z-index: 1; }
#winter-sale-now-on { display: none; width: 96px; height: 96px; background: url(images/winter-sale-now-on.png); position: absolute; right: 0; top: 0; z-index: 1; }
#pass_desc { color: #fff; font-size: 7pt; text-align: center; margin-top: 10px;; }
#header_photo1, #header_photo2 { width: 540px; height: 298px; position: absolute; top: 0; left: 0; border: none; }
#header_photo1 { z-index: 10; }
#header_photo2 { z-index: 1; }
#arrow-left, #arrow-right { position: absolute; bottom: 110px; right: 20px; background: url(images/arrow-right.png); text-decoration: none; width: 28px; height: 28px; cursor: pointer; }
#arrow-left { background: url(images/arrow-left.png); right: 315px; }
#pass-container { width: 229px; height: 214px; overflow: hidden; position: absolute; bottom: 0; right: 67px; }
#pass-container2 { position: absolute; left: 0; width: 5000px; }
#pass-container2 img { margin-right: 100px; }

/* attractions page */
#attractions_options div { width: 220px; float: left; margin-right: 20px; }
#attractions_options div.number { width: 20px; margin: 0; }
#attractions_options div.or { width: 40px; }
#view-map { display: block; background: url(images/view-map.png); height: 28px; width: 127px; text-decoration: none; margin: 10px 0 20px 0; }
#special_offers_box { width: 190px; height: 112px; background: url(images/special_offers_bg.jpg) no-repeat; float: right; margin-right: 108px; position: relative; }
#special_offers_box p { width: 160px; margin: 34px auto 0 auto; text-align: center; line-height: 1.2; }
#special_offers_box a { position: absolute; bottom: 0; left: 0; display: block; width: 190px; height: 23px; padding-top: 5px; text-align: center; color: #fff; text-decoration: none; }
.offer_box { width: 305px; height: 79px; border: 1px solid #E1E2E2; float: left; margin: 0 6px 6px 0; }
.offer_box img { width: 125px; height: 79px; float: left; }
.offer_box table { border-collapse: collapse; }
.offer_box td { color: #d4c153; vertical-align: middle; height: 79px; padding: 0 0 0 10px; font-size: 12px; line-height: 1.3 }
.offer_box span { color: #161e28; display: block; }

/* map */
#map_header { background: url(images/map-header.png); height: 50px; width: 628px; position: relative; }
#map_bg { background-color: #1b2735; width: 628px; }
#map_footer { background: url(images/map-footer.png); height: 4px; width: 628px; }
#map { width: 620px; height: 500px; margin: 0 auto; }
#map .loading { color: #fff; text-align: center; }
#map .map-tooltip { padding: 3px; background-color: #fff; white-space: nowrap; border: 1px solid #ccc; }
#map-controls { border-spacing: 0; position: absolute; top: 12px; left: 20px; }
#map-controls td { padding: 0; color: #fff; font-size: 10.5pt; }
#map-controls-zoom-body { background-image: url(images/map-zoom-bg.png); width: 197px; height: 28px; position: relative; }
#map-controls-zoom-in { position: absolute; z-index: 20; right: 1px; top: 0; cursor: pointer; }
#map-controls-zoom-out { position: absolute; right: 174px; top: 0; cursor: pointer; }
#map-controls-type-container { background-image: url(images/map-controls-type.png); width: 197px; height: 28px; }
#map-controls-type-container a { color: #fff; display: block; float: left; margin: 4px 0 0 20px; font-size: 10pt; }
#slider-track { width: 152px; height: 10px; position: absolute; top: 9px; left: 22px; z-index: 11; }
#slider-handle { width: 11px; height: 10px; background: url(images/map-zoom-slider.png); cursor: pointer; }
#zoom-less, #zoom-more { display: block; text-decoration: none; height: 15px; width: 15px; position: absolute; top: 7px; z-index: 10; }
#zoom-less { left: 4px; }
#zoom-more { right: 6px; }

/* TP */
.tab { padding: 12px 0 0 0; width: 124px; height: 18px; text-transform: uppercase; text-align: center; float: left; }
.tab_selected { background: url(images/tab-selected.png); }
.tab_deselected { background: url(images/tab-deselected.png); }
#tp-header, #tp-bg, #tp-footer { background: url(images/tp-header.png); width: 629px; height: 9px; }
#tp-header { clear: left; }
#tp-bg { background: url(images/tp-bg.png); height: auto; padding-bottom: 10px; }
#tp-bg p { text-transform: uppercase; padding: 25px 0 0px 20px; }
#tp-bg table { margin: 0 auto 5px auto; border-collapse: collapse; width: 610px; border-spacing: 0; }
#tp-bg table td, #tp-bg table th { padding: 5px; border: 1px solid #dbdacc; text-align: left; font-weight: normal; }
#tp-bg table tr.header td { height: 43px; padding-bottom: 5px; vertical-align: bottom; }
#tp-footer { background: url(images/tp-footer.png); }
#tp-bg table td.tp-table-header { background: url(images/price-table-header.png); width: 593px; height: 35px; padding-left: 15px !important; border-color: #d1c5aa; text-align: left; color: #fff; text-transform: uppercase; }
#tp-bg table.no_padding td { padding: 0; }
#next, #back { background: url(images/next.png) no-repeat; height: 47px; width: 94px; border: none; cursor: pointer; float: right; display: block; margin: 0 9px 0 0; }
#back { background: url(images/back.png) no-repeat; margin: 0 0 0 0px; float: left; text-decoration: none; margin: 0 0 0 9px; }

/* basket page */
#basket-page table td, #basket-page table th { padding: 2px; border: 1px solid #ccc; }
#basket-page table th { font-weight: normal; text-align: left; }
#delivery_type { margin-top: 6px; }
#start_date_da, #start_date_btn { display: none; }
#promo_code{ margin-left: 5px; width: 110px; }

/* details page */
#send_offers { float: left; margin-bottom: 20px; margin-right: 10px; }

/* payment page */
#customer { width: 215px; }
#card_type { width: 220px; }
#card_no { width: 160px; }
#expiry1, #expiry2, #start_date1, #start_date2 { width: 20px; }
#issue, #cv2 { width: 40px; }

/* confirmation page */
.order-summary { width: 550px !important; margin: 20px 0 0 20px !important; }

/* affiliate container */
#affiliate_link { width: 530px; height: 70px; font-size: 10px; padding: 10px; background-color: #e5d41c; border: 1px solid #999; }

/* faqs page */
.faqs h2 { margin: 30px 0 10px 0; }
.faqs h2 a { margin: 0 0 0 5px; font-size: 7.5pt; display: none; }

/* affiliates page */
#affiliate-table { width: 550px; margin-top: 40px; }
#affiliate-table td { padding: 0 10px 20px 0; border-spacing: 0; vertical-align: top; }

/* newsletter page */
#newsletter-form input.submit { margin: 10px 0 30px 132px; }
 
/* contact page */
.contact_table { margin: 0 0 10px 0; border-collapse: collapse; width: 610px; border-spacing: 0; }
.contact_table td, .contact_table th { padding: 5px; border: 1px solid #dbdacc; text-align: left; font-weight: normal; }

/* hide elements for CSS enabled browsers */
#content-header a span, #welcome-buy-now span, #arrow-left span, #arrow-right span, h1 span, #features span, #basket-header span, #basket-view span, 
#next span, #back span, #view-map span, #popup-buy-now span, #popup-close span, #start_date_btn span { visibility: hidden; }


