﻿@font-face {
    font-family: 'museo_sans300';
    src: url('../fonts/museosans300-italic-webfont.eot');
    src: url('../fonts/museosans300-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans300-italic-webfont.woff2') format('woff2'),
         url('../fonts/museosans300-italic-webfont.woff') format('woff'),
         url('../fonts/museosans300-italic-webfont.ttf') format('truetype'),
         url('../fonts/museosans300-italic-webfont.svg#museo_sans300_italic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'museo_sans300';
    src: url('../fonts/museosans300-webfont.eot');
    src: url('../fonts/museosans300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans300-webfont.woff2') format('woff2'),
         url('../fonts/museosans300-webfont.woff') format('woff'),
         url('../fonts/museosans300-webfont.ttf') format('truetype'),
         url('../fonts/museosans300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans500-webfont.eot');
    src: url('../fonts/museosans500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans500-webfont.woff2') format('woff2'),
         url('../fonts/museosans500-webfont.woff') format('woff'),
         url('../fonts/museosans500-webfont.ttf') format('truetype'),
         url('../fonts/museosans500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_sans700';
    src: url('../fonts/museosans700-webfont.eot');
    src: url('../fonts/museosans700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans700-webfont.woff2') format('woff2'),
         url('../fonts/museosans700-webfont.woff') format('woff'),
         url('../fonts/museosans700-webfont.ttf') format('truetype'),
         url('../fonts/museosans700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo500';
    src: url('../fonts/museo500-webfont.eot');
    src: url('../fonts/museo500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo500-webfont.woff2') format('woff2'),
         url('../fonts/museo500-webfont.woff') format('woff'),
         url('../fonts/museo500-webfont.ttf') format('truetype'),
         url('../fonts/museo500-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo700';
    src: url('../fonts/museo700-webfont.eot');
    src: url('../fonts/museo700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo700-webfont.woff2') format('woff2'),
         url('../fonts/museo700-webfont.woff') format('woff'),
         url('../fonts/museo700-webfont.ttf') format('truetype'),
         url('../fonts/museo700-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
    -webkit-text-size-adjust: none;
	height: 100%;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	
body, div {
  margin: 0;
  padding: 0;
}

body {
	font-family: "museo_sans300", Arial, sans-serif !important;
	font-size: 16px;
	text-align: center;
	color: #4d4d4f;
	line-height: 1.2;
	height: 100%;
	background: #f1f2f2 !important;
}

/* Section */

.section {
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
}

/* Main Wrapper */

#mainWrapper {
	position: relative;
	text-align: left;
	margin: 0 auto;
	min-width: 320px;
	overflow: hidden;
	min-height: 100%;
	font-size: 16px;
}

/* Header */

#headerWrapper {
	background: #fff;
	position: relative;
	z-index: 1000000000;
}

#header {
	padding: 20px 0;
	height: 146px;
}

#header .logo {
	float: left;
	width: 292px;
}

#header .links {
	margin: 0 0 17px;
	padding: 0;
	float: right;
	font-size: 12px;
	color: #4d4d4f;
}

#header .links li {
	float: left;
	margin: 0;
	padding: 0 11px;
	list-style: none;
	border-left: 1px solid #4d4d4f;
	line-height: 12px;
}

#header .links li:first-child {
	border-left: 0;
}

#header .links li.last {
	padding-right: 0;
}

#header .links li span {
	font-family: "museo_sans500", Arial, sans-serif;
}

#header .links li a {
	color: #4d4d4f;
}

.searchBox {
	position: relative;
	float: right;
	clear: right;
	width: 16.1864406779661%;
}

.searchBox .searchField{
	height: 30px;
	margin: 0;
	padding: 7px 30px 7px 9px;
	width: 100%;
	border: 1px solid #949495;
	font-family: "museo_sans300", Arial, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.searchBox .submitBtn {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../img/search-ico.png) no-repeat center;
	width: 30px;
	cursor: pointer;
	border: 0;
}

#header .socials {
	float: right;
	margin: 0 13px 0 0;
	padding: 0;
}

#header .socials li {
	float: left;
	margin: 0 0 0 13px;
	padding: 0;
	list-style: none;
	width: 30px;
}

#header .navigation {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	padding-top: 23px;
	z-index: 1000000;
}

#header .navigation li {
	position: relative;
	float: left;
	margin: 0 18px;
	padding: 0 0 23px;
	list-style: none;
}

#header .navigation li:first-child {
	display: none;
}

#header .navigation ul li:first-child {
	display: block;
}

#header .navigation li.last {
	margin-right: 0;
}

#header .navigation li:hover,
#header .navigation li.active {
	color: #f7941d;
}

/* hack to stop wp-admin.css overriding to blue */
#header .navigation > li:hover > a,
#header .navigation > li.active > a {
	color: #f7941d !important;
}


#header .navigation li:hover ul {
	display: block;
}

#header .navigation li ul {
	display: none;
	position: absolute;
	right: auto;
	left: 50%;
	bottom: auto;
	margin: 23px 0 0 -90px;
	padding: 18px 0 3px;
	background: #f7941d;
	width: 180px;
}

#header .navigation li ul:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 20px 10px;
	border-color: transparent transparent #f7951d transparent;
}

#header .navigation li ul li {
	float: none;
	position: static;
	padding: 0;
	margin: 0 0 15px;
	text-align: center;
	color: #fff;
}

#header .navigation li ul li:hover,
#header .navigation li ul li.active {
	color: #4d4d4f;
}

/* hack to stop wp-admin.css overriding to blue */
#header .navigation li ul li:hover a,
#header .navigation li ul li.active a {
	color: #4d4d4f !important;
}

#header .navigation li ul li a {
	display: inline-block;
	font-size: 14px;
	padding: 0 15px;
}

.mobileMenu,
.mobileMenu .navigation {
	display: none;
}

.mobileMenu .navigation .socialIcons {
	display: none;
}

/* Hub Header */

#hubHeaderWrapper {
	background: #39b54a;
}

#hubHeader {
	position: relative;
	padding: 23px 0;
	color: #fff;
}

#hubHeader .logo {
	float: left;
	font-family: "museo700", Arial, sans-serif;
	font-size: 24px;
}

#hubHeader .navigation {
	float: right;
	margin: 5px 0 0;
	padding: 0;
}

#hubHeader .navigation li {
	float: left;
	margin: 0 0 0 41px;
	padding: 0;
	list-style: none;
	font-size: 18px;
	text-transform: uppercase;
}

#hubHeader .navigation li:first-child {
	margin-left: 0;
}

/* Business Finder */

#businessFinderWrapper {
	background: #808285;
}

#businessFinder {
	padding: 11px 2.796610169491525%;
	color: #fff;
}

#businessFinder .title {
	float: left;
    font-family: 'museo700', Arial, sans-serif;
	font-size: 24px;
	margin: 13px 0 0;
}

#businessFinder .filters {
	float: right;
}

#businessFinder .filters .filter {
	float: left;
	margin-left: 33px;
	width: 259px;
}

#businessFinder .filters .filter:first-child {
	margin-left: 0;
}

#businessFinder .filters .filter label {
	display: block;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 14px;
	margin: 0 0 3px;
	text-align: left;
}

.filters .filter .searchFieldWithBtn {
	position: relative;
	border: 1px solid #4d4d4f;
}

.filters .filter .searchField,
.filters .filter select {
	margin: 0;
	padding: 8px 36px 8px 7px;	
	font-family: 'museo_sans300', Arial, sans-serif;
	font-size: 12px;
	/*font-style: italic;*/
	width: 100%;
	height: 31px;
	border: 0;
	color: #4d4d4f;
}

.filters .filter select {
	padding-left: 3px;
	padding-right: 3px
	border: 1px solid #4d4d4f;
	height: 33px;
}

.filters .filter .searchFieldWithBtn .submitBtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 100%;
	border: 0;
	cursor: pointer;
	background: url(../img/right-arrow-black.png) no-repeat center;
}

.filters .filter .searchFieldWithBtn .clearBtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 100%;
	border: 0;
	cursor: pointer;
	background: url(../img/right-arrow-black-down.png) no-repeat center;
}

.filters .filter .searchFieldWithBtn .clearBtn.readyToClear {
	background: url(../img/cross.png) no-repeat center;
}

.filters .filter a.mapBtn {
	position: relative;
	background: #4d4d4f url(../img/explore-btn-img.png) no-repeat 1px center;
	display: block;
	line-height: 31px;
	padding: 0 0 0 100px;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 12px;
	color: #fff;
}

.filters .filter a.mapBtn span {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 24px;
	background: url(../img/right-arrow-white.png) no-repeat center;
}
	
/* Start */

#filterBarMobile .title {
	display: block;
	font-family: "museo700", Arial, sans-serif;
	font-size: 20px;
	margin: 0;
	padding: 13px 20px;
	cursor: pointer;
	color: #fff;
	background: url(../img/filter-bar-arrows.png) no-repeat right 20px;
}

#filterBarMobile .title.expanded {
	background-position: right -471px;
}

#filterBarMobile .filters {
	display: block;
	padding: 6px 20px 20px;
}

#filterBarMobile .filters .filter {
	display: block;
	padding: 13px 0 0;
	width: auto;
	margin: 0;
}

#filterBarMobile .filters .filter:first-child {
	padding-top: 0;
}

#filterBarMobile .filters .filter label {
	display: block;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 14px;
	margin: 0 0 3px;
	color: #fff;
}

#filterBarMobile .filters .filter .searchField, #filterBarMobile .filters .filter select, #filterBarMobile .filters .filter a.mapBtn {
	font-size: 12px;
}	

/* end */

/* Internal Links */

#internalLinksWrapper {
	background: #4d4d4f;
	position: relative;
	z-index: 1;
}

#internalLinks {
	padding: 3% 0;
	font-size: 14px;
	color: #e1e1e1;
}

#internalLinks .column {
	margin-bottom: 0;
}

#internalLinks .internal-links, #internalLinks .internal-links ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-transform: uppercase;
}

#internalLinks .internal-links li {
	margin: 0px 0px 7px 0px;
}

#internalLinks .column.menu .internal-links > li {
	margin: 0px 0px 15px 0px;
}

#internalLinks .column.menu .internal-links > li:last-child {
	margin-bottom: 0px;
}

#internalLinks .column.menu .internal-links > li > a {
	font-family: 'museo_sans700', Arial, sans-serif;
	font-weight: normal;
	color: #fff;
}

#internalLinks .column.menu .internal-links > li > ul {
	margin: 26px 0px 0px 0px;
	padding-bottom: 26px;
}

#internalLinks .column.menu .internal-links > li > ul:last-child {
	margin-bottom: 0px;
}

#internalLinks .column.socials .internal-links li img {
	vertical-align: middle;
	width: 21px;
	margin-right: 7px;
	margin-bottom: 1px;
	margin-top: -2px;
}

#internalLinks strong {
	font-family: 'museo_sans700', Arial, sans-serif;
	font-weight: normal;
	color: #fff;
}

#internalLinks .title {
	display: block;
	margin: 0 0 26px;
}

