/* Document : tl-reset Created on : Nov 16, 2007, 4:50:28 PM Author : okavanagh - Touch Local Description: CSS reset for styles - based on Eric Meyes web reset http://www.meyerweb.com */ html, body, div, span, applet, object, iframe, 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, 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; background: transparent}
ol, ul {list-style: none}
blockquote, q {quotes: none}
/* remember to define focus styles! */ :focus {outline: 0}
/* remember to highlight inserts somehow! */ ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0px}
/*------------------------------------------------ This is for clearing any elements -----------------------------------------------*/ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/ .clearfix {display:block;}
/* End hide from IE Mac */ /*= This is an IE only feature to fix images displaying not pixilated - this only works in IE7 and up */ img {-ms-interpolation-mode: bicubic}
/* Modified from: http://code.google.com/p/blueprintcss/ ----------------------------------------------------------------------------------------- h1,h2,h3,h4,h5,h6 {font-weight : normal}
h1 {font-size : 3em; line-height : 1; margin-bottom : 0.5em}
h2 {font-size : 2em; margin-bottom : .75em}
h3 {font-size : 1.5em; line-height : 1; margin-bottom : 1em}
h4 {font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em}
h5 {font-size : 1em; font-weight: bold; margin-bottom : 1.5em}
h6 {font-size : 1em; font-weight : bold}
p {margin : 0 0 1.5em}
ul, ol {margin : 0 1.5em 1.5em 0}
ul {list-style-type : none}
ol {list-style-type : decimal}
dl {margin : 0 0 1.5em 0}
dt {font-weight : bold}
dd {margin-left : 1.5em;}
abbr, acronym {border-bottom-width : 0}
address {margin-top : 1.5em; font-style : normal}
del {color : #666}
blockquote {margin : 1.5em 0}
strong {font-weight : bold}
em, dfn {font-style : italic}
dfn {font-weight : bold}
pre, code {margin : 1.5em 0; white-space : pre}
pre, code, tt {font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5}
tt {display : block; margin : 1.5em 0; line-height : 1.5}
table {margin-bottom : 1.4em}
th {border-bottom : 2px solid #433b34; font-weight : bold}
td {border-bottom : 1px solid #ddd}
th,td {padding : 4px 10px 4px 0}
tfoot {font-style : italic}
caption {background : #ffc}
*/ /* 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 */ /*-------------------------------- 2 column Left/Right Nav - Search Results - Bus Details - Homepages --------------------------------*/ #tl_lnav_left, #tl_rnav_right {float: left; width: 300px}
#tl_lnav_right, #tl_rnav_left {float: left; width: 620px; overflow:visible}
#tl_lnav_left, #tl_rnav_left {margin-right: 20px}
.home #tl_rnav_right {padding-top:9px}
/*------------------------------------------------ Layout for About Us section ---------------------------------------------------*/ #tl_about_left {float: left; width: 160px; margin-right:10px}
#tl_about_right {float: left; width: 750px; position:relative}
/*--------------------------------------------------- Layout for MyTouch Section ---------------------------------------------------*/ #tl_nav_mytouch {float:left; margin-right:10px; margin-bottom:10px; width:160px}
#tl_right_mytouch {float:left; margin-bottom:10px; width:780px}
#tl_nav_publicprofile {float:left; margin-right:10px; margin-bottom:10px; width:160px}
#tl_right_publicprofile {float:left; margin-bottom:10px; width:780px}
.tl_spacer {clear: both; font-size:0; height:0; line-height:0}
.tl_spacer_home {clear: both; font-size:0; height:0; line-height:0}
.tl_space_corners {font-size: 1px; height: 1px}
/*-------------------------------------------------- 2 column equal width ---------------------------------------------*/ #tl_2col_left, #tl_2col_right {float:left; width:455px}
#tl_2col_left {margin-right:20px}
/*-------------------------------------------- This is for MyBusiness Section -------------------------------------------*/ #tl_nav_mybusiness {float:left; margin-right:10px; margin-bottom:10px; width:160px}
#tl_right_mybusiness {float:left; margin-bottom:10px; width:780px}
/*--------------------------------------------- Registration and Login Section -------------------------------------------*/ #tl_register_left {float: left; padding:10px; width:355px; margin-bottom:10px; background:#f2f2f2 url(/images/register-man.gif) 38% 100% no-repeat; height:298px}
#tl_register_right {float: left; width:575px; margin-bottom:10px}
/* Document : tl-layout Created on : Nov 16, 2007, 4:50:28 PM Author : okavanagh - Touch Local Description: CSS for type */ /*Colours Really Light khaki= #fafaea Light khaki= #e7e8cf Blue= #009ddc Pink= #e8006e Bright Green= #c4cf06 Light Grey= #f2f2f2 Mid Grey= #e5e5e5 Dark Grey= #666666 */ html {font-size:100%}
body, td, th, textarea, input, select {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:75%; /* reset the body type size down to a standard 12px form 16px - 0.75 * 16px = 12px */ color:#3e3e3e; /* black is a bit harsh, lets set a dark grey for default text */ line-height:1.5; /* and give a line-height of 18px, basically 1.5x the font size for better readability */ }
table {font-size:1.3em}
/* First lets set up all our default typography stylings for margins, weight, line-heights that were reset in the reset stylesheet */ /* Headings -------------------------------------------------------------- */ /*h1, h2, h3, h4, h5, h6 {font-weight:normal;}*/ h1 {font-size:1.8em;font-weight:bold;line-height:1;margin-bottom:0.5em;color:#e8006e}
h3 {font-size:1.4em;font-weight:bold;line-height:1;margin-bottom:0.5em;color:#e8006e;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0.5em;font-weight:bold; color:#e8006e;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
/* Text elements -------------------------------------------------------------- */ p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#26587f;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
/*abbr, acronym {border-bottom:1px dotted #666;}*/ address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1.1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
/* Lists -------------------------------------------------------------- */ li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 0 1.5em 0;}
/*ul {list-style-type:disc;}*/ ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
/* Tables -------------------------------------------------------------- */ table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;vertical-align:top;}
tfoot {font-style:italic;}
caption {background:#eee;}
/* Forms -------------------------------------------------------------- */ label {font-weight : bold}
/*fieldset {padding : 1.4em; margin : 0 0 1.5em 0; border : 1px solid #ccc}*/ legend {font-weight : bold; font-size : 1.2em}
textarea {width : 390px; height : 250px; padding : 2px;}
input, textarea, select {font-size:1em; line-height:normal;}
/*---------------------------------------------------- Link Styles -----------------------------------------------*/ a:link, a:visited {outline: none; color: #009ddc; text-decoration:none}
a:hover, a:focus {text-decoration:none; border-bottom-style: dotted; border-width:1px; outline: none}
a:focus {border-width:0}
a.nohover:hover {text-decoration:none; border-bottom-style: none; border-width:0}
a.grey_links, a.grey_links:visited {text-decoration:none; color:#999}
a.reviews, a.reviews:visited {color:#e8006e; text-decoration:none; font-weight:bold}
a.pink_links, a.pink_links:visited {color:#e8006e; text-decoration:none}
b.pink_links {color:#e8006e}
.pagination a, .pagination a:visited {text-decoration:none; color:#999}
.pagination a:hover {text-decoration:none; color:#e82d7e}
.sr_pagination .pagination img {border:0}
a.tl_show_all, a.tl_show_all:visited {float:right; font-weight:normal; font-size:0.75em; text-decoration:none; color:#999}
a.business_link {position:absolute; color:#fff; top:10px; left:870px; text-shadow: 1px 1px 2px #000}
/*--------------------------------------- These are for the error messages on the site ----------------------------------*/ .tl_error_txt, .tl_success_txt, .tl_neutral_txt, #errorExplanation, .error-txt {padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;}
.tl_error_txt, .error-txt {background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4}
.tl_neutral_txt, #errorExplanation {background: #FFF6BF; color: #514721; border-color: #FFD324}
.tl_success_txt {background: #E6EFC2; color: #264409; border-color: #C6D880}
a img, button {border-bottom-style: none; border-width:0}
img.v_top {vertical-align: top}
img.v_middle {vertical-align: middle}
/* Document : tl-layout Created on : Nov 16, 2007, 4:50:28 PM Author : okavanagh - Touch Local Description: CSS for Form 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 */ /*------------------------------------------- Form Layouts --------------------------------------------------*/ div.tl_form {clear: both; padding: 5px}
div.tl_form_con {margin-bottom:9px; width:750px}
div.tl_form span.label, div.tl_form div.label, div.tl_form label.label {float: left; width: 190px; text-align: right; padding-top: 5px; font-weight: bold}
div.tl_form div.error-label {float: left; width: 190px; text-align: right; color: red; clear: both}
div.tl_form span.formw, div.tl_form div.formw {float: right; width: 530px; text-align: left; padding-top: 5px}
/*------------------------------------------------- Writing Review --------------------------------------------*/ #bd_basic div.tl_form_review {clear:both; display:block; width:500px}
#bd_basic div.tl_form_review span.label, div.tl_form_review label.label {float: left; width: 90px; text-align: right; padding-top: 10px; font-weight: bold}
div.tl_form_review div.error-label {float: left; width: 100px; text-align: right; color: red; clear: both}
div.tl_form_review span.formw {float: right; width: 390px; text-align: left; padding-top: 5px}
div.bd_write_review .fieldWithErrors input, div.bd_write_review .fieldWithErrors textarea, div.bd_write_review .fieldWithErrors img {border: 1px solid #FF0000; background:#f3dada; float: left}
/*--------------------------------------------- Editing Review -----------------------------------------------------*/ div.tl_form_review_edit {clear:both; width:930px}
div.tl_form_review_edit span.label, div.tl_form_review_edit label.label {float: left; width: 170px; text-align: right; padding-top: 8px; font-weight: bold}
div.tl_form_review_edit div.error-label {float: left; width: 170px; text-align: right; color: red; clear: both}
div.tl_form_review_edit span.formw {float: right; width: 730px; text-align: left; padding-top: 5px}
textarea.review_edit {width:370px; height:70px}
textarea.review {width:305px; height:100px}
/*-------------------------------------------- Report Review -------------------------------------------*/ div.tl_report {clear:both; width:620px}
div.tl_report label.label {float: left; width: 140px; text-align: right; padding-top: 10px; font-weight: bold}
div.tl_report input.text {width:200px}
div.tl_report div.error-label {float: left; width: 140px; text-align: right; color: red; clear: both}
div.tl_report span.formw {float: right; width: 460px; text-align: left; padding-top: 10px}
div.tl_report em {color:#999; font-size:0.9em}
div.tl_report .simple_captcha_label {position: relative; top: -70px; left: 120px; width:120px; font-size:0.9em; line-height:normal}
/*---------------------------------------- Public Profile Details ------------------------------------------*/ div.public_form {clear:both}
div.public_form label.label {float: left; width: 100px; text-align: right; padding-bottom:9px}
div.public_form span.formw {float: right; width: 340px; text-align: left; font-weight:bold}
/*------------------------------------------- Personal Details Form -------------------------------------------*/ .my_detail_page p {border-bottom:1px solid #ccc; padding:10px 0 10px 0}
.my_detail_page p.last {margin-bottom:20px}
.my_detail_page a, div.my_detail_page a:visited {color: #3e3e3e; font-weight:bold; text-decoration:none; margin-top:20px}
.my_detail_page a:hover {text-decoration:underline}
.my_detail_page label.label {font-weight:normal; float:none}
.my_detail_page span.formw {font-weight:bold; float:none}
textarea.aboutyou {width:250px; height:75px}
/*---------------------------------------------- Email a business ----------------------------------------------*/ div.tl_form_business {clear: both; padding: 5px}
div.tl_form_business label.label {float: left; width: 240px; text-align: right; padding-top: 5px; font-weight: bold}
div.tl_form_business span.formw {float: right; width: 660px; text-align: left; padding-top: 5px}
div.tl_form_business input {width:200px}
div.tl_form_business textarea {width:300px; height:100px}
div.tl_form_business input.submit_report {width:125px; height:20px}
div.tl_form_business input.check {width:10px}
div.tl_form_business input.submit_email {width:105px; height:23px}
/* =Captcha -------------------- */ #simple_captcha {height:70px}
#simple_captcha .simple_captcha_image{ margin: 0px 0px 5px 0px !important; padding: 0px !important; width:154px}
#simple_captcha .simple_captcha_image img{ width: 110px !important}
#simple_captcha .simple_captcha_field input{ width: 150px !important; font-size: 1.2em}
/*-------------------------------------------- Contact Us -------------------------------------------*/ div.tl_form_contactus {clear: both; padding: 5px}
div.tl_form_contactus label.label {float: left; width: 160px; text-align: right; padding-top: 5px; font-weight: bold}
div.tl_form_contactus span.form_entry {float: right; width: 300px; text-align: left; padding-top: 5px}
div.tl_form_contactus input {width:200px}
div.tl_form_contactus select {width:250px}
div.tl_form_contactus textarea {width:244px; height:100px}
div.tl_form_contactus input.submit {width:103px; height:23px}
/*----------------------------------------------- Form styles ------------------------------------------------*/ input.text, textarea, input.text_post {padding: 2px; font-size: 1.0em}
input.text_post {width:75px}
input.text_search {padding: 2px; font-size: 1.0em; width:120px}
textarea {overflow:auto}
input.forms, .forms_sm, .forms_med, .forms_lrg, .forms_telephone, .forms_postcode, select {padding: 2px; font-size: 1.0em}
textarea.message {width:300px; height:100px}
input.forms_sm {width:70px}
input.forms_med {width:150px}
input.forms_lrg {width:250px}
input.forms_postcode {width: 65px}
input.forms_telephone {width: 120px}
.star {font-weight: bold; color: #e8006e}
select.question_select {width:300px}
/*--------------------------------------- These are the forms for the Register Section -------------------------------------------*/ div.tl_form_user {margin-top:20px; clear: both; padding: 5px}
div.tl_form_user label.label {float: left; width: 200px; text-align: right; font-weight: bold}
div.tl_form_user span.formw {float: right; width: 700px; text-align: left}
.delete_all {float: right}
/*--------------------------------------- These are the forms for the Register Section -------------------------------------------*/ div.tl_form_logreg {clear: both; width:430px}
div.tl_form_logreg label.label {float: left; width: 100px; text-align: right; font-weight: bold; padding:5px}
div.tl_form_logreg span.formw {float: right; width: 300px; text-align: left; padding:5px}
div.tl_form_logreg .tl_spacer {display:inline}
div.tl_form_logreg .submit {width:69px; height:23px; padding:0; padding:0 3px 0px 0; border:0; background:url(/images/buttons/btn-login-blank-pink.gif) no-repeat; cursor:pointer; font-weight:bold; color:#f4f4f4; font-size:0.95em}
/* 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 CSS Main ----------------------------------------*/ /*= Main layout styles ---------------------------------------------------------- */ html, body {text-align: center; /* Used to align content center in IE7 */ height:100.1%}
body {background:#f9f9ef url(/images/body-back.gif) repeat-y scroll center top}
#tl_outer_container {position:relative; /* needed for footer positioning*/ z-index:1; width:100%; text-align:center; height:auto !important; /* real browsers */ height:100%; /* IE6: treated as min-height*/ min-height:100%; /* real browsers */ }
#tl_container {width:940px; /*background:url(/images/12_col.gif);*/ margin:0 auto; text-align: left; padding:9px 10px 215px 10px; /* bottom padding for footer */ }
#tl_container_landingpage {width:940px; margin:0 auto; text-align: left; padding:10px 0px 700px 0px; /* bottom padding for footer */ position:relative; z-index:100}
#tl_container_pop {width:auto; margin:0 auto; text-align: left; font-size: 1.1em; margin: 0 10px 10px 10px}
#tl_maincontent {width: 100%}
/*= Header section ----------------------------------------------- */ #tl_header {width: 100%; height: 90px; background:#fff}
#tl_header #head_inner {width:960px; margin:0 auto 0 auto; text-align: left; position:relative; z-index:30}
#tl_header_bar {height:15px; background:#f2f2f2; margin-bottom:10px}
img#logo_print {display:none}
a#tl_logo {width:220px; height:42px; display:block; background:url(/images/tl-logo-main.gif); text-indent:-1000px; position:absolute; top:18px; left:10px}
a#tl_logo:hover {background-position:0 -42px; border-width:0}
#tl_logo_pop {margin:10px 0 0 0}
.tl_topbanner {position:absolute; right:10px; top:10px; border:1px solid #C9CAA6; padding:3px; background:#fafaea; line-height:0}
#breadcrumb {position:absolute; top:62px; left:10px; color:#c5b9b2; font-size:0.95em; font-weight:bold}
#breadcrumb a {color:#e8006e}
#breadcrumb p {padding:0px 5px 5px 0}
#portals_top {width:190px; position:absolute; color:#3e3e3e; z-index:100; left:10px; top:90px}
#portals_top .content {background: url(/images/profile-back.gif) repeat-y; width:190px}
#portals_top .bottom {background:url(/images/profile-bottom.png) no-repeat; height:10px; width:190px}
#portals_top span.close {text-align: right; display:block; margin:0 10px 0 0; font-size:0.95em}
#portals_top ul {margin-left:12px}
#portals_top li {background:url(/images/icons/portal-list.gif) no-repeat 0 5px; padding:1px 0 1px 10px; height:1%}
#portals_top li a {}
#portals_top li.top {padding:0; background:none}
/* This is the logged in profile box in the header */ #tl_profile {background: url(/images/profile-back.gif) repeat-y; position:absolute; width:190px; color:#3e3e3e; top:0; left:250px}
#tl_profile strong {display:block}
#tl_profile p {padding:5px 10px 5px 10px; margin:0}
#tl_profile .bottom {background:url(/images/profile-bottom.gif) no-repeat bottom left; height:10px; width:190px}
/* Footer section ----------------------------------------------- */ #tl_footer_bus {clear: both; background:#f4f4f4; padding:5px; font-size:0.9em}
#tl_footer_bus p {float: right}
#people_footer {height:50px; background:#fff url(/images/people-footer.gif) no-repeat; width:930px; margin:0 auto}
#tl_footer_container {height:188px; position:absolute; width:100%; left:0; bottom:0; /* stick to bottom */ z-index:10}
#tl_footer {background: #dcdbbf url(/images/footer-back.gif) center repeat-y; font-size:0.95em; padding:9px 0 0 0; height:132px}
#tl_footer .holder {margin:0 auto; width:940px; text-align: left; padding-bottom:9px}
#tl_footer .categories {padding:2px 5px 3px 5px; background:#eae9d0; margin-top:3px}
#tl_footer ul {margin-bottom:0.5em}
#tl_footer ul.column {float: left; margin:0 20px 0 0; width:430px}
#tl_footer ul.column li {float: left; display:inline; width:14px; height:14px}
#tl_footer li {display:inline}
#tl_footer .column a:hover {border-width:0}
#tl_footer p {margin-bottom:0.5em}
#tl_footer ul li {display:inline}
#tl_footer b {display:block}
#tl_footer a:link, #tl_footer a:visited {color:#3e3e3e}
#tl_footer a:focus {color:#000}
#tl_footer a.blue_links:link, #tl_footer a.blue_links:visited {color:#009ddc; font-weight:bold}
/* This concatenates the footer a-z images for loading */ a.ft_img1, a.ft_img2, a.ft_img3, a.ft_img4, a.ft_img5, a.ft_img6, a.ft_img7, a.ft_img8, a.ft_img9, a.ft_img10, a.ft_img11, a.ft_img12, a.ft_img13, a.ft_img14, a.ft_img15, a.ft_img16, a.ft_img17, a.ft_img18, a.ft_img19, a.ft_img20, a.ft_img21, a.ft_img22, a.ft_img23, a.ft_img24, a.ft_img25, a.ft_img26, a.ft_img27 {width:14px; height:14px; display:block; float: left; background:url(/images/directory/directory-small.gif) left top no-repeat; text-indent:-9999px; margin:1px 1px 0 0; line-height:0; border-width:0}
a#ft_img:hover {border-width:0}
a.ft_img1 {background-position:0 0}
a.ft_img2{ background-position:0 -14px}
a.ft_img3{ background-position:0 -28px}
a.ft_img4{ background-position:0 -42px}
a.ft_img5{ background-position:0 -56px}
a.ft_img6{ background-position:0 -70px}
a.ft_img7{ background-position:0 -84px}
a.ft_img8{ background-position:0 -98px}
a.ft_img9{ background-position:0 -112px}
a.ft_img10{ background-position:0 -126px}
a.ft_img11{ background-position:0 -140px}
a.ft_img12{ background-position:0 -154px}
a.ft_img13{ background-position:0 -168px}
a.ft_img14{ background-position:0 -182px}
a.ft_img15{ background-position:0 -196px}
a.ft_img16{ background-position:0 -210px}
a.ft_img17{ background-position:0 -224px}
a.ft_img18{ background-position:0 -238px}
a.ft_img19{ background-position:0 -252px}
a.ft_img20{ background-position:0 -266px}
a.ft_img21{ background-position:0 -280px}
a.ft_img22{ background-position:0 -294px}
a.ft_img23{ background-position:0 -308px}
a.ft_img24{ background-position:0 -322px}
a.ft_img25{ background-position:0 -336px}
a.ft_img26{ background-position:0 -350px}
a.ft_img27{ background-position:0 -364px}
/*------------------------------------------- Homepage -------------------------------------------*/ /*-------------------------------------------- Menus ---------------------------------------------*/ /* This is the menu within the header */ div#tl_main_menu {background: url(/images/main-nav-back.gif) repeat-x center top; height:36px; width:100%}
div#tl_main_menu div.menu_back {width:980px; background: url(/images/menu-back.gif) repeat-y; margin:0 auto; text-align: left; position:relative}
#tl_main_nav {width:850px; height:36px}
#tl_main_nav ul {list-style-type:none; margin:0}
#tl_main_nav ul li {float:left; text-indent:-9999px; line-height:normal}
#tl_main_nav ul li a {display:block; text-decoration:none; background:transparent url(/images/main-menu-back.gif) no-repeat}
#tl_main_nav ul li a {border-bottom-style: none; border-width:0}
#tl_main_nav li#menu_home a {width:107px; height:36px}
#tl_main_nav li#menu_reviews a {width:109px; height:36px}
#tl_main_nav li#menu_questions a {width:86px; height:36px}
#tl_main_nav li#menu_circles a {width:140px; height:36px}
#tl_main_nav li#menu_lists a {width:151px; height:36px}
#tl_main_nav li#menu_friends a {width:105px; height:36px}
#tl_main_nav li#menu_messages a {width:118px; height:36px}
li#menu_home a:hover, li#menu_home a:focus {background-position:0px -36px}
li#menu_reviews a:link, li#menu_reviews a:visited {background-position:-107px 0px}
li#menu_reviews a:hover, li#menu_reviews a:focus {background-position:-107px -36px}
li#menu_questions a:link, li#menu_questions a:visited {background-position: -215px 0px}
li#menu_questions a:hover, li#menu_questions a:focus {background-position: -215px -36px}
li#menu_circles a:link, li#menu_circles a:visited {background-position: -300px 0px}
li#menu_circles a:hover, li#menu_circles a:focus {background-position: -300px -36px}
li#menu_lists a:link, li#menu_lists a:visited {background-position: -439px 0px}
li#menu_lists a:hover, li#menu_lists a:focus {background-position: -439px -36px}
li#menu_friends a:link, li#menu_friends a:visited {background-position: -588px 0px}
li#menu_friends a:hover, li#menu_friends a:focus {background-position: -588px -36px}
li#menu_messages a:link, li#menu_messages a:visited {background-position: -692px 0px}
li#menu_messages a:hover, li#menu_messages a:focus {background-position: -692px -36px}
#tl_main_nav li#menu_home a.active {background-position:0px -72px}
#tl_main_nav li#menu_reviews a.active {background-position:-107px -72px}
#tl_main_nav li#menu_questions a.active {background-position:-215px -72px}
#tl_main_nav li#menu_circles a.active {background-position:-300px -72px}
#tl_main_nav li#menu_lists a.active {background-position:-439px -72px}
#tl_main_nav li#menu_friends a.active {background-position:-588px -72px}
#tl_main_nav li#menu_messages a.active {background-position:-692px -72px}
/* We need to float the business user links over to the right */ div#tl_main_menu p {position:absolute; top:6px; right:20px; color:#666; padding:5px 10px 8px 10px; font-weight:bold; font-size:1.2em; background: #fff url(/images/menu-business-back.gif) repeat-x top left; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px}
div#tl_main_menu em {font-style:normal; font-weight:normal}
/*----------------------------------------- For the Login parts of the top nav -----------------------------------------*/ ul#tl_navbar {list-style-type: none}
ul#tl_bus_navbar {float:right; color: #fff; list-style-type: none; margin-top:50px}
ul#tl_navbar li a {color: #fff; text-decoration: none; padding-top:5px}
ul#tl_navbar li a:visited, ul#tl_bus_navbar li a:visited {color: #fff; text-decoration:none}
ul#tl_navbar li a:hover, ul#tl_bus_navbar li a:hover {color: #fff}
ul#tl_navbar li.login {padding-right:0px}
/*--------------------------------------------- -share/searchbox --------------------------------------------------*/ .search-box {background: #e2e2c7 url(/images/search-back.png) bottom left repeat-x; height:54px; line-height:normal; text-align:center}
.search-box form {width:960px; margin:0 auto; text-align:left; display:block; padding:14px 10px 0 30px}
.search-box label {font-size:1.3em; font-weight:bold; color: #3e3e3e; vertical-align:middle}
.search-box input {font-size:1.0em; padding:2px; color:#3e3e3e; margin-right:10px; vertical-align:middle}
.search-box input.who {width:240px}
.search-box input.where {width:195px}
.search-box .submit {width: 134px; padding:0px; height: 25px; font-weight:bold; border:0; background:url(/images/buttons/btn-findbusiness.gif) no-repeat; cursor:pointer; vertical-align:middle}
/*---------------------------------------------New auto complete search--------------------------------------------*/ .ac_results, .ac_error {padding: 0px; border: 1px solid #C9CAA6; background-color: white; overflow: hidden; z-index: 99999}
.ac_results em, .ac_error em {color: #E8006E; font-size: 90%}
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0}
.ac_results li {text-align: left; margin: 0px; padding: 2px 5px; cursor: pointer; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden}
.ac_loading {background: white url('/images/spinner.gif') right center no-repeat}
.ac_odd {background-color: #E1E1CD}
.ac_over {background-color: #E8006E; color: white}
/*-------------------------------------------- Auto Complete Search -----------------------------------------------*/ div.auto_complete {background: #fff; z-index:10; border:1px solid #e8006e; /*opacity:0.95; filter: alpha(opacity=95);*/ background:url(/images/auto-complete.png)}
div.auto_complete ul {list-style-type:none; width:auto}
div.auto_complete ul li {padding:3px; cursor:pointer; width:auto; white-space: nowrap}
div.auto_complete ul li em {color:#999}
div.auto_complete ul li.selected {background-color: #e8006e; color:#fff; cursor:pointer; width:auto; position:relative}
div.auto_complete ul li.selected em {color:#f2f2f2}
.auto_complete ul strong.highlight {color: #800}
.auto_complete a.more {font-style:italic; padding:2px}
.auto_complete a.more:hover {border-width:0}
.auto_complete span {display:block; margin-top:5px; padding: 0 3px 0 3px; color:#999; font-style:italic; border-bottom:1px solid #999; height:2.5em}
/*-------------------------------------- The first postcode upsell area --------------------------------------*/ #tl_breadcrumb {margin: 0 0 0 0; position:relative; color:#898989; padding:9px 6px 6px 0; background: #eeedda}
.region {width:614px; padding:6px 0 6px 6px; background: #fafaea; margin-bottom:9px}
#tl_breadcrumb b, .region b {color:#3e3e3e; margin: 6px 3px 6px 6px}
.region ul {margin-bottom:0}
.region li {float: left; display:inline; margin-right:4px; background:url(/images/breadcrumb-disc.gif) no-repeat 0 50%; padding-left:7px; white-space:nowrap}
.region li.first {font-weight:bold; padding:0; background:none; color:#3e3e3e}
.region li.last {background:none}
.region li.last a.see_more:link, .region li.last a.see_more:visited {color:#e8006e; font-size:0.9em; margin: 6px 3px 6px 6px}
#postcode_breadcrumb {padding:6px 0 6px 0; /*background: #fafaea;*/ position:absolute; top:0; left:630px; z-index:1}
#postcode_breadcrumb form {display:inline}
#postcode_breadcrumb form input {width:100px; padding:1px; display:inline}
#postcode_breadcrumb a:hover {border-width:0}
div.invalid_postcode {position:absolute; font-size:0.85em; font-style:italic; padding:17px 0 0 15px; height:18px; width:250px; color:#3e3e3e; background:url(/images/invalid-postcode.png) no-repeat; z-index:10; top:25px; left:50px}
/*-------------------------------------------- The login form on the homepage ----------------------------------------*/ #tl_login_home {background:url(/images/login-back.gif) no-repeat top left; width:280px; height:182px; margin:10px 0 10px 0; padding:10px; line-height:14px; color:#fff}
#tl_login_home strong {font-weight:bold; font-size:1.3em; margin-right:10px}
#tl_login_home strong span.welcome {font-weight:normal; font-size:0.8em}
#tl_login_home em a, .tl_form_log em a {font-size:0.85em}
#tl_login_home em a {color:#fff}
#tl_login_home form {display:block; padding:0 0 10px 0; border-bottom: 1px dotted #fff; margin-bottom:8px; position:relative}
#tl_login_home p {float:left; text-align:left; margin:0 10px 0 0; padding:0}
#tl_login_home label {display:block; color: #fff; margin-top:9px}
#tl_login_home label em {color:#666; font-size:0.7em; font-weight:normal; text-decoration:none}
#tl_login_home input {font-size:1.0em; padding:2px; width:180px}
#tl_login_home input.submit {width:63px; height:21px; padding:0; border:0; background:url(/images/buttons/btn-login-grey.gif) no-repeat; font-size:0.9em; cursor:pointer; font-weight:bold; color:#f4f4f4; margin-top:5px}
#tl_login_home input.checkbox {display:inline; width:10px}
#tl_login_home img {vertical-align:middle}
/* ------------------------------------------------ For the upsell area ------------------------------------ */ #tl_upsell_home {background:url(/images/upsell-back.gif) no-repeat top left; width:280px; height:181px; margin-top:37px; padding:10px; color:#fff}
#tl_upsell_home strong {font-size:1.4em; margin-bottom:20px; display:block}
#tl_upsell_home p {margin-bottom:10px; display:block; width:200px}
/*---------------------------------------------- The newsfeed CSS --------------------------------------------*/ #newsfeed {margin:0 0 9px 0}
#newsfeed h1 {font-weight:bold; font-size:1.6em}
#newsfeed h1 a:link, #newsfeed h1 a:visited, #newsfeed b.user_name {color:#E8006E}
#newsfeed div.header {margin-bottom:9px}
#newsfeed div.header em {font-size:0.9em}
#newsfeed div.header form {display:inline}
#newsfeed div.img_control {float: right; color:#e8006e; font-size:0.8em; margin-right:10px; margin-top:10px}
#newsfeed ul {margin-top:9px}
#newsfeed li {background:#f1f1e2; margin-bottom:14px; padding:7px 0 5px 0; height:3.1em; margin-left:25px; overflow:hidden}
#newsfeed li:hover {border-right:5px solid #e8006e; background:#e1e1cd; padding:7px 0 5px 0}
div.tl_map_content span.img {float: left; margin-right:8px}
#newsfeed li div.img a:hover {border-width:0}
#newsfeed li img {width:50px; height:50px}
#newsfeed li div.img {position:absolute; margin-left:-18px; margin-top:-8px; height:50px; width:50px}
#newsfeed li div.img#offer {margin-left:-20px; margin-top:-10px; width:55px; height:55px; background:url(/images/icons/icon-specialoffer-large.png) no-repeat}
#newsfeed li div.img#business {margin-left:-20px; margin-top:-10px; width:55px; height:55px; background:url(/images/icons/icon-businessadd.png) no-repeat}
#newsfeed li p {line-height:normal; padding-left:38px; margin:0}
#newsfeed li span.address {color:#999; font-style:italic}
#newsfeed li 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}
#newsfeed li 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:0 0 0 38px; margin-top:1px; line-height:normal}
#newsfeed li blockquote p, div.tl_map_content blockquote p, .bd_reviews_box blockquote p {display:inline; background:url(/images/blockquote-close.gif) 100% 100% no-repeat; padding-left:0; padding-right:15px; margin:0 5px 0 0}
.bd_reviews_box .center blockquote p {float: none; margin-right:5px}
/*---------------------------------- And the tabs for the content on the homepage -----------------------------------*/ ul.tl_map_tabs {width:600px; position:relative; z-index:100; line-height:15px; margin:15px 0 0 18px; overflow:hidden}
ul.tl_map_tabs li {display:inline}
ul.tl_map_tabs a:link, ul.tl_map_tabs a:visited {float: left; text-decoration:none; padding:0 0 0 10px; background:url(/images/map-tab-left.gif) no-repeat left top; margin-right:3px}
ul.tl_map_tabs a:link span, ul.tl_map_tabs a:visited span {float: left; display:block; color:#3e3e3e; padding:10px 25px 9px 20px; background:url(/images/map-tab-right.gif) no-repeat right top; z-index:100}
ul.tl_map_tabs a:link span em, ul.tl_map_tabs a:visited span em {font-style:normal; overflow:hidden; display:block; background: url(/images/blank.gif); /* Hacky but seems to work */ }
/* Commented Backslash Hack hides rule from IE5-Mac \*/ ul.tl_map_tabs a:link span {float:none;}
/* End IE5-Mac hack */ ul.tl_map_tabs a:hover span {background-position:100% -34px}
ul.tl_map_tabs a:hover {background-position:0% -34px; text-decoration:none; border-bottom-style: none; border-width:0}
ul.tl_map_tabs a.active {background-position:0% -34px; text-decoration:none}
ul.tl_map_tabs a.active span {color:#3e3e3e; padding:13px 23px 6px 16px; background-position:100% -34px}
ul.tl_map_tabs a.active span em {background: transparent url(/images/map-menu-active.gif) bottom left repeat-x; padding: 0 3px 3px 3px; font-weight:bold}
.map_spacer {clear:both; line-height:0; height:0}
/*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:10px 8px 10px 20px}
div.my_touch_submenu .tr {background: url(/images/map-content-tr.gif) 100% 0 no-repeat; padding:10px}
/*--------------------------------------- And this will be the sub menu in MyTouch ----------------------------------*/ div.my_touch_submenu {position:relative}
div.my_touch_submenu ul {line-height:normal; font-size:1.1em; padding:0 0 0 10px; margin:0; width:600px}
div.my_touch_submenu li {display:inline; margin:0}
div.my_touch_submenu a {float: left; text-decoration:none; padding:3px 8px 3px 8px; margin-right:35px; color:#666}
div.my_touch_submenu a:hover {color:#3e3e3e; text-decoration:none; border-bottom-style: none; border-width:0}
div.my_touch_submenu a.active {background: url(/images/map-menu-active.gif) bottom left repeat-x; padding:0px 8px 5px 8px; font-weight:bold; display:block; color:#3e3e3e}
div.my_touch_submenu p#menu {position:absolute; height:12px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; background:#fff; z-index:100; top:-10px; display:block}
div.my_touch_submenu p#menu.menu_reviews {width:105px; left:88px; height:12px}
div.my_touch_submenu .menu_qa {width:84px; left:194px}
div.my_touch_submenu .menu_circle {width:137px; left:280px}
div.my_touch_submenu .menu_lists {width:148px; left:418px}
div.my_touch_submenu .menu_friend {width:103px; left:418px}
div.my_touch_submenu .menu_messages {width:114px; left:522px}
div.my_touch_submenu .invite {float: right; color:#009ddc; margin:0px; font-weight:bold; line-height:13px; font-size:1.2em}
div.my_touch_submenu #circle {margin-top:3px}
/*------------------------------- 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:230px; overflow:hidden; overflow:hidden}
div.tl_map_content .review, div.tl_map_content .offers, div.tl_map_content .map_questions, div.tl_map_content .businesses {padding:7px 0 0 0; border-bottom: 1px dotted #9d9d7b; width:580px; height:4em}
/*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 p {margin:0}
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; margin:0}
div.tl_map_content em {font-size:0.9em; color:#999}
div.tl_map_content div.img {float: right; margin: 3px 0 0 0}
div.tl_map_content div.img a:hover {border-width:0}
div.tl_map_content .map {float: left; width:280px; height:225px; border:1px solid #e6e5cf; background:#fff}
div.tl_map_content em.offer {display:block}
/*------------------------------- The layout for friends and members of circles ------------------------*/ .my_friends {float: left; width:200px; padding:10px; margin:0 12px 20px 0}
.my_friends:hover {background:#f9f9ef; border:1px solid #e6e5ce; padding:9px}
.my_friends b {color:#e8006e}
.my_friends p {margin:0}
.my_friends .select {display:inline; margin-bottom:2px}
.my_friends .left {float: left; width:60px; margin-right:10px; height:100px}
.my_friends .left a {color:#e8006e; font-size:0.8em}
.my_friends .left div.profile {display:block; margin-bottom:2px; width:50px; height:50px; overflow:hidden}
.my_friends em {color:#999}
.my_friends p.accept {margin:5px 0 5px 0}
/*------------------------------------------ Latest Members area ----------------------------------*/ ul.tl_latest_members {margin:20px 0 0 0}
ul.tl_latest_members li {margin: 8px 4px 2px 3px; width:50px; height:50px; display:inline; text-align:center; float: left}
.tl_latest_members li a:hover {border-width:0}
ul.tl_latest_members strong {display:block; padding:0 0 10px 0; font-size:1.4em; color:#e8006e; font-weight:bold; margin-top:10px; margin-bottom:5px}
ul.tl_latest_members li img {width:50px; height:50px}
/*--------------------------------------------- Invite friends ---------------------------------------------*/ .tl_home_invite {border:3px solid #f1f1e2; margin:10px 0 10px 0; padding:10px}
.tl_home_invite img.invite {margin-left:30px}
.tl_home_invite a#button {display:block; margin:5px 0 0 75px}
/*------------------------------- The categories at the bottom of the homepage -----------------------------*/ .hm_categories {background: #fff; margin-top:10px; border: 2px solid #eeeed9; padding:9px 10px 9px 10px}
.hm_categories h2.cat_title {color:#e8006e; font-size:1.2em; margin-bottom:10px}
.hm_categories span.column h2 {font-size:1.1em}
.hm_categories span.column h2 a, .hm_categories span.column h2 a:visited {font-weight:bold; color:#3e3e3e; text-decoration:none}
.hm_categories span.column h2 a:hover {text-decoration:none; color:#666}
.hm_categories span.column {float: left; width: 145px; display:block}
.hm_cat_spacer {clear:both}
.hm_categories img {float:left; margin-right:5px}
ul.categories {margin-left:28px}
ul.categories li {padding: 0 0 0 8px; background: url(/images/lists/li-categories.gif) no-repeat; background-position:0 6px; font-size:0.9em}
ul.categories li a, ul.categories li a:visited {color:#666; text-decoration:none}
/*------------------------------------------------ Search results Page ----------------------------------------*/ .sr_resultshead {background: #f6f6ed; padding: 9px 0 9px 9px}
.sr_resultshead span.results {float: right; margin-right:10px}
.sr_resultshead em {font-size:0.9em; margin-left:10px; font-style:normal}
.sr_resultshead h1 {display:inline; font-size:1.0em; color:#3e3e3e; font-family:arial, verdana, lucinda sans, sans serif}
.sr_alsotry {color:#999; padding:6px 0 6px 10px; margin-bottom:9px; background:#fbfbf6}
.sr_alsotry a, .sr_alsotry a:visited {color:#999; text-decoration:none}
.sr_alsotry a:hover {color:#3e3e3e}
.sr_alsotry a.kw_cloud_1 {font-size:1.1em}
.sr_alsotry a.kw_cloud_2 {font-size:1.2em}
.sr_alsotry a.kw_cloud_3 {font-size:1.3em}
.sr_alsotry a.kw_cloud_4 {font-size:1.4em}
.sr_alsotry a.kw_cloud_6 {font-size:1.6em}
.sr_alsotry a.kw_cloud_7 {font-size:1.7em}
.sr_alsotry a.kw_cloud_8 {font-size:1.8em}
.sr_alsotry a.kw_cloud_9 {font-size:1.9em}
.sr_alsotry a.kw_cloud_10 {font-size:2.0em}
.sr_page_tools {float:right; margin-right:10px}
/* The tabbed content for sorting the results - using background sliding */ .sr_results {border-bottom:1px solid #e7e7d0; background:#f9f9ef; padding: 9px 0 7px 10px; margin-bottom:8px; position:relative}
.sr_results strong {display:block}
.sr_results form {position:absolute; left:360px}
.sr_results ul {position:absolute; top:9px; left:255px; font-size:0.85em}
.sr_results li {display:inline; float: left}
.sr_results li.sort {padding:5px 10px 5px 0; font-style:italic}
.sr_results li a, .sr_results li a:visited {float: left; text-decoration:none; padding:0 0 0 4px; margin:0; cursor:pointer}
.sr_results li a span {float:left; display:block; color:#3e3e3e; padding:8px 15px 3px 10px}
.sr_results li a span em {font-style:normal; background-image:url(/images/blank.gif)}
.sr_results li a:hover span {color:#3e3e3e}
.sr_results li a:hover {background:url(/images/results-tab-left.gif) no-repeat 0% 0%; text-decoration:none; border-bottom-style: none; border-width:0; cursor:pointer}
.sr_results li a:hover span {background:url(/images/results-tab-right.gif) no-repeat 100% 0%; padding:8px 15px 3px 10px; cursor:pointer}
.sr_results li a:hover span em {overflow:hidden}
.sr_results li a.active {background:url(/images/results-tab-left.gif) no-repeat left top}
.sr_results li a.active span {color:#3e3e3e; background:url(/images/results-tab-right.gif) no-repeat right top; font-weight:bold; padding:8px 15px 3px 10px}
.sr_results li a.active:hover span {padding:8px 15px 3px 10px; margin-bottom:0}
#sr_question {margin-top:5px; text-align: left; padding:7px; background:#f9f9ef}
.reco_results {padding:5px 0px 10px 15px}
/*= Styling for all pagination ---------------------------------- */ .pagination {padding:7px; background:#f9f9ef; text-align:center}
.pagination a:link, .pagination a:visited, .pagination a:focus {padding:3px 6px 3px 6px; border:1px solid #c9caa6; background:#fff}
.pagination a:hover {background:#e0dfc5}
.pagination span.current {padding:3px 6px 3px 6px; border:1px solid #c9caa6; background:#c9caa6; color:#fff; font-weight:bold}
.pagination span.disabled {display:none}
.pagination a:last-child:link, .pagination a:last-child:visited, .pagination a:last-child:focus, .pagination a:first-child:link, .pagination a:first-child:visited, .pagination a:first-child:focus {border:0; padding:3px 6px 3px 6px; color:#009ddc; background:none; font-style:italic}
.sr_pagination .pagination {text-align: left}
.sr_pagination span {position:absolute; margin-left:400px}
.nd_pagination {padding:7px; background:#f6f6ed; margin-top:10px; clear:both; text-align:center}
.nd_pagination .pagination {margin:0 auto}
/*--------------------------------------- This is the Free/Paid Listing Box on serps -----------------------------------------*/ #sr_listings ul.results {list-style-type:none; margin:0; position:relative; z-index:1}
#sr_listings li.paid, #sr_listings li.free {height:7.5em; list-style-type:none; min-height:7.5em; height:auto; padding:0 0 9px 140px; position:relative; margin-bottom:9px; /* Check IE stylesheet for fix here */ }
#sr_listings li.paid {padding-top:4px}
#sr_listings li.free {border-bottom:1px dotted #e0dfc5}
#sr_listings li.free:last-child {border-bottom:none}
#sr_listings li .review {position:absolute; top:9px; left:9px; width:90px; line-height:12px}
#sr_listings li.free .review {top:0; width:100px}
#sr_listings li .review p {margin-top:4px}
#sr_listings li.paid em, #sr_listings li.free em {position:absolute; top:0; right:8px; color:#999; font-size:0.95em; padding:0; width:100px; text-align: right}
#sr_listings li.paid em {top:2px}
#sr_listings li .adr {display:block; color:#818181; width:370px}
#sr_listings li span.fn {width:370px; display:block}
#sr_listings li.paid span.fn a:link, #sr_listings li.free span.fn a:link, #sr_listings li.paid span.fn a:visited, #sr_listings li.free span.fn a:visited {font-size:1.2em; font-weight:bold; border-width: 1px; border-bottom-style:solid}
#sr_listings li.free span.fn a:link, #sr_listings li.free span.fn a:visited {color:#736357}
#sr_listings li.paid span.fn a:hover, #sr_listings li.free span.fn a:hover {border-bottom-style:dotted}
#sr_listings li span.description {font-family:georgia, helvetica, arial; font-style:italic; display:block; color:#818181}
#sr_listings li.paid span.description {margin-top:3px}
#sr_listings .cats {font-style:italic; color:#b7b7b7; font-size:0.9em; margin:0}
#sr_listings .cats h2 {display:inline; font-style:italic; font-size:1.0em}
/* The telephone number settings, this now has two stupid variations, one really big, one really small, just to create more confusion */ #sr_listings .tel {padding-left:20px; margin:0; font-weight:normal; position:relative}
#sr_listings li.paid .tel {font-size:1.8em; font-weight:bold}
#sr_listings li a.map {font-size:0.9em; color:#5cb8dd; font-weight:normal }
#sr_listings li.paid .tel a, #sr_listings li.paid .tel a:link, #sr_listings li.paid .tel a:visited {font-size:0.46em; color:#5cb8dd; font-weight:normal }
/* The phone numbers now sit out of the main links */ .phone {background:url(/images/icons/icon-phone.gif) 0 50% no-repeat; font-size:1.2em; position:relative;}
.mobile {background:url(/images/icons/icon-mobile.gif) no-repeat 0 50%; font-size:1.2em; position:relative}
.work {background:url(/images/icons/icon-phone.gif) no-repeat 0 50%; font-size:1.2em; position:relative}
.fax {background:url(/images/icons/icon-fax.gif) no-repeat 0 50%; font-size:1.2em; position:relative;}
#sr_listings li.free .tel {background-position:0 50%}
/* The phone numbers now sit out of the main links */ #sr_listings li.business a:link {color:#5cb8dd}
#sr_listings li a.map:hover, #sr_listings .phone a:hover, #sr_listings li.business a:hover {color:#357c98}
#sr_listings li.paid ul.business_links, #sr_listings li.free ul.business_links {z-index:5; padding:3px 2px 2px 6px}
#sr_listings li ul.business_links {display:inline-block; /* Check IE stylesheet for fix here */ margin:2px 0 2px 0; overflow:hidden; /* Used to clear the floated list elements */ }
#sr_listings li.paid ul.business_links {background:#fefcbf; -moz-border-radius: 5px; -webkit-border-radius:5px; margin:7px 0 2px 0; left:-6px; /* Line the icons up with the content */ }
#sr_listings li ul.business_links li {display:inline; float: left; padding-left:20px; margin:0 9px 0 0; line-height:normal}
#sr_listings li ul.business_links a:link, #sr_listings li ul.business_links a:visited {color:#e8006e}
/* For the tooltip */ #sr_listings li.paid .tel a.tooltip {color:#999}
#sr_listings li.ebay {background:url(/images/icons/ebay.gif) 98% 90% no-repeat}
#sr_listings li.kelkoo {background:url(/images/icons/kelkoo.gif) 98% 90% no-repeat}
li.film {background:url(/images/icons/icon-film.gif) 0 50% no-repeat}
li.phone {background:url(/images/icons/icon-phone.gif) 0 50% no-repeat; font-size:1.2em}
li.mobile {background:url(/images/icons/icon-mobile.gif) no-repeat 0 50%; font-size:1.2em}
li.fax {background:url(/images/icons/icon-fax.gif) no-repeat 0 50%; font-size:1.2em}
li.callback {background:url(/images/icons/icon-callback.gif) 0 50% no-repeat;}
li.email {background:url(/images/icons/icon-email.gif) 0 50% no-repeat}
li.website {background:url(/images/icons/icon-website.gif) 0 50% no-repeat}
li.business {background:url(/images/icons/icon-business.gif) 0 50% no-repeat; /*font-size:0.95em;*/}
li.directions {background:url(/images/icons/icon-directions.gif) 0 50% no-repeat}
li.products {background:url(/images/icons/icon-products.gif) 0 50% no-repeat}
li.map {background:url(/images/icons/icon-map.gif) 0 50% no-repeat}
li.blog {background:url(/images/icons/icon-blog.gif) 0 50% no-repeat;}
li.print {background:url(/images/icons/icon-print.gif) 0 50% no-repeat;}
li.station {background:url(/images/icons/icon-station.gif) 0 50% no-repeat;}
li.tube {background:url(/images/icons/icon-tube.gif) 0 50% no-repeat;}
li.booking {background:url(/images/icons/icon-booking.gif) 1px 50% no-repeat; position:relative}
li.booking p {position:absolute; width:29px; height:11px; background:url(/images/icons/small-new.gif) no-repeat; left:75px; top:0px}
li.booking p.view {left:85px}
#sr_listings li .listing_image {border:4px solid #eae8d9; position:absolute; right:8px; top:20px; width:60px; height:50px; overflow:hidden}
#sr_listings li .listing_image img {width:60px}
/* For the video we need to overlay a small play button over the image, plus overwrite the img properties above */ #sr_listings li .listing_image img.play {position:absolute; width:30px; height:30px; top:50%; left:50%; margin:-15px 0 0 -15px}
#sr_listings li img.sponsored {position:absolute; left:500px; top:6px}
/*= For the new videos section - This button sits under the video thumbnail on the right hand side of the results */ #sr_listings li .video-upload-button {position:absolute; top:85px; right:8px}
/* The map image */ img.map_number {vertical-align:middle}
a#map_link {font-size:1.2em; margin:0.5em 0 0 0}
#map {border:2px solid #f5f5e6; margin:0 0 1.5em 0}
/* The MPU on the search results needs some bottom padding added */ #FLASH_AD {margin:0 0 0.5em 0}
/*= For the booking and products to stop them overlapping under the image */ #sr_listings li ul.booking {overflow:hidden; /* Used to clear the floats */ position:relative; z-index:4}
#sr_listings li ul.booking li {display:inline; float: left; padding-left:20px; margin-right:9px}
#sr_listings li ul.booking a:link, #sr_listings li ul.booking a:visited {color:#e8006e}
#sr_listings .object {display:none}
/*--------------------------------------------------- For the search relevance -----------------------------------------------------*/ #x_search_relevance_feedback {padding:6px; background: #FFF6BF; color: #514721; border: 2px solid #FFD324; margin-bottom:9px}
#x_search_relevance_feedback form {display:block}
#x_search_relevance_feedback img {vertical-align:middle; margin-left:3px}
/*= User Survey ---------------------------------------- This only displays for certain categories, on a certain amount of results */ #user_survey {padding:5px 10px 5px 10px; border:2px solid #fdd422; background:#fff6bf url(/images/survey-background.gif) no-repeat top right; margin:9px 0 9px 0; position:relative}
#user_survey img {position:absolute; top:3px; right:3px}
/* It uses a Prototype version of facebox, see the CSS below - taken from http://blog.philburrows.com/articles/2008/05/05/porting-facebox-from-jquery-to-prototype/ */ #facebox .b {background:url(/images/beta/facebox/b.png)}
#facebox .tl {background:url(/images/beta/facebox/b.png)}
#facebox .tr {background:url(/images/beta/facebox/b.png)}
#facebox .bl {background:url(/images/beta/facebox/b.png)}
#facebox .br {background:url(/images/beta/facebox/b.png)}
#facebox {position: absolute; top: 0; left: 0 !important; z-index: 91; text-align: left; width:100%}
#facebox .popup {position: relative; z-index:92; width:100%}
#facebox iframe {border:0}
#facebox table {border-collapse: collapse; margin:0 auto; font-size:1.4em; -webkit-box-shadow: 0 0 3px #3e3e3e}
#facebox td {border-bottom: 0; padding: 0}
#facebox .body {background: #fff}
#facebox .loading {text-align: center}
#facebox .image {text-align: center}
#facebox img {border: 0; margin: 0}
#facebox a.close {background:url(/images/pfp/lightbox/close-icon.png) no-repeat top left; height:30px; position:absolute; top:-15px; right:-15px; width:30px; z-index:100}
#facebox a.close:hover {border-width:0}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0}
#facebox_overlay {position: absolute; top: 0px; left: 0px; height:100%; width:100%}
.facebox_hide {z-index:-100}
.facebox_overlayBG {background-color: #fff; z-index: 99}
/* Used to get the close button to offset outside the facebox */ #facebox .outer-content {position:relative; z-index:91}
/*---------------------------------------- For the TouchLocal product differentations ----------------------------------------------*/ #sr_listings li.bus_lf {border:1px solid #d1dadd}
#sr_listings li.bus_silver {border:1px solid #b1ddef}
#sr_listings li.bus_gold {border:1px solid #5cb8dd}
#sr_listings li.bus_platinum {border:1px solid #009ddc}
#sr_listings li.bus_free span.listing_image, #nearby_listings li.bus_free .img {border:4px solid #eae8d9}
#sr_listings li.bus_lf span.listing_image, #nearby_listings li.bus_lf .img {border:4px solid #d1dadd}
#sr_listings li.bus_silver span.listing_image, #nearby_listings li.bus_silver .img {border:4px solid #b1ddef}
#sr_listings li.bus_gold span.listing_image, #nearby_listings li.bus_gold .img {border:4px solid #5cb8dd}
#sr_listings li.bus_platinum span.listing_image, #nearby_listings li.bus_platinum .img {border:4px solid #009ddc}
p.sr_noresults {margin-left:18px; font-size:1.2em; font-weight:bold}
ul.sr_location_scope {margin-top:9px; margin-left:18px }
ul.sr_location_scope li {padding: 2px 0 3px 20px; background: url(/images/lists/li-arrow.png) no-repeat; background-position:0 2px; margin-bottom:3px}
/*= VIRTUAL BRANCHES ------------------------------------------------------------------------------------- Has a little background corner to signify it as a virtual branch */ #sr_listings li.virtual-branch{ border: 1px solid #009ddc; background:#effbff}
#sr_listings li.virtual-branch-wide {border: 1px solid #009ddc; background:#effbff url(../images/virtual-branch-corner.gif) top right no-repeat}
#sr_listings li.virtual-branch-wide span.listing_image {top:35px}
/*------------------------------------------- Latest Reviews ---------------------------------------------*/ #latest_reviews ul {list-style-type:none; margin-top:17px}
#latest_reviews li {padding-left:80px; position:relative; background:url(/images/green-dot.gif) repeat-x bottom left; height:5.3em; min-height:5.3em; height:auto; margin-bottom:8px; width:220px}
#latest_reviews p {margin:0}
#latest_reviews li:last-child {background:none}
#latest_reviews li div.img {position:absolute; top:9px; left:10px}
#latest_reviews img {width:50px; height:50px}
#latest_reviews strong {font-size:1.4em; color:#e8006e; font-weight:bold}
/*--------------------------------------------------------- Live Booking -------------------------------------------------------*/ #LivebookingsDirect {width:300px; margin:0; margin-top:10px}
#lb_close {margin-top:10px}
/*---------------------------------------- This is for National LeadFinder branches page ---------------------------------------*/ .nl_listing {width:100%; background: #fff url(/images/listing-back.gif) repeat-y; clear:both; position:relative}
.nl_page_tools {width:100%; text-align:right; margin-right:20px; border-bottom: 2px solid #dedfc7; margin-bottom:10px}
.nl_head {background: #dedfc7 url(/images/results-head-tl.gif) 0 0 no-repeat; padding: 10px 0 10px 20px; font-size: 1.2em; color:#666; margin-bottom:8px}
.nl_hq_map {float:right}
.nl_hq_details {height:250px; padding:0px 20px 0px 20px; margin-top:0px; overflow:hidden}
.nl_hq_details h1 {font-size:1.6em; font-weight:bold; color:#6e6a4f; margin-bottom:10px}
.nl_hq_details logo {float:left}
.nl_hq_description {margin: 10px 330px 10px 175px; padding:10px; background-color: #fafaea}
.nl_subheading {font-weight:bold; color:#939c03; font-size:1.2em; margin-bottom:10px; font-style:italic}
.nl_hq_details ul {margin-left: 10px; margin-bottom:10px; margin-left:185px}
.nl_hq_details ul li {padding:4px 0 4px 25px}
.nl_hq_details ul li a#bottom {border-bottom:none}
.nl_hq_details ul li a, .nl_hq_details ul li a:visited {text-decoration:none; font-weight:bold; padding-bottom:3px; padding-right:20px; color:#3366cc}
.nl_hq_details ul li a:hover {text-decoration:underline}
.nl_branches_dropdown {float:right; font-weight:bold}
#nl_branches .t {background: url(/images/sr-paid-dot.gif?1188489935) 0 0 repeat-x}
#nl_branches .b {background: url(/images/sr-paid-dot.gif?1188489935) 0 100% repeat-x}
#nl_branches .l {background: url(/images/sr-paid-dot.gif?1188489935) 0 0 repeat-y}
#nl_branches .r {background: url(/images/sr-paid-dot.gif?1188489935) 100% 0 repeat-y}
#nl_branches .bl {background: url(/images/sr-paid-bl.gif?1186389096) 0 100% no-repeat }
#nl_branches .br {background: url(/images/sr-paid-br.gif?1188555578) 100% 100% no-repeat}
#nl_branches .tl {background: url(/images/sr-paid-tl.gif?1186389096) 0 0 no-repeat}
#nl_branches .tr {background: url(/images/sr-paid-tr.gif?1188555577) 100% 0 no-repeat ; padding:10px 20px 10px 20px}
.nl_list {padding:5px 0px; border-bottom:1px dotted #939c03}
.nl_list_top {margin-top:5px; border-bottom:1px dotted #939c03}
.nl_list span {width:110px; padding: 0px 5px; float:right; text-align:center}
.nl_list break {width:10px; float:right}
.nl_box_clear {font-size: 1px; height: 9px}
.nl_portal_links {margin-left: 10px}
.nl_portal_links span {width: 140px; padding: 0px 5px; float: left}
/*----------------------------------------- This is the Ask/Recommend Results Box --------------------------------------*/ .comm_resultshead {background: #e5e5e5 url(/images/comm-head-tl.gif) 0 0 no-repeat; padding: 10px 0 10px 15px; font-size: 1.2em; color:#666; margin-bottom:8px}
.comm_resultshead p {float: right; margin-right:10px; margin-top:-3px}
.comm_resultshead h1 {display:inline; font-size:1.0em}
.community_holder {background:#f2f2f2 url(/images/stripe-mytouch.png); padding:10px; margin-bottom:10px}
.community_holder div.white {padding:0 10px 0 10px; background: #fff}
.community_listing {background:url(/images/listing-back-comm.gif) repeat-y; border-bottom:1px solid #ccc; padding:10px 0 10px 0}
.community_spacer {clear:both; /*background:url(/images/comm-dot.gif) 0 0 repeat-x;*/ }
.community_listing .left {float: left; width: 90px; text-align:right; margin-right:20px}
.community_listing .left p {margin: 15px 0 3px 0}
.community_listing .left img {display:block; margin-bottom:5px}
.community_listing .center {float: left; width:350px; padding-right:20px}
.community_listing .center b {display: block; margin:10px 0 10px 0; color:#e8006e}
.community_listing .center b a, .community_listing .center b a:visited {text-decoration:none; color:#e8006e}
.community_listing .center b a:hover {color:#e8006e; text-decoration:underline}
.community_listing .center p {margin-bottom:10px}
.community_listing .right {float: left}
.community_listing ul {padding-left: 9px}
.community_listing ul li {padding:4px 0 4px 25px; color:#666; padding-bottom:3px}
.community_listing ul li a#bottom {border-bottom:none}
.community_listing ul li a, .community_listing ul li a:visited {text-decoration:none; color:#666}
.community_listing ul li a:hover {text-decoration:underline}
.community_listing ul li a.free, .community_listing ul li a.free:visited {text-decoration:none; color:#3366cc}
.community_listing ul li a.free:hover {text-decoration:underline}
p.community_noresults {margin-left:18px; font-size:1.2em; font-weight:bold}
ul.community_location_scope {margin-top:9px; margin-left:18px }
ul.community_location_scope li {padding: 2px 0 3px 20px; background: url(/images/lists/li-arrow.png) no-repeat; background-position:0 2px; margin-bottom:3px}
.viewprofile {background:url(/images/icons/icon-viewprofile.gif) 1px 3px no-repeat}
.recommendations {background:url(/images/icons/icon-recommendations.gif) 1px 3px no-repeat}
.allreviews {background:url(/images/icons/icon-allreviews.gif) 1px 3px no-repeat}
.sendmessage {background:url(/images/icons/icon-sendmessage.gif) 1px 3px no-repeat}
.addfriends {background:url(/images/icons/icon-addfriends.gif) 1px 3px no-repeat}
.questions {background:url(/images/icons/icon-questions.gif) 1px 3px no-repeat}
/*------------------------------------------ Business Details Page --------------------------------------------*/ /*= Please check the overides at the bottom of this section as we are using the same classes for free and paid--*/ /*= bus details business info ---------------*/ #bd_details {margin:9px 0 18px 0; position:relative; width:460px; height:15em; min-height:15em; height:auto; padding:0 320px 0 160px; z-index:5}
/*#bd_details.bd_basic {height:20.5em}*/ #bd_details h1 {color:#3e3e3e; font-size:1.6em; font-weight:bold; width:340px}
#bd_details span.tel {font-weight:bold; color:#3e3e3e; font-size:2em; display:block; padding-left:20px; margin: 9px 0 3px 0; background:url(/images/icons/icon-phone.gif) no-repeat 0 50%}
#bd_details ul.numbers {list-style-type:none; /* Reset from out type styles */ margin: 9px 0 3px 0}
#bd_details ul.numbers li {color:#3e3e3e; font-weight:bold; height:1%; font-size:2em; line-height:normal; margin-bottom:3px; padding-left:20px}
#bd_details ul.numbers li.phone {background:url(/images/icons/icon-phone.gif) no-repeat 0 50%}
#bd_details ul.numbers li.mobile {background:url(/images/icons/icon-mobile.gif) no-repeat 0 50%}
#bd_details ul.numbers li.fax {background:url(/images/icons/icon-fax.gif) no-repeat 0 50%}
#bd_details ul.numbers em {color:#ccc}
/* For the tooltips */ #bd_details a.tooltip {color:#999; font-size:0.42em; font-weight:normal}
#bd_details ul.business_links {display:inline-block; list-style-type:none; /* Reset from out type styles */ margin:9px 0 6px 0; padding:3px 2px 3px 6px; background:#fefcbf; -moz-border-radius: 5px; -webkit-border-radius:5px; position:relative; z-index:10; left:-5px}
#bd_details ul.business_links li {padding:0 10px 0 20px; float: left; display:inline; height:1%}
#bd_details ul.business_links li a, #bd_details ul.business_links li a:visited {text-decoration:none; white-space:nowrap; color:#e8006e}
#bd_details ul.business_links li.ebay {background:url(/images/icons/ebay.gif) no-repeat 0 50%; padding-left:35px}
#bd_details ul.business_links li.kelkoo {background:url(/images/icons/kelkoo.gif) no-repeat 0 50%; padding-left:45px}
#bd_details em.categories {font-size:0.9em; clear:both; display:block; color:#999; line-height:normal}
#bd_details span.adr {display:block; color:#818181; width:200px; margin-top:3px}
#bd_details span.adr a:link, #bd_details span.adr a:visited {font-style:italic; font-size:0.9em; color:#5cb8dd}
#bd_details span.adr a:hover {color:#357c98}
#bd_details strong {font-weight:normal; color:#999}
#bd_details .reviews-info {position:absolute; right: 320px; top:0; width:150px; text-align:right; font-size:0.9em; z-index:1}
#bd_details .reviews-info a:link, #bd_details .reviews-info a:visited {color:#999; font-weight:bold; font-style:italic}
#bd_details .buttons {margin-top:3px}
p.bd_keywords {margin:10px 5px 10px 5px}
p.bd_keywords strong {color:#999; font-weight:normal}
h2.bd_cats {display:inline; font-size:1em; font-weight:normal}
p.bd_description {margin: 0 0 9px 0}
p.bd_description strong {display:block; margin-bottom:9px; font-size: 1.4em; color:#c9caa6}
#bd_large_map {position:absolute; z-index:1; top: 145px; left:5px}
.bd_map_outer {position:absolute; border:2px solid #f5f5e6; z-index:1; width:298px; height:175px; top:0; left:640px}
.bd_map_outer p {clear:both; background:url(/images/directions-back.gif) repeat-x; padding:9px 9px 7px 9px}
a.direction_link {padding: 5px 0 3px 23px; background:url(/images/icons/icon-directions.gif) 0 50% no-repeat}
a.direction_link:hover {border-width:0}
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}
/* The business image, sits to the right of the business content, posioned absolute */ #bd_details img.business-image {position:absolute; top:0; right:310px; width:110px; padding:2px; background:#fbfaf2; border:1px solid #e7e6d0}
div.keywords {margin-top:9px}
.tl_report .red {color: red}
/*= New Bus Details display --------------------------------------- */ #bd_lf #bd_left {width:140px; float: left; margin-right:20px; display:inline; position:relative; z-index:3}
#bd_lf #bd_right {width: 780px; float: left; position:relative; z-index:3; display:block; padding-top:9px}
#bd_basic #bd_left {width:620px; float: left; margin-right:20px; display:inline}
#bd_basic #bd_right {width: 300px; float: left; position:relative; display:block}
.bd_col_1 {float: left; width: 460px; margin-right:20px}
.bd_col_2 {width:300px; float: left}
/*= Bus Details menu --------------*/ ul#bd_menu {list-style-type:none; /* Reset from out type styles */ }
#bd_left ul#bd_menu li {position:relative; z-index:8}
ul#bd_menu li a, ul#bd_menu li a:visited {display:block; height:1%; padding:8px 8px 8px 11px; background:#f5f5e6; border-bottom: 1px dotted #c1c798; font-weight:bold; color:#3e3e3e; border-left:1px solid #e7e7d2}
ul#bd_menu li a:hover {display:block; background:#fff; border-left:4px solid #e8006e}
ul#bd_menu li a.active {background:#ffffff; border-left:4px solid #e8006e; color: #e8006e; border-right:0}
ul#bd_menu li a.active:hover {padding-left:11px}
ul#bd_menu li.empty {border:0; height:9px; line-height:1%; border-right:1px solid #e7e7d2; border-bottom: 1px dotted #c1c798}
/* We show small icons with the count of type of content within the menu */ ul#bd_menu li p {position:absolute; right:10px; top:12px; height:12px; background:url(/images/bd-menu-numbers.png) no-repeat; width:17px; font-size:0.8em; color:#fff; text-align:center; line-height:10px}
ul#bd_menu li.ebay p {background:url(/images/icons/ebay.gif) no-repeat; width:31px; height:13px; top:9px}
ul#bd_menu li.kelkoo p {background:url(/images/icons/kelkoo.gif) no-repeat; width:40px; height:10px}
/*= bus details top bar ---------------*/ .bd_tree {color:#b7b7b7; padding:0 0 9px 5px; border-bottom:1px solid #e7e7d2; position:relative; z-index:1}
.bd_tree a, .bd_tree a:visited {color:#999}
.bd_tree a:hover {color:#3e3e3e}
.bd_tree h2 {font-size:1.0em; display:inline; font-weight:normal}
.bd_tree em.print {position:absolute; display:block; top:0px; left:835px; padding-left:22px; background:url(/images/icons/icon-print.gif) 0 50% no-repeat}
.bd_tree em.print a:link, .bd_tree em.print a:visited {color:#5cb8dd}
.bd_tree a.return:link, .bd_tree a.return:visited {font-style:italic; font-size:0.9em; color:#5cb8dd}
/*------------------------------------------ Image Gallery ---------------------------------------------*/ #image_info {float: left}
#image_gallery {margin-top:20px; position:relative; display:block}
form#image_upload {background:#fafaf2; padding:9px}
h2#bdp_gallery_header {color:#c9caa6; margin-top:9px}
#image_gallery strong {display:block; margin-top:9px}
#image_gallery ul.small_gallery {width:184px; position:absolute; top:0; left:370px; height:320px}
#image_gallery em {color:#666; font-size:0.9em}
#image_gallery ul.small_gallery li {display:inline; float: left; width:80px; height:80px; margin:0 5px 5px 0; padding: 2px; overflow:hidden; cursor:pointer; border: 1px solid #ccc}
#image_gallery ul.small_gallery li a:hover {border-width:0}
#image_gallery div.large_image {width:350px; overflow:hidden; margin-right:20px}
/* For the free profile the column width is different */ #bd_basic #image_gallery div.large_image {width:300px}
#image_gallery div.info {padding: 9px 0 9px 0; height:40px; min-height:40px; height:auto}
#image_gallery div.info div#caption {padding:3px; font-weight:bold; width:344px}
#image_gallery div.info em {display:block; margin:0 0 9px 0}
#image_thumbs {width: 250px; float: left}
#image_gallery_carousel {padding:0 10px 9px 10px; width: 262px; height: 11em; position: relative; border:2px solid #f6f5eb; float: left}
#image_gallery_carousel p {position:absolute; bottom:0; left:0; height:20px; background:#f6f5eb; width: 285px}
#image_gallery_carousel .container {width: 270px; height: 6em; position: relative; overflow: hidden}
#image_gallery_carousel ul {width: 100000px; position: relative; top: 0; left: 0; height: 10em}
#image_gallery_carousel ul li {width:90px; height:3.5em; min-height:3.5em; height:auto; float: left; font-size:0.95em; cursor:pointer}
#image_gallery_carousel ul li a:link, #image_gallery_carousel ul li a:visited {width:80px; height:80px}
#image_gallery_carousel li img {border:1px solid #e7e6d0; background:#fff}
#image_gallery_carousel strong {font-size:1.2em; display:block; margin-bottom:9px}
#image_gallery_carousel em.image_count {position:absolute; top:9px; right:10px; padding-left:20px; background:url(/images/icons/icon-camera.gif) no-repeat 0 50%; color:#999}
#image_gallery_carousel .previous_button, #image_gallery_carousel .next_button {position:absolute; width: 20px; height: 20px; z-index: 100; cursor: pointer; color:#009ddc; font-size:0.9em; font-style:italic}
#image_gallery_carousel .previous_button {top:122px; left:5px; background: url(/images/bd-imagegal-prev.gif) no-repeat 0 50%; padding-left:20px}
#image_gallery_carousel .previous_button_over {background: url(/images/bd-imagegal-prev.gif) no-repeat 0 50%}
#image_gallery_carousel .previous_button_disabled {display:none}
#image_gallery_carousel .next_button {top:122px; right:5px; background: url(/images/bd-imagegal-next.gif) no-repeat 100% 50%; padding-right:20px}
#image_gallery_carousel .next_button_over {background: url(/images/bd-imagegal-next.gif) no-repeat 100% 50%}
#image_gallery_carousel .next_button_disabled {display:none}
#image_gallery ul.small_gallery li.empty {border-color: #FFF}
/*---------------------------------------------- Nearby Leadfinders ---------------------------------------------*/ #nearby_listings {width: 298px; margin-bottom: 9px; background:#f3fcff; border: 1px solid #7fceed; position:absolute; right:0; top:0; height:7em; min-height:7em; height:auto; /*padding-bottom:9px;*/ }
#nearby_listings .container {width: 290px; height: 160px; position: relative; overflow: hidden; margin:0 0 0 10px}
#nearby_listings ul {width: 100000px; position: relative}
#nearby_listings ul li {padding:3px 0 6px 0; margin-right:35px; width:255px; height:70px; border-bottom: 1px dotted #7fceed}
#nearby_listings li .img {float: right; width:60px; height:60px; border:1px solid #e7e6d0; padding:2px; background:#fff; margin-right:5px}
#nearby_listings li img {vertical-align:middle}
#nearby_listings li strong {display:block; font-weight:bold}
#nearby_listings li p {font-size:0.9em}
#nearby_listings h3 {font-size:1.0em; color:#0080b3; padding:10px; display:block; margin-bottom:3px; background:#c2eaf9}
#nearby_listings li p {margin:0px}
#nearby_listings li em {color:#999; display:block; font-size:0.9em}
#nearby_listings .previous_button {position:absolute; top:80px; left:270px; width: 20px; height: 20px; background: url(/images/nearby-left.gif) no-repeat 0 0; z-index: 100; cursor: pointer}
#nearby_listings .previous_button_over {background: url(/images/nearby-left.gif) no-repeat 0 -20px}
#nearby_listings .previous_button_disabled {background: url(/images/nearby-left.gif) no-repeat 0 -40px; cursor: default}
#nearby_listings .next_button {position:absolute; top:110px; left:270px; width: 20px; height: 20px; background: url(/images/nearby-right.gif) no-repeat 0 0; z-index: 100; cursor: pointer}
#nearby_listings .next_button_over {background: url(/images/nearby-right.gif) no-repeat 0 -20px}
#nearby_listings .next_button_disabled {background: url(/images/nearby-right.gif) no-repeat 0 -40px; cursor: default}
#nearby_listings span.add_review a:link, #nearby_listings span.add_review a:visited, #nearby_listings .reviews_count {font-size:0.9em; font-weight:bold; color:#e8006e}
/*= For showing the hidden phone number ------------------------ */ .view_phone {font-weight:bold; font-size:1.4em}
/*= Pop up for Click to Call - NOW REMOVED ------------------------------------------ .bd_clickcall {border: 2px solid #C9CAA6; padding: 5px; background:#fafaea; position:absolute; top:18px; left:0; width:200px; z-index:100; font-size:0.8em}
#sr_listings .bd_clickcall {top:30px; left:150px}
.bd_clickcall input {margin-bottom:3px}
a.call_close {float: right}
.bd_clickcall object {display:none}
*/ /* For the MPU */ .bd_mpu {line-height:0; margin-top: 20px; height: 250px; /*margin-bottom:9px; position:absolute; top:0; right:0;*/ }
.bd_mpu iframe {display:block}
.bd_mpu a:link, .bd_mpu_large a:link {border-width:0}
.bd_mpu_large {margin:10px 0 0 100px}
#bd_comm_links {height:109px; background: #f2f2f2; padding:20px 10px 20px 20px; font-size:1em}
#bd_report {margin-top:10px; margin-right:10px}
.bd_report .bd_title {padding-left:9px}
a.bd_comp_image {width:100px; border-bottom-style: none; border-width:0}
/* Info window for Click to call */ .click_to_call_info {text-align: left; padding:10px}
.click_to_call_info ol {margin:9px 0 9px 18px; list-style-type: decimal}
.click_to_call_info ol li {margin-bottom:9px}
.click_to_call_info p {margin-bottom:9px}
/*------------------------------------------ Reviews box - Bus Details ------------------------------------------*/ ul.bd_reviews_box li {background: url(/images/green-dot.gif) repeat-x bottom left; padding:9px 10px 9px 80px; position:relative; overflow:hidden}
ul.bd_reviews_box strong {color:#e8006e; display:block}
ul.bd_reviews_box div.img {position:absolute; top:0; left:0; padding:18px 0 0 9px; width:160px}
ul.bd_reviews_box div.img strong {display:block}
/* We need to force the width here as sometimes the large heads display */ ul.bd_reviews_box .img img {width:50px}
ul.bd_reviews_box blockquote {font-family: georgia, helvetica, arial; font-style:italic; background:url(/images/blockquote.gif) 0 2px no-repeat; text-indent:12px; margin:0}
ul.bd_reviews_box blockquote p {margin:0}
ul.bd_reviews_box .info {padding-top:9px; position:relative}
ul.bd_reviews_box .info span {font-size:0.9em; color:#999}
ul.bd_reviews_box .info span.report {position:absolute; top:9px; left:285px; background:url(/images/icons/icon-flag.gif) 0 50% no-repeat; padding-left:15px}
.bd_reviews_box span.item {display:none}
.bd_reviews_box .info strong {color:#999}
/*------------------------------------- If the business is going to reply ------------------------------------ */ ul.bd_reviews_box li.business_reply {background: #eefaff url(/images/business-reply-quote.gif) no-repeat 100px 0; position:relative; height:4em; min-height:4em; height:auto; padding-top:18px}
ul.bd_reviews_box li.business_reply img {position:absolute; top:20px; left:10px}
ul.bd_reviews_box li.business_reply em {position:absolute; top:18px; left:480px; font-size:0.9em; color:#666}
ul.bd_reviews_box li.business_reply blockquote, ul.bd_reviews_box li.business_reply blockquote p {background:none; text-indent:0}
/*-------------------------------------------- To write a review --------------------------------------------- */ .bd_write_review {padding:9px 10px 9px 10px; background: #f9f9ef; position:relative; width:280px; background: #dadabc url(/images/write-review-back.gif) top left repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
.bd_write_review strong.reviews_title {color:#e8006e}
.bd_write_review label {display:block; font-weight:bold; margin-top:9px}
.bd_write_review form input {width:270px; margin-bottom:9px}
.bd_write_review form textarea {width:270px; padding:2px}
.bd_write_review input.submit {margin-top:5px; width:79px}
.bd_write_review label {margin-top:0}
.bd_write_review input#recommend {height:15px}
.bd_write_review img.cancel {float: right; margin-top:2px; margin-right:10px}
.bd_write_review form span.option {font-size:0.9em; display:block; font-style:italic; color:#999; margin-bottom:2px}
.bd_write_review em {position:absolute; margin: 10px 2px 0 0; left:450px; top:108px; width:155px; color:#999; font-size:0.95em}
.bd_write_review em li {padding-bottom:3px}
.bd_write_review p.required, div.profile_editreview .required {font-style:italic; color:#999; margin:3px 0 3px 0; font-size:0.9em}
.bd_review_message {padding:6px; margin-bottom:9px; background: #FFF6BF; color: #514721; border: 2px solid #FFD324; font-weight:bold}
.bd_report a:hover {border-width:0}
.bd_write_review input[type="radio"], .bd_write_review input[type="checkbox"], .bd_write_review input.radio {width:10px; height:10px; float:none; display:inline; margin:0; padding:0; text-align: left}
.bd_write_review form div.auth_choose input, .bd_write_review form span.option input {width:10px; height:10px; padding:0; margin:0}
/*= This is just for the rollover text on the lf write review form as it is not needed, also in the edit review form ---------------*/ .profile_editreview br.required_break {display:none}
/*= For the new rating system ------------------------------------------------------------------------*/ .tl_rating_small {width:82px; height:41px; background:url(/images/rating-background-small.gif) no-repeat; padding:3px; text-align:center; font-size:0.9em; color:#e8006e; line-height:normal}
.tl_rating_small span.info {font-size:0.8em; color:#666; font-style:italic}
#sr_listings .tl_rating_small {position:absolute; top:0; left:8px}
#sr_listings .paid .tl_rating_small {top:9px}
#sr_listings .tl_rating_small .tl_star_rating_small {margin:0 auto}
.tl_rating {width:106px; height:74px; background:url(/images/rating-background-large.gif) no-repeat; padding:3px; text-align:center; line-height:normal}
.tl_rating p.rating {color:#e8006e; font-weight:bold; font-size:1.2em; margin:6px 0 0 0}
#bd_details .tl_rating {position:absolute; top:0; left:0}
.tl_rating span.info {font-size:0.9em; color:#666; font-style:italic}
.tl_rating ul {margin:3px auto 3px auto}
/*= And we'll set the styles for the rollover stars --------------------------------------------------*/ .tl_star_rating_small {list-style:none; margin: 0px; padding:0px; width: 70px; height: 14px; position: relative; background: url(/images/star-rating-small.gif) top left repeat-x}
.tl_star_rating_small img {float: left}
.tl_star_rating_small li{ padding:0px; margin:0px; /*\*/ float: left; display:inline; /* */ }
.tl_star_rating_small li a {display:block; width:14px; height: 14px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; border:0}
.tl_star_rating_small li.active a {z-index:1; background: url(/images/star-rating-small.gif) left bottom}
.tl_star_rating_small li a:hover{ background: url(/images/star-rating-small.gif) left center; z-index: 2; left: 0px; border:0}
.tl_star_rating_small li.active a.stars0 {width:0px; left:0}
.tl_star_rating_small a.stars1{ left: 0px}
.tl_star_rating_small li.active a.stars2 {width:14px}
.tl_star_rating_small a.stars1:hover, .tl_star_rating_small li.active a.stars1 {width:7px; left:0}
.tl_star_rating_small li.active a.stars3 {width:21px}
.tl_star_rating_small a.stars4{ left:14px}
.tl_star_rating_small a.stars4:hover, .tl_star_rating_small li.active a.stars4{ width: 28px; left:0}
.tl_star_rating_small li.active a.stars5 {width:35px}
.tl_star_rating_small a.stars6:hover, .tl_star_rating_small li.active a.stars6{ width: 42px; left:0}
.tl_star_rating_small li.active a.stars7 {width:49px}
.tl_star_rating_small a.stars6{ left: 28px}
.tl_star_rating_small a.stars8{ left: 42px}
.tl_star_rating_small a.stars8:hover, .tl_star_rating_small li.active a.stars8{ width: 56px; left:0}
.tl_star_rating_small li.active a.stars9 {width:63px}
.tl_star_rating_small a.stars10{ left: 56px}
.tl_star_rating_small a.stars10:hover, .tl_star_rating_small li.active a.stars10{ width: 70px; left: 0}
/*= For the quick rating large images - I don't want to break the other one at the moment ------------*/ .tl_star_rating_large {list-style:none; margin: 0px; padding:0px; width: 100px; height: 20px; position: relative; background: url(/images/star-rating.gif) top left repeat-x; margin:0 auto}
.tl_star_rating_large img {float: left}
.tl_star_rating_large li{ padding:0px; margin:0px; /*\*/ float: left; /* */ }
.tl_star_rating_large li a {display:block; width:20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; border:0}
.tl_star_rating_large li.active a {z-index:1; background: url(/images/star-rating.gif) left bottom}
.tl_star_rating_large li a:hover{ background: url(/images/star-rating.gif) left center; z-index: 2; left: 0px}
.tl_star_rating_large li.active a.stars0 {width:0px; left:0}
.tl_star_rating_large a.stars1{ left: 0px}
.tl_star_rating_large li.active a.stars2 {width:20px}
.tl_star_rating_large li.active a.stars1 {width:10px; left:0}
.tl_star_rating_large li.active a.stars3 {width:30px}
.tl_star_rating_large a.stars4{ left:20px}
.tl_star_rating_large a.stars4:hover, .tl_star_rating_large li.active a.stars4{ width: 40px; left:0}
.tl_star_rating_large li.active a.stars5 {width:50px}
.tl_star_rating_large a.stars6:hover, .tl_star_rating_large li.active a.stars6{ width: 60px; left:0}
.tl_star_rating_large li.active a.stars7 {width:70px}
.tl_star_rating_large a.stars6{ left: 40px}
.tl_star_rating_large a.stars8{ left: 60px}
.tl_star_rating_large a.stars8:hover, .tl_star_rating_large li.active a.stars8{ width: 80px; left:0}
.tl_star_rating_large li.active a.stars9 {width:90px}
.tl_star_rating_large a.stars10{ left: 80px}
.tl_star_rating_large a.stars10:hover, .tl_star_rating_large li.active a.stars10{ width: 100px; left: 0}
/*= And we'll set the styles for the rollover stars --------------------------------------------------*/ .tl_star_rating, .tl_star_rating a:hover, .tl_star_rating a:active, .tl_star_rating a:focus, .tl_star_rating .active a, .tl_star_rating .active a:hover {background: url(/images/star-rating.gif) left -1000px repeat-x; margin:0 auto}
.tl_star_rating {position:relative; width:100px; height:20px; list-style:none; background-position: left top; float: left}
.tl_star_rating li {display: inline}
.tl_star_rating a {position:absolute; display:block; top:0; left:0; height:20px; outline:none; border: none; text-indent:-1000em}
.tl_star_rating div.error {margin-left:100px}
.tl_star_rating a img {display:none}
.tl_star_rating a:hover img, .tl_star_rating .active a img {display:block; position:absolute; height:20px; width:100px; left:100px; border:none; line-height:20px; top:0; background:transparent}
.tl_star_rating a:active, .tl_star_rating a:focus, .tl_star_rating .active a:hover {background-position: left bottom}
.tl_star_rating a:hover, .tl_star_rating .active a {background-position: left center; color:#fff}
.tl_star_rating .active a {z-index:20; background-position: left bottom}
.tl_star_rating a.stars1, .tl_star_rating .active a.stars1 {width:20px; z-index:6}
.tl_star_rating a.stars2, .tl_star_rating .active a.stars2{ width:40%; z-index:5}
.tl_star_rating a.stars3, .tl_star_rating .active a.stars3{ width:60%; z-index:4}
.tl_star_rating a.stars4, .tl_star_rating .active a.stars4{ width:80%; z-index:3}
.tl_star_rating a.stars5, .tl_star_rating .active a.stars5{ width:100%; z-index:2}
/*= This is for faus rounded corners on the review links after they have added a rating ---------------------------*/ div.rating_link {position:absolute; font-size:0.9em; line-height:normal; font-style:italic; text-align:center}
div.rating_link_small {width:88px; top:57px; left:8px}
div.rating_link_large {width:110px; top:83px; left:0}
div.rating_link a {display:block; position:relative; border-width:1px 0; border-color:#5cb8dd; border-style:solid; color:#5cb8dd; text-decoration:none; margin:6px 1px}
div.rating_link a span {display:block; position:relative; margin:0 -1px; border-width:0 1px; border-color:#5cb8dd; border-style:solid; background-color:#f2fbff; padding:6px 6px}
div.rating_link a:hover {border-color:#357c98; color:#357c98; border-style:solid}
div.rating_link a:hover span {border-color:#357c98; background-color:#f2fbff; border-style:solid}
#sr_listings div.rating_link a span {padding:6px 1px; font-size:0.9em}
#sr_listings li.free div.rating_link_small {top:48px}
/*------------------------------------------------- About us section ----------------------------------------------*/ .bd_extra strong {display:block; font-size:1.2em}
.bd_extra p {margin-bottom:9px}
.bd_extra .column {float: left; width:300px}
.bd_extra .column.one {width:300px; margin-right:20px}
.bd_extra .column.two {width: 220px}
.bd_extra ul {margin-bottom:9px; position:relative}
.bd_extra ul img {position:absolute; top:0; left:160px}
.bd_extra ul.answers li {padding:3px 0 3px 17px}
.bd_extra ul.payments li {padding:3px 0 3px 25px}
.bd_extra ul.answers li {background:url(/images/icons/icon-tick.gif) no-repeat 0 50%}
.tl_keywords {margin-top:9px}
/*--------------------------------------------------- Business Blog -----------------------------------------------*/ #tl_blog {position:relative}
#tl_blog h1 {display:inline; color:#c9caa6}
#tl_blog em.return {font-size:0.9em; margin-left:9px}
/*#tl_blog p.rss-feed {background:url(/images/icons/icon-rss.gif) no-repeat 0 50%; padding-left:20px; position:absolute; top:0; left:550px}*/ #tl_blog .post {margin-top:18px}
#tl_blog .post h4.entry-title {margin-bottom:3px; font-size:1.4em; font-family:georgia, helvetica, arial}
#tl_blog .post .entry-content {color:#999; font-style:italic; margin:9px 0 18px; font-family:georgia, helvetica, arial; font-size:1.1em}
#tl_blog .post .entry-meta {background:#f9f9ef; font-style:italic; font-size:0.9em; text-align:left; padding:3px; margin-bottom:9px}
#tl_blog .post .entry-meta p {float: right; margin-right:3px; width:95px}
#tl_blog #navigation {margin-top:18px; font-size:0.9em; text-align: left; height:10px}
#tl_blog #navigation em {float: right; margin-right:3px; width:100px; text-align: right}
#bd_lf #tl_blog {width:460px}
#bd_lf #tl_rnav_left {width:460px}
/*------------------------------------------------- Special Offers Box --------------------------------------------å*/ .special-offers {padding:9px 10px 9px 10px; border:2px solid #efec86; background:#fefcbf; /*background:#ebf9ff;*/ position:relative; margin-bottom:9px}
.special-offers img {float: left; z-index:100; margin-right:10px}
.special-offers strong {display: block; margin: 5px 0 10px 0; font-size: 1.4em; color:#009ddc}
.special-offers p {display: block; margin-top: 9px; color:#666; font-style:italic}
.bd_spacer {display:block; clear:both; height: 0; font-size:0; overflow:hidden}
.offer_print {margin-top:10px}
/*= ---------------------------------------- If the company has an eBay listing -----------------------------------*/ #bd_ebay {margin-top:10px; border-width:1px}
#bd_ebay table {background:#fff; color:#3e3e3e; width:100%}
#bd_ebay table tr {background:#fff}
/*= ---------------------------------------- If the company has an Kelkoo listing -----------------------------------*/ table.kelkoo {width:100%; margin-top:9px; background: url(/images/green-dot.gif) repeat-x bottom left}
table.kelkoo tbody tr {border-right:3px solid #fff}
table.kelkoo tbody td {color:#3e3e3e; padding:10px; background:url(/images/green-dot.gif) repeat-x top left}
table.kelkoo tbody td em {color:#999; font-size:0.9em}
table.kelkoo tbody td.center {text-align:center}
table.kelkoo th {font-weight:normal; color: #e8006e; padding:.3em 1em}
table.kelkoo thead th {background: #f6f5eb url(/images/green-dot.gif) repeat-x top left; text-align:center; color:#e8006e}
table.kelkoo td img {display:block; margin-bottom:6px; margin:0 auto}
table.kelkoo thead select {font-size:0.8em; padding:0}
/*= To get the ajax loader to sit in a faux lightbox ----------------------- */ .kelkoo_catalog {position:relative; z-index:2; zoom:1}
.ajax_loader {position:absolute; width:100%; height:100%; background:#3e3e3e; opacity:0.6; filter: alpha(opacity = 60); z-index:4; top:0; left:0}
.ajax_loader img {margin:50% 0 0 50%}
.ajax_review_submitter {position:absolute; width:100%; height:100%; background:#3e3e3e; opacity:0.6; filter: alpha(opacity = 60); z-index:4; top:0; left:0}
.ajax_review_submitter img {margin:50% 0 0 50%}
/*= For the summary section ------------------------------------------------- */ body.view h4 {font-size:1.4em; color:#e8006e; font-weight:bold; margin-bottom:9px}
body.view div.description {margin-bottom:9px; padding-bottom:9px; background:url(/images/green-dot.gif) repeat-x bottom left; font-family:georgia, helvetica, arial, verdana; color:#666}
body.view div.summary em {display:block; margin-top:3px; font-size:0.9em; font-family:arial,helvetica, sans serif}
body.view div.tab_content {padding-top:9px}
body.view div.summary br {clear:both}
/*= For the small latest review summary -------------------------- */ .bd_summary_review {position:relative; width:300px; overflow:hidden; margin-bottom:9px}
.bd_summary_review .bd_reviews_box {margin-top:0}
.bd_summary_review ul.bd_reviews_box li {width:220px; padding:0 0 0 80px; position:relative; height:7.2em; min-height:7.2em; height:auto; background:none}
.bd_summary_review ul.bd_reviews_box li span.dtreviewed {color:#999; font-style:italic; font-size:0.9em; margin-top:9px}
.bd_summary_review ul.bd_reviews_box div.img strong {display:block; margin-top:0}
.bd_summary_review em {position:relative; margin: 0 0 0 80px}
/*= For the small gallery on the Summary -------------------------- */ .bdp_image_gallery {width:210px; float: left; padding-right:10px; margin-right:10px; display:inline}
.bdp_image_gallery li {float: left; display:inline; margin-right:10px}
.bdp_image_gallery li a:link, .bdp_image_gallery li a:visited {display:block; width:80px; height:80px}
.bdp_image_gallery li a:hover {border-width:0}
/*= For the video display ------------------------------------------- */ .bd_summary_video {float: left; width:250px; display:inline}
.bd_summary_video object {line-height:0; /* For gecko browers */ }
.bd_summary_video img.video_image {width:250px}
/* We need to overlay a play button over the static video image, wrapping a span, then absolute position on the image */ .bd_summary_video .video_holder {position:relative}
.bd_summary_video .video_holder img.play {position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px; /* Drag the image back half of its width and height to make it center properly */ }
/*= For the small about us on the summary --------------------------- */ .bd_summary_about {background: #fff url(/images/green-dot-vertical.gif) repeat-y scroll right top; width:180px; float: left; margin-right:10px; margin-bottom:9px}
/* For IE6 - keeps freaking out on the width of the column */ .bd_summary_about .column.two {width:180px}
/*= For the summary blog us on the summary --------------------------- */ .bd_summary_blog {padding-top:9px; font-family:georgia, helvetica, arial}
.bd_summary_blog h4.entry-title {font-size:1.2em; margin-top:9px}
.bd_summary_blog p {font-style:italic; color:#999; font-size:0.9em; font-family:helvetica, arial}
.bd_summary_spacer {background:#fff url(/images/green-dot.gif) top left repeat-x; height:2px; clear:both}
/*= Because were using the same classes but two different layouts these are all the overides for the free listings, not clean, not happy ----- */ #bd_basic .bd_col_2 {width:620px}
#bd_basic .bd_write_review label {display: block; float: left; margin-top:0; text-align: right; width: 140px; padding-right: 10px}
#bd_basic .bd_write_review input {margin-bottom:9px}
#bd_basic br {clear: left; line-height:normal}
#bd_basic ul.tl_star_rating {float: left}
#bd_basic .bd_write_review p.required {clear:both; margin-left:150px; margin-bottom:6px}
#bd_basic .bd_write_review .auth_choose {padding-left:150px; padding-top:3px; margin:0}
#bd_basic .bd_write_review .auth_choose input, #bd_basic .bd_write_review span.option input {vertical-align:top}
#bd_basic .bd_write_review input.submit {margin-left:150px}
#bd_basic .bd_write_review span.option {margin-left:150px}
#bd_basic .bd_write_review {width:600px; background:#f9f9ef url(/images/green-dot.gif) repeat-x bottom left}
#bd_basic ul.bd_reviews_box li {padding:9px 10px 9px 160px; width:450px}
#bd_basic ul.bd_reviews_box .info span.report {left:360px}
#bd_basic .bd_col_1 {width:600px }
#bd_basic .pagination {margin-bottom:9px}
#bd_basic .column {float: none; width:620px}
#bd_basic .column.one {width:620px}
#bd_basic .column.two {float:left; width: 300px}
#bd_basic .bd_extra {background:url(/images/green-dot.gif) repeat-x bottom left; margin-bottom:9px}
#bd_basic .ajax_review_submitter img {margin:20% 0 0 50%}
/*= ---------------------------------- This is the back link for business detail stuff -------------------------------*/ a.bd_back_link:link , a.bd_back_link:visited {float: right; margin: 10px 10px 0 0; color:#6e6a4f; font-weight:bold; text-decoration:none}
a.bd_back_link:hover {text-decoration:underline}
.recommend_buttons {margin-left:20px; display:block; margin-bottom:10px}
/*= For the tooltips on the business details and search results */ a.tooltip {color:#999; font-size:0.9em; font-weight:normal}
a.tooltip img {vertical-align:middle}
a.tooltip span {background: #e5f6fd; border: 1px solid #35badb; color:#3e3e3e; display:none; line-height:140%; padding:1px 5px 1px 5px}
a.tooltip:hover {position:relative}
a.tooltip:hover span {display:block; font-size:0.9em; left:-25px; position:absolute; top:-35px; width:230px; z-index:50}
a.tooltip:hover span b {background:url(/images/tooltip-arrow-new.gif) no-repeat; display:block; height:7px; left:75px; position:absolute; bottom:-7px; width:7px; z-index:50}
/*--------------------------------------------- Tools section of about us -------------------------------------------- */ #tl_tools li {padding: 18px 0 18px 120px; width:600px; height:8em; min-height:8em; height:auto; position:relative; background: url(/images/green-dot.gif) repeat-x top left}
#tl_tools li img {position:absolute; top:18px; left:0}
#tl_tools li h2 {margin:0 0 9px 0; font-size:1.2em}
/*Interweb - Top Sites*/ .interweb_list {padding:10px}
.interweb_link {color:#3e3e3e}
/*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}
#map_listings ul {width:200px}
#map_listings li.paid, #map_listings li.free {height:4em; min-height:4em; height:auto; background:url(/images/green-dot.gif) bottom left repeat-x; padding:0 0 9px 30px; position:relative; z-index:1; margin-bottom:9px; width:170px}
#map_listings li.paid:last-child, #map_listings li.free:last-child {background:none}
#map_listings div.review {position:absolute; top:0; left:0; width:90px; line-height:12px}
#map_listings li .review p {margin-top:4px}
#map_listings em {position:absolute; top:0; left:510px; color:#999; font-size:0.95em; padding:0; width:100px; text-align: right}
#map_listings li .adr {display:block; color:#818181}
#map_listings li.paid a.fn, #map_listings li.free a.fn {font-size:1.0em; font-weight:bold; border-width: 1px; border-bottom-style:solid}
#map_listings li.free a.fn {color:#736357; font-weight:normal}
#map_listings li.paid a.fn:hover, #map_listings li.free a.fn:hover {border-bottom-style:dotted}
#map_listings span.tel {display:block; font-weight:bold; font-size:1.2em}
img.map_pins {position:absolute; top:0; left:0}
#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:720px; 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)}
/*-------------------------------------------- tabbed map -------------------------------------------------*/ .tl_tabbed_map_left {float:left; margin:0 0 20px 0; width:500px; margin-right:20px}
.tl_tabbed_map_right {float:left; width:200px; margin:5px 0 0 0}
.tabbed_map_outer {border:2px solid #f5f5e6; position:relative; width:500px; height:520px; float: left; margin-top:5px}
.tl_tabbed_map_right ul li {padding-left:20px; margin-bottom:9px}
.tl_tabbed_map_right em {color:#999}
/*-------------------------------------------- national directory -----------------------------------------*/ #nd_grey_box {background:#e5e5e5; padding:10px}
#nd_grey_box label {display:block; font-size:1.2em; font-weight:bold; color: #6e6a4f; margin-bottom:5px}
#nd_grey_box input {font-size:1.0em; padding:2px; width:150px; color:#3e3e3e; margin-right:10px}
#nd_grey_box #nd_search_submit{ width: 109px; padding:5px 0px 0px 0px; height: 20px; font-weight:bold; border:0}
#nd_top_categories {height: 40px}
#nd_top_categories span {float: left; width: 24%; height: 40px; text-align:center}
#nd_top_categories a {font-size:1em; font-weight:bold; color: #67634a; text-decoration:none}
#nd_top_categories a:hover {text-decoration:underline}
.nd_list_column {float:left; width:300px; padding:10px 20px}
.nd_wide_column {float:left; width:405px; padding:10px 20px}
.nd_subheading {font-size:1.2em; font-weight:bold; margin-bottom:5px}
.nd_directory {margin-bottom:5px}
.nd_directory h2 {font-size:1.2em}
.nd_directory .bl {background: url(/images/categories-bl.gif) 0 100% no-repeat }
.nd_directory .br {background: url(/images/categories-br.gif) 100% 100% no-repeat}
.nd_directory .tl {background: url(/images/categories-tl.gif) 0 0 no-repeat}
.nd_directory .tr {background: url(/images/categories-tr.gif) 100% 0 no-repeat; padding:20px}
.nd_directory .t {background:#fbfbfb url(/images/categories-dot.gif) 0 0 repeat-x }
.nd_directory .b {background: url(/images/categories-dot.gif) 0 100% repeat-x}
.nd_directory .l {background: url(/images/categories-dot.gif) 0 0 repeat-y}
.nd_directory .r {background: url(/images/categories-dot.gif) 100% 0 repeat-y}
.nd_directory span {float: left; width: 150px; padding-bottom:10px}
.nd_directory .heading {font-size:1.2em; font-weight:bold; color:#67634a}
.nd_directory .divider {clear:both; border-bottom:1px dotted #3e3e3e; margin-bottom:10px}
.nd_top {text-align:right}
.nd_breadcrumbs {text-align:left}
/*---------------------------------------- Regions list -------------------------------------------*/ .region_place_list {float:left; width:130px; padding:10px 20px}
/*---------------------------------------- Also in this area --------------------------------------*/ .also_business {border: 3px solid #eeeed9; padding:10px; margin-bottom:5px; margin-top:10px}
.also_business h1 {margin-top:0}
/* ---------------------------------------- Also Serving ----------------------------------------*/ .sr_also_serve {margin:10px 0 10px 0}
.sr_also_serve .bl {background: #ecf4c7 url(/images/lgreen-bl.gif?1186389096) 0 100% no-repeat ; width:300px; margin-bottom:10px}
.sr_also_serve .br {background: url(/images/lgreen-br.gif?1188555578) 100% 100% no-repeat}
.sr_also_serve .tl {background: url(/images/lgreen-tl.gif?1186389096) 0 0 no-repeat}
.sr_also_serve .tr {background: url(/images/lgreen-tr.gif?1188555577) 100% 0 no-repeat; padding:10px}
.sr_also_serve p {margin:10px 0 10px 0; display:block}
.sr_also_serve span {display:block; text-align: right; color:#999; margin-bottom:5px}
.sr_also_serve div.url a, .sr_also_serve div.url a:visited {color:#008000}
/*------------------------------------------ Styles for MyTouch -------------------------------------------------*/ h2.my_contenthead {border-bottom:1px dotted #666666; padding:6px; color:#666666; font-size:1.4em; font-weight:bold; margin-bottom:5px}
.my_contentbox {background:#f2f2f2 url(/images/stripe-mytouch.png) 0 0; padding:10px; margin-bottom:10px}
.my_contentbox div.white {padding:3px; background:#fff}
/*---------------------------------------------- Friend Search Box ----------------------------------------------*/ .my_friend_search {float: right; margin-top:-10px; background:#e5e6d7; padding:5px 10px 5px 10px; margin-bottom:10px}
.my_friend_search label {margin: 0 5px 0 5px; font-style:italic}
.my_friend_search input {font-size:1.0em; padding:2px}
/*------------------------------------------------- Answer a question ---------------------------------------------*/ .my_qa_answer {text-align: left}
.my_qa_answer .left {float: left; width:250px; padding-right:20px}
.my_qa_answer .right {float: left; width:370px}
.my_qa_answer b {display:block; margin-bottom:20px; font-size:1.4em; color:#e8006e}
.my_qa_answer p {margin-bottom:20px; display:block}
.my_qa_answer form {display:block; margin:20px}
.my_qa_answer input.qa_confirm {margin-top:20px; display:block; margin-bottom:10px}
.my_qa_answer img.qa_cancel {margin-top:5px}
.my_qa_answer textarea.qa_answer_form {width:350px; height:150px; padding:2px}
input.my_button, .my_button {background:#3e3e3e; font-weight:bold; border: 1px solid #cccccc; font-size:0.9em; padding:2px; cursor:pointer; color:#ffffff}
.my_button_text, a.my_button_text:link {background:#e5e5e5; font-weight:bold; border: 1px solid #cccccc; font-size:1.0em; padding:3px; color:#666; text-decoration:none; display:inline}
a.my_button:link, a.my_button:visited {color:#fff; text-decoration:none; padding:3px; font-size:1.0em}
#my_qa_buttons {margin-bottom:20px}
/*Answers to Questions*/ .qa_answers {text-align: left; background: #fff url(/images/green-dot.gif) bottom left repeat-x; padding-bottom:10px}
.qa_answers .left {float: left; width:100px; padding:10px}
.qa_answers .left img {display:block; margin-bottom:5px}
.qa_answers .right {float: left; width:500px; padding:10px}
.qa_answers .right b {color:#e8006e}
.qa_answers .right em {color:#999}
.qa_answers .right p {margin:10px 0 0 0}
.all_questions {margin-left:10px}
/*Question Detail */ .qa_question {text-align: left; padding-bottom:10px; background:url(/images/green-dot.gif) bottom left repeat-x; margin-bottom:10px}
.qa_question .left {float: left; width:100px; padding:10px}
.qa_question .left img {display:block; margin-bottom:5px; width:50px; height:50px; overflow:hidden}
.qa_question .right {float: left; width:500px; padding:10px}
.qa_question .right b {color:#e8006e}
.qa_question .right p {margin:10px 0 0 0; display:block}
.qa_question .right em {color:#999; display:block}
.qa_question input.reply {margin-top:20px}
h2.answers {background: #e5e5e5; padding:6px; font-weight: bold; font-size: 1.0em; color:#e8006e; margin-top:10px; margin-bottom:5px}
/*---------------------------------------------------- MyProfile Page ------------------------------------------------*/ .my_profile {width:500px}
.my_profile img {display:block; margin-bottom:10px}
.my_profile p {padding:10px 0 10px 0; border-top: 1px solid #ccc}
.my_profile p.top {margin-top:10px}
/*------------------------------------------ Public Profile Page ---------------------------------------------*/ .my_public_profile {margin-bottom:10px}
.my_public_profile .public_profile {float: left; width: 620px; margin-right:10px; background: #fff; padding:10px}
.my_public_profile .public_profile .left {float: left; width:140px; margin-right:20px}
.my_public_profile .public_profile .left div.profile {width:120px; margin-bottom:10px; position:relative}
.my_public_profile .public_profile .left p {margin: 4px 0 4px 0}
.my_public_profile .public_friends {float: left; width:250px; background:#fff; padding:10px}
.my_public_profile .public_profile .right {float: left; width:460px}
.my_public_profile .public_friends div.img {float: left; text-align:center; margin:0 auto; margin-right:5px; margin-bottom:5px}
.my_public_profile .public_friends h1 {margin-top:0}
.my_public_profile .public_friends a {border-width:0}
/* Reviews within MyTouch */ .profile_reviews {padding:10px 0 0 0; margin-top:10px; background:url(/images/green-dot.gif) top right repeat-x}
.profile_reviews em {float: right; margin-right:10px}
.profile_reviews .left {float: left; width:170px}
.profile_reviews .left address, .profile_reviews .left p {font-weight:normal; color:#999; font-size:0.95em}
.profile_reviews .center {float: left; padding-left:30px; width: 520px; margin-right:20px; overflow:hidden}
.profile_reviews .center blockquote, .qa_question blockquote, .my_messages .right blockquote, .qa_answers blockquote {background:url(/images/blockquote.gif) 0 2px no-repeat; font-family: georgia, arial, helvetica; font-style:italic; text-indent:15px; margin-top:10px}
.profile_reviews .center blockquote p, .qa_question blockquote p, .my_messages .right blockquote p, .qa_answers blockquote p {display:inline; background:url(/images/blockquote-close.gif) bottom right no-repeat; padding-right:15px; margin:0}
.profile_reviews .center b {font-weight:bold; color:#e8006e; font-size:1.0em; display:block}
.profile_reviews .right {float: left; width:180px; color:#999}
.profile_reviews .right p {margin:10px 0 10px 0}
#profile_rev_box {margin-top:10px}
/*------------------------------------------------ Profile Edit Review -----------------------------------------------*/ .profile_editreview {background: #f4f4f4 url(/images/green-dot.gif) repeat-x top left; padding:10px 0 10px 10px; margin-top:10px; margin-bottom:-10px}
.profile_editreview form {width: auto}
.profile_editreview input.submit {margin-left:115px; margin-top:5px}
.profile_editreview img.cancel {margin-top:5px; float: right}
.profile_editreview em {position:absolute; margin: 10px 10px 0 0; left:510px; width:145px; color:#999; font-size:0.9em}
/*---------------------------------------------- Styles for Q&A --------------------------------------------------*/ .my_qa_select {display:inline}
.circle_radio_1 {margin:0px 0 5px 0}
.circle_radio_2 {margin:5px 0 5px 0}
.circle_radio_3 {margin:5px 0 5px 0}
.memberSearchForm, .circleSearchForm {float: right; margin-top:-10px; background:#e5e6d7; padding:5px 10px 5px 10px}
.qa_form_results {border: 1px solid #e5e6d7; background:#fff; padding:3px}
.circleSearchForm {margin-bottom:10px}
.circleSearchForm#circleSearchForm, .memberSearchForm#memberSearchForm {float:none; margin:0; margin-top:10px}
.circleSearchForm label {margin-right:10px; font-weight:bold}
.circleSearchForm input {margin-right:10px}
.memberSearchForm em, .circleSearchForm em {font-weight:bold; margin-right:5px}
li.selected {background-color: #ffb; padding:1px}
.location_suggestion {position: absolute; left: 60px; top: 276px; width: 206px; background:#fff; border: 1px solid #ccc; padding:5px}
/*------------------------------------------------------ Table styles for MyTouch -----------------------------------------------*/ table.my_touch {width:100%; font-size: 1.0em; text-align: center}
table.my_touch blockquote {font-family: georgia, arial, sans serif; font-style:italic; background:url(/images/blockquote.gif) 0 0 no-repeat; padding:3px; text-indent:10px; text-align:left}
table.my_touch blockquote p {display:inline; background:url(/images/blockquote-close.gif) 100% 0 no-repeat; padding-left:0; padding-right:15px; margin-right:5px}
table.my_touch blockquote a {font-weight:normal}
table.my_touch tbody tr {border-right:3px solid #fff}
table.my_touch tbody td {color:#3e3e3e; padding:10px; text-align:center; font-size:100%; background:url(/images/green-dot.gif) repeat-x top left}
table.my_touch td.profile {width:100px; text-align: left; padding-left:30px; padding-right:0}
table.my_touch td.profile div.img {width:50px; height:50px; position:relative; margin-top:10px}
table.my_touch th {font-weight:normal; color: #e8006e; border-left:3px solid #fff; padding:.3em 1em}
table.my_touch th#top_pad {border-left:none}
table.my_touch thead th {background:#fff; text-align:center; font:bold 1.3em/1.4em Helvetica, Arial,sans-serif; color:#e8006e}
table.my_touch tfoot th {text-align:center; background:#3e3e3e}
table.my_touch tfoot th strong {font:bold 1.0em Helvetica,Arial,sans-serif; margin:.5em .5em .5em 0; color:#3e3e3e}
table.my_touch tfoot th em {color:#f03b58; font-weight: bold; font-style: normal}
table.my_touch a, table.my_touch a:visited {text-decoration:none}
table.my_touch td.answers {text-align:center; font-weight:bold; color:#e8006e}
table.my_touch td.time {font-style:italic}
table.my_touch td img {display:block; margin-bottom:2px; margin:0 auto}
table.my_touch td.question, table.my_touch td.circle {font-weight:bold; padding-left:10px}
/*------------------------------------- This is for the notifications on the messages ----------------------------------*/ table.my_touch td.system, table.my_touch td.qa, table.my_touch td.chat {text-align:left; font-weight:bold; color:#3e3e3e; padding: 0 0 3px 28px; background:#fff url(/images/green-dot.gif) repeat-x top left}
table.my_touch td.system {color:#3e3e3e; /*background:url(/images/icons/icon-system-note.gif) 5px 50% no-repeat;*/ }
table.my_touch td.system:hover {background:#f9f9ef url(/images/icons/icon-system-note.gif) 4px 50% no-repeat}
table.my_touch td.qa {color:#e8006e; /*background:url(/images/icons/icon-qa-notify.gif) 5px 50% no-repeat;*/ }
table.my_touch td.qa:hover {background:#f9f9ef url(/images/icons/icon-qa-notify.gif) 4px 50% no-repeat}
table.my_touch td.chat {color:#e8006e; /*background:url(/images/icons/icon-chat-note.gif) 5px 50% no-repeat;*/ }
table.my_touch tr td.chat:hover {background:#f9f9ef url(/images/icons/icon-chat-note.gif) 5px 50% no-repeat}
table.my_touch tr:hover {background:#f9f9ef}
.pagination-t {background:#f2f2f2; padding:5px; text-align:center}
.pagination-t a, .pagination-t a:visited {color:#999}
.pagination-t a:hover {text-decoration:none; color:#e82d7e}
#my_flex {width:930px; height:390px; margin-bottom:10px}
.new_bus_list {float: right; margin: 3px 10px 0 0}
/*-------------------------------------------------- Webpage Toolbar ----------------------------------------------------*/ .tl_webtoolbar {height:40px; border-bottom:1px solid #e8006e; width:99%; text-align:left; padding:10px; font-size: 1.1em; background:#fff; position:relative}
.tl_webtoolbar b {font-size: 1.6em; font-weight:bold; display:block; margin-bottom:10px}
.tl_webtoolbar p.number {position:absolute; top:40%; left:40%; font-size:3.0em; font-weight:bold}
.tl_webtoolbar div {float: right; margin:0 10px 0 0; text-align: right; position:relative; height:40px; width:110px}
.tl_webtoolbar div a, .tl_webtoolbar div a {color:#3e3e3e}
.tl_webtoolbar div img {position:absolute; top:98%; margin-left:-100px; margin-top:-10px}
.tl_webtoolbar a, .tl_webtoolbar:visited {color:#3e3e3e; font-weight:bold}
/*-------------------------------------- This is for the category switching on the migration portal ----------------------------------------*/ .hm_categories_seo ul#menu {list-style-type: none; margin-bottom: 10px}
.hm_categories_seo li {display: inline}
#seo_categories {margin-top: 10px}
#seo_categories .left {float: left; width:400px}
#seo_categories .right {float: left; width:400px}
.hm_categories_seo {background: #fff; margin-top:9px; border: 2px solid #eeeed9; padding:9px 10px 9px 10px}
.hm_categories_seo a, .hm_categories_seo a:visited {color:#999; text-decoration:none; font-weight:normal}
ul.seo_cats li {padding: 0px 0 0 8px; background: url(/images/lists/li-categories.gif) no-repeat; background-position:0 6px}
ul.seo_cats li a {color:#666; text-decoration:none; font-weight:normal}
/*= This is the new registration path ---------------------------------------------*/ #tl_registerform {margin-top:10px; border-top: 1px solid #dcdbbf; padding-top:10px; line-height:normal; height:1%}
#tl_registerform div.fieldset {float: left; width: 265px; padding:0 20px 20px 20px}
#tl_registerform fieldset {height: 24em; min-height: 24em; height:auto; border:0; padding:0}
#tl_registerform fieldset legend {font-size: 3em; font-family: Georgia, "Times New Roman", Times, serif; color: #e8006e; margin-bottom:20px}
#tl_registerform fieldset legend span {display: none}
#tl_registerform fieldset h3 {height: 4em; font-size: 1em}
#tl_registerform fieldset div.help {height: 4em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic}
#tl_registerform fieldset div.photo {height:1.5em}
#tl_registerform fieldset div.second {margin:10px 0 5px 0}
#tl_registerform fieldset label {display: block; line-height: 1.5em; margin-top:5px}
#tl_registerform fieldset input {font-size: 1.2em; padding:3px}
#tl_registerform #pt1 {border-right: 1px solid #dcdbbf; padding-right:23px}
#tl_registerform #pt2 {padding-right:23px; border-right: 1px solid #dcdbbf}
#tl_registerform div.holder {height:1.8em; margin-top:2px}
#tl_registerform div.fieldWithErrors {display:inline; font-size:0.9em}
#tl_registerform .profile_image {width:60px; height:70px; float: left}
#tl_registerform .avatar_holder img {width:50px; height:50px}
/* Error Styling */ #tl_registerform div.error, #tl_registerform fieldset.error legend, #tl_registerform fieldset.error div.help {background: #f3d1df; height:25em; min-height:25em; height:auto}
/* Part 4 Styling */ #tl_registerform #pt4 {clear: both; height:30px; min-height:30px; border-top: 1px solid #dcdbbf; background:#f8f8ea; padding: 1em; width:900px}
#tl_registerform #pt4 legend {display: none}
#tl_registerform #pt4 h3 {display: none}
#tl_registerform #pt4 input {float: right; margin-top:2px}
#tl_registerform span.terms {font-style:italic; font-size:0.9em; color:#999; display:block; margin-top:12px}
#tl_registerform div.error_bar {float: left; width:730px; background:#f3d1df; border: 1px solid #e8006e; padding:5px}
#tl_registerform div.error_bar strong {color:#e8006e}
p.reg_required {display:block; text-align:right; margin-top:10px}
/*---------------------------------------------------- Registration/Login Sections ------------------------------------------------*/ #tl_registration {padding: 10px}
#tl_registration h2 {color:#e8006e; font-weight:bold; margin-bottom:5px; font-size:1.4em}
#tl_registration form {display:block}
#tl_registration em a, #tl_registration em a:visited {position:absolute; color:#999; text-decoration:none; font-size:0.9em; margin:15px 170px}
#tl_registration em a:hover {text-decoration:underline}
#tl_registration input.text_re {display:block; margin-top:10px; width:150px}
#tl_registration input.submit {margin-top:10px}
#tl_registration ul {margin-top:10px}
#tl_registration ul li {padding: 7px 0 0 25px; background: url(/images/icons/pink-arrow.png) no-repeat; background-position:0 6px; margin-bottom:10px}
#tl_registration ul li strong a, #tl_registration ul li strong a:visited {display:block; color:#3e3e3e; text-decoration:none}
#tl_registration ul li strong a:hover {color:#e8006e; text-decoration:underline}
/*--------------------------------------- The generic login pages for each section --------------------------------------------*/ #tl_logreg h1 {margin-top:10px; padding:0}
#tl_logreg .left {width:440px; float: left; margin-right:40px}
#tl_logreg .right {width:450px; float: left; margin-top: 20px}
#tl_logreg .right input {margin:-1px 0px}
/* all browsers read this, used to target IE6 */ #tl_logreg p {margin:10px 0 10px 0}
#tl_logreg img.upsell {margin-bottom:20px}
#tl_logreg p.reg_required {float: right}
/*--------------------------------------------------- For Business Reg --------------------------------------------------------*/ #tl_registration .reg_blue {background:#06a2eb}
#tl_registration .reg_blue .people {float: right; margin-right:30px; margin-top:25px; width:160px; height:220px; background: url(business-image.gif) no-repeat}
#tl_registration .reg_blue .bl {background: url(reg-blue-bl.gif) 0 100% no-repeat }
#tl_registration .reg_blue .br {background: url(reg-blue-br.gif) 100% 100% no-repeat}
#tl_registration .reg_blue .tl {background: url(reg-blue-tl.gif) 0 0 no-repeat}
#tl_registration .reg_blue .tr {background: url(reg-blue-tr.gif) 100% 0 no-repeat; padding:20px}
.clear_spacer {font-size: 1px; height: 1px }
/*---------------------------------------------------- Invite Page --------------------------------------------------*/ .my_invite_form {width:750px}
.my_invite input.text {padding:2px; font-size:1.0em}
.my_invite .invite_logo {margin-right:80px; margin-bottom:20px}
.my_invite input.submit_contacts {padding:3px}
/*--------------------------------------------------- Friend Requests -----------------------------------------------------------------*/ .my_requests {border: 1px solid #d7a700; background:#fbf3d7; padding:5px; margin-bottom:10px}
.my_requests p {margin-top: 2px}
.friend_accept {text-align:right; margin-bottom:10px}
/*----------------------------------------------- This is for the messaging chat section -----------------------------------------------*/ .my_messages_reply {width:750px; margin-top:20px}
.message_reply {clear:both; margin-top:10px; padding-left:120px}
.my_messages .left {float: left; width:100px; padding:10px}
.my_messages .left em {color:#999; display:block; font-size:0.9em}
.my_messages .right b {color:#e8006e}
.my_messages .right {float: left; width:780px; padding:10px; border-bottom: 1px dotted #ccc}
/*----------------------------------- This is the search box for the Recommend/Review/Buisness Lists Sections -------------------------------------*/ #bus_search_small {padding:10px; background: #e7e8cf; margin-bottom:10px}
h2.bus_search {font-size:1.2em; font-weight:bold; color:#3e3e3e; padding:0 0 0 10px; margin-bottom:10px}
#bus_search_small form {display:block; padding-left: 10px}
#bus_search_small form p {float:left; text-align:left; margin:0px 5px 0px 10px}
#bus_search_small label {font-size:1.1em; font-weight:bold; color: #67634a; margin-right:10px}
#bus_search_small input {font-size:1.0em; padding:2px; width:200px; color:#3e3e3e; margin-right:15px}
#bus_search_small #tl_search_submit{ width: 115px; padding:0px; height: 20px; font-weight:bold; border:0; position:absolute; margin-top:2px}
/*-------------------------------------------- This is the search box questions and answers -------------------------------------------*/ #qa_search_small {float: right; margin-top:-10px; background:#e5e6d7; padding:5px 10px 5px 10px}
#qa_search_small strong {margin-right:10px}
h2.qa_search {font-size:1.2em; font-weight:bold; color:#3e3e3e; padding:0 0 0 10px; margin-bottom:10px}
#qa_search_small form {display:inline}
#qa_search_small form p {float:left; text-align:left; margin:0px 10px 0px 10px}
#qa_search_small label {font-size:1.1em; font-weight:bold}
#qa_search_small input.qa_text {font-size:1.0em; padding:2px; width:140px; margin-right:5px}
/*----------------------------------------- For the 404/500 error pages ----------------------------------------*/ ul.tl_error {margin-bottom:20px}
ul.tl_error li {padding: 5px 0 5px 25px; background:url(/images/list-error.gif) 5px 7px no-repeat}
/*----------------------------------------------- Review Scores --------------------------------------------------*/ div.tl_loyalty_small, div.tl_loyalty_large {display:block; position:absolute; color:#fff; text-align:center; font-family:georgia, arial, sans serif; line-height:normal}
div.tl_loyalty_small {width:30px; height:30px; background:url(/images/loyalty_small.png) no-repeat; margin:-9px 0 0 -9px; font-size:0.85em}
div.tl_loyalty_large {height:50px; width:50px; background:url(/images/loyalty_large.png) no-repeat; margin:-5px 0 0 -5px}
div.tl_loyalty_large span.score {padding-top:12px; display:block}
div.tl_loyalty_small span.score {padding:7px 2px 0 0; background:none; display:block}
/*------------------------------------ This is our section for competitions ---------------------------------------*/ div.competition_content strong {color:#e8006e; display:block}
div.competition_content h2 {font-family:arial, helvetica, sans serif; font-weight:bold; color:#3e3e3e; font-size:1.8em; line-height:1.2em; margin-bottom:9px}
div.competition_content p {margin-bottom:9px}
div.competition_content ul {position:relative}
div.competition_content li {position:relative; text-align: left; height:8em; min-height:8em; height:auto; padding-left:55px}
div.competition_content li h3 {font-family:georgia, times new roman, arial, sans serif; font-weight:bold; color:#3e3e3e; font-size:1.4em; padding-top:18px; line-height:1.2em}
div.competition_content li#step1 {background:url(/images/competition/step1.gif) no-repeat 5px 7px}
div.competition_content li#step2 {background:url(/images/competition/step2.gif) no-repeat 5px 7px}
div.competition_content li#step3 {background:url(/images/competition/step3.gif) no-repeat 5px 7px}
div.competition_content li#step4 {background:url(/images/competition/step4.gif) no-repeat 5px 7px}
div.competition_content li#step5 {background:url(/images/competition/step-5.gif) no-repeat 5px 7px; margin-top:9px; padding-bottom:9px}
div.competition_content form {display:block; padding:0 9px 9px 9px; background:url(/images/competition/search-back.gif) repeat-x; margin-top:18px; overflow:hidden}
div.competition_content form label {display:block; font-weight:bold; margin-bottom:2px; font-size:1.2em}
div.competition_content form input {padding:1px; font-size:1.2em; width:180px}
div.competition_content form p {float: left; padding:0; margin:0; width:200px}
div.competition_content .submit{ width: 134px; padding:0px; height: 25px; font-weight:bold; border:0; background:url(/images/buttons/btn-findbusiness.gif) no-repeat; cursor:pointer; vertical-align:middle; margin-top:30px}
div.competition_content li img {position:absolute; left:267px; top:0}
div.competition_content img.arrow1 {position:absolute; top:70px; left:10px}
div.competition_content img.arrow2 {position:absolute; top:205px; left:10px}
div.competition_content img.arrow3 {position:absolute; top:335px; left:10px}
div.competition_content img.arrow4 {position:absolute; top:465px; left:10px}
div.competition_content li p {margin-top:9px}
div.competition_content li em {background:#fff6bf; font-style:normal; color:#666; display:block; padding:9px}
div.competition_content li em b {display:block; color:#3e3e3e}
div.competition_content .right p {margin-bottom:10px; padding-left:20px}
div.competition_content .left {float: left; width:620px; position:relative; display:inline; margin-right:20px}
div.competition_content .right {float: left; width:300px; position:relative; display:inline}
div.competition_content h1 {font-size:2em; line-height:30px}
div.competition_content p.terms {font-size:0.9em; color:#999; margin-top:420px; text-align:center}
.competition_terms {text-align: left}
.competition_terms {padding:20px}
.competition_terms h2 {margin-bottom:10px}
.competition_terms p {margin-bottom:10px}
div.competition_content .join {background:#f5f5e6 url(/images/competition/join-bottom.gif) no-repeat bottom left; width:300px}
div.competition_content .join h3 {color:#e8006e; font-size:1.4em; background:url(/images/competition/join-top.gif) no-repeat top left; padding:18px 18px 0 18px}
div.competition_content .join p {padding:9px 18px 0 18px; background:#f5f5e6}
div.competition_content .join img {padding:0 9px 9px 18px}
div.competition_content .join a:link {border-width:0}
/*------------------------------------ Promotional Competition areas in site ---------------------------------------*/ .competition_mpu {margin:0 0 9px 0}
.competition_mpu a:link {display:block; width:300px; height:227px}
.competition_mpu a:hover {border-width:0}
.competition_banner {background:url(/images/competition/banner-ad.gif); width:620px; height:129px; position:relative; margin:10px 0 10px 0; overflow:visible; z-index:100}
.competition_banner img {position:absolute; top:79px; left:480px}
.serps {margin-top:0}
/*--------------------------------- Beta notice ---------------------------------------------------------------------*/ #beta_notice {background: #FEFCBF none repeat scroll 0 0}
/* ---------------------------- For the lightbox -------------------------------*/ #facebox .b {background:url(/images/facebox/b.png)}
#facebox .tl {background:url(/images/facebox/tl.png)}
#facebox .tr {background:url(/images/facebox/tr.png)}
#facebox .bl {background:url(/images/facebox/bl.png)}
#facebox .br {background:url(/images/facebox/br.png)}
#facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left}
#facebox .popup {position: relative}
#facebox table {border-collapse: collapse}
#facebox td {border-bottom: 0; padding: 0}
#facebox .body {padding: 15px; background: #fbfaf2; width: 400px}
#facebox .loading {text-align: center}
#facebox .image {text-align: center}
#facebox img {border: 0; margin: 0}
#facebox .close_image {position:absolute; top:-10px; right:-10px}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%}
#facebox h2 {color:#e8006e; font-size:1.8em; margin-bottom:9px}
#facebox strong {display:block; font-size:1.4em; margin-bottom:9px}
.facebox_hide {z-index:-100}
.facebox_overlayBG {background-color: #000; z-index: 99}
/*= For the review form in the pop-up --------------------------------------------- */ #facebox .bd_writereview {background:none; width:380px; padding:0}
#facebox .bd_writereview input.text {width:380px}
#facebox .bd_writereview textarea.review {width:384px}
#facebox .thanks {text-align:center}
/* THE TIDY UP!!!!! Started July 2009 ------------------------------------------------------------------------------------------------------------------------------------- */ /* Google ads and sponsored ads --------------------------------------------------- */ /* Sponsored results */ #sponsored_result {margin:5px 0 0 0; padding:0 10px 5px 10px}
#sponsored_result p {display:block; text-align: right; color:#999}
#sponsored_result li {height:5em; min-height:5em; height:auto; padding:0 10px 0 110px; position:relative; width:485px}
#sponsored_result a.img {width:80px; height:52px; display:block; position:absolute; top:0; left:10px}
#sponsored_result strong {display:block}
#sponsored_result span.links {display:block; margin-bottom:5px}
#sponsored_result span.links a, #sponsored_result span.links a:visited {color: #008000; text-decoration: none}
#sponsored_result span.links a:hover {border-width:0}
/*= Google ads */ .sponsoredLinks {margin-top:9px; padding-left:10px; line-height:130%}
.sponsoredLinks ul {list-style-type:none}
.sponsoredLinks li {margin-bottom:9px}
.sponsoredLinks a {color:#3366cc; font-size:1.2em}
.sponsoredLinks p {color:#3e3e3e; text-decoration:none; margin:0}
.sponsoredLinks span.links {display:block; margin-bottom:9px}
.sponsoredLinks span.links a {color: #008000; text-decoration:none}
.sponsoredLinks span.title {color:#999; display:block; margin-bottom:3px}
.sponsoredLinks p {color:#3e3e3e; text-decoration:none}
.sponsoredLinks span a:link, .sponsoredLinks span a:visited, .sponsoredLinks span a:hover {color: #008000; text-decoration:none}
/* The ads are slightly different between wide and narrow view http://jira.touchlocal.com:8081/display/SCRUM/Google+Adsense+Changes+July+09 */ #wide_ads_top_div span.weblink, #wide_ads_bottom_div span.weblink {display:inline-block; margin-right:10px}
#side_ads_div span.weblink {display:block; margin-bottom:9px}
.sponsoredLinks span a:link, .sponsoredLinks span a:visited, .sponsoredLinks span a:hover {color: #008000; font-size:1em; text-decoration:none; border-width:0}
.sponsoredLinks li {margin-bottom:6px}
/* New form layouts --------------------------------------------------------------- */ /* Float the label left which allows the input to sit next to it, use a 'br' after to clear the floated elements left, different layout? Just hide the break */ .form-layout label {float:left; margin-top:9px; width:120px; margin-right:10px}
.form-layout input.text, .form-layout input[type="password"], .form-layout textarea {margin-top:9px; width:300px}
.form-layout input[type="select"] {margin-top:9px}
.form-layout textarea {height:100px; padding:2px}
.form-layout br {clear:left}
.form-layout span.star {color:#e8006e; font-weight:bold}
/* The submit buttons and options need pushing right the width of the label */ .form-layout input.submit, .form-layout p.option {margin:9px 0 0 130px}
/* Push the captcha over from the left as well same */ .form-layout .captcha, .form-layout #simple_captcha {margin-left:130px}
/* The captcha height is already forced */ .form-layout #simple_captcha {height:auto; height:4em; min-height:4em; margin:9px 0 0 130px}
.form-layout .buttons {margin:9px 0 0 130px}
/* For the text errors that are shown */ .form-layout .error-text {color:#ff0000; margin-left:130px}
/* User report form */ .user-report {background: #f2f2f2; padding:9px 10px 20px 10px; margin-top:9px}
/*= The whole about TouchLocal section --------------------------------------------- */ /* The menu */ ul#abouttl_menu {margin-top:40px}
ul#abouttl_menu li a:link, ul#abouttl_menu li a:visited {height:1%; padding:6px 8px 6px 8px; color:#3e3e3e; text-decoration:none; background: #fff url(/images/green-dot.gif) top right repeat-x; display:block}
ul#abouttl_menu li a:hover {display:block; color:#e8006e; background: #f9f9ef url(/images/green-dot.gif) top right repeat-x; border-width:0}
ul#abouttl_menu li a.active {background: #f9f9ef url(/images/green-dot.gif) top right repeat-x; color:#e8006e}
ul#abouttl_menu li.break {margin-bottom:8px}
/* For the developers API section we have a sub menu ul that sits in here */ ul#abouttl_menu ul {background:#f9f9ef; font-size:0.9em}
ul#abouttl_menu li ul {margin:0; padding:0}
ul#abouttl_menu li li a:link, ul#abouttl_menu li li a:visited {background:none; padding:3px 0px 3px 8px}
/* Typography styles */ .page h3, .contact_us h3 {color:#e8006e; font-size:1.4em; font-weight:bold; line-height:1; margin-bottom:0.5em}
.page h4 {font-weight:bold; font-size:1.2em; line-height:1.25; margin-bottom:0.5em}
.page p {margin:0 0 1.5em}
.page ul, ol {list-style-type: disc; margin:0 0 1.5em 20px}
.page blockquote {background: url(/images/green-dot.gif) bottom left repeat-x; padding-bottom:1.5em; margin-bottom:1.5em}
.page blockquote cite {font-style:italic; margin-bottom:1.5em}
/* Link to us page */ .link_to_us {border: 1px solid #c9caa6; background:#f5f5e6; padding:9px; margin:9px 0 9px 0}
.link_to_us p {background:#fff; padding:9px; color:#009ddc; margin:0}
/* About us page - split into two columns to show an Partner logo(aol in this case) in the right column */ .about {padding-right:300px; /* Push it in, then the logo can sit position absolute to the right */ position:relative; /* Used for the image logo to be relative to */ }
.about img {position:absolute; top:25px; right:0px}
/*= Contact Page */ .contact_form {float: left; width:480px}
.contact_hints {float:left; width:270px}
/*= Partners page */ ul#tl_partners {list-style-type: none; margin:18px 0 0 0}
ul#tl_partners li {padding: 18px 0 18px 120px; width:640px; height:7em; min-height:7em; height:auto; position:relative; background: url(/images/green-dot.gif) repeat-x top left}
ul#tl_partners li img {position:absolute; top:18px; left:0}
ul#tl_partners li h4 {margin:0 0 9px 0; font-size:1.2em}
/*= The API section -------------------------------------------------------- */ /* Branding section */ ul.branding {margin:0}
ul.branding li {list-style-type: none; margin:0 0 1.5em 0; padding:0}
ul.branding li img {display:block; margin:0 0 1.5em 0}
/* Managing your api keys */ .api-form {background:#f0f0e0; padding:20px; position:relative; /* Used to position the required text to */ -webkit-border-radius:10px; -moz-border-radius:10px; width:500px}
.api-form p.required {position:absolute; top:10px; right:10px}
/* The ajax loading spinner */ .ajax_api_submitter {border:1px solid #3e3e3e; position:absolute; width:100px; height:100px; background:#3e3e3e; opacity:0.6; filter: alpha(opacity = 60); z-index:4; top:0; left:0}
.ajax_api_submitter img {margin:0 auto}
/* The list of your api keys */ ul.api-keys {margin:0}
ul.api-keys li {font-size:1.4em; list-style-type: none; margin:0 0 1.5em 0; padding:0}
ul.api-keys li p {margin:0}
/* The edit link */ ul.api-keys li a {font-size:0.6em}
ul.api-keys input {width:300px; vertical-align:middle}
/* The into box that displays the first time when no keys exist */ .intro-box {background:#f0f0e0; font-size:1.3em; width:450px; padding:10px 15px 10px 15px; -webkit-border-radius:10px; -moz-border-radius:10px}
.intro-box img {vertical-align:middle}
/* Code Examples */ .page pre {background:#f9f9ef; border:1px solid #f1f1c2; font-size:1.1em; padding:5px; width:600px; height: 50px; overflow-x: auto}
/*--------------------------------- http://meyerweb.com/eric/tools/css/diagnostics/ ---------------------------------- div:empty, span:empty, li:empty, p:empty, td:empty, th:empty {padding : 0.5em; background : yellow}
*[style], font, center {outline : 5px solid red}
*[class=""], *[id=""] {outline : 5px dotted red}
img[alt=""] {border : 3px dotted red}
img:not([alt]) {border : 5px solid red}
img[title=""] {outline : 3px dotted fuchsia}
img:not([title]) {outline : 5px solid fuchsia}
table:not([summary]) {outline : 5px solid red}
table[summary=""] {outline : 3px dotted red}
th {border : 2px solid red}
th[scope="col"], th[scope="row"] {border : none}
a[href]:not([title]) {border : 5px solid red}
a[title=""] {outline : 3px dotted red}
a[href="#"] {background : lime}
a[href=""] {background : fuchsia}
---------------------------------------------------------------------------------------------------------------------- */ /*--------------------------------- Extensions lets use some cool new webkit / CSS3 features ----------------------------------*/ /* Extensions */ /* Safari */ div.auto_complete {-webkit-box-shadow: 2px 2px 3px #3e3e3e}
/* Firefox */ a#show_phone_number {font-weight:bold; text-decoration:underline }
img.phone-icon {vertical-align:middle; margin-right:3px }
div.cat-lft {width: 42%; float: left}
div.cat-rgt {width: 45%; float: right}