Business List - Brighton & Hove Leader

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="google-site-verification" content="PMD6vselLpnD_YvM6jWPvBncI41DjTcM07GScvAzepw" /> <title>Business List - Brighton & Hove Leader</title> <link rel="shortcut icon" href="#" /> <link rel="canonical" href="http://leap.theargus.co.uk/search/sports+coaching">  <script async src="https://cdn.ampproject.org/v0.js"></script> <script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script> <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script> <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script> <script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script> <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script> <script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script> <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script> <script async custom-element="amp-fit-text" src="https://cdn.ampproject.org/v0/amp-fit-text-0.1.js"></script> <script async custom-element="amp-image-lightbox" src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js"></script> <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://leap.theargus.co.uk/js/jquery-ui.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans"> <style amp-custom> 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; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 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: 0; }* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { position: absolute; top: 0; left: 0; right: 0; min-height: 100%; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 20px; color: #FFFFFF; background: #000000 no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body:before{ content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); } img{ max-width:100%; } a, button, .btn { -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in; } a { color: #000; text-decoration: none; } a:hover{ color: #0f9cff; text-decoration: none; } ul, li{ padding: 0; margin: 0; list-style: none; } h1, h2, h3, h4, h5, h6{ font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0px auto 20px; } h2{ font-size: 24px; } h3{ font-size: 18px; font-weight: 700; } h4{ font-size: 16px; } h6{ font-size: 16px; } h6{ font-size: 20px; font-weight: 300; line-height: 26px; color: #000; } label{ color: #464646; font-weight: normal; } label.error { color: #C10000; font-size: 12px; font-weight: normal; margin-top: -5px; padding: 0; } input.error, textarea.error { border: 1px dotted red; } .label{ padding: 0px 5px; border-radius: 3px; font-size: 90%; } .label-default { background-color: #999; } .label-default[href]:hover, .label-default[href]:focus { background-color: #808080; } .label-primary { color: #FFF; background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { color: #FFF; background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { color: #FFF; background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { color: #FFF; background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { color: #FFF; background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .clearfix:after { clear: both; content: ""; display: block; } .clearfix { display: block; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-sp { background-color: #f7f7f7; } .btn-sp:hover, .btn-sp:focus, .btn-sp:active, .btn-sp.active, .open .dropdown-toggle.btn-sp { color: #FFF; background-color: #095fad; } /* ---------------------------- */ /* Custom CSS Color Theme: Orange: #f2994a; Blue: #095fad; /* ---------------------------- */ .container{ position: relative; display: block; margin: 0px auto; max-width: 960px; } .section{ position: relative; display: block; padding: 25px 20px; margin: 0px 0px 20px; } .section .page-title{ position: relative; display: block; } .section .page-title:after{ content: ''; display: block; position: relative; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; } .section .page-title h1{ font-size: 22px; line-height: 30px; margin: 0px 0px 10px; font-weight: 600; color: #bd2125; } .section .title{ position: relative; display: block; } .section .title:before{ content: ''; display: block; position: absolute; bottom: 25px; width: 100%; border-bottom: 1px solid #dcdcdc; } .section .title h2{ position: relative; display: inline-block; font-size: 18px; line-height: 30px; margin: 0px 0px 10px; padding-right: 10px; font-weight: 400; color: #bd2125; text-transform: uppercase; background-color: #FFF; z-index: 5; } /* 12 Column Grid */ .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .row { margin-right: -15px; margin-left: -15px; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666666666666%; } .col-xs-pull-10 { right: 83.33333333333334%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666666666666%; } .col-xs-pull-7 { right: 58.333333333333336%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666666666667%; } .col-xs-pull-4 { right: 33.33333333333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.666666666666664%; } .col-xs-pull-1 { right: 8.333333333333332%; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666666666666%; } .col-xs-push-10 { left: 83.33333333333334%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666666666666%; } .col-xs-push-7 { left: 58.333333333333336%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666666666667%; } .col-xs-push-4 { left: 33.33333333333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.666666666666664%; } .col-xs-push-1 { left: 8.333333333333332%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666666666666%; } .col-xs-offset-10 { margin-left: 83.33333333333334%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666666666666%; } .col-xs-offset-7 { margin-left: 58.333333333333336%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666666666667%; } .col-xs-offset-4 { margin-left: 33.33333333333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.666666666666664%; } .col-xs-offset-1 { margin-left: 8.333333333333332%; } @media (min-width: 768px) { .container { width: 750px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } } @media (min-width: 992px) { .container { width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10 { width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width: 33.33333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-1 { margin-left: 8.333333333333332%; } } @media (min-width: 1200px) { .container { width: 1170px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } } /* END | 12 Column Grid */ /*.section.webcard-details-page .row{ display: block; } .section.webcard-details-page .row > .col{ display: block; }*/ /* Display Table div */ .section div.display-table { position: relative; display: table; table-layout: fixed; width: 100%; } .section div.display-table > div { display: table-cell; vertical-align: middle; } .section div.display-table > div.col-4 { width: 33.333333%; } /* Display List Table */ .section ul.table-list{ position: relative; display: block; margin: 0px; list-style: none; } .section ul.table-list > li{ position: relative; display: table; table-layout: fixed; width: 100%; margin-bottom: 10px; } .section ul.table-list > li > div { display: table-cell; } .section ul.table-list > li > div:first-child{ width: 100px; } /* Start breadcrumb */ .breadcrumb{ position: relative; display: block; background-color: #FFFFFF; color: #4e4e4e; padding: 10px; margin-bottom: 20px; } .breadcrumb > ol{ position: relative; display: block; } .breadcrumb > ol li { display: inline; vertical-align: top; margin: 0px 7px; } .breadcrumb > ol li+li:before { content:"禄 "; margin-right: 5px; } /* Start #header */ #header{ position: relative; padding: 15px 20px; background: #fdfdfd; margin-bottom: 0px; z-index: 3; } #header div.display-table > div.logo{ position: relative; display: block; } #header div.display-table > div.logo .fixed-container { position: relative; width: 250px; height: 50px; background-color: transparent; } #header div.display-table > div.logo .contain img { object-fit: contain; } #header div.display-table > div.search-box{ padding: 0px 30px; } #header div.display-table > div.search-box form{ position: relative; display: block; max-width: 800px; margin: 0px auto; } #header div.display-table > div.search-box .form-group{ margin-bottom: 0px; } #header div.display-table > div.sp-nav{ position: relative; text-align: right; width: 200px; z-index: 5; } #header div.display-table > div.sp-nav > ul { display: block; position: relative; list-style: none; padding: 0px; margin: 0px -10px; } #header div.display-table > div.sp-nav > ul > li { position: relative; display: inline-block; padding: 0px 10px; vertical-align: top; } #header .languagepicker-container{ position: relative; display: block; width: 120px; } #header .languagepicker-container > ul { position: absolute; left: 0px; right: 0px; top: 0px; text-align: center; background-color: #f7f7f7; color: #000; padding: 0; height: 34px; overflow: hidden; transition: all .3s ease; vertical-align: top; } #header .languagepicker-container > ul:hover { height: auto; } #header .languagepicker-container > ul li { display: block; padding: 0px; line-height: 34px; border-top: 1px solid #EEE; } #header .languagepicker-container > ul li:first-child{ border: none; } #header .languagepicker-container > ul li a{ position: relative; display: block; text-decoration: none; } #header .languagepicker-container > ul li a:hover{ color: #FFF; background-color: #095fad; } /* Home page Style */ .link-list{ display: block; } .link-list ul{ position: relative; display: block; margin: 0px -10px; } .link-list ul > li{ display: inline-block; width: 33.33333333%; min-width: 150px; } .link-list ul > li > a{ display: block; font-size: 15px; line-height: 21px; padding: 7px 15px; margin: 5px 10px; background: #f3f3f3; color: #555; } .link-list ul > li > a:hover{ background: #0f9cff; color: #FFF; } /* Business List Page */ .box-businesses{ display: block; } .box-businesses ul{ position: relative; display: block; margin: 0px -10px; } .box-businesses ul > li{ display: inline-block; width: 33.33333333%; min-width: 150px; vertical-align: top; } .box-businesses ul >li > div{ position: relative; display: block; margin: 10px; padding: 20px 20px; background-color: #f7f7f7; } /*.box-businesses ul > li > a{ display: block; font-size: 15px; line-height: 21px; padding: 7px 15px; margin: 5px 10px; background: #f3f3f3; color: #555; } .box-businesses ul > li > a:hover{ background: #0f9cff; color: #FFF; }*/ /* START #full-body-container */ #full-body-container{ position: relative; display: block; margin: 0px auto; padding: 40px 40px; z-index: 4; min-height: 600px; } #full-body-container .section{ background-color: #FFFFFF; color: #4e4e4e; } #full-body-container .section div.display-table > div { vertical-align: top; } #full-body-container .logo{ margin-bottom: 20px; } #full-body-container #description{} /* business-title */ #business-title{ margin-bottom: 20px; } #business-title .main-title{ position: relative; display: block; margin-bottom: 20px; } #business-title .main-title > h1{ font-size: 25px; line-height: 30px; margin: 0px; font-weight: 600; color: #bd2125; } #business-title .main-title > h1 > span{ display: block; font-size: 16px; font-weight: normal; color: #0f9cff; } #business-title ul.links{ position: relative; display: block; margin: 0px -10px; } #business-title ul.links > li{ display: inline-block; margin: 5px 10px; } #business-title ul.links > li > a{ display: block; font-size: 13px; line-height: 18px; padding: 4px 10px; background: #f3f3f3; color: #555; border-radius: 5px; } #business-title ul.links > li > a > i{ margin-right: 5px; } #business-title ul.links > li > a:hover{ background: #0f9cff; color: #FFF; } /* services */ #services{ margin-bottom: 20px; } #services ul.cloud-tags{ margin: 0px -15px; text-align: left; } #services ul.cloud-tags > li{ display: inline-block; margin: 5px 12px; font-size: 14px; line-height: 24px; } #services ul.cloud-tags > li > a{ position: relative; display: block; } /* contact-info */ #contact-info{ margin-bottom: 20px; } /* announcement-info */ #announcement-info{ position: relative; display: block; margin-bottom: 0px; } #announcement-info .i-amphtml-scrollable-carousel-container{ overflow: hidden !important; } #announcement-info .carousel-item{ position: relative; display: block; margin-bottom: 20px; } #announcement-info .carousel-block{ position: relative; display: block; margin: 0px 1px; } #announcement-info .carousel-block > .announcements-outer{ position: relative; display: block; } #announcement-info .carousel-block > .announcements-outer > .blog{ position: relative; display: block; } #announcement-info .carousel-block > .announcements-outer > .blog > .img-wrap{ position: relative; display: block; padding: 5px; border: 1px solid #CCC; margin: 0px auto; text-align: center; margin-bottom: 15px; } #announcement-info .carousel-block > .announcements-outer > .blog > .img-wrap > .expiration-date{ position: absolute; bottom: 20px; right: 15px; padding: 3px 6px; font-size: 12px; background-color: #a5ff87; border: 1px solid #72e24c; border-radius: 6px; } #announcement-info .carousel-block > .announcements-outer > .blog > div > h5{ float: left; color: #000; font-size: 16px; line-height: 32px; } #announcement-info .carousel-block > .announcements-outer > .blog > div > a.more-info{ float: right; background-color: #ccc; font-size: 16px; padding: 3px 12px; } #announcement-info .carousel-block > .announcements-outer > .blog > div > a.more-info:hover{ background-color: #bd2125; color: #FFF; } /* opening-hours */ #opening-hours{ margin-bottom: 0px; } /* gallery */ #gallery{ margin-bottom: 20px; } #gallery ul{ position: relative; text-align: center; } #gallery ul > li{ position: relative; display: block; float: left; min-width: 150px; width: auto; margin: 10px 10px; } #gallery ul > li > a{ position: relative; display: block; } #gallery ul > li > a > amp-img{ border-radius: 10px; } /* maps */ #maps{ margin-bottom: 20px; } #maps #business_map_canvas{ position: relative; display: block; height: 250px; } /* payment-methods */ #payment-methods{} #payment-methods ul{ position: relative; text-align: center; clear: both; } #payment-methods ul > li{ position: relative; display: block; float: left; min-width: 120px; max-width: 300px; padding: 10px 10px; } /* footer */ #footer{ position: relative; padding-top: 15px; padding-bottom: 15px; background: #000000; margin: 0px; text-align: center; z-index: 3; } #footer > div{ position: relative; display: table; table-layout: fixed; width: 100%; } #footer > div > .logo{ display: table-cell; width: 100px; margin-right: 10px; vertical-align: middle; } #footer > div > .desc{ display: table-cell; text-align: right; vertical-align: middle; } #footer > div > .desc p{ font-size: 14px; line-height: 22px; margin: 0px; color: #5c5c5c; } /* bg-map */ #bg-map{ position: absolute; width: 100%; height: 100%; display: block; top: 0px; left: 0px; z-index: 2; } /*#bg-map:after{ position: absolute; content: ''; width: 100%; height: 100%; display: block; top: 0px; left: 0px; background: rgba(177, 172, 111, 0.65); }*/ #bg-map #map_canvas{ width: 100%; height: 100%; display: block; } /* announcement details Page*/ #announcement-details{} #announcement-details .promo-title .promo-info{ margin-bottom: 20px; } #announcement-details .promo-title address{ line-height: 26px; } #announcement-details .promo-wrapper{} #announcement-details .promo-wrapper .image-holder{ position: relative; display: block; text-align: center; margin-bottom: 20px; } #announcement-details #announcement-info{ margin-bottom: 20px; } #announcement-details #announcement-info #carousel-container{ position: relative; display: block; margin: 0px -10px; } #announcement-details #announcement-info #carousel-container .carousel-item{ position: relative; display: inline-block; width: 25%; min-width: 300px; margin: 10px 10px;} /*#announcement-details #announcement-info .carousel-item{ max-width: 350px; }*/ /* #Media Queries Responsive ================================================== */ /* Desktop large ------------------------- */ @media (min-width: 1200px) { } /* Desktop ------------------------- */ @media (min-width: 980px) and (max-width: 1199px) { } /* Tablet to desktop ------------------------- */ @media (min-width: 768px) and (max-width: 979px) { #full-body-container .logo{ text-align: center; } #full-body-container #description{ margin-bottom: 20px; } #full-body-container #opening-hours{ margin-bottom: 20px; } /* Listing Style */ .link-list ul > li{ display: block; width: auto; } .box-businesses ul > li{ display: block; width: auto; } } /* All Mobile Sizes (devices and browser) ------------------------- */ @media only screen and (max-width: 767px) { #header.section div.display-table > div{ display: block; width: auto; margin-bottom: 20px; text-align: center; } #header.section div.display-table > div:last-child{ margin-bottom: 0px; } #header div.display-table > div.logo > a{ margin: 0px auto; } #header.section div.display-table > div.search-box{ text-align: left; } #full-body-container{ padding: 20px 0px 0px; } #full-body-container .logo{ text-align: center; } #full-body-container #description{ margin-bottom: 20px; } #full-body-container #opening-hours{ margin-bottom: 20px; } /* Listing Style */ .link-list ul > li{ display: block; width: auto; } .box-businesses ul > li{ display: block; width: auto; } } /* Mobile Landscape & Tablet Portrait ------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait ------------------------- */ @media only screen and (max-width: 479px) { } </style> </head> <body> <div id="header" class="section"> <div class="display-table"> <div class="logo"> <div class="fixed-container"> <a href="http://leap.theargus.co.uk/"><amp-img class="contain" layout="fill" src="http://theargus.co.uk/resources/images/sitelogo/"></amp-img></a> </div> </div>  </ul> </div> </div> </div> <div id="full-body-container"> <div class="breadcrumb"> <ol> <li><a href="http://leap.theargus.co.uk/">Home</a></li>  <li class="current"><a href="http://leap.theargus.co.uk/search/sports+coaching">Sports coaching</a></li> </ol> </div> <div class="section"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <div class="page-title">  <h1>Featured Businesses for Category - Sports coaching</h1> </div> <div class="box-businesses"> <ul> <li> <div> <a href="http://leap.theargus.co.uk/search/sports+coaching/5c3ba4660d0e456489361d848aad9de4"><h3>M X T Swimming School</h3></a> <p></p> </div> </li> </ul> </div> </div> </div> </div> <div id="footer" class="section"> <div> <div class="logo"> <amp-img alt="Logo" src="http://leap.theargus.co.uk/images/webcard.png" width="300" height="62" layout="responsive"></amp-img> </div> <div class="desc"> <p>© 2017 All Right Reserved.</p> </div> </div> </div> </div> <div id="bg-map" class="full-height"> <div id="map_canvas"></div> </div>  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDLkopvLxWzqQBuUQWqik-aXyFJmxw5p4"></script> <script type="text/javascript"> var address = "Brighton, UK"; function initialize() { var geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(-0.2416804, 51.5287718); var myOptions = { zoom: 14, center: latlng, scrollwheel: false, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); if (geocoder) { geocoder.geocode({ 'address': address }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { if (status != google.maps.GeocoderStatus.ZERO_RESULTS) { map.setCenter(results[0].geometry.location); // google.maps.event.addListener(marker, 'click', function() { // infowindow.open(map, marker); // }); } else { alert("No results found"); } } else { // alert("Geocode was not successful: " + status); } }); } } google.maps.event.addDomListener(window, 'load', initialize); </script> <script src="http://leap.theargus.co.uk/js/script.js"></script> </body> </html>

CINXE.COM

Business List - Brighton & Hove Leader