/* Popup */

#popupWrapper {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	background: url(../img/popup-bg.png);
	z-index: 100000000000;
}

#popupWrapper .popup {
	position: relative;
	display: none;
	max-width: 470px;
	margin: 0 auto;
	padding: 50px 38px;
	background: #fff;
}

#popupWrapper .popup .logo {
	display: block;
	width: 72%;
	margin: 0 auto 30px;
}

#popupWrapper .popup p {
	margin: 0 0 20px;
	text-align: center;
}

#popupWrapper .popup .title {
	font-family: 'museo500', Arial, sans-serif;
	font-size: 20px;
	margin-bottom: 10px;
}

#popupWrapper .popup .socials {
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}

#popupWrapper .popup .socials li {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	list-style: none;
	width: 31px;
}

#popupWrapper .popup .returnBtn {
	margin: 0 auto;
}

#popupWrapper .popup .returnToPageBtn {
	margin: 0 auto;
}

#popupWrapper .popup.businessLogin {
	max-width: 1025px;
	padding: 30px;
	background: #f1f2f2;
}

#popupWrapper .popup.businessLogin .logo {
	float: left;
	width: 292px;
}

#popupWrapper .popup.businessLogin h1 {
	float: right;
	margin-top: 37px;
}

#popupWrapper .popup.businessLogin .sections {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
}

#popupWrapper .popup.businessLogin .sections .left,
#popupWrapper .popup.businessLogin .sections .right {
	display: table-cell;
	width: 50%;
	background: #fff;
	padding: 28px;
}

#popupWrapper .popup.businessLogin .sections .left {
	border-right: 28px solid #f1f2f2;
}

#popupWrapper .popup.businessLogin .sections .left p {
	text-align: left;
}

#popupWrapper .popup.businessLogin .sections .right {
	vertical-align: middle;
	border-left: 28px solid #f1f2f2;
	text-align: center;
}

#popupWrapper .popup.businessLogin .sections .right .orangeBtn {
	margin: 0 auto;
}

/* Main Slider */

#mainSlider {
	margin: 0 0 2.542372881355932%;
}

#mainSlider .slides {
	margin: 0;
	padding: 0;
}

#mainSlider .slides li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainSlider .slides li.withDevice .device {
	display: block;
}

#mainSlider .slides li.withDevice .image {
	padding-right: 33.89830508474576%;
}

#mainSlider .slides li .image img {
	width: 100%;
	display: block;
}

#mainSlider .slides li .device {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 42.88135593220339%;
	height: 100%;
	font-size: 16px;
	background: url(../img/slider-device.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-behavior: url(backgroundsize.min.htc);
}

#mainSlider .slides li .device .overlay {
	position: relative;
	width: 15.75em;
	background: #000;
	margin: 0 auto;
	padding: 6% 0.625em;
	text-align: center;
	color: #fff;
}

#mainSlider .slides li .device .overlay:after {
	content: "";
	position: absolute;
	bottom: -2.0625em;
	left: 0;
	right: 0;
	height: 2.0625em;
	background: url(../img/slider-overlay-bottom.png) no-repeat center top;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	-ms-behavior: url(backgroundsize.min.htc);
}

#mainSlider .slides li .device .overlay .icon {
	display: inline-block;
	width: 27.58620689655172%;
	margin-bottom: 0.5em;
}

#mainSlider .slides li .device .overlay .title {
	margin: 0 0 0.4887585532746823em;
	font-family: 'museo_sans500', Arial, sans-serif;	
	font-size: 1.918125em; /* 30.69px */
	line-height: 1.1;
}

#mainSlider .slides li .device .overlay .title span {
	display: block;
	font-family: 'museo500', Arial, sans-serif;	
	font-size: 1.354187031606386em; /* 41.56px */
}

#mainSlider .slides li .device .overlay .name {
	position: relative;
	margin: 0 0 0.5357142857142857em -0.8571428571428571em;
	width: 10em;
	background: #fff;
	padding: 0.3571428571428571em 1.071428571428571em;
	font-family: 'museo500', Arial, sans-serif;	
	color: #ed1c24;
	font-size: 1.75em; /* 28px */
}

#mainSlider .slides li .device .overlay .name:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 0.5714285714285714em;
	top: -0.5714285714285714em;
	background: url(../img/business-name-corners.png) no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	-ms-behavior: url(backgroundsize.min.htc);
}

#mainSlider .slides li .device .overlay .desc {
	margin: 0;
	font-size: 1.125em; /* 18px */
}

/* Home Widgets */

#homeWidgets .column {
	position: relative;
	height: 300px;
	padding: 18px 26px;
	color: #fff;
	font-family: 'museo500', Arial, sans-serif;	
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc);
}

#homeWidgets .column .title {
	font-size: 50px;
	line-height: 1;
	margin: 0 0 7px;
}

#homeWidgets .column .left {
	float: left;
	width: 51.62523900573614%;
	margin-right: 5.736137667304015%;
}

#homeWidgets .column .right {
	float: left;
	width: 42%;
}

#homeWidgets .subscribe {
	background-color: #ffcb08;
	background-image: url(../img/subscribe-bg.png);
	background-position: left top;
}

#homeWidgets .column .link {
	position: absolute;
	left: 26px;
	bottom: 26px;
	padding-left: 26px;
	margin-top: 18px;
	font-family: 'museo_sans500', Arial, sans-serif;	
	background: url(../img/right-arrow-white.png) no-repeat left center;
}

#homeWidgets .subscribe .right {
	margin-top: 55px;
}

#homeWidgets .subscribe .right .field {
	margin-bottom: 12px;
}

#homeWidgets .subscribe .right .textbox {
	height: 31px;
	font-size: 12px;
	padding: 7px 8px;
}

#homeWidgets .subscribe .right .btn {
	display: block;
	background: #4d4d4f;
	text-align: center;
	font-family: 'museo_sans500', Arial, sans-serif;	
}

#homeWidgets .subscribe .right .btn span {
	display: block;
	margin: 0 6px;
	line-height: 31px;
	background: url(../img/right-arrow-white.png) no-repeat right center;
}

#homeWidgets .whatsOn {
	background-color: #28aae0;
	background-image: url(../img/whats-on-bg.png);
	background-position: right top;
}

#homeWidgets .whatsOn .right .links {
	font-size: 15.5px;
	margin: -2px 0px 0px 0px;
	padding: 0;
}

#homeWidgets .whatsOn .right .links li {
	margin: 0px 0px 5px 0px;
	padding: 0 0 0 26px;	
	background: url(../img/right-arrow-white.png) no-repeat 0 1px;
	list-style: none;
	font-family: 'museo_sans500', Arial, sans-serif;	
}

/* Home Sections */

#homeSections .column {
	background: #fff;
	padding: 40px;
	height: 360px;
	font-size: 16px;
}

#homeSections .column .title {
	color: #f7941d;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 20px;
	color: #f7941d;
	margin: 0 0 35px;
}

#homeSections .cityDeals {
	position: relative;
}

#homeSections .cityDeals .arrow {
	position: absolute;
	top: 170px;
	width: 11px;
	height: 16px;
	background-repeat: no-repeat;
}

#homeSections .cityDeals .arrow.prev {
	left: 43px;
	background-image: url(../img/left-arrow-black.png);
}

#homeSections .cityDeals .arrow.next {
	right: 14px;
	left: auto;
	background-image: url(../img/right-arrow-black.png);
}

#homeSections .cityDeals .slider {
	margin: 0;
	padding: 0;
	height: 240px;
    overflow: scroll;
}

#homeSections .cityDeals .slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#homeSections .cityDeals .slider li img {
	display: block;
	margin: 0 0 17px;
}

#homeSections .cityDeals .slider li span {
	font-family: 'museo_sans500', Arial, sans-serif;
	display: block;
}

#homeSections .cityDeals .slider li a:hover {
	color: #f7941d;
}
#homeSections .latestNews 
{
	overflow: hidden;
}
#homeSections .latestNews .links {
	margin: 0;
	padding: 0;
}

#homeSections .latestNews .links li {
	margin: 12px 0 0;
	padding: 0 0 0 24px;
	list-style: none;
	background: url(../img/right-arrow-black.png) no-repeat 0 3px;
}

#homeSections .latestNews .links li span {
	display: block;
	font-family: 'museo_sans500', Arial, sans-serif;
}

#homeSections .latestNews .links li a:hover {
	color: #f7941d;
}

/* Banner */

#banner img {
	display: block;
	width: 100%;
	height: auto;
}

/* Content */

#content {
	padding: 2.542372881355932% 0;
}

/* Map */

#map {
	overflow: hidden;
	position: relative;
	margin-bottom: 5.217391304347826%;
	height: 380px;
}

#map img {
	display: block;
	max-width: none;
	width: auto;
}

#map .orangeBtn {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

#map .map-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

/* Related Articles */

#relatedArticles .title {
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 18px;
	padding: 15px 33px;
	margin: 0 0 4%;
	background: #fff;
}

#relatedArticles ul {
	margin: 0 0 0 -4.2%;
	padding: 0;
}

#relatedArticles ul li {
	display: inline-block;
	margin: 0 -4px 4.2% 4.2%;
	padding: 0;
	list-style: none;
	background: #fff;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 16px;
	max-width: 45.7%;
	vertical-align: top;
}

#relatedArticles ul li img {
	display: block;
	width: 100%;
	height: auto;
}

#relatedArticles ul li span {
	display: block;
	padding: 10px 18px;
}

/* Business Details */

#businessDetails {
	position: relative;
	margin-bottom: 5.217391304347826%;
}

#businessDetails .bg {
	display: block;
	width: 100%;
}

#businessDetails .inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 5px;
}

#businessDetails .inner .innerMost {
	display: table;
	width: 100%;
	height: 100%;
}

#businessDetails .details {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}

#businessDetails .details .logo {
	display: block;
	margin: 0 auto 5%;
	width: 27.1304347826087%;
	border: 3px solid #fff;
	overflow: hidden;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}

#businessDetails .details .logo img {
	display: block;
	width: 100%;
}

#businessDetails .details h3 {
	margin: 15px 0;
}

#businessDetails .details h3 span {
	display: none;
	font-size: 16px;
	margin-top: 10px;
}

#businessDetails .details .socials {
	margin: 0;
	padding: 0;
}

#businessDetails .details .socials li {
	display: inline-block;
	margin: 0 -4px 0 0;
	padding: 0 9px;
	list-style: none;
	vertical-align: middle;
}

/* Big Picture */

.bigPicture {
	margin-bottom: 5.217391304347826%;
}

.bigPicture img {
	display: block;
	width: 100%;
}

/* Contact Details */

#contactDetails {
	margin-bottom: 5.217391304347826%;
}

#contactDetails ul {
	margin: 0;
	padding: 0;
}

#contactDetails ul li {
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
	background: #fff no-repeat 36px 11px;
}

#contactDetails ul li a {
	display: block;
	padding: 16px 16px 16px 107px;
}

#contactDetails ul li.location {
	background-image: url(../img/location-ico.png);
}

