/* Document : tl-main Created on : Nov 16, 2007, 4:50:28 PM Author : okavanagh - Touch Local */ /*Colours Light khaki= #f9f9ef Blue= #009ddc Pink= #e8006e Bright Green= #c4cf06 Light Grey= #f2f2f2 Mid Grey= #e5e5e5 Dark Grey= #666666 */ /*-------------------------------------- Touch Local Print CSS ----------------------------------------*/ /* Document : tl-layout Created on : Nov 16, 2007, 4:50:28 PM Author : okavanagh - Touch Local Description: CSS for Layout */ /*Colours Really Light khaki= #fafaea Light khaki= #e7e8cf Blue= #009ddc Pink= #e8006e (old Pink #e82c80) Bright Green= #c4cf06 Light Grey= #f2f2f2 Mid Grey= #e5e5e5 Dark Grey= #666666 */ img#logo_print {display:block}
html, body {text-align: center; height:100.1%}
#tl_container {width:930px; margin:0 auto; text-align: left; padding:10px 0px 0 0px; /* bottom padding for footer */ height:100%; /* IE6: treated as min-height*/ position:relative}
#tl_container_landingpage {width:930px; margin:0 auto; text-align: left; padding:10px 0px 700px 0px; /* bottom padding for footer */ position:relative; z-index:100}
#tl_header {display:none}
#tl_maincontent {width: 100%}
#people_footer {display:none}
#tl_footer_container {display:none}
#tl_footer {display:none}
/*-------------------------------- 2 column Left/Right Nav - Search Results - Bus Details - Homepages --------------------------------*/ #tl_lnav_left, #tl_rnav_right {float: none; width: 300px}
#tl_lnav_right, #tl_rnav_left {float:none; width:100%}
#tl_lnav_left, #tl_rnav_left {margin-right: 10px}
/*------------------------------------------------ Layout for About Us section ---------------------------------------------------*/ #tl_about_left {display:none}
#tl_about_right {width:100%}
/*------------------------------------------- Homepage -------------------------------------------*/ /*-------------------------------------------- Menus ---------------------------------------------*/ /* This is the menu within the header */ div#tl_main_menu {display:none}
div#tl_main_menu div.menu_back {display:none}
#tl_main_nav {display:none}
/*----------------------------------------- For the Login parts of the top nav -----------------------------------------*/ ul#tl_navbar {display:none}
/*-------------------------------------- Lozenges that contain the search ----------------------------------------*/ div.tl_search {display:none}
/*-------------------------------------- The first postcode upsell area --------------------------------------*/ div.tl_home_postcode {display:none}
/*-------------------------------------------- The login form on the homepage ----------------------------------------*/ #tl_login_home {display:none}
/* ------------------------------------------------ For the upsell area ------------------------------------ */ #tl_upsell_home {display:none}
/*---------------------------------------------- The newsfeed CSS --------------------------------------------*/ #newsfeed {margin-bottom:10px; height:450px}
#newsfeed div.img_control {float: right; color:#e8006e; font-size:0.8em; margin-right:10px; margin-top:10px}
.tl_newsfeed {background:#f1f1e2; margin-bottom:10px; padding:7px 0 5px 0; height:35px; margin-left:25px; border:1px solid #e2e2c7}
.tl_newsfeed:hover {border-right:5px solid #e8006e; background:#e1e1cd; padding:7px 0 5px 0}
.tl_newsfeed div.img, div.tl_map_content span.img {float: left; height:50px; width:50px; margin-right:8px}
.tl_newsfeed div.img {position:absolute; margin-left:-18px; margin-top:-8px}
.tl_newsfeed div.img#offer {margin-left:-20px; margin-top:-10px; width:55px; height:55px; background:url(/images/icons/icon-specialoffer.png)}
.tl_newsfeed div.img#business {margin-left:-20px; margin-top:-10px; width:55px; height:55px; background:url(/images/icons/icon-businessadd.png) no-repeat}
.tl_newsfeed p {padding-left:38px; line-height:normal}
.tl_newsfeed span.address {color:#999; font-style:italic}
.tl_newsfeed em {float: right; font-size:0.8em; margin-right:10px; color:#999; background:url(/images/icons/icon-clock.gif) no-repeat 0 1px; padding-left:14px}
.tl_newsfeed blockquote {font-family: georgia, arial, sans serif; font-style:italic; background:url(/images/blockquote.gif) 0 2px no-repeat; padding:2px; text-indent:11px; margin-left:38px; margin-top:1px; line-height:normal}
.tl_newsfeed blockquote p, div.tl_map_content blockquote p, .bd_reviews_box .center blockquote p {display:inline; background:url(/images/blockquote-close.gif) 100% 100% no-repeat; padding-left:0; padding-right:15px; margin-right:5px}
.bd_reviews_box .center blockquote p {float: none; margin-right:5px}
/*---------------------------------- And the tabs for the content on the homepage -----------------------------------*/ ul.tl_map_tabs {display:none}
/*This is the holder, I'll use this for the menu in MyTouch as well so I don't duplicate content */ div.tl_map_content {margin-top:-5px; background: url(/images/map-content-back.gif) 0 0 repeat-x; width:620px; line-height:normal}
div.my_touch_submenu {background: url(/images/sub-menu-back.gif) 0 0 repeat-x; width:930px; margin-bottom:20px; position:relative}
div.tl_map_content .t, div.my_touch_submenu .t {background: url(/images/map-border-top.gif) 0 0 repeat-x}
div.tl_map_content .b, div.my_touch_submenu .b {background: url(/images/map-border-bottom.gif) 0 100% repeat-x}
div.tl_map_content .l, div.my_touch_submenu .l {background: url(/images/map-border-left.gif) 0 0 repeat-y}
div.tl_map_content .r, div.my_touch_submenu .r {background: url(/images/map-border-right.gif) 100% 0 repeat-y}
div.tl_map_content .bl {background: url(/images/map-content-bl.gif) 0 100% no-repeat ; width:620px}
div.tl_map_content .br {background: url(/images/map-content-br.gif) 100% 100% no-repeat}
div.my_touch_submenu .bl {background: url(/images/sub-content-bl.gif) 0 100% no-repeat ; width:930px}
div.my_touch_submenu .br {background: url(/images/sub-content-br.gif) 100% 100% no-repeat}
div.tl_map_content .tl, div.my_touch_submenu .tl {background: url(/images/map-content-tl.gif) 0 0 no-repeat}
div.tl_map_content .tr {background: url(/images/map-content-tr.gif) 100% 0 no-repeat; padding:20px 8px 20px 20px}
div.my_touch_submenu .tr {background: url(/images/map-content-tr.gif) 100% 0 no-repeat; padding:10px}
/* now we'll set the text styles in the map content and layout */ div.tl_map_content #reviews, div.tl_map_content #offers, div.tl_map_content #questions, div.tl_map_content #businesses {width:580px; margin-right:10px; height:220px}
div.tl_map_content .review, div.tl_map_content .offers, div.tl_map_content .map_questions, div.tl_map_content .businesses {padding:10px 0 10px 0; border-bottom: 1px dotted #9d9d7b; width:580px}
div.tl_map_content .businesses {padding:15px 0 15px 0}
div.tl_map_content .offers span.icon, div.tl_map_content .businesses span.icon {position:absolute; margin:-5px 0 0 520px; width:55px; height:55px}
div.tl_map_content .offers span.icon {background:url(/images/icons/icon-specialoffer.png) no-repeat}
div.tl_map_content .businesses span.icon {background:url(/images/icons/icon-businessadd.png) no-repeat}
div.tl_map_content address {display:inline; color:#999}
div.tl_map_content blockquote {font-family: georgia, arial, sans serif; font-style:italic; background:url(/images/blockquote.gif) 0 2px no-repeat; padding:3px 10px 3px 3px; text-indent:10px}
div.tl_map_content em {font-size:0.9em; color:#999}
div.tl_map_content div.img {float: right; margin-right:0}
div.tl_map_content .map {float: left; width:280px; height:225px; border:1px solid #e6e5cf; background:#fff}
div.tl_map_content p.offer {width:500px}
/*------------------------------------------------ Search results Page ----------------------------------------*/ .sr_results {font-size:1.8em; padding:0; display:none}
.sr_resultshead {padding: 20px 20px 20px 0; font-size:1.8em}
.sr_resultshead span.results {display:none}
.sr_resultshead p {display:none}
.sr_alsotry {display:none}
.sr_page_tools {display:none}
#sr_question {display:none}
.reco_results {display:none}
.pagination {display:none}
.nd_pagination {display:none}
/*--------------------------------------- This is the Free/Paid Listing Box on serps -----------------------------------------*/ .sr_listing {font-size:1.4em}
.sr_listing div.paid {padding:20px 0 20px 0; border:0; border-bottom: 1px solid #f4f4f4; margin-bottom:5px}
.sr_listing div.basic {padding:20px 0 20px 0; border:0; border-bottom: 1px solid #f4f4f4; margin-bottom:5px}
.sr_listing .left {display:none}
.sr_listing .center {float: none; width:100%}
.sr_listing .center em {display:none}
.sr_listing .center p {display:block; margin: 10px 0 0 0}
.sr_listing .center div.cats {display:none}
.sr_listing .center span.cat {color:#999}
.sr_listing .center h2 {display:inline; font-size:1.0em; font-weight:normal; color:#999}
.sr_listing .right {float:none}
.sr_listing span.paid_title a:link, .sr_listing span.paid_title a:visited {font-weight:bold; text-decoration:none; margin-bottom:10px; display:block; border-width:0; color:#009ddc}
.sr_listing span.basic_title a:link, .sr_listing span.basic_title a:visited {font-weight:bold; text-decoration:none; margin-bottom:10px; display:block; border-width:0; color:#009ddc}
.sr_listing address {margin-bottom:10px; font-style: normal}
.sr_listing ul {padding-left: 0px}
.sr_listing ul li {padding:4px 0 4px 0; color:#666; display:inline}
.sr_listing ul li.booking {padding:6px 0 4px 0px}
p.sr_noresults {display:none}
ul.sr_location_scope {display:none}
ul.sr_location_scope li {display:none}
.sr_listing .film {background:url(/images/icons/icon-film.gif) 1px 3px no-repeat; display:none}
.sr_listing .phone {background:url(/images/icons/icon-phone.gif) 1px 3px no-repeat; font-size:1.1em; font-weight:bold;}
.sr_listing .callback {background:url(/images/icons/icon-callback.gif) 1px 3px no-repeat;position:relative;display:none;}
.sr_listing .email {background:url(/images/icons/icon-email.gif) 1px 3px no-repeat; display:none;}
.sr_listing .website {background:url(/images/icons/icon-website.gif) 1px 3px no-repeat; display:none;}
.sr_listing .business {background:url(/images/icons/icon-business.gif) 1px 3px no-repeat; display:none;}
.sr_listing .directions {background:url(/images/icons/icon-directions.gif) 1px 3px no-repeat; display:none;}
.booking {display:none}
.booking p {display:none}
.sr_listing ul li.booking a.booking_link {color:#009ddc}
.sr_spacer {clear:both}
/*------------------------------------------ Business Details Page --------------------------------------------*/ .bd_resultshead {display:none}
.bd_tree {display:none}
.bd_details {margin-top:10px; padding-right:10px}
.bd_details h1 {font-size:1.8em; font-weight:bold; margin-bottom:0; color:#3e3e3e}
.bd_details address {font-style: normal; margin-bottom:5px; margin-top:0}
.bd_details strong.number {font-weight:bold; color:#3e3e3e; font-size:1.4em}
.bd_details .left {display:none}
.bd_details p {margin-bottom:10px; margin-top:10px; margin-left:0}
.bd_details strong {font-weight:normal}
.bd_details div.buttons {display:block; margin-bottom:10px}
p.bd_keywords {display:none}
h2.bd_cats {display:none}
#bd_large_map {position:absolute; z-index:100; top: 81%; left:3%}
.bd_map_outer {border:1px solid #d3d4b3; position:relative; width:298px; margin:10px 0 10px 0; position:absolute; top:0; left:600px}
.bd_map_outer p {clear:both; background:url(/images/directions-back.gif) repeat-x; padding:9px 9px 7px 9px}
a.direction_link {display:none}
#bd_rightcolumn {display:none}
div.bd_sub_head {font-weight:bold; color:#939c03; font-size:1.2em; margin:0 0 9px 0; font-style:italic; display:block}
.bd_report_admin {display:block; padding:5px; margin-bottom:10px; clear: both}
.bd_report_admin p {float: right}
.bd_report_admin a:link, .bd_report_admin a:visited {color:#ff0000}
/*------------------------------------------- Pop up for Click to Call ------------------------------------------*/ .bd_clickcall {display:none}
/*-------------------------------------------- Boxes on listing -----------------------------------------------*/ #bd_says {height:110px; min-height:110px; padding:20px; background:#fafaea}
html>body #bd_says {height: auto; /*This hides from IE - fixes the min-height*/ }
#bd_says_free {display:none}
/*------------------------------------ This is the free upsell section on a listing ----------------------------------*/ .bd_free_upsell {display:none}
.bd_mpu {display:none}
.bd_mpu_ad {display:none}
.bd_mpu_large {display:none}
#bd_upsell_box {display:none}
#bd_extra {background: #fff url(/images/green-dot.gif) repeat-x top left; padding-top:10px; width:600px}
#bd_extra strong {font-weight:bold; display:block; font-size:1.1em; color:#3e3e3e; padding:3px 0 3px 0; background:url(/images/extra-head-back.gif) no-repeat}
#bd_extra p {margin:10px 0 10px 0}
a.bd_comp_image {width:100px; margin-bottom:10px; border-bottom-style: none; border-width:0}
/*Reviews box - Bus Details*/ .bd_reviews_box {padding:0 0 10px 0; background: url(/images/green-dot.gif) repeat-x top left}
.bd_reviews_box b {color:#e8006e; font-size:1.2em}
.bd_reviews_box .left {display:none}
.bd_reviews_box .left div.img {position:relative; margin:5px 0 0 10px}
.bd_reviews_box .left img {display:block; margin-bottom:10px; width:50px}
.bd_reviews_box .center {float: none; width:320px; padding-right:20px; margin-top:10px; overflow:hidden}
.bd_reviews_box .center blockquote {padding:3px; padding-left:0px; text-indent:0; font-size:1.2em}
.bd_reviews_box .center b {font-weight:bold; color:#e8006e; font-size:1.0em; display:block; margin-bottom:10px}
.bd_reviews_box .right {float: none; margin-top:10px}
.bd_reviews_box .right span {display:block; margin-top:10px; width:150px}
.bd_reviews_box .right strong {color:#999}
.bd_write_review {display:none}
.bd_report_review {display:none}
.bd_review_message {display:none}
/*------------------------------------------------- Special Offers Box --------------------------------------------å*/ .bd_specialoffers {display:none}
/*If the company has an eBay listing*/ #bd_ebay {display:none}
/*This is the back link for business detail stuff*/ a.bd_back_link:link , a.bd_back_link:visited {display:none}
.recommend_buttons {display:none}
/*New Accordion*/ .accordion_content {display:none}
/*Latest review, addition, featured*/ p.nd_latest_reviews {padding: 9px; height:45px}
p.nd_latest_bus {padding: 9px; height:25px}
/*Maps*/ .tl_map {width:510px; height:500px; float:left; border:1px solid #ccc; margin-left:10px}
.tl_map_left {float:left; width:200px; margin:5px 10px 0 0; min-height:550px; height:auto}
.tl_map_right {float:left; margin:0 0 20px 0; width:720px}
.tl_map_left .sr_listing {cursor:pointer}
b.map_tl_name a {font-size:1.0em; margin-bottom:3px}
b.map_free_name a {color:#6e6a4f; margin-bottom:3px}
img.map_pins {float:left; margin-bottom:50px; margin-right:5px}
address.map {font-weight:normal; margin-left:32px}
#sr_map_reset {margin: 10px 0 0 0}
.tl_map_pop strong {display:block; margin-bottom:3px}
.tl_map_pop b {color:#e8006e; margin-top:10px; margin-bottom:3px; display:block}
.map_outer {border:1px solid #ccc; position:relative; width:718px; height:720px; float: left; margin-top:5px}
#smaller_map {float:right; margin-top:10px}
#bigger_map {float:right; margin-top:10px}
.map_left {position:absolute; z-index:30; width:20px; height:720px; display:block; background:url(/images/map-overlay-left.png)}
.map_right {position:absolute; z-index:30; margin-left: 705px; width:20px; height:720px; background:url(/images/map-overlay-right.png)}
.map_top {position:absolute; z-index:30; width:718px; height:20px; display:block; background:url(/images/map-overlay-top.png)}
.map_bottom {position:absolute; z-index:30; margin-top: 700px; width:718px; height:20px; display:block; background:url(/images/map-overlay-bottom.png)}
/* ---------------------------------------- Also Serving ----------------------------------------*/ .sr_also_serve {display:none}
/*----------------------------------- For our own ads --------------------------------------*/ .sponsored_result {display:none}
/*------------------------------- For the Google Ads ----------------------------------*/ /*Top*/ .sponsored_g_result {display:none}
.sponsored_g_right {display:none}
.print {display:none}
.print_width {width:100%}
span.tl_loyalty_small, span.tl_loyalty_large {display:none}