/* Member Directory */
#member_directory {width: 950px; padding: 10px 0px 0px 7px; overflow: hidden; border: 0px solid #f00; float:left;}
#member_directory h3 { margin-top: 0; text-align: center; }
#membership_area {width:240px;  padding: 0 8px 8px 4px;  float:left;  }
#search_area {width:455px; padding: 0; float:left; }
#search_area #search {padding-left:30px; }
#member_directory #website_search {margin: 0;width: 380px}
.browse_area {width:215px; float:right;  margin-right: 15px; display: inline; border: 0px solid #f00;}
#website_search h3 { text-align: center; }
.browse_area h2, .browse_area .cssbox_head h2 {font-size: 18px;}
.search_image {float:right; top: -10px; position: relative}


/* overrides */
#map_area {width:450px;  height:340px;  margin-left:25px; display: inline;  clear:both;}
#column_c {width:208px; border:0px solid #f00; }		
.pagination {font-size: 20px;}

/* Category Links */
.category_link {float: left; font-size: 15px; text-shadow: #fff 1px 1px 2px;  text-decoration: none; background: #fff;
                text-align: left; color: #4b4545; margin: 0; padding: 7px 5px 4px 5px; border-bottom: 1px solid #ccc; width: 195px;}
.category_icon_medium {float:left; margin: -3px 8px 0 0px; width: 24px; height: 24px;}
.category_icon_small {float:left; margin: -3px 8px 0 0px; width: 16px; height: 16px;}

/*.category_icon_small {float:left; padding: 0 4px 0 4px; }*/
.browse_area  a.category_link.active, .browse_area a:hover.category_link  {text-decoration: none; text-shadow: #888 1px 1px 2px;  color:#000; background: #fffa73; }
.category_link b {text-shadow: #888 1px 1px 2px; width: 30px; height: 13px; padding: 1px 0 0 0; font-size: 11px; float:right; color: #f1f1f1; background: url(/images/members/message_count_bg.png) no-repeat;text-align: center;}
.category_number {float: right; color: #aaa; padding-left: 5px;}

#sub_categories {font-size: 14px; width: 668px; clear:both; float:left; border: 1px solid #ccc; background: #dbedff; padding: 10px 10px 5px 10px; margin: 0 0 10px 0px; display: inline;}
#members_categories {float:left;}
.sub_category {max-width:150px;}
.sub_category.auto {width: auto; min-width: 0;}

a.sub_category_link {float:left; text-decoration: none;}
a:hover.sub_category_link {color: #d00;}
#sub_categories h3 {float:left; font-size: 16px; padding-right: 20px;}
#category_list {float:left; border: 0px solid #f00; margin: 0 5px 5px 20px;}
.members_categories_heading {float:left; font-weight: bold; padding-right:10px;}

/* Listing Page */
#member_directory_category_listings {float:left; margin-left: 12px; width: 690px; display:inline;}
#listings_title {padding: 15px 0 0 0; display:inline;}
h1.category_heading {font-size: 30px; margin: 10px 10px 0 10px; padding: 0; float:left;}
.category_heading_icon {float:left; padding-right: 0px;}
table.listings_table {border-collapse:collapse; border: 0px solid #DDE7EF; clear: both; width: 680px;}
table.listings_table tr.lt, table.listings_table tr.dk {border: 0px solid #DDE7EF; height: 120px;}
table.listings_table table.paginator tr td {border:none; padding:0;}
table.listings_table tr.line {border-bottom: 1px solid #DDE7EF; background: #f6f6f6;}
.pagination {font-size: 20px;}

/* Each Listing  */
.table_business_details {width: 100%; height: 100%; text-align:left; vertical-align:top; padding:0px; background: #eff0f0;}
.table_business_details.with_card {height:120px; }
.td_business_details {}
.listing_phone {font-size: 18px; text-align: right; color: #486ca8; padding-right: 10px;}
.listing_title {font-size: 18px; font-weight: bold; color: #486ca8; padding-left: 10px;}
.listing_brief_description {clear:both; float:left; font-weight:bold; padding-left: 10px;}
.listing_address {clear:both; float:left;padding-left: 10px; width: 400px;}
.listing_logo {width: 150px;vertical-align: middle; margin-left:20px; border: 0px solid #fcc;padding-right: 10px;}
.listing_divider {height:15px; background: none;}
.td_listing_card { width: 120px; padding-right: 0px; background-color:#dfdfdf;}
/*.td_listing_card { width: 120px; padding-right: 0px; background: url(/images/website/northshore/free_to_mobile.png) bottom left no-repeat; background-color:#486ca8;}*/
.td_listing_no_card {width: 100px; padding: 0 10px;background-color:#486ca8; color: #ddd; }
.listing_card_image {float:right;padding: 0px; border: 0px solid #ccc; width:120px; height:120px; overflow:hidden;}
.listing_account_domain {clear: both; float:left;color: #aaa;margin-bottom: 4px;padding-left: 10px;}
.listing_links {clear: both; float:left; width: 350px;padding: 0 0 7px 7px;}
.listing_links.mcard_arrow {padding: 0 0 2px 5px; border: 0px solid #f00;}
a.listing_link { background:#91b2d4; padding: 1px 4px 2px 4px; font-size: 11px;line-height: 11px; height: 11px; color: #FFF;margin:0 1px;}
a.listing_link.free_mcard {border: 0; float:left; top: -1px; left: -2px; padding: 5px 6px 6px 16px; margin-right: 15px; position: relative;  background: url(/images/website/northshore/arrow_left_blue.png) top left no-repeat}
a:hover.listing_link.free_mcard {background: url(/images/website/northshore/arrow_left_red.png);}

/* Business Details Page*/
#business_details_page {border: 0px solid #f00; width: 700px; overflow: hidden; float:right;}
#business_details_page.columns_1 {width: 956px;}


#main_details {padding:10px 0 0 20px; float:left; width: 667px; background: #fff;}
#business_details_page #side_bar {float:right; width: 244px; margin: 0; background: #dde7ef} 
#main_details .map_area {width:600px;  height:330px;  margin:20px 0px 0 14px; display:inline;}
#map_image { float: left; overflow: hidden;width:600px;  min-height:330px; border: none; margin:20px 30px; display: inline; text-align: center; }

#business_contact_details  {}
#business_contact_details .business_subtitle {font-weight: bold;padding: 0 0 15px 0;}
#business_contact_area {width: 400px; padding: 8px 0 8px 0; float:left; border-top: 1px solid #ddf; border-bottom: 1px solid #ddf;}
#business_contact_area .contact_field {width: 200px; float:left; padding: 5px 0;}
#business_contact_area .contact_field.web {clear:left;width: 400px;}
#business_description {padding: 8px 0 8px 0;  border-bottom: 0px solid #ddf;  width: auto; clear:left; }
#business_description ul br {line-height:0px; padding:100px; display:none;} /* used fior 'simple_format' override - when adding ul into the text - to remove the line breaks (<br>) */

#business_images {width: 245px; float:right; margin-right: 10px; border: 0px solid #f00; display:inline;}
.image_member {float:left; margin: 0 10px 4px 2px; display: inline;}
.image_member_sb {float:left; margin: 0 10px 10px 10px; display: inline;}
.image_member.small {display:inline; width: 56px !important; height: 56px !important; margin: 2px 3px 0 2px; overflow: hidden; text-align: middle;border: 0px solid #f00;position: relative;}
.image_member.small img {top: -10px;left:-10px; position: relative;}

.image_member.small.uncropped img {width: 56px; top: 0;left:0;}


#business_logo {min-height:50px; display: block; padding:5px 0 0 100px;}
.business_logo {}
.business_name {font-size: 28px; width: 650px; font-weight: bold; padding: 0 10px 5px 0; margin: 0 10px 10px 0; border-bottom: 1px solid #ddf;}
.image_member.listing {width: 120px !important; height: 120px !important; margin:0; overflow: hidden; text-align: middle; border: 0px solid #f00; position: relative;}
.image_member.listing img {top: -10px;left:-10px; position: relative;}
#category_options {float: left; display: inline; clear:both;}
.category_options {clear:both;}
.category_option {min-width: 160px; padding:3px 0; float:left;}
*html .category_option {width: 150px; }
#distances {float: left; }
#distances_table {margin-left: 10px;}
#disabled_facilities {float:left; width: 300px; margin: 20px 0;}
#video {clear:both; width: 635px; text-align: center;  padding: 5px 10px 20px 10px; background:#f1f1f1;}
#custom_fields { clear:both; }
.custom_field_image {float:left; padding: 10px 30px;}

#images_and_opening_hours {float:right; width: 265px; }
#opening_hours {float: left; clear:both;  width: 225px; padding:10px;display: inline; }

#opening_hours table.general {margin:10px 5px 5px 5px; width: 215px;}
#images_and_opening_hours #opening_hours table.general {width: 235px; }
table.opening_hours th {background:#ccc; color: #111; border: 1px solid #ccc;	padding:4px 10px; font-size:100%;}
table.general tr.lt {background:#FEFEFE;}
table.general tr.dk {background:#EEEEEE;}
table.general td {border-left: 1px solid #ccc;	border-right: 1px solid #ccc;	padding: 3px;}
table.general td.col_1 {font-weight: bold;}

/* Popup image display */
#business_images_popup {min-width: 770px;}
#business_images_popup #main_image {clear: left;}
#business_images_popup #main_image .image_member { margin: 1px;  float: none;}
#business_images_popup #image_thumbs {width: 150px;}
#business_images_popup #image_thumbs .med { border: 0px solid #f00;width: 120px; height: 80px;line-height: 90px; vertical-align: middle; background: #ccc; margin: 4px; clear: left; overflow: hidden;}
#business_images_popup #image_thumbs .img {margin: 0 auto;}


/********************/
/* MCards Directory */
/********************/

#content_area {background: #fff}   
#search_details {float: left;}
#search {float: right; display: inline; width:270px; padding:5px; margin: 10px 10px 5px 0;	border:1px solid #A2A2A2;	background-color: #f0f0f0;
/*  height:50px; */
/*  padding:5px 50px 5px 5px; */
/*  background:transparent url(/images/icons/card_search_48.gif) top right no-repeat; */
}
/*#search .button {margin-left: 30px;}*/
#cards {clear: both;}
#cards #ordering {padding-left:10px;}
div#cards p#ordering span.active {font-size:18px;}
.collection_links {clear: both;	padding: 10px; font-size:120%; font-weight:bold; text-align:right;}

/* Card Thumbnail and Link */
.directory_card {padding:10px; width:122px; background: #eef5f8; vertical-align: top;}
.directory_card_main {width:122px; overflow: hidden;}
.directory_card_image {border: 1px solid #000;}
.directory_card img, .directory_card a {padding:0px; background:none;}
.directory_card a:hover {color: #f00;}
.directory_card a:hover img{border: 1px solid #ff0; position: relative;}
.directory_card p.direct_card_title {font-size:115%; text-align:center; padding:5px; margin:0; color: #622}
.directory_card p.direct_card_description {font-size:90%; font-style:italic; color:#888; padding:0; margin:0;}

td.directory_card p.actions {border: none; margin: none; padding: none; font-size: 10px;}