#contactDetails ul li.phone {
	background-image: url(../img/phone-ico.png);
}

#contactDetails ul li.email {
	background-image: url(../img/envelope-ico.png);
}

#contactDetails ul li.website {
	background-image: url(../img/world-ico.png);
}

#contactDetails ul li.date {
	background-image: url(../img/calandar-ico.png);
}

#contactDetails ul li.timings {
	background-image: url(../img/clock-ico.png);
}

#contactDetails ul li.price {
	background-image: url(../img/cash-ico.png);
}

/* City Centre Deals */

#cityCentreDeals h4 {
	padding: 2.956521739130435% 5.217391304347826%;
	background: #fff;
	margin-bottom: 4px;
}

#cityCentreDeals ul {
	margin: 0;
	padding: 0;
}

#cityCentreDeals ul li {
	margin: 0 0 4px;
	padding: 4.173913043478261% 5.217391304347826%;
	list-style: none;
	background: #fff;
	overflow: hidden;
}

#cityCentreDeals ul li .desc {
	float: left;
	width: 190px;
}

#cityCentreDeals ul li .desc span {
	display: block;
	font-family: 'museo_sans500', Arial, sans-serif;
}

#cityCentreDeals ul li .desc em {
	display: none;
	font-size: 14px;
}

#cityCentreDeals ul li .desc .valid {
	font-size: 14px;
	margin-bottom: 0;
}

#cityCentreDeals ul li .image {
	margin-left: 217px;
}

#cityCentreDeals ul li .image img {
	display: block;
	margin-bottom: 7px;
}

#cityCentreDeals ul li .image em {
	display: block;
	font-size: 14px;
}

/* Trading Hours */

.tradingHours {
	margin-bottom: 5.825242718446602%;
}

.tradingHours ul {
	margin: 0;
	padding: 0;
}

.tradingHours ul li {
	margin: 0 0 4px;
	padding: 16px 5.217391304347826%;
	list-style: none;
	background: #fff;
}

.tradingHours ul li em {
	display: inline-block;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-style: normal;
	width: 150px;
}

.tradingHours ul li:after {
	display: inline-block;
	float: right;
	font-family: 'museo_sans700', Arial, sans-serif;
	margin-right: 35px;
	padding-left: 35px;
	line-height: 22px;
	margin-top: -1px;
	width: 100px;
	background: url(../img/trading-clock-ico.png) no-repeat;
}

.tradingHours ul li.active {
	color: #fff;
}

.tradingHours ul li.open {
	background-color: #39b54a;
}

.tradingHours ul li.open:after {
	content: "OPEN";
}

.tradingHours ul li.closed {
	background-color: #ed1c24;
}

.tradingHours ul li.closed:after {
	content: "CLOSED";
}

/* Trading Hours List */

.tradingHoursList {
	margin-bottom: 5.217391304347826%;
}

.tradingHoursList ul {
	margin: 0;
	padding: 0;
}

.tradingHoursList ul li {
	display: none;
	margin: 2px 0 0;
	padding: 12px 40px 12px 30px;
	list-style: none;
	background: #fff no-repeat right 18px;
}

.tradingHoursList ul li:after {
	position: absolute;
	left: 10px;
	top: 12px;
	font-family: 'museo_sans700', Arial, sans-serif;
	padding-left: 35px;
	line-height: 22px;
	background: url(../img/trading-clock-ico.png) no-repeat;
}

.tradingHoursList ul li:first-child {
	margin-top: 0;
}

.tradingHoursList ul li span {
	float: right;
	line-height: 22px;
}

.tradingHoursList ul li em {
	font-family: "museo_sans500", Arial, sans-serif;
	font-style: normal;
	line-height: 22px;
}

.tradingHoursList ul li.active {
	position: relative;
	display: block;
	color: #fff;
	cursor: pointer;
	background-image: url(../img/up-down-arrows-white.png);
}

.tradingHoursList ul li.active.expanded {
	background-position: right -173px;
}

.tradingHoursList ul li.active em {
	visibility: hidden;
}

.tradingHoursList ul li.open {
	background-color: #39b54a;
}

.tradingHoursList ul li.open:after {
	content: "OPEN";
}

.tradingHoursList ul li.closed:after {
	content: "CLOSED";
}

.tradingHoursList ul li.closed {
	background-color: #ed1c24;
}

/* Download File */

#downloadFile {
	padding: 5.825242718446602%;
	background: #fff;
	margin-bottom: 5.825242718446602%;
}

#downloadFile .thumbnail {
	float: left;
	position: relative;
	border: 1px solid #4d4d4f;
	vertical-align: top;
	width: 64px;
	margin-right: 3.478260869565217%;
}

#downloadFile .thumbnail img {
	display: block;
}

#downloadFile .thumbnail span {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 58px;
	height: 77px;
	background: url(../img/download-file-overlay.png) no-repeat left bottom;
}

#downloadFile h4 {
	margin-left: 16%;
}

#downloadFile h4 span {
	margin-top: 9px;
}

/* Directory Bar */

#directoryBar {
	padding: 0;
	margin-bottom: 2.542372881355932%;
	font-family: "museo_sans500", Arial, sans-serif;
}

#directoryBar.keywords {
	text-transform: uppercase;
}

#directoryBar .title {
	font-size: 18.5px;
}

#directoryBar .title em {
	display: none;
	font-style: normal;
}

#directoryBar .title i {
	font-style: normal;
}

#directoryBar .category {
	display: inline-block;
	width: 260px;
}

#directoryBar .category label {
	text-align: left;
	display: block;
	font-size: 14px;
	margin-bottom: 3px;
}

#directoryBar .category select {
	width: 100%;
	height: 31px;
	border: 1px solid #4d4d4f;
	padding: 5px 7px;
	font-family: "museo_sans300", Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #4d4d4f;
}

#directoryBar .category.sub select {
	font-family: "museo_sans500", Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #4d4d4f;
}

#directoryBar .left,
#directoryBar .right {
	display: inline-block;
	vertical-align: middle;
	margin-right: -4px;
}

#directoryBar .left {
	padding-right: 5%;
	width: 60%;
}

#directoryBar .right  {
	text-align: right;
	padding-right: 33px;
	width: 40%;
}

/* Alphabets */

#alphabets {
	margin: 0;
	padding: 20px 0 0 30px;
	text-align: left;
}

#alphabets li {
	display: inline-block;
	margin: 0 -4px 10px 0;
	padding: 0 13.8px;
	list-style: none;
	font-size: 18.50px;
	border-right: 2px solid #6b6b6d;
}

#alphabets li:last-child {
	border-right: 0;
}

#alphabets li:first-child {
	padding-left: 0;
}

#alphabets li.no-listings a {
	color: #808285;
}

#alphabets li.active a, #alphabets li a:hover {
	color: #f7941d;
}

/* Directory Listing */

#directoryListing {
	padding-left: 30px;
}

#directoryListing ul {
	margin: 0;
	padding: 0;	
}

#directoryListing ul li {
	position: relative;
	margin: 0 0 13px;
	list-style: none;
}

#directoryListing ul li ul li {
	margin-bottom: 3px;
	background: #fff;
	padding: 17px 30px;	
}

#directoryListing ul li h4 {
	position: absolute;
	left: -30px;
	top: 0;
	width: 30px;
	line-height: 30px;
	color: #fff;
	background: #f7941d;
	text-align: center;
}

#directoryListing ul li .logo {
	display: inline-block;
	vertical-align: middle;
	width: 68px;
	margin-right: 2.752293577981651%;
	/*border-radius: 200px;*/
	overflow: hidden;
}

#directoryListing ul li .logo img {
	display: block;
}

#directoryListing ul li .name {
	display: inline-block;
	vertical-align: middle;
	width: 33.94495412844037%;
	padding-right: 5px;
}

#directoryListing ul li .name a {
	font-family: "museo_sans500", Arial, sans-serif;
	color: #f7941d;
}

#directoryListing ul li em {
	display: block;
	font-size: 14px;
	font-style: normal;
	margin-top: 4px;
}

#directoryListing ul li .address {
	width: 32.11009174311927%;
	display: inline-block;
	vertical-align: middle;
	background: url(../img/location-ico.png) no-repeat 0 center;
	min-height: 30px;
	padding-left: 35px;
	padding-right: 5px;
}

#directoryListing ul li .address span {
	display: block;
	font-family: "museo_sans500", Arial, sans-serif;
}

#directoryListing ul li .status {
	display: inline-block;
	vertical-align: middle;
}

#directoryListing ul li .status strong {
	font-family: "museo_sans500", Arial, sans-serif;
	font-weight: normal;
}

#directoryListing ul li .status.open strong {
	color: #39b54a;
}

#directoryListing ul li .status.closed strong {
	color: #ed1c24;
}

#directoryListing ul li .link {
	position: absolute;
	right: 3.669724770642202%;
	top: 50%;
	margin-top: -8px;
	width: 11px;
	height: 16px;
	background: url(../img/right-arrow-black.png) no-repeat;
}

#directoryListing ul li .options {
	display: none;
	position: relative;
	right: -30px;
	vertical-align: middle;
}

#directoryListing ul li .options a {
	display: inline-block;
	width: 78px;
	height: 53px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	border-left: 2px solid #c3c4c6;
}

#directoryListing ul li .options a:first-child {
	border-left: 0;
}

#directoryListing ul li .options a.location {
	background-image: url(../img/location-ico.png);
}

#directoryListing ul li .options a.phone {
	background-image: url(../img/phone-ico.png);
}

#directoryListing ul li .options a.email {
	background-image: url(../img/envelope-ico.png);
}

#directoryListing ul li .options a.website {
	background-image: url(../img/world-ico.png);
}

/* Business Footer */

#businessFooter {
	text-align: center;
	padding-top: 4%;
	padding-bottom: 4%;
}

#businessFooter  .socials {
	margin: 0;
	padding: 0;
}

#businessFooter .socials li {
	display: inline-block;
	margin: 0 -4px 0 0;
	padding: 0 9px;
	list-style: none;
	vertical-align: middle;
}

/* Filter Bar */

#filterBar {
	padding: 0 0 2.54237%;
}

#filterBar h1 {
	float: left;
	margin: 0;
}

#filterBar .filters {
	float: right;
}

#filterBar .filters .filter {
	float: left;
	margin-left: 33px;
	width: 259px;
}

#filterBar .filters .filter:first-child {
	margin-left: 0;
}

#filterBar .filters .filter label {
	display: block;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 14px;
	margin: 0 0 3px;
	text-align: left;
}

#filterBar .filters .filter .searchFieldWithBtn {
	position: relative;
	border: 1px solid #4d4d4f;
}

#filterBar .filters .filter .searchField,
#filterBar .filters .filter select {
	margin: 0;
	padding: 8px 36px 8px 7px;	
	font-family: 'museo_sans300', Arial, sans-serif;
	font-size: 12px;
	/*font-style: italic;*/
	width: 100%;
	height: 31px;
	border: 0;
	color: #4d4d4f;
}

#filterBar .filters .filter select {
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #4d4d4f;
	height: 33px;
}

