Connections Plugin

    <header class="page-header">
        <h1 class="entry-title">Directory</h1>  </header><!-- .entry-header -->

    <div class="entry-content clearfix">

<style type="text/css" scoped>
#cn-market .cn-clear { clear: both; }
#cn-market .connections-list.cn-clear { clear: none; }
#cn-market { clear: both; line-height: normal; }
#cn-market .cn-alphaindex { float:right; margin: 4px 0; text-align: right; }
#cn-list-body { float: left; margin: 0 0 0 15px; }

#cn-market .cn-search { float: left; margin: 0 15px 10px; }
#cn-market .cn-search label { display: none; }

#cn-market #cn-page-nav { display: block; font-size: 12px; margin: 0; text-align: right; }


#cn-select-label { display:block; font-size: 14px; margin: 10px 0 6px; text-align: left; }
#cn-market #cn-cat-select { margin: 0 !important; text-align: left; }
#cn-market #cn-cat-select ul {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none repeat scroll 0 0 #EEEEEE;
    color: #4A9FD5;
    float: left;
    font-size: 12px !important;
    font-weight: bold;
    list-style: none outside none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#cn-market #cn-cat-select ul li { background: none; cursor: pointer; list-style: none !important; margin: 0 !important; padding: 2px 4px !important; text-indent: 0 !important; }
#cn-market #cn-cat-select ul li:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #FF8000; color: #FFFFFF; }
#cn-market #cn-cat-select ul li.cn-cat-selected { background-color: #4A9FD5; color: #FFFFFF; }
#cn-market #cn-cat-select ul li label { cursor: pointer; display: block; float: none; padding: 0; width: 100%; }
#cn-market #cn-cat-select ul li input { height: 18px; margin: -2px 4px 0 0; padding: 0; vertical-align: middle; width: auto; }

#cn-market .cn-entry {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    font-size: 12px;
    margin: 0px 0px 10px;
    overflow: hidden;
    padding: 8px;
    position: relative;
}

#cn-market .cn-entry table { border: none !important; border-collapse: separate; margin: 0 !important; table-layout: fixed; width: 100% !important; }
#cn-market .cn-entry table tr { background: none repeat scroll 0 0 transparent; }
#cn-market .cn-entry table, .cn-entry th, .cn-entry td { vertical-align: top; }
#cn-market .cn-entry table th, #cn-market .cn-entry table td, #cn-market .cn-entry table tr { border: none !important; line-height: normal; margin: 0 !important; overflow: hidden; padding: 0 !important; }
#cn-market .cn-entry table p { margin: 0 0 4px; }

#cn-market .cn-image-none {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e3e3e3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* IE10+ */
    background: linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
    border: 1px solid #E3E3E3;
}

#cn-market .cn-image-none p {
    color: #AAAAAA;
    margin: 5px !important;
    text-align: center;
    text-shadow: 0px 1px 0px #E1E1E8;
    filter: dropshadow(color=#E1E1E8,offX=0,offY=1);
}

#cn-market .cn-entry .cn-label { font-weight: bold; }
#cn-market .cn-entry .fn { display: block; font-size: larger; font-weight: 700; }

#cn-market .cn-entry .phone-numbers { margin-bottom: 10px; }
#cn-market .cn-entry .bio { margin: 0; }
#cn-market .cn-entry .note { margin: 0; }
#cn-market .cn-entry .vevent abbr{border:0}
#cn-market .cn-entry ul li { list-style-type: none; margin: 0; padding: 0; }
#cn-market .cn-entry ul.cn-phone-number-block { margin: 0; padding: 0; }
#cn-market .cn-entry ul.cn-website-block { margin: 0 0 8px; padding: 0; }

#cn-market .cn-return-to-top img {
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    display: inline;
    float: none;
    margin: 0 0 -4px !important;
    padding: 5px !important;
}
#cn-market .cn-entry .cn-notes h4 { font-size: larger; font-weight: bold; margin: 10px 0 6px; }
#cn-market .cn-entry .cn-bio h4 { font-size: larger; font-weight: bold; margin: 10px 0 6px; }
#cn-market .cn-no-results { float: left; clear: right; margin: 24px; }

#cn-market .cn-bio h4, #cn-market .cn-notes h4 { font-size: 16px; font-weight: bold; margin: 0 0 6px; text-align: left; }
#cn-market .cn-bio .cn-image-style { float: right; margin-left: 6px; }
#cn-market .bio, #cn-market .note { background: transparent none; border: none; box-shadow: none; margin: 0; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); text-align: left; width: 100% !important; }
</style>
<div id="cn-top" style="position: absolute; top: 0; right: 0;"></div><div class="cn-list" id="cn-list" data-connections-version="0.7.3.7-0.1.9" style="width: 650px;">

<div class="cn-template cn-market" id="cn-market" data-template-version="2.1">

<div class="cn-list-head cn-clear" id="cn-list-head">
<form class="cn-form" id="cn-cat-select" action="http://neighbourgood.co.uk/directory/" method="get"><ul style="width: 175px"><li><label><input type="radio" name="cn-cat" value="" onChange="this.form.submit();" onClick="this.form.submit();" />Show All Categories</label></li><li><label><input type="radio" name="cn-cat" style="margin-left: 0em;" value="5" onChange="this.form.submit();" onClick="this.form.submit();" />Accommodation</label></li><li><label><input type="radio" name="cn-cat" style="margin-left: 0em;" value="9" onChange="this.form.submit();" onClick="this.form.submit();" />Alcohol or Drugs</label></li><li><label><input type="radio" name="cn-cat" style="margin-left: 0em;" value="6" onChange="this.form.submit();" onClick="this.form.submit();" />Children</label></li><li><label><input type="radio" name="cn-cat" style="margin-left: 0em;" value="3" onChange="this.form.submit();" onClick="this.form.submit();" />Disabilities</label></li><li><label><input type="radio" name="cn-cat" style="margin-left: 0em;" value="4" onChange="this.form.submit();" onClick="this.form.submit();" />General</label></li><li><label><input type="radio" name="cn-cat" style="margin-left: 0em;" value="10" onChange="this.form.submit();" onClick="this.form.submit();" />Mental Health</label></li><li><label><input type="radio" name="cn-cat" style="margin-left: 0em;" value="8" onChange="this.form.submit();" onClick="this.form.submit();" />Money</label></li><li><label><input type="radio" name="cn-cat" style="margin-left: 0em;" value="7" onChange="this.form.submit();" onClick="this.form.submit();" />Older Age</label></li><li><label><input type="radio" name="cn-cat" style="margin-left: 0em;" value="1" onChange="this.form.submit();" onClick="this.form.submit();" />Uncategorized</label></li></ul><span class="cn-search"><label for="cn-s">Search Directory</label><input type="text" id="cn-search-input" name="cn-s" value="" placeholder="Search"/><input type="submit" name="" id="cn-search-submit" class="cn-search-button" value="" tabindex="-1" /></span>
</div>
<div class="connections-list cn-clear" id="cn-list-body">

<div class="cn-list-section-head cn-clear" id="C">

</div>