#filterBar .filters .filter .searchFieldWithBtn .submitBtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 100%;
	border: 0;
	cursor: pointer;
	background: url(../img/right-arrow-black.png) no-repeat center;
}

/* Filter Bar Mobile */

#filterBarMobileWrapper {
	display: none;
	background: #808285;
}

#filterBarMobile .filters {
	display: none;
}

/* Articles */

#articles ul {
	margin: 0 0 0 -2.542372881355932%;
	padding: 0;
}

#articles ul li {
	margin: 0 -4px 2.542372881355932% 2.542372881355932%;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	width: 47.45762711864407%;
}

#articles ul li .image,
#items ul li .image {
	display: block;
}

#articles ul li .desc {
	background: #fff;
	padding: 5.217391304347826% 6.08695652173913%;
}

#items ul li .desc {
	background: #fff;
	padding: 10% 12.86764705882353%;
}

#items ul li .desc h4 {
	margin: 0;
	min-height: 100px;
}

/* Items */

#items ul {
	margin: 0 0 0 -2.542372881355932%;
	padding: 0;
}

#items ul li {
	margin: 0 -4px 2.542372881355932% 2.542372881355932%;
	padding: 0;
	list-style: none;
	margin-left: 2.542372881355932%;
	display: inline-block;
	vertical-align: top;
	width: 22.45762711864407%;
}

/* Article Options */

#articleOptions {
	margin-bottom: 3.8%;
}

#articleOptions .orangeBtn {
	float: left;
	width: 47.30434782608696%;
}

#articleOptions .shareBtns {
	float: right;
	width: 47%;
}

#articleOptions .shareBtns ul {
	margin: 0 0 0 -2.75%;
	padding: 0;
}

#articleOptions .shareBtns ul li {
	float: left;
	margin: 0 0 7px 2.75%;
	padding: 0;
	list-style: none;
	width: 22.24264705882353%;
}

#articleOptions .shareBtns ul li img {
	display: block;
}

/* Image Gallery */

#imageGallery ul {
	margin: 0 0 0 -5.391304347826087%;
	padding: 0;
}

#imageGallery ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 -4px 5.391304347826087% 5.391304347826087%;
	padding: 0;
	list-style: none;
	width: 19.6%;
}

#imageGallery ul li img {
	display: block;
	width: 100%;
}

/* Video */

#video img {
	display: block;
	width: 100%;
}

/* Spacer For Socials */

#spacerForSocials {
	padding-bottom: 25%;
}

/* Search Bar */

#searchBar {
	margin-bottom: 2.542372881355932%;
}

#searchBar .label {
	float: left;
	font-family: "museo_sans500", Arial, sans-serif;
	font-size: 18.5px;
	margin-top: 5px;
}

/* Search Results */

#searchResults ul {
	margin: 0;
	padding: 0;
}

#searchResults ul li {
	position: relative;
	margin: 0 0 4px;
	padding: 2.542372881355932% 9% 2.542372881355932% 2.542372881355932%;
	list-style: none;
	background: #fff;
}

#searchResults ul li p:last-child {
	margin-bottom: 0;
}

#searchResults ul li .link {
	position: absolute;
	right: 3.389830508474576%;
	top: 50%;
	margin-top: -8px;
	width: 11px;
	height: 16px;
	background: url(../img/right-arrow-black.png) no-repeat;
}

/* Interactive Map */

#interactiveMap {
	position: relative;
	/*height: 860px;*/
	/*background: url(../img/interactive-map.jpg) no-repeat center top;*/
	margin-top: 4px;
}

#interactiveMap .inner {
	height: 800px;
}

#interactiveMap .controls {
	position: absolute;
	left: 0;
	top: 20px;
	width: 33px;
	height: 103px;
	/*background: url(../img/map-controls.png) no-repeat;*/
}

#interactiveMap .pin {
	position: absolute;
	width: 40px;
	height: 58px;
	background-repeat: no-repeat;
}

#interactiveMap .userLocation {
	position: absolute;
	left: 377px;
	top: 556px;
	width: 56px;
	height: 56px;
	background: url(../img/user-location.png) no-repeat;
}

#interactiveMap .details {
	/*display: none;
	position: absolute;*/
	width: 400px;
	background: #fff;
	/*padding: 30px;*/
	padding: 10px 0px;
	/*margin-left: -258.5px;*/
}

#interactiveMap .details .image {
	float: left;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}

#interactiveMap .details .desc {
	margin-left: 186px;
}

#interactiveMap .details .desc .name {
	margin: 0 0 10px;
	min-height: 65px;
}

#interactiveMap .details .desc .name a {
	font-style: normal;
	font-weight: 500;
	color: #ed1c24;
}

#interactiveMap .details .desc .name span {
	display: block;
	margin-top: 7px;
}

#interactiveMap .details .desc .readmore {
	display: block;
	font-family: "museo_sans500", Arial, sans-serif;
	font-size: 20px;
	background: #ed1c24;
	text-align: center;
	line-height: 53px;
	color: #fff;
}

#interactiveMap .details .desc:after {
	position: absolute;
	left: 50%;
	bottom: -22px;
	margin-left: -9px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 9px 0 9px;
	border-color: #ffffff transparent transparent transparent;
}

#mapInstructions {
	font-size: 12px;
	font-style: italic;
}

#mapInstructions p {
	margin: 0;
}

#mapMenu {
	position: absolute;
	right: 0;
	top: 0;
	width: 272px;
	background: #fff;
	z-index: 1000;
}

#mapMenu .searchBox {
	float: none;
	width: auto;
}

#mapMenu .searchBox .searchField {
	border: 0;
	height: 50px;
	padding-left: 63px;
	padding-right: 10px;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 12px;
}

#mapMenu .searchBox .searchField.ui-autocomplete-loading {
	background-position-x: 90%;
}

ul.ui-autocomplete.ui-menu {
  z-index: 1000000;
  overflow: hidden;
}

ul.ui-autocomplete li.ui-menu-item{
	text-align: left;
	font-size: 14px;
	font-family: "museo_sans300", Arial, sans-serif;
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none;
    background-color: #e7e7e7;
    font-weight: normal;
    color: #4d4d4f;
}

#mapMenu .searchBox .submitBtn {
	left: 15px;
	right: auto;
}

#mapMenu ul {
	margin: 0;
	padding: 0;
}

#mapMenu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 4px solid #f1f2f2;
}

#mapMenu ul li.hasSub > a {
	background: url(../img/up-down-arrows-black.png) no-repeat 12px 20px;
	padding-left: 63px;
	padding-top: 16px;
	padding-bottom: 16px;
	
}

#mapMenu ul li a.expanded {
	background-position: 12px -170px;
	background-color: #e7e7e7;
}

#mapMenu ul li a.active {
	background-color: #e7e7e7;
}

#mapMenu ul li a {
	display: block;
	font-family: "museo_sans500", Arial, sans-serif;
	padding-top: 9px;
	padding-bottom: 9px;
}

#mapMenu ul li ul li a img {
	width: 22px;
	margin-left: 20px;
	margin-right: 20px;
	vertical-align: middle;
}

#mapMenu ul li ul li a span {
	display: inline-block;
	vertical-align: middle;
	width: 204px;
}

#mapMenu ul li.active a,
#mapMenu ul li a:hover {
	background-color: #e7e7e7;
}

#mapMenu ul li ul {
	display: none;
}

#mapMenu ul li a {
	background-repeat: no-repeat;
	background-position: 22px center;
}

/* Form */

#contactForm {
	max-width: 500px; 
}

#form, #myBusinessEditor, #myEventEditor, #myExistingEvents {
	max-width: 575px;
	margin-top: 25px;
}

#form .title {
	font-family: 'museo500', Arial, sans-serif;
	font-size: 24px;
	margin: 30px 0 15px;
}

#form .title span {
	font-family: 'museo_sans300', Arial, sans-serif;
	font-size: 16px;
}

/* Support */

#support ul {
	margin: 0;
	padding: 0;
}

#support ul li {
	margin: 0 0 4px;
	padding: 2.542372881355932%;
	list-style: none;
	background: #fff;
}

#support ul li p:last-child {
	margin-bottom: 0;
}

#support ul li h5 {
	margin-bottom: 5px;
}

/* Preview Options */

#previewOptions .left {
	float: left;
	width: 48.72881355932203%;
	margin-bottom: 12px;
}

#previewOptions .left h1 {
	margin: 0;
}

#previewOptions .left h1 span {
	font-family: "museo_sans300", Arial, sans-serif;
}

#previewOptions .right {
	float: right;
	width: 48.72881355932203%;
}

#previewOptions .right .leftBtn,
#previewOptions .right .rightBtn {
	width: 47.30434782608696%;
}

#previewOptions .right .leftBtn {
	float: left;
}

#previewOptions .right .rightBtn {
	float: right;
}

/* Add Item Btn */

.addItemBtn {
	margin-bottom: 20px;
}

.addItemBtn a {
	display: block;
	line-height: 55px;
	text-align: center;
	background: #add136;
	font-size: 20px;
	color: #fff;
}

/* Collapsible */

.collapsible .main {
	position: relative;
}

.collapsible .main .textbox {
	padding-right: 90px;
}

.collapsible .main .arrow {
	position: absolute;
	right: 0;
	top: 0%;
	height: 55px;
    width: 58px;
	background: url(../img/up-down-arrows-black.png) center 23px no-repeat;
}

.collapsible .main .arrow.expanded {
	background-position: center -166px;
}

.collapsible label.mainLabel {
	display: none;
}

.collapsible .main .delete {
	position: absolute;
	right: 55px;
	top: 50%;
	margin-top: -14px;
	width: 19px;
	height: 26px;
	background: url(../img/trash-ico.png) center 0 no-repeat;
}

div[data-name="_post_title"] .delete {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -14px;
	width: 19px;
	height: 26px;
	background: url(../img/trash-ico.png) center 0 no-repeat;
}

.collapsible .insider {
	display: none;
}

/* Disclaimer */

.disclaimer {
	margin: 0 0 20px;
}

.disclaimer a,
.disclaimer a:hover {
	text-decoration: underline;
}

.disclaimer dl,
.disclaimer dt,
.disclaimer dd {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.disclaimer dt {
	font-family: "museo_sans500", Arial, sans-serif;
}

.disclaimer dd {
	margin-bottom: 10px;
}

.disclaimer dd ul {
	margin: 0;
	padding: 0;
}

.disclaimer dd ul li {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.bookNow {
	margin-bottom: 5.217391304347826%;	
}

/* Footer */

#footerWrapper {
	background: #fff;
	position: relative;
	z-index: 1;
}

#footer {
	padding:25px 0;
	font-size: 14px;
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}

#footer .copyright {
	margin: 0 0 5px;
	padding: 0;
	color: #4d4d4f;
}

#footer .copyright li {
	display: inline-block;
	margin: 0;
	padding: 0 11px;
	list-style: none;
	border-left: 1px solid #4d4d4f;
	line-height: 12px;
}

#footer .copyright li:first-child {
	border-left: 0;
	padding-left: 0px;
}

#footer .copyright li.last {
	padding-right: 0;
}

#footer .copyright li a {
	color: #4d4d4f;
}

#footer .designedBy {
	margin: 0;
}

#footer .mackay {
	text-align: right;
	font-size: 12px;
	margin: -10px 0 0;
}

#footer .mackay span {
	display: block;
}

#footer .mackay span em {
	font-style: normal;
}

/* Reusable Components */

.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6 {
	margin-left: -2.542372881355932%;
}

.column {
	margin-left: 2.542372881355932%; /* 30px gutter */
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
	margin-bottom: 2.542372881355932%;
}

.columns-2 .column {
	width: 47.45762711864407%;
} 

.columns-2.withSidebar {
	margin-left: 0;
}

.columns-2.withSidebar .column.sidebar {
	margin-right: 0;
	margin-left: 0;
	float: left;
	width: 272px;
	padding-left: 0;
}

.columns-2.withSidebar .column {
	display: block;
	margin-right: 0;
	margin-left: 272px;
	padding-left: 2.542372881355932%;
	width: auto;
}

.columns-2.withSidebar #relatedArticles .title {
	margin-bottom: 4px;
}

.columns-2.withSidebar #relatedArticles ul {
	margin-left: 0;
}

.columns-2.withSidebar #relatedArticles ul li {
	display: block;
	max-width: 100%;
	margin: 0 0 4px;
}

.columns-3 .column {
	width: 30.7909604519774%;
} 

.columns-4 .column {
	width: 22.45762711864407%;
} 

.columns-5 .column {
	width: 17.45762711864407%;
} 

.columns-6 .column {
	width: 14.12429378531074%;
} 

.buttons {
	margin: 0 0 2.542372881355932%;
	padding: 0;
}

.buttons li {
	margin: 0 0 3px;
	padding: 0;
	list-style: none;
}

.buttons li a,
.orangeBtn,
.greenBtn {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 272px;
	/*line-height: 53px;*/
	padding:20px; 
	background: #f7941d no-repeat;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 15px;
}

.buttons li a {
	width: 100%;
}

.buttons.green li a,
a.greenBtn, input.greenBtn {
	background-color: #add136;
}

.orangeBtn:hover,
.greenBtn:hover {
	color: #fff;
}

.orangeBtn.prevArrow {
	padding-left: 12px;
	background-image: url(../img/btn-prev-arrow-ico.png);
	background-position: left center;
}

.orangeBtn.nextArrow {
	padding-right: 12px;
	background-image: url(../img/btn-next-arrow-ico.png);
	background-position: right center;
}

.field {
	margin-bottom: 20px;
}

.field label {
	display: block;
	padding-bottom: 15px;
}

.field label .info {
	float: right;
	color: #808285;
	font-style: italic;
	font-size: 14px;
}

.field label .info a {
	text-decoration: underline;
}

#popupWrapper  .expandedTip {
	max-width: 555px;
	padding: 20px 30px;
	background: #add136;
	color: #fff;
	font-size: 20px;
}
#popupWrapper .closemodal
{
	background-image: url(../img/mobile-menu-btn.png);
	background-position: center bottom;
	left: auto;
    right: 10px;
	width: 33px;
    height: 24px;
    display: block;
    float: right;
}
#popupWrapper  .expandedTip .returnBtn {
	position: absolute;
	right: 28px;
	top: 25px;
	width: 19px;
	height: 17px;
	background: url(../img/close-btn.png) no-repeat;
}

#popupWrapper  .expandedTip p:last-child {
	margin-bottom: 0;
}

#popupWrapper  .expandedTip  p {
	text-align: left;
}

#popupWrapper  .expandedTip .caption {
	font-family: "museo_sans700", Arial, sans-serif;
	margin: 0 0 13px;
}

.fields .field {
	float: right;
	width: 47.30434782608696%;
}


.fields.optionButtons .greenBtn {
	width: 100%;
}

.fields .field:first-child {
	float: left;
}

.fileUpload {
	position: relative;
	border: 1px solid #59595b;
	background: #fff;
	padding: 4px;
}

.fileUpload .browseBtn {
	float: left;
	width: 160px;
	line-height: 45px;
	text-align: center;
	background: #add136;
	color: #fff;
	margin-right: -4px;
	vertical-align: middle;
}

.fileUpload .fileName {
	display: block;
	margin-left: 173px;
	margin-right: 52px;
	font-size: 20px;
	font-style: italic;
	color: #808285;
	margin-top: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.fileUpload .fileObject {
	display: none;
}

.fileUpload .delete {
	position: absolute;
	right: 21px;
	top: 13px;
	width: 19px;
	height: 26px;
	background: url(../img/trash-ico.png) no-repeat;
	text-indent: -9999em;
}

.textbox,
select,
textarea {
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px 14px;
	height: 55px;
	border: 1px solid #717172;
	font-family: 'museo_sans300', Arial, sans-serif;
	font-size: 20px;
	resize: none;
	overflow: auto;
}

select {
	padding-left: 10px;
	padding-right: 10px;
}

textarea {
	height: 163px;
}

.bodytext {
	background: #fff;
	padding: 30px;
	/*margin-bottom: 5.217391304347826%;*/
}

.bodytext p:last-child {
	margin-bottom: 0;
}

.columns-2.withSidebar .bodytext {
	margin-bottom: 0;
}

.showInMobile {
	display: none;
}

.showInTablet {
	display: none;
}

.showInDesktop {
	display: block;
}

.removeSpace {
	display: block;
}

.pullLeft {
	float: left;
}

.pullRight {
	float: right;
}

/* Miscelleneous */

p {
	margin: 0 0 20px;
}

h1 {
	margin: 0 0 20px;
	font-family: 'museo500', Arial, sans-serif;
	font-size: 48px;
	font-weight: normal;
	line-height: 1.2;
}

h2 {
	margin: 0 0 14px;
	font-family: 'museo500', Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.1;
}

h3 {
	margin: 0 0 14px;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.1;
}

h4 {
	margin: 0 0 14px;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.1;
}

h4 span {
	display: block;
	font-family: 'museo_sans300', Arial, sans-serif;
	font-size: 16px;
}


h5 {
	margin: 0 0 14px;
	font-family: 'museo_sans500', Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.1;
}

a {
	text-decoration: none;
	outline: none;
	color: inherit;
}

img {
	border: 0;
	max-width: 100%;
}

.clearfix:after, 
.columns-2.withSidebar:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

.clearfix,
.columns-2.withSidebar { 
  display: inline-block;  
}

* html .clearfix,  
* html .columns-2.withSidebar, {  
  height: 1%;  
}

.clearfix,
.columns-2.withSidebar {  
  display: block;  
}

.clear {
	clear: both;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

::-webkit-input-placeholder {
	color: #808285;
	opacity: 1;
	font-style: italic;
}

:-moz-placeholder {
	color: #808285;
	opacity: 1;
	font-style: italic;
}

::-moz-placeholder {
	color: #808285;
	opacity: 1;
	font-style: italic;
}

:-ms-input-placeholder {  
	color: #808285;
	opacity: 1;
	font-style: italic;
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

#header #menu-navigation-menu li ul .onlyMobile{
	display: none;
}

/* Media Queries */

/* Desktop Screens */

@media only screen and (max-width : 1197px) {
	#header .navigation {
		font-size: 15px;
	}
	
	#businessFinder .title {
		font-size: 19.71px;
	}
	
	#businessFinder .filters .filter label {
		font-size: 11.50px;
	}	
	
	#businessFinder .filters .filter {
		width: 219px;
	}
	
	#header,
	#hubHeader,
	#content,
	#internalLinks,
	#footer {
		padding-left: 2.542372881355932%;
		padding-right: 2.542372881355932%;
	}
	
	#interactiveMap .controls {
		left: 2.542372881355932%
	}
	
	#header .navigation {
		right: 2.542372881355932%;
	}

	#filterBar h1 {
		font-size: 36px;
		margin-top: 7px;
	}
	
	#homeWidgets {
		font-size: 15px;
	}
			
	#homeWidgets .column .title {
		font-size: 43px;
	}
	
	#homeWidgets .whatsOn .right .links li ,
	#homeWidgets .column .link {
		padding-left: 20px;
	}
	
	#popupWrapper {
		font-size: 16px;
	}
	
	#mainSlider .slides li .device .overlay {
		font-size: 13.15px;
	}
	
	#homeSections .column {
		font-size: 14px;
		padding: 27px;
		height: 320px;
	}	
	
	#homeSections .column .title {
		font-size: 16px;
		margin-bottom: 21px;
	}
	
	#homeSections .cityDeals .arrow {
		top: 140px;
	}
	
	#homeSections .cityDeals .arrow.prev {
		left: 43px;
	}
	
	#homeSections .cityDeals .arrow.next {
		right: 8px;
		left: auto;
	}
	
	.tradingHours ul li:after {
		margin-right: -12px;
	}
	
	#alphabets li {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#filterBar .filters .filter {
		width: 230px;
	}
	
	#interactiveMap {
		background-position: -360px top;
	}
}

@media only screen and (max-width : 1130px) {
	#hubHeader .navigation li {
		margin-left: 25px;
	}
}

@media only screen and (max-width : 1040px) { 
	#filterBar .filters .filter {
		  margin-left: 9px;
	}
	
	#hubHeader .navigation li {
		margin-left: 20px;
	}
}

/* Tablet Screens */

@media only screen and (max-width : 991px) {
	#headerWrapper {
		-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
		-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
		box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
	}
	
	#header {
		height: 72px;
		padding: 9px 0;
	}
	
	#header .searchBox {
		display: none;
	}
	
	#header .socials {
		position: absolute;
		right: 1.694915254237288%;
		top: 21px;
		float: none;
		margin-right: 0;
	}
	
	#hubHeader .mobileMenu .navigation {
		float: none;
		position: absolute;
		left: auto;
		right: 0;
	}	
	
	#header .navigation,
	#hubHeader .navigation {
		display: none;
		z-index: 10000000;
		left: 0;
		top: 72px;
		background: #fff;
		bottom: auto;
		width: 300px;
		padding: 0;
		margin: 0;
		font-family: "museo_sans500",Arial,sans-serif;
		border: 1px solid #f8f8f8;
		border-top: 1px solid #c7c8c8;
	}
	
	#hubHeader .navigation {
		width: 200px;
	}
	
	#hubHeader {
		padding: 0;
		height: 73px;
	}
	
	#hubHeader .logo {
		margin-top: 23px;
		margin-left: 1.694915254237288%
	}
	
	#hubHeader .mobileMenu .navigation {
		color: #4d4d4f;
		z-index: 2147483647;
		border: 1px solid #f8f8f8;
		top: 73px;
	}
	
	.mobileMenu {
		display: block;
	} 
	
	.mobileMenu .navigation {
		display: none;
	}
	.onlyMobile
	{
		display: block;
	}
	#header .mobileMenu .navigation .searchBox {
		float: none;
		display: block;
		width: auto;
	}
	
	.mobileMenu .navigation .searchBox .searchField {
		border: 0;	
		height: 42px;
		padding-left: 53px;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	
	#header .searchBox .submitBtn {
		right: auto;
		left: 12px;
		text-indent: -9999em;
	}
		
	#header .navigation li,
	#hubHeader .navigation li {
		float: none;
		margin: 0;
		padding: 0;
		border-top: 2px solid #f9fafa;
		line-height: 1;
		font-size: 16px;
	}
	
	#header .navigation li:first-child,
	#hubHeader .navigation li:first-child {
		border-top: 0;
		display: block;
	}
	
	#header .navigation li a,
	#hubHeader .navigation li a {
		display: block;
		padding: 13px 20px;
	}
	
	#header .navigation li:hover,
	#header .navigation li.active {
		color: #4d4d4f;
	}
	
	#header .navigation li ul {
		display: block;
		position: static;
		margin: 0;
		padding: 0;
		width: auto;
		background: none;
		border-top: 2px solid #f9fafa;
	}

	#header .navigation li ul:after {
		display: none;
	}
	
	#header .navigation li ul li {
		color: #4d4d4f;
		text-align: left;
		font-family: "museo_sans300",Arial,sans-serif;
		margin: 0;
		padding: 0;
	}
	
	#header .navigation li ul li a {
		display: block;
		margin: 0;
		padding: 13px 20px;
	}
	
	#header .navigation li.hasSub ul {
		display: none;
	}
	
	#header .navigation li.hasSub a {
		background: url(../img/up-down-arrows-black.png) no-repeat right 16px;
	}
	
	#header .navigation li.hasSub.expanded a {
		background-position: right -174px;
	}
	
	#header .navigation li.hasSub ul a {
		background: none;
	}
	
	#header .logo {
		float: none;
		display: block; 
		width: 165px;
		margin: 0 auto;
	}
	
	#header .links {
		display: none;
	}
	
	#header .mobileMenuBtn,
	#hubHeader .mobileMenuBtn {
		position: absolute;
		left: 1.694915254237288%;
		top: 50%;
		margin-top: -12px;
		width: 33px;
		height: 24px;
		background: url(../img/mobile-menu-btn.png) no-repeat;
	}
	
	#hubHeader .mobileMenuBtn {
		left: auto;
		right: 1.694915254237288%;
		background-image: url(../img/mobile-hub-menu-btn.png);
	}
	
	#header .mobileMenuBtn.expanded,
	#hubHeader .mobileMenuBtn.expanded {
		background-position: center bottom;
	}
	
	#homeWidgets .column {
		font-size: 16px;
		height: 400px;
	}
	
	#homeWidgets .column .left,
	#homeWidgets .column .right {
		float: none;
		width: auto;
	}
	
	#homeWidgets .column .link {
		display: none;
	}
	
	#homeWidgets .column .right {
		margin-top: 0;
	}
	
	#homeWidgets .column .title {
		font-size: 50px;
	}
	
	#homeWidgets .whatsOn .right .links {
		font-size: 18px;
	}
	
	#homeWidgets .whatsOn .right .links li {
		margin-bottom: 13px;
	}
	
	#homeWidgets .subscribe .left p {
		margin-bottom: 11px;
	}
	
	#homeWidgets .subscribe .right .textbox {
		height: 45px;
		padding: 12px 10px;
		font-size: 17.50px;
	}
	
	#homeWidgets .subscribe .right .btn {
		margin-top: 23px;
	}
	
	#homeWidgets .subscribe .right .btn span {
		line-height: 45px;
		font-size: 23.33px;
		margin: 0 12px;
	}
	
	#homeSections .column {
		width: 47.45762711864407%;
	}
	
	#homeSections .column.followUs {
		display: none;
	}
	
	#homeSections .column {
		padding: 1.8% 40px;
		font-size: 15px;
		height: 335px;
	}
		
	#homeSections .column .title {
		font-size: 18.68px;
	}
	
	#homeSections .cityDeals {
		left: 50%;
	}
	
	#homeSections .cityDeals .arrow.prev {
		left: 43px;
	}
	
	#homeSections .cityDeals .arrow.next {
		right: 14px;
		left: auto;
	}
	
	#homeSections .latestNews {
		position: relative;
		left: -50%;
	}
		
	#internalLinksWrapper {
		display: none;
	}
	
	#internalLinks, #footer {
		font-size: 14px;
	}
	
	#mainSlider .slides li .device .overlay {
		font-size: 12px;
	}

	#popupWrapper .popup.businessLogin h1 {
		font-size: 35px;
	}

	.showInTablet {
		display: block;
	}

	.showInDesktop {
		display: none;
	}
	
	.bodytext {
		padding: 20px;
	}
	
	#businessDetails .details .logo {
		border-width: 2px;
		width: 25%;
		margin-bottom: 0;
	}
	
	#businessDetails .details h3 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#contactDetails ul li {
		background-position: 20px center;
	}
	
	#contactDetails ul li a {
		padding-left: 72px;
	}
	
	#cityCentreDeals ul li .desc {
		float: none;
		width: auto;
	}
	
	#cityCentreDeals ul li .image {
		margin-left: 0;
		margin-top: 5.217391304347826%;
	}
	
	.tradingHours ul li:after {
		display: none;
	}
	
	.hideInTablet {
		display: none;
	}
	
	#directoryBar .title em {
		display: block;
	}
	
	#directoryBar .right {
		padding-right: 0;
	}
	
	#alphabets {
		padding-left: 20px;
		padding-top: 11px;
		padding-bottom: 0;
	}
	
	#alphabets li,
	#alphabets li:first-child {
	  padding-left: 13.8px; 
	  padding-right: 13.8px; 
	}	
	
	#directoryListing ul li .address,
	#directoryListing ul li .status,
	#directoryListing ul li .link,
	#directoryListing ul li em {
		display: none;
	}
	
	#directoryListing ul li .options {
		display: inline-block;
		width: 51%;
		right: -29px;
		text-align: right;
	}
	
	#filterBar h1 {
		font-size: 48px;
		margin-top: 0;
		max-width: 345px;
	}
	
	#filterBar .filters .filter {
		width: 160px;
		margin-left: 33px;
	}
	
	#filterBar .filters .filter label span {
		display: none;
	}
		
	#businessFinder {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#businessFinder .title {
		display: none;
	}
	
	#businessFinder .filters {
		float: none;
		text-align: center;
	}	
		
	#businessFinder .filters .filter {
		display: inline-block;
		float: none;
		margin-left: 3%;
		margin-right: 0;
		text-align: left;
		vertical-align: middle;
		width: 30%;
	}	
	
	#interactiveMap {
		margin-top: 0;
	}

	#items ul li {
		width: 30.7909604519774%;
	}
	
	#items ul li .desc {
		padding: 8.771929824561404%;
	}
	
	#articleOptions .orangeBtn {
		float: none;
		width: 272px;
		margin-bottom: 5.217391304347826%;
	}
	
	#articleOptions .shareBtns {
		float: none;
		width: auto;
	}
	
	#imageGallery ul li {
		width: 27.9%;
	}
	
	#relatedArticles ul li {
		display: block;
		max-width: 100%;
	}
	
	#previewOptions .left {
		width: 60.43956043956044%;
	}

	#previewOptions .right {
		width: 37.36263736263736%;
	}

	#previewOptions .right .leftBtn, #previewOptions .right .rightBtn {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	
	#footer  .mackay {
		font-size: 12px;
	}
		
	#footer .mackay span em {
		display: block;
	}
}

/* Mobile Screens */
@media only screen and (max-width : 767px) {
	
	#header,
	#hubHeader {
		height: 60px;
	}
	
	#header .socials {
		display: none;
	}
	
	#header .mobileMenuBtn,
	#hubHeader .mobileMenuBtn  {
		left: auto;
		right: 10px;
	}
	
	#hubHeader .logo {
		margin-left: 10px;
		margin-top: 17px;
	}
	
	#header .logo {
		width: 129px;
	}
	
	#header .backBtn {
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -8px;
		width: 35px;
		height: 35px;
		background: url(../img/left-arrow-black.png) no-repeat;
		
	}
	
	#header .mobileMenu .navigation,
	#hubHeader .mobileMenu .navigation {
		top: 60px;
		right: 0;
		width: auto;
		left: 0;
	}
	
	#hubHeader .mobileMenu .navigation {
		top: 120px;
		border-top: 1px solid #c7c8c8;
	}
	
	#header .mobileMenu .navigation li.socialIcons {
		display: block;
		text-align: center;
		padding: 11px;
	}
	
	#header .mobileMenu .navigation li.socialIcons a {
		display: inline-block;
		padding: 0;
		margin: 0 7px;
		vertical-align: top;
	}
	
	#header .mobileMenu .navigation li.socialIcons img {
		display: inline-block;
		width: 31px;
	}
	
	#businessFinder {
		padding: 0;
	}
	
	#businessFinder .options {
		display: none;
		padding: 6px 20px 20px;
	}
	
	#businessFinder .options .option {
		display: block;
		padding: 13px 0 0;
		width: auto;
		margin: 0;
	}
	
	#businessFinder .options .option:first-child {
		padding-top: 0;
	}
	
	#businessFinder .options .option label {
		font-size: 14px;
	}
	
	#businessFinder .options .option .searchField, #businessFinder .options .option select, #businessFinder .options .option.map a {
		font-size: 12px;
	}
	
	#internalLinksWrapper {
		display: block;
	}
	
	#internalLinks {
		padding-top: 20px;
		padding-bottom: 27px;
	}
	
	#internalLinks .column {
		display: none;
	}
	
	#internalLinks .socials {
		display: block;
		width: auto;
		text-align: center;
	}
	
	#internalLinks ul.links li span {
		display: none;
	}
	
	#internalLinks .socials li {
		display: inline-block;
		vertical-align: middle;
	}
	
	#internalLinks .socials ul.links li {
		margin: 0 5px;
	}
	
	#internalLinks ul.links li a {
		display: inline-block;
		width: 38px;
	}
	
	#internalLinks ul.links li img {
		width: 100%;
	}
	
	#popupWrapper .popup {
		padding: 28px 19px;
	}
	
		
	#popupWrapper .popup.businessLogin {
		padding: 15px;
	} 
	
	#popupWrapper .popup.businessLogin .sections .left,
	#popupWrapper .popup.businessLogin .sections .right {
		display: block;
		border: 0;
		width: 100%;
		padding: 10px;
		text-align: left;
	}
	
	
	#popupWrapper .popup.businessLogin p {
		text-align: left;
	}
	
	#popupWrapper .popup.businessLogin .sections .right .orangeBtn {
		margin: 0;
	}
	
	#popupWrapper .popup.businessLogin .logo {
		float: none;
		width: 235px;
	}
	
	#popupWrapper .popup.businessLogin h1 {
		float: none;
		font-size: 30px;
	}
	
	#popupWrapper .popup.businessLogin h2 {
		font-size: 18px;
	}
	
	#content.forHome {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#mainSlider .slides li .device .overlay {
		font-size: 12px;
	}
	
	.columns-2,
	.columns-3 {
		margin-left: 0;
	}
	
	.columns-2 .column,
	.columns-3 .column {
		display: block;
		width: auto;
		height: auto;
		margin-left: 0;
		margin-right: 0;
	}
	
	.columns-2.withSidebar .column {
		margin-left: 0;
		padding-left: 0;
	}
	
	.bodytext {
		padding: 11px;
	}
	
	#homeWidgets {
		height: auto;
	}
	
	#homeWidgets .column {
		height: auto;
	}
	
	#homeWidgets .column .title {
		font-size: 41px;
	}
	
	#homeWidgets .whatsOn .right .links li {
		background-position: left 3px;
	}
	
	#homeWidgets .whatsOn .right .links li a, #homeWidgets .column .link {
		font-size: 15.3px;
	}
	
	#homeWidgets .subscribe .right .textbox {
		height: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 15px;
	}
	
	#homeWidgets .column,
	#homeSections .column {
		padding: 20px;
	}
	
	#homeSections .latestNews,
	#homeSections .cityDeals	{
		left: 0;
		display: block;
		width: auto;
		height: auto;
	}
	
	#homeSections .cityDeals .arrow {
		display: none;
	}
	
	.columns-2.withSidebar .column {
		float: none;
		width: auto;
	}
	
	.columns-2.withSidebar .column.sidebar {
		float: none;
		width: auto;
		margin-right: 0;
	}
	
	.showInMobile {
		display: block;
	}

	.showInTablet {
		display: none;
	}
	
	.hideInMobile {
		display: none !important;
	}
	
	#map {
		display: none;
	}
	
	
	h1 {
		margin-bottom: 7px;
	}
	
	.columns-2.withSidebar .column.sidebar {
		margin-bottom: 0;
	}
	
	#relatedArticles .title {
		padding: 10px;
		margin-bottom: 2.542372881355932%;
	}
	
	#relatedArticles ul  {
		margin-left: 0;
	}
	
	#relatedArticles ul li {
		margin-bottom: 2.542372881355932%;
		margin-left: 0;
	}

	#businessDetails .details h3 span {
		display: block;
	}
	
	#businessDetails .details .socials {
		display: none;
	}
	
	#contactDetails.smallInMobile {
		margin-bottom: 0;
		margin-top: -1.739130434782609%;
	}
	
	#contactDetails.smallInMobile ul {
		background: #fff;
		padding: 10px 0;
	}
	
	#contactDetails.smallInMobile ul li {
		display: inline-block;
		margin-right: -4px;
		vertical-align: middle;
		width: 25%;
		height: 53px;
		margin-bottom: 0;
		border-left: 3px solid #c3c4c6;
		background-position: center;
	}
	
	#contactDetails.smallInMobile ul li:first-child {
		border-left: 0;
	}
	
	#contactDetails.smallInMobile ul li span {
		display: none;
	}
	
	#contactDetails.smallInMobile ul li a {
		height: 100%;
	}
		
	#cityCentreDeals ul li .desc em {
		display: block;
	}
	
	#cityCentreDeals ul li .image {
		display: none;
	}
	
	#directoryListing {
		margin-left: -2.542372881355932%;
	}
	
	#directoryListing ul li ul li{
		padding: 8px 12px;
	}
	
	#directoryListing ul li .logo {
		display: none;
	}
	
	#directoryListing ul li .name {
		width: auto;
	}
	
	#directoryBar {
		padding: 10px 0;
	}
	
	#directoryBar .title i {
		display: none;
	}
	
	#directoryBar .title em {
		display: none;
	}
	
	#directoryBar .left,
	#directoryBar .right,
	#directoryBar .category {
		display: block;
		width: auto;
	}
	
	#directoryBar .right {
		margin-top: 9px;
	}
	
	#directoryBar .left,
	#directoryBar .right {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#alphabets {
		padding-left: 0;
		padding-right: 10px;
	}
		
	#directoryListing ul li .options {
		display: none;
	}
		
	#businessFinderWrapper {
		display: none;
	}
		
	.bigPicture,
	.bodytext,
	#articleOptions,
	.tradingHoursList,
	#businessDetails,
	#contactDetails,
	.bookNow,
	#relatedArticles .title,
	#downloadFile {
		margin-bottom: 1.739130434782609%;
	}
			
	#filterBar h1 {
		max-width: none;
	}
	
	#filterBar .filters {
		display: none;
	}
	
	#filterBarMobileWrapper {
		display: block;
	}
	
	
	#articles ul,
	#items ul {
		margin-left: 0;
	}
	
	#articles ul li,
	#items ul li {
		display: block;
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}
	
	#articles ul li img,
	#items ul li img {
		width: 100%;
	}	
	
	#articleOptions .shareBtns {
		position: fixed;
		left: 0;
		right: -2px;
		bottom: 0;
		z-index: 1000000000;
	}
	
	#articleOptions .shareBtns ul {
		margin: 0 auto;
	}
	
	#articleOptions .shareBtns ul li {
		width: 33.33333333333333%;
		margin: 0;
	}
	
	#articleOptions .shareBtns ul li img {
		display: block;
		width: 100%;
	}
	
	#items ul li .desc {
		padding: 3.571428571428571%;
	}
	
	#imageGallery ul {
		margin: 0 0 0 -1.739130434782609%;
	}
	
	#imageGallery ul li {
		width: 31.6%;
		margin: 0 -4px 1.739130434782609% 1.739130434782609%;
	}
	
	#interactiveMap .details {
		width: 140px;
		margin-left: -70px;
		padding: 10px;
	}
	
	#interactiveMap .details .desc .name {
		min-height: 0;
		margin-bottom: 0;
	}
	
	#interactiveMap .details .desc .name em {
		margin-bottom: 0;
	}
	
	#interactiveMap .controls {
		height: 63px;
	}
	
	#interactiveMap .details .desc {
		margin-left: 0;
	}
	
	#interactiveMap .details .image,
	#interactiveMap .details .desc .readmore,
	#interactiveMap .details .desc .name span {
		display: none;
	}
	
	#previewOptions .left,
	#previewOptions .right {
		float: none;
		width: auto;
	}
	
	#previewOptions .right .leftBtn, #previewOptions .right .rightBtn {
		margin-bottom: 10px;
	}
	
	#form, #myBusinessEditor, #myEventEditor, #myExistingEvents {
		max-width: 100%;
	}
	
	#form .field label .info {
		display: none;
	}
	
	#form .title span  {
		display: inline;
	}
	
	.fileUpload .delete {
		display: none;
	}
	
	.fileUpload .fileName {
		margin-right: 0;
	}
	
	.fields.optionButtons .field {
		width: auto;
		float: none;
	}

	#footer {
		text-align: center;
	}
	
	#footer .copyright {
		margin: 0;
	}
	
	#footer .copyright span {
		display: block;
	}
	#internalLinks .internal-links li a span
	{
		display: none;
	}
	#internalLinksWrapper .menu, #internalLinksWrapper .socials
	{
		text-align: center;
	}
	#internalLinks .column.socials .internal-links li img
	{
		width: 42px;
		margin-right: 20px;
	}
	#footer .copyright em {
		display: none;
	}
	
	#footer .designedBy {
		margin-bottom: 15px;
		text-align: center;
	}
	
	#footer .mackay {
		text-align: center;
	}
	
	#footer .left,
	#footer .right {
		float: none;
		margin: 0;
	}
	
	.orangeBtn {
		width: 100%;
	}
	#mapMenu .searchBox .searchField{
	font-size: 16px;
	}
	ul.ui-autocomplete.ui-menu
	{
		width: 100% !important;
	}
	
	
}


@media only screen and (max-width : 700px) { 
	#mainSlider .slides li .device .overlay {
		font-size: 10px;
	}
}

@media only screen and (max-width : 573px) { 
	#mainSlider .slides li .device .overlay {
		font-size: 9px;
	}
	#mapMenu ul
	{
		display: none;
	}
	.businessLogin
	{
		max-height: 600px;
		overflow: scroll;
	}
	
}

@media only screen and (max-width : 500px) { 
	#mainSlider .slides li .device .overlay {
		font-size: 8px;
	}
}

@media only screen and (max-width : 478px) { 
	#mainSlider .slides li .device .overlay {
		font-size: 7px;
	}
	
	#popupWrapper {
		font-size: 14px;
	}
	
	#popupWrapper .popup {
		margin-top: 5px;
	}

	#popupWrapper .popup .returnBtn {
		font-size: 18px;
	}
	
	#downloadFile .thumbnail {
		width: 51px;
	}
	
	#downloadFile .thumbnail span {
		width: 47px;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		background-size: 100%;
		-ms-behavior: url(backgroundsize.min.htc);
	}
	
	#downloadFile h4 {
		font-size: 18px;
	}
}

@media only screen and (max-width : 400px) { 
	#mainSlider .slides li .device .overlay {
		font-size: 6px;
	}
}

@media only screen and (max-width : 340px) { 
	#mainSlider .slides li .device .overlay {
		font-size: 5.5px;
	}
}

.sidebar .buttons, #content .buttons.showInMobile {
	text-transform: uppercase;
}

.form-error-alert {
	color: #a94442;
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	padding: 15px;
	font-weight: bold;
}

img {
	height: auto;
}

.page-template-page-event-calendar #pageNavi .page-numbers {
	display: none;
}

.page-template-page-event-calendar #pageNavi .page-numbers.prev, .page-template-page-event-calendar #pageNavi .page-numbers.next {
	display: inline;
}

.page-template-page-event-calendar input#date {
	cursor: pointer;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tip {
	position: absolute;
	left: 620px;
	background: #add136;
	padding: 20px;
}

.tip:after {
	position: absolute;
	left: -21px;
	top: 50%;
	margin-top: -9px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 21px 9px 0;
	border-color: transparent #add136 transparent transparent;
}

.tip .smallTip {
	display: none;
	color: #ffffff;
}

.tip .caption {
	font-family: "museo_sans700", Arial, sans-serif;
	margin: 0 0 13px;
}

@media only screen and (max-width : 1197px) {
	
	.tip {
		/* right: 20px; */
	}
	
}

@media only screen and (min-width: 992px) {
	
	.tip {
		width: 300px;
	}
	
}

@media only screen and (max-width : 991px) {

	.tip {
		padding: 0;
		right: auto;
	}
	
	.tip p {
		display: none !important;
	}
	
	.tip .smallTip {
		display: block;
		font-family: "museo_sans700", Arial, sans-serif;
		cursor: pointer;
		padding: 15px 40px 15px 15px;
		background: url(../img/right-arrow-white.png) no-repeat 70px center;
	}
	
}

@media only screen and (max-width : 767px) {

	.tip {
		display: none;
	}
	
}

.front-acf-form .acf-field .textbox,
.front-acf-form .acf-field select,
.front-acf-form .acf-field textarea {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 15px 14px !important;
	height: 55px !important;
	border: 1px solid #717172 !important;
	font-family: 'museo_sans300', Arial, sans-serif !important;
	font-size: 20px !important;
	resize: none !important;
	overflow: auto !important;
	border: 1px solid #dddddd !important;
}

.front-acf-form .acf-field .acf-label label {
  display: block;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0px;
}

.front-acf-form .acf-field .acf-label label {
	text-transform: uppercase;
}

.front-acf-form .acf-field .acf-label label .required-field {
	text-transform: lowercase;
}

.front-acf-form .acf-field.field {
	margin-bottom: 20px;
}

.front-acf-form .acf-fields > .acf-field {
	padding: 0px !important;
}

.front-acf-form .acf-field .acf-label {
	margin: 0px !important;
}

.front-acf-form .acf-field select.acf-disabled {
	display: none !important;
}

.front-acf-form #message {
	margin: 0px 0px 20px 0px;
}

.front-acf-form #message.updated {
	border-color: #39b54a;
}

.front-acf-form .disclaimer {
	max-width: 575px;
	margin-top: 25px;
}

.front-acf-form .acf-field .acf-label .tip p {
	color: #ffffff;
}

.front-acf-form .acf-field textarea {
	height: auto !important;
}

.front-acf-form .acf-fr {
	float: none !important;
}

.front-acf-form .acf-fr a {
	border: none !important;
	background: #add136 !important;
	cursor: pointer !important;
	text-align: center !important;
	color: #ffffff !important;
	font-family: 'museo_sans500', Arial, sans-serif !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	height: auto !important;
	line-height: inherit !important;
	padding: 10px !important;
	width: 100%;
}

.front-acf-form .acf-fr a:focus {
	line-height: inherit !important;
}

.front-acf-form .acf-fr a.disabled {
	background: #f7941d !important;
	border-color: none !important;
	box-shadow: none !important;
	color: #ffffff !important;
	opacity: 0.5 !important;
}

.front-acf-form .field-open-0, .front-acf-form .field-close-0,
.front-acf-form .field-open-1, .front-acf-form .field-close-1,
.front-acf-form .field-open-2, .front-acf-form .field-close-2,
.front-acf-form .field-open-3, .front-acf-form .field-close-3,
.front-acf-form .field-open-4, .front-acf-form .field-close-4,
.front-acf-form .field-open-5, .front-acf-form .field-close-5,
.front-acf-form .field-open-6, .front-acf-form .field-close-6,
.front-acf-form .field-start-date, .front-acf-form .field-end-date,
.front-acf-form .field-start-time, .front-acf-form .field-end-time
{
	/*width: 49%;*/
	width: 49% !important;
	display: inline-block !important;
	box-sizing: border-box !important;
}

/*.front-acf-form .field-open-0,
.front-acf-form .field-open-1,
.front-acf-form .field-open-2,
.front-acf-form .field-open-3,
.front-acf-form .field-open-4,
.front-acf-form .field-open-5,
.front-acf-form .field-open-6,
.front-acf-form .field-start-date,
.front-acf-form .field-start-time
{
	float: left;
}

.front-acf-form .field-close-0,
.front-acf-form .field-close-1,
.front-acf-form .field-close-2,
.front-acf-form .field-close-3,
.front-acf-form .field-close-4,
.front-acf-form .field-close-5,
.front-acf-form .field-close-6,
.front-acf-form .field-end-date,
.front-acf-form .field-end-time
{
	float: right;
}

.front-acf-form .field-close-6:after,
.front-acf-form .field-end-date:after,
.front-acf-form .field-end-time:after
{
	clear: both;
	content: ' ';
	display: block;
}*/

.front-acf-form .acf-label {
	position: relative;
}

.front-acf-form .acf-form-submit {
	margin-top: 40px;
}

.front-acf-form .acf-form-submit a {
	float: left;
}

.front-acf-form .acf-form-submit input.withPreviewButton {
	float: right;
	line-height: 18px;
}

.front-acf-form .select2-results {
	text-align: left !important;
}

.front-acf-form .acf-form-submit:after {
	clear: both;
	content: ' ';
	display: block;
}

.single-business_listing .bodytext, .single-event .bodytext {
	margin-bottom: 5.217391304347826%;
}

@media only screen and (max-width : 767px) {

	.single-business_listing .bodytext, .single-event .bodytext {
		margin-bottom: 1.739130434782609%;
	}

}

.front-acf-form .acf-form-submit .greenBtn {
	display: inline-block;
	width: 42%;
	box-sizing: content-box;
}

.front-acf-form span.acf-spinner.is-active {
	margin-top: 20px !important;
}

.front-acf-form .vertical-table-repeater .acf-row > .acf-table-wrap {
	padding: 10px 10px 10px 10px;
	background: none;
}

.front-acf-form .vertical-table-repeater .acf-row > .acf-table-wrap > table {
	background: none;
}

.front-acf-form .vertical-table-repeater .acf-row .acf-table > tbody {
	display: block !important;
	width: 100% !important;
	padding: 0px;
	margin: 0px;
}

.front-acf-form .vertical-table-repeater .acf-row .acf-table > tbody > tr {
	display: block !important;
	width: 100% !important;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

.front-acf-form .vertical-table-repeater .acf-row .acf-table > tbody > tr.half-left {
	width: 49% !important;
	display: inline-block !important;
	box-sizing: border-box !important;
}

.front-acf-form .vertical-table-repeater .acf-row .acf-table > tbody > tr.half-right {
	width: 49% !important;
	display: inline-block !important;
	box-sizing: border-box !important;
}

.front-acf-form .vertical-table-repeater .acf-row .acf-table > tbody > tr:last-child {
	margin-bottom: 0px;
}

.front-acf-form .vertical-table-repeater .acf-row .acf-table > tbody > tr > td {
	display: block !important;
	width: 100% !important;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background: none !important;
	border: none;
}

#existingEvents {
	width: 100%;
	margin-bottom: 30px;
	border-collapse: collapse;
}

#existingEvents tr td {
	border-bottom: 1px dashed #dddddd;
	padding: 10px 10px 10px 0px;
}

#existingEvents tr td:last-child {
	padding-right: 0px;
}

#existingEvents tr:last-child td {
	border: none;
}

#existingEvents td.action {
	width: 15%;
}

#existingEvents td.action a {
	display: block;
	text-align: center;
	background-color: #add136;
	color: #ffffff;
	padding: 10px;
}

.bbp-submit-wrapper .button.submit {
	padding: 10px;
}

#bbp_stick_topic_select, #bbp_topic_status_select {
	font-size: 1em;
	height: 30px;
}
#existingEvents tbody{
	border: none;
}

@media screen and (max-width: 782px) {
	#bbpress-forums input[type=email], #bbpress-forums input[type=number], #bbpress-forums input[type=password], #bbpress-forums input[type=search], #bbpress-forums input[type=text] {
		padding: 5px 0px;
		width: 100%;
	}
}

#subscription-toggle {
	float: right;
}

subscription-toggle:after {
	content: ' ';
	display: block;
	clear: both;
}

.bbp-topics .bbp-author-avatar {
	display: none;
}

.bbp-forum-description .bbp-author-avatar {
	display: none;
}

.forums.bbp-replies .bbp-author-avatar {
	display: none;
}
@media only screen and (max-width: 550px)
{
.front-acf-form .acf-form-submit input.withPreviewButton
{
	float: left;
	
}	
.front-acf-form .acf-form-submit .greenBtn{
	width: 35%;
	
}
.front-acf-form .acf-form-submit .greenBtn:first-of-type{
	margin-right: 5px;
}
}
@media only screen and (max-width: 480px)
{
	
	#bbpress-forums .bbp-body div.bbp-reply-author {
		margin: -15px 10px 10px 0px !important;
		min-height: 0px !important;
		padding-left: 0px !important;
		position: relative;
		text-align: left;
		width: 100%;
	}
	
	#bbpress-forums .bbp-body div.bbp-reply-content {
		margin: 10px 10px 0px 0px !important;
		padding: 0px !important;
	}

}

.type-event #businessDetails {
	background-color: #ed1c24;
}
.event_category-festivals-and-events #businessDetails {
	background-color: #ed1c24;
}
.event_category-classes-and-workshops #businessDetails {
	background-color: #00aeef;
}
.event_category-exhibitions-and-shows #businessDetails {
	background-color: #f7941d;
}
.event_category-markets #businessDetails {
	background-color: #39b54a;
}
.event_category-performances #businessDetails {
	background-color: #ffcb05;
}
.event_category-sporting-events #businessDetails {
	background-color: #d31281;
}
.event_category-active-in-the-city #businessDetails {
	background-color: #add136;
}
.event_category-active-kids-in-the-city #businessDetails {
	background-color: #006838;
}

.business-root-category-default {
	background-color: #ed1c24;
}
.business-root-category-accommodation {
	background-color: #8ed8f8;
}
.business-root-category-community-organisations {
	background-color: #4d3539;
}
.business-root-category-dining {
	background-color: #ed1c24;
}
.business-root-category-entertainment {
	background-color: #006838;
}
.business-root-category-fresh-food-groceries {
	background-color: #39b54a;
}
.business-root-category-government-organisations {
	background-color: #00aeef;
}
.business-root-category-hair-beauty {
	background-color: #d31281;
}
.business-root-category-health-well-being {
	background-color: #f7941d;
}
.business-root-category-professional-services {
	background-color: #add136;
}
.business-root-category-retail {
	background-color: #ffcb05;
}

.selectFieldWithBtn {
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #4d4d4f;
	padding-left: 10px;
	padding-right: 10px;
}

.selectFieldWithBtn select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none !important;
    background-image: url(../img/right-arrow-black-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px !important;
    height: 31px !important;
}

.contactSelectFieldWithBtn {
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #4d4d4f;
	padding-left: 10px;
	padding-right: 10px;
}

.contactSelectFieldWithBtn select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none !important;
    background-image: url(../img/right-arrow-black-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px !important;
}

#filterBarMobile .filter {
	float: inherit !important;
}

.menu {
	padding-top: 0px;
}

.designedBy {
	text-align: left;
}

.page-template-page-business-directory #pagination {
	padding-left: 30px;
}

#pagination .page-numbers {
	display: inline-block;
	line-height: 30px;
	background-color: #f7941d;
	color: #ffffff;
	text-align: center;
	width: 30px;
}

#pagination .page-numbers.current {
	background-color: #4d4d4f;
}

#pagination .page-numbers.next,
#pagination .page-numbers.prev {
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#content.page .column.alone {
	margin-left: 0px;
}

#date[readonly] {
	background-color: #ffffff;
}

ul {
    list-style: inherit;
}

ol, ul {
    padding: inherit;
}

dd, li {
    margin-bottom: inherit;
}

p {
    font-size: inherit;
    line-height: 1.5em;
    margin: 1em 0;
}

#businessDetails .details h3 {
	color: #ffffff;
}

#menu-the-business-hub-menu li:hover a {
	color: #4d4d4f;
}

/*#internalLinksWrapper .menu, #internalLinksWrapper .socials {
	text-align: left;
}*/

/* patch */

.dealsDealImage {
	width: 100%;
}
.lightingContainer{
	width: 100%;
	min-height: 150px;
	background: #d6d6d6;
	display: block;
	background: url(../img/giphyrecolor2.gif);
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
}
