/* This set of value is for use when: SCREEN < 664px */
@media handheld, only screen and (max-width: 663px) {
    /* Former tablet styling section begins, it's required as I found out the CSS stacks */
    #controls .inner {
        width: 620px;
    }
    header#main .title {
        width: 100%;
        float: none;
    }
    header#main .title h2 {
        text-align: center;
        width: auto;
    }
    header#main .title #straplines {
        width: 100%;
    }
    header#main a#logo img,
    header#main a#logo-love img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    header#main .show-support {
        display: none;
    }
    .row.navigation {
        height: 76px;
    }
    ul#navigation li#home,
    ul#navigation li#business,
    ul#navigation li#events,
    ul#navigation li#offers,
    ul#navigation li#community,
    ul#navigation li#thebestof {
        width: 208px;
        border-left: none;
        border-right: none;
    }
    ul#navigation li#business,
    ul#navigation li#community {
        width: 212px;
    }
    ul#navigation li#home {
        -moz-border-radius: 6px 0 0 0;
        -webkit-border-radius: 6px 0 0 0;
        border-radius: 6px 0 0 0;
    }
    ul#navigation li#events {
        -moz-border-radius: 0 6px 0 0;
        -webkit-border-radius: 0 6px 0 0;
        border-radius: 0 6px 0 0;
    }
    ul#navigation li#home a img {
        margin: 0 auto;
    }
    ul#navigation li#offers {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
    }
    ul#navigation li#thebestof {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
    }
    ul#results-grid li {
        margin: 0 38px 24px 0;
        padding: 10px 40px 5px 40px;
    }
    ul#results-listing li,
    section#business-sub-category ul#results-listing li {
        width: 594px;
    }
    ul#results-listing li .description,
    section#business-sub-category ul#results-listing li .description {
        width: 450px;
    }
    #refine-search .refine-search-list-view {
        clear: left;
        width: 180px;
    }
    #refine-search .refine-search-grid-view {
        width: 180px;
    }
    #refine-search .refine-search-list-view a {
        width: 180px;
        background: url(../images/icon/icon-view-listing.png) no-repeat 45px 3px;
        padding-left: 80px;
    }
    #refine-search .refine-search-grid-view a {
        background: url(../images/icon/icon-view-grid.png) no-repeat 45px 3px;
        padding-left: 75px;
        width: 180px;
    }
    #search-map #map-canvas,
    #search-map #map-list {
        float: left;
        width: 615px;
    }
    #search-map #map-list .item {
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
        cursor: pointer;
    }
    #featured-holder {
        width: 614px;
        height: 220px;
    }
    .coda-slider {
        width: 525px;
    }
    .coda-slider .panel {
        width: 525px;
        height: 205px;
    }
    #featured-holder a.button-left, #featured-holder a.button-right {
        top: 100px;
    }
    #featured-holder .description {
        width: 317px;
    }
    #featured-holder .description .social {
        float: left;
        clear: left;
        margin-top: 10px;
    }
    #related-content .column {
        width: 290px;
    }
    section#offers .offers-banner {
        width: 662px;
    }
    section#offers .offers-banner .content {
        left: 260px;
        width: 468px;
    }
    section#offers .offers-banner .countdown {
        left: 260px;
    }
    section#offers-voucher .description {
        width: 300px;
    }
    section#offers-voucher .buttons a {
        margin-bottom: 10px;
    }
    section#event-profile #content #profile,
    section#business-profile #content #profile {
        width: 300px;
    }
    #profile .comments, #profile .share-feedback {
        width: 300px;
    }
    section#event-profile #content #widgets,
    section#business-profile #content #widgets {
        width: 316px;
        margin-right: 10px;
    }
    #profile .user-comment {
        width: 300px;
    }
    #profile .user-comment .comment {
        width: 237px;
    }
    #profile .user-comment .social {
        width: 300px;
    }
    .fb-like-box {
        margin-left: 41px;
    }
    .business-cat ul {
        width: 642px;
    }
    .business-cat ul li {
        width: 309px;
    }
    #business-cat-popular a .text {
        width: 570px;
    }
    #business-category .tabs a.local,
    #business-category .tabs a.widen,
    #business-a-z .tabs a.local,
    #business-a-z .tabs a.widen {
        width: 315px;
    }
    #business-category nav ul li.popular a {
        width: 66px;
    }
    #business-a-z nav ul {
        background: url(../images/bg/bg-business-cat-nav.png) repeat-x top left;
        overflow: hidden;
    }
    #business-category nav ul li a {
        width: 22px;
    }
    #business-a-z nav ul li.n {
        margin-left: 1px;
    }
    #business-a-z nav ul li a {
        width: 24px;
    }
    form#form-review textarea {
        width: 190px;
    }
    #profile ul#results-listing li {
        width: 280px;
    }
    #profile ul#results-listing li .description {
        width: 280px;
        margin-top: 10px;
    }
    #business-sub-category .content-thebestof h2.title,
    #business-sub-category .content-widen h2.title {
        width: 560px;
    }
    #business-cat-thebestof ul {
        width: 560px;
    }
    #business-cat-thebestof ul li {
        width: 270px;
        margin-right: 10px;
    }
    #business-cat-thebestof ul li ul {
        width: 240px;
    }
    #business-cat-thebestof ul li ul li {
        width: auto;
    }
    #blog-post .fb_iframe_widget iframe {
        width: 664px !important;
    }
    #blog-post footer .author .description {
        width: 529px;
    }
    section#user-profile .comments, section#user-profile .blogs, section#user-profile .events {
        width: 644px;
    }
    section#user-profile .user-comment .comment {
        width: 580px;
    }
    section #user-profile .box-information form input[type="text"] {
        width: 450px;
    }
    section #user-profile .box-information form textarea {
        width: 630px;
    }
    ul.messages li .description {
        width: 530px;
    }
    ul.guides li .description {
        width: 509px;
    }
    #national-selector {
        height: 226px;
    }
    #national-selector .description,
    #national-selector .selector {
        height: 209px;
    }
    #national-selector .selector,
    #national-selector .selector form#form-national-select,
    #national-selector .selector form#form-national-select-geo {
        width: 332px;
    }
    #national-selector .selector form#form-national-select-geo label,
    #national-selector .selector form#form-national-select-geo input {
        width: 312px;
    }
    #national-selector .selector form#form-national-select-geo label {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }
    #national-selector .selector form#form-national-select-geo input[type="submit"] {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        width: 332px;
        border-left: none;
    }

    /* Original 663px or less width section begins */
    #controls .inner {
        width: 310px;
        font-size: 1.3em;
    }
    #controls .actions li {
        clear: left;
        float: left;
        list-style: none;
        list-style-image: none !important;
        list-style-type: none;
    }
    header#main form#form-search-best input#fsb-looking-for {
        clear: both;
        float: right;
        margin: 4px 0 10px 0;
        width: 282px;
    }
    header#main form#form-search-best label#l-in {
        clear: both;
    }
    header#main form#form-search-best input#fsb-in {
        float: right;
        margin-right: 0;
        width: 240px;
    }
    header#main form#form-search-best input[type="submit"] {
        clear: both;
        width: 272px;
        margin: 0 0 10px 0;
    }
    #banner-holder {
        display: none;
    }
    ul#navigation li#home a span {
        display: block;
    }
    ul#navigation li#business,
    ul#navigation li#events,
    ul#navigation li#offers,
    ul#navigation li#community,
    ul#navigation li#thebestof {
        width: 304px;
        border-left: none;
        border-right: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    ul#navigation li#business {
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }
    ul#navigation li#thebestof {
        -moz-border-radius: 0 0 6px 6px;
        -webkit-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }
    #refine-search .refine-search-list-view {
        clear: left;
        width: 180px;
        border-right: none;
    }
    #refine-search .refine-search-grid-view {
        width: 180px;
        border-right: none;
    }
    #refine-search .refine-search-list-view a {
        width: 180px;
        background: url(../images/icon/icon-view-listing.png) no-repeat 5px 3px;
        padding-left: 40px;
    }
    #refine-search .refine-search-grid-view a {
        background: url(../images/icon/icon-view-grid.png) no-repeat 5px 3px;
        padding-left: 35px;
        width: 180px;
    }
    #featured-holder {
        width: 266px;
        height: 460px;
    }
    .coda-slider {
        height: 430px;
        width: 200px;
        left: 34px;
        top: 25px;
    }
    .coda-slider .panel {
        width: 525px;
        height: 430px;
    }
    #featured-holder a.button-left, #featured-holder a.button-right {
        top: 200px;
    }
    #featured-holder a.button-left {
        left: 2px;
    }
    #featured-holder a.button-right {
        right: 2px;
    }
    #featured-holder .description {
        clear: left;
        width: 200px;
        margin-top: 10px;
    }
    #featured-holder .description .social {
        float: left;
        clear: left;
        margin-top: 10px;
    }
    #refine-search .refine-search-display,
    #refine-search .refine-search-sort-by {
        border: none;
    }
    #refine-search .refine-search-pagination {
        float: left;
    }
    #search-map #map-canvas,
    #search-map #map-list {
        float: left;
        width: 246px;
    }
    #search-map #map-list .item {
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
        cursor: pointer;
    }
    .map-business-details .description {
        clear: left;
    }
    ul#results-grid li {
        margin: 0 0 24px 0;
        padding: 10px 35px 5px 35px;
    }
    ul#results-listing {
        margin-right: 18px;
    }
    ul#results-listing li {
        width: auto;
    }
    ul#results-listing li .description {
        width: auto;
        margin-top: 10px;
        float: none;
        clear: both;
    }
    #related-content .column {
        width: 260px;
    }
    section#offers .offers-banner {
        width: 314px;
        overflow: hidden;
        height: auto;
    }
    section#offers .offers-banner img.main {
        -moz-border-radius: 9px 9px 0 0;
        -webkit-border-radius: 9px 9px 0 0;
        border-radius: 9px 9px 0 0;
        width: 314px;
    }
    section#offers .offers-banner .content {
        float: left;
        position: relative;
        margin-left: 15px;
        left: 0;
        width: 316px;
        height: auto;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    section#offers .offers-banner .countdown {
        position: relative;
        float: left;
        left: 0;
        top: 0;
        margin-left: 15px;
        margin-bottom: 10px;
    }
    section#offers .offers-banner .countdown .counter {
        width: 264px;
        -moz-border-radius: 9px 9px 0 0;
        -webkit-border-radius: 9px 9px 0 0;
        border-radius: 9px 9px 0 0;
        border-right: none;
    }
    .counter p {
        margin-left: 30px;
    }
    section#offers .offers-banner .countdown a.download-voucher {
        clear: left;
        width: 254px;
        -moz-border-radius: 0 0 9px 9px;
        -webkit-border-radius: 0 0 9px 9px;
        border-radius: 0 0 9px 9px;
        border-left: none;
        text-align: center;
    }
    section#offers-voucher .image {
        width: 274px;
        height: auto;
        margin-bottom: 20px;
    }
    section#offers-voucher .image img {
        width: 274px;
        height: auto;
    }
    section#offers-voucher .description {
        width: 280px;
    }
    section#offers-voucher footer .qr-code {
        margin-top: 15px;
    }
    section#event-profile #content #profile,
    section#business-profile #content #profile {
        width: 280px;
    }
    section#event-profile #content #widgets,
    section#business-profile #content #widgets {
        width: 316px;
        margin-top: 20px;
        margin-right: 0;
    }
    #profile .comments, #profile .share-feedback {
        width: 280px;
    }
    #profile .user-comment {
        width: 280px;
    }
    #profile .user-comment .comment {
        width: 217px;
    }
    #profile .user-comment .social {
        width: 280px;
    }
    .business-cat ul {
        width: auto;
    }
    .business-cat ul li {
        width: auto;
        float: none;
    }
    #business-cat-popular a .text {
        width: 570px;
    }
    #business-category .tabs a.local,
    #business-category .tabs a.widen,
    #business-a-z .tabs a.local,
    #business-a-z .tabs a.widen,
    #business-sub-category .tabs a.thebestof,
    #business-sub-category .tabs a.widen {
        width: auto;
        float: none;
        display: block;
    }
    #business-category .tabs a.widen,
    #business-a-z .tabs a.widen,
    #business-sub-category .tabs a.widen {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    #business-cat-popular a .text {
        width: 210px;
    }
    #business-category nav,
    #business-a-z nav {
        border-left: solid 1px #D1E6EF;
        border-right: solid 1px #D1E6EF;
        padding: 0;
        margin: 0;
    }
    #business-a-z nav ul {
        background: none;
    }
    #business-category nav ul li,
    #business-a-z nav ul li,
    #business-a-z nav ul li.n {
        margin-left: 0;
    }
    #business-category nav ul li.popular a {
        width: 312px;
    }
    #business-category nav ul li a,
    #business-a-z nav ul li a {
        width: 24px;
    }
    #profile ul#results-listing li,
    section#business-sub-category ul#results-listing li {
        width: auto;
    }
    #profile ul#results-listing li .description,
    section#business-sub-category ul#results-listing li .description {
        width: auto;
        margin-top: 10px;
        float: none;
        clear: both;
    }
    form#form-review textarea {
        width: 170px;
    }
    #business-sub-category .content-thebestof h2.title,
    #business-sub-category .content-widen h2.title {
        width: auto;
        float: none;
    }
    #business-cat-thebestof ul,
    #business-cat-thebestof ul li {
        width: auto;
    }
    #business-cat-thebestof ul li ul {
        width: auto;
        float: none;
    }
    #blog-post .fb_iframe_widget iframe {
        width: 316px !important;
    }
    #blog-post footer .author .description {
        margin-top: 10px;
        width: 316px;
    }
    section#user-profile .comments, section#user-profile .blogs, section#user-profile .events {
        width: 296px;
    }
    section#user-profile .user-comment .comment {
        width: 230px;
    }
    section#user-profile form label {
        margin-bottom: 6px;
    }
    section#user-profile form label.textarea-label {
        width: 312px;
    }
    section#user-profile form input[type="text"] {
        width: 312px;
    }
    section#user-profile form select {
        width: 312px;
    }
    section#user-profile form textarea {
        width: 310px;
    }
    section #user-profile .box-information form input[type="text"] {
        width: 280px;
    }
    section #user-profile .box-information form textarea {
        width: 280px;
    }
    /* FIX for Forgotten password box on mobile JS */
   	#page-content .col-two-three {
       width: 100% !important;
       left: 0px;
   	}

    /* FIX for alertboxes on mobile JS */
   	div.AlertMessages div.Dialogue {
   		width: 88% !important;
   	}


    ul.messages li .description {
        width: 190px;
    }
    .modal {
        width: 316px;
    }
    .modal-frame {
        padding: 15px;
        width: 286px;
    }
    #quote-me-modal input[type="text"] {
        width: 300px;
    }
    #quote-me-modal textarea {
        width: 300px;
    }
    form#form-buy-local label.full,
    form#form-buy-local textarea {
        width: 280px;
    }
    form#form-buy-local input[type="text"] {
        width: 185px;
    }
    ul.guides li .image {
        float: none;
    }
    ul.guides li .description {
        margin: 0;
    }
    ul.guides li .description ul li {
        float: none;
    }
    body.community-hubLocal-guides section#guide ul.guides li .description {
        width: 100%;
    }
    body.community-hubLocal-guides section#guide ul.guides li .description > ul {
        margin: 0 10px;
    }
    body.community-hubLocal-guides section#guide ul.guides li .description ul li {
        width: 100%;
    }
    body.community-hubLocal-guides section#guide ul.guides li .description ul li a {
        width: auto;
        margin: 0 0 8px 0;
        width: auto;
    }

    #national-selector {
        height: 362px;
    }
    #national-selector .description {
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        width: 288px;
        height: 119px;
        border-right: none;
    }
    #national-selector .selector {
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        width: 288px;
        border-right: none;
    }
    #national-selector .selector,
    #national-selector .selector form#form-national-select,
    #national-selector .selector form#form-national-select-geo {
        width: 288px;
    }
    #national-selector .selector form#form-national-select-geo label,
    #national-selector .selector form#form-national-select-geo input {
        width: 268px;
    }
    #national-selector .selector form#form-national-select-geo label {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }
    #national-selector .selector form#form-national-select-geo input[type="submit"] {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        width: 288px;
        border-left: none;
    }

    /* Content Toggle Controls - MR */
    body > .search-box {
        min-height: 0 !important;
        width: 100%;
        height: 408px; /* Overflow value, not actual displayed height */
        overflow: hidden;
        position: absolute;
    }
    body > .inner.SIU,
      body > .inner.MA {
        min-height: 0 !important;
        height: 408px; /* Overflow value, not actual displayed height */
        width: auto;
        padding: 0;
        overflow: hidden;
        position: absolute;
    }
    html.MobileSignUpActive .search-box,
    html.MobileMyAccountActive .search-box {
        display: none;
    }
    html.MobileSignUpLastActive .search-box,
    html.MobileMyAccountLastActive .search-box {
        display: none;
    }

    ul#navigation {
        display: none;
    }
    html.MobileNavigationActive ul#navigation {
        display: block;
    }
    html.MobileSearchActive div.search-box {
        display: block;
    }
    a[href="#MobileSearch"] {
        border: 1px solid #005190;
        color: #005190 !important;
    }
    html.MobileSearchActive a[href="#MobileSearch"] {
        background: #005190;
        color: white !important;
    }
    html.MobileNavigationActive header#main {
        display: none;
    }
    a[href="#MobileSections"] {
        border: 1px solid #005190;
        color: #005190 !important;
    }
    html.MobileNavigationActive a[href="#MobileSections"] {
        background: #005190;
        color: white !important;
    }
    html.MobileNavigationActive section#page-content > *:not(.navigation),
      html.MobileNavigationActive #footer-container,
      html.MobileNavigationActive #controls .inner {
        display: none !important;
    }
    a[href="#MobileSignInUp"],
    a[href="#MyAccount"] {
        border: 1px solid #148fc6;
        color: #148fc6 !important;
    }
    html.MobileSignUpActive a[href="#MobileSignInUp"],
      html.MobileMyAccountActive a[href="#MyAccount"] {
        background: #148fc6;
        color: white !important;
    }
    body > #container {
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;

        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);

        position: relative;
        /* z-index: 5; */
    }
    body > *:not(#container):not(#controls):not(.search-box):not(.inner) {
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;

        /* transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0); */
    }
    html.MobileSearchActive body > #container {
        transform: translate3d(0, 176px, 0);
        -webkit-transform: translate3d(0, 176px, 0);
        -ms-transform: translate3d(0, 176px, 0);
        -moz-transform: translate3d(0, 176px, 0);
        -o-transform: translate3d(0, 176px, 0);
    }
    html.MobileSearchActive body > *:not(#container):not(#controls):not(.search-box):not(.inner) {
        transform: translate(0, 176px);
        -webkit-transform: translate(0, 176px);
        -ms-transform: translate(0, 176px);
        -moz-transform: translate(0, 176px);
        -o-transform: translate(0, 176px);
    }
    html.MobileSignUpActive body > #container {
        transform: translate3d(0, 408px);
        -webkit-transform: translate3d(0, 408px, 0);
        -ms-transform: translate3d(0, 408px, 0);
        -moz-transform: translate3d(0, 408px, 0);
        -o-transform: translate3d(0, 408px, 0);
    }
    html.MobileSignUpActive body > *:not(#container):not(#controls):not(.search-box):not(.inner) {
        transform: translate(0, 34372px4px);
        -webkit-transform: translate(0, 372px);
        -ms-transform: translate(0, 372px);
        -moz-transform: translate(0, 372px);
        -o-transform: translate(0, 372px);
    }
    html.MobileMyAccountActive body > #container {
        transform: translate3d(0, 200px);
        -webkit-transform: translate3d(0, 200px, 0);
        -ms-transform: translate3d(0, 200px, 0);
        -moz-transform: translate3d(0, 200px, 0);
        -o-transform: translate3d(0, 200px, 0);
    }
    html.MobileMyAccountActive body > *:not(#container):not(#controls):not(.search-box):not(.inner) {
        transform: translate(0, 130px);
        -webkit-transform: translate(0, 130px);
        -ms-transform: translate(0, 130px);
        -moz-transform: translate(0, 130px);
        -o-transform: translate(0, 130px);
    }

    /* iOS Bug Workaround - MR */
    html:not(.DOMReady) body > * {
        display: none !important;
    }
    body.offers #content:not(.BW020413) {
        display: none !important;
    }
    body.events #content:not(.BW020413) {
        display: none !important;
    }

    /* Revised Mobile Styling - MR */
    .row,
      .row .col-full,
      .row .col-one,
      .row .col-two,
      .row .col-three,
      .home .col {
        width: auto !important;
        margin-right: 0 !important;
        float: none !important;
        left: 0;
    }
    header#main .row .col-full {
        float: none;
    }
    #controls {
        position: relative;
        top: 0;
        left: 0;
        background: white;
        box-shadow: 0 0 4px rgba(0,0,0,0.2);
    }
    html.MobileSignUpActive #controls {
        box-shadow: none;
    }
    #controls .MobileMenu {
        display: table;
        width: 100%;
        padding: 4px 0;
    }
    #controls .MobileMenu > span.Left {
        display: table-cell;
        text-align: left;
    }
    #controls .MobileMenu > span.Right {
        display: table-cell;
        text-align: right;
    }
    #controls .MobileMenu > span > * {
        display: inline-block;
        vertical-align: top;
        height: 16px;
        line-height: 16px;
        font-family: facitweb, Arial, Helvetica;
        font-size: 19px !important;
        padding: 4px 6px;
        margin: 0 4px;
        border-radius: 5px;
        color: #555;

        -webkit-transition: background-color 0.2s;
        -moz-transition: background-color 0.2s;
        -o-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }
    #controls .MobileMenu > span > a:active {
        background-color: #f0f0f0;
    }
    #controls .MobileMenu > span > span.Separator {
        padding-left: 0;
        padding-right: 0;
        border-right: 1px solid #e0e0e0;
    }
    body > .inner {
        background: #148fc6;
        box-shadow: 0 0 32px rgba(0,0,0,0.1) inset;
    }
    body > .inner * {
        float: none !important;
    }
    body > .inner div#loginForm {
        margin: 0 auto;
        text-align: center;
        padding: 14px 0;
    }
    body > .inner div#loginForm input#email {
        margin-left: 0;
    }
    body > .inner div#loginForm input#password {
        border-right: none;
    }
    body > .inner div#loginForm input[type='text'],
      body > .inner div#loginForm input[type='email'],
      body > .inner div#loginForm input[type='password'] {
        font-size: 12px;
        height: 21px;
        line-height: 24px;
        border: none !important;
        border-radius: 2px;
        padding: 2px 8px;
        display: inline-block;
        width: 272px !important;
        margin-right: 0 !important;
    }
    body > .inner div#loginForm input[type='text']:focus,
      body > .inner div#loginForm input[type='password']:focus {
        background: white;
        outline: none;
        border-bottom: none;
    }
    body > .inner div#loginForm #social-media-login {
        width: 288px;
    }
    body > .inner div#loginForm #social-media-login #facebook-login {
    }
    body > .inner div#loginForm #social-media-login #twitter-login {
    }
    body > .inner div#loginForm .login-or {
        height: auto;
        line-height: auto;
        margin-top: 4px;
        top: 4px;
        position: relative;
    }
    body > .inner label[for="email"],
      body > .inner label[for="password"],
      body > .inner .Mobile {
        display: block;
        color: #ffffff;
        font-size: 18px !important;
        font-family: chaloops-medium, sans-serif !important;
        font-weight: 600;
        font-style: normal;
        line-height: 22px;
        height: 26px;
    }
    body > .inner label[for="password"],
      body > .search-box label[for="fsb-in"] {
        margin-top: 8px;
        margin-bottom: 2px;
    }
    body > .inner div#loginForm #rememberme {
        display: none;
    }
    body > .inner div#loginForm label[for="rememberme"] {
        display: none;
    }
    body > .inner div#loginForm input[type="submit"] {
        background: #a8ba0c;
        background-image: linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
        background-image: -o-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
        background-image: -moz-linear-gradient(bottom, rgb(157,176,12) 30%, rgb(167,184,37) 50%);
        background-image: -webkit-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
        background-image: -ms-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(167,184,37)), color-stop(0.3, rgb(157,176,12)) );
        border-radius: 6px;
        font-size: 16px;
    }
    body > .inner.MA {
        padding: 6px 16px 16px 16px;
        text-align: center;
    }
    body > .inner.MA a,
      body > .inner div#loginForm a.button {
        border-radius: 6px;
        text-align: center;
        text-transform: lowercase;
        background-image: none;
        display: inline-block;
        width: 288px !important;
        height: 26px;
        line-height: 18px;
        vertical-align: middle;
        margin: 10px 0 0 0 !important;
        padding: 4px 6px !important;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: #a8ba0c;
        background-image: linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
        background-image: -o-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
        background-image: -moz-linear-gradient(bottom, rgb(157,176,12) 30%, rgb(167,184,37) 50%);
        background-image: -webkit-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
        background-image: -ms-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(167,184,37)), color-stop(0.3, rgb(157,176,12)) );
        font-family: chaloops-medium, sans-serif;
        font-weight: 600;
        font-style: normal;
        color: white;
        position: relative;
    }
    body > .inner div#loginForm a#facebook-login .Mobile.Logo,
      body > .inner div#loginForm a#twitter-login .Mobile.Logo {
        display: inline-block;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        border-radius: 2px;
        position: absolute;
        top: 4px;
        left: 4px;
    }
    body > .inner div#loginForm a#facebook-login .Mobile.Logo {
        background: #4F6FA8 url('../images/global/sign-in-facebook-logo.png') no-repeat center center;
        /*
    background-image: linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
    background-image: -o-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
    background-image: -moz-linear-gradient(bottom, rgb(157,176,12) 30%, rgb(167,184,37) 50%);
    background-image: -webkit-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
    background-image: -ms-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(167,184,37)), color-stop(0.3, rgb(157,176,12)) );
    */
    }
    body > .inner div#loginForm a#twitter-login .Mobile.Logo {
        background: #00C7FF url('../images/global/sign-in-twitter-logo.png') no-repeat center center;
        /*
    background-image: linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
    background-image: -o-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
    background-image: -moz-linear-gradient(bottom, rgb(157,176,12) 30%, rgb(167,184,37) 50%);
    background-image: -webkit-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
    background-image: -ms-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(167,184,37)), color-stop(0.3, rgb(157,176,12)) );
    */
    }
    .logosprite {
        width: 600px;
        padding: 0 !important;
        text-align: center;
        position: relative;
        top: 10px;
        float: none !important;
        display: inline-block;

        transform: scale(0.55);
        -webkit-transform: scale(0.55);
        -ms-transform: scale(0.55);
        -moz-transform: scale(0.55);
        -o-transform: scale(0.55);

        margin: -12px -200px -36px -200px; /* There's a really interesting reason as to why this is important */
    }
    .logosprite.LT455 {
        transform: scale(0.65);
        -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
        -moz-transform: scale(0.65);
        -o-transform: scale(0.65);

        margin-top: -8px;
        margin-bottom: -12px;
    }
    .logosprite.LT385 {
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);

        margin-top: -4px;
        margin-bottom: -4px;
    }
    .logosprite.LT350 {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);

        margin-top: 0;
        margin-bottom: 0;
    }
    .logosprite > a {
        display: inline-block;
    }
    header#main .title,
    header.map .title {
        text-align: center;
        height: auto;
        padding-bottom: 16px;
    }
    header#main .title #straplines {
        position: static;
    }
    header#main .title #straplines h2 {
        position: static;
        float: none;
        padding: 0 24px;
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 1.4em;
    }
    header#main .PageSocialLinks {
        float: none;
        text-align: center;
        margin: -6px 0 24px 0;
    }
    header#main .PageSocialLinks .Phrases {
        display: none;
    }
    header#main .PageSocialLinks > span {
        text-align: center;
    }
    header#main .row:first-child {
        margin-bottom: 0;
    }
    header#main .PageSocialLinks .Icons:hover a {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);

        opacity: 1;
    }
    .search-box {
        border-radius: 0;
        margin-top: 0;
        background: #005190;
        box-shadow: 0 0 32px rgba(0,0,0,0.2) inset;
    }
    .search-box label {
    	color: #ffffff;
    	font-size: 18px;
    	line-height: 22px;
    	padding-right: 25px;
    	height: 26px;
    }
    .search-box input {
    	display: inline-block;
    	width: 272px !important;
    	margin-right: 0 !important;
    	float: none;
    }
    .search-box input[type="text"] {
        box-sizing: border-box;
    	margin-right: 25px;
    	font-size: 1.2em;
    	height: 25px;
    	line-height: 24px;
    	border: none;
    	border-radius: 2px;
    	padding: 2px 8px;
    	font-family: facitweb, Arial, Helveltica, sans-serif;
    }
    .search-box #form-search-best {
    	padding: 14px;
    	overflow: hidden;
    }
    .inner.SIU {
        height: 282px;
    }
    #container {
       background: #f2f9fc;
    }

    header#main form#form-search-best input[type="submit"],
      body > .inner div#loginForm input[type="submit"] {
        float: none;
        height: 26px;
    }
    #form-search-best > div {
        text-align: center;
    }
    #form-search-best label,
      #form-search-best input {
        display: inline-block;
        width: 100% !important;
        margin-right: 0 !important;
        float: none;
    }
    #form-search-best label {
        text-align: center;
        padding-right: 0 !important;
        width: 100% !important;
    }
    #form-search-best input[type="submit"],
      body > .inner div#loginForm input[type="submit"] {
        width: 288px !important;
        margin: 10px 0 0 0 !important;
    }

    .row.navigation {
        height: auto !important;
    }
    ul#navigation,
      ul#navigation *,
      ul#navigation li a { /* Style Reset */
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        line-height: normal !important;
        position: static !important;
        background: none !important;
        text-shadow: none !important;
        text-align: left !important;
        text-transform: none !important;
        color: #212121 !important;
        font-family: facitweb, Arial, Helveltica, sans-serif !important;
        font-weight: 300 !important;
        font-style: normal !important;
    }
    ul#navigation > li,
    ul#navigation > li > a,
    ul#navigation > li .submenu ul > li,
    ul#navigation > li .submenu ul > li > a,
    ul#navigation > li .submenu
    {
        display: block !important;
    }
    ul#navigation li a,
      ul#navigation li p {
        padding: 10px 15px !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
        background: rgba(255, 255, 255, 0.85) !important;
    }
    ul#navigation li p {
        background: rgba(255, 255, 255, 1) !important;
    }
    ul#navigation li a:empty {
        display: none !important;
    }
    ul#navigation li .submenu a,
      ul#navigation li .submenu p {
        padding: 10px 25px !important;
    }
    ul#navigation li .submenu ul a,
      ul#navigation li .submenu ul p {
        padding: 10px 35px !important;
    }

    ul#navigation li#home {
        border-left: 10px solid #a6d5e4 !important;
        background: #a6d5e4 !important;
    }
    ul#navigation li#business {
        border-left: 10px solid #003e7e !important;
        background: #003e7e !important;
    }
    ul#navigation li#events {
        border-left: 10px solid #148fc6 !important;
        background: #148fc6 !important;
    }
    ul#navigation li#offers {
        border-left: 10px solid #147868 !important;
        background: #147868 !important;
    }
    ul#navigation li#community {
        border-left: 10px solid #a4b710 !important;
        background: #a4b710 !important;
    }
    ul#navigation li#thebestof {
        border-left: 10px solid #5d3e88 !important;
        background: #5d3e88 !important;
    }
    ul#navigation li#local {
        border-left: 10px solid #ea0f6b !important;
        background: #ea0f6b !important;
    }

    #widget-events .head {
        margin-top: 0;
    }
    #widget-events .content .list {
        height: auto !important;
    }
    .widget {
        margin: 0 !important;
    }
    .widget .head {
        margin: 16px 8px 0 8px;
        background-image: none !important;
    }
    .widget .head a {
        position: static !important;
    }
    .widget .content {
        border-radius: 0 !important;
    }
    #widget-recommend-business, #widget-find-out-more, #widget-recommend-business-lal {
        margin: 16px !important;
    }
    #widget-community .content {
        border-top: 2px solid #a4b710 !important;
        border-bottom: 1px solid #DEE5A8 !important;
        border-radius: 0 !important;
    }
    #widget-twitter .head h2 {
        padding-left: 36px !important;
        background-position: 9px 8px !important;
    }
    #widget-find-us-on-facebook .head h2 {
        padding-left: 42px !important;
        background-position: 9px 6px !important;
    }
    #buy-local-support {
        margin: 16px !important;
    }
    .widget .content {
        border-top: 2px solid #A4B710;
    }
    .widget .head h2 {
        padding: 6px 0;
    }
    .widget .head h2,
      .widget .head h2 a {
        font-size: 18px !important;
    }
    .widget .head h2,
      .widget header h2 {
        line-height: 16px;
        padding: 12px 0 5px 12px !important;
    }
    .widget.widget-youtube .head h2 {
        padding-left: 36px !important;
        padding-bottom: 4px !important;
    }

    .widget.widget-vimeo .head h2 {
        padding-left: 36px !important;
        padding-bottom: 4px !important;
    }
    .widget.color-lightblue .content {
        border-top: 2px solid #148fc6;
    }
    .widget.color-darkblue .content{
        border-top: 2px solid #003e7e;
    }
    .widget.color-teal .content{
        border-top: 2px solid #147868 !important;
    }
    #widget-twitter .tweet .text {
        width: 230px !important;
    }
    #widget-twitter .tweet {
        padding: 6px 0;
    }

    #we-are-the-best-of {
        border: 0 !important;
    }
    #we-are-the-best-of h2 {
        padding: 0 8px
    }
    footer {
        overflow: hidden;
        padding: 0 !important;
    }
    footer h2.businesses {
        display: none;
    }
    footer .row:not(.editor) {
        display: none;
    }
    footer .row.editor {
        padding-top: 20px !important;
    }
    footer .row.editor .col-one-sixth {
        display: none;
    }
    footer .note-from-editor {
        margin-bottom: 0 !important;
    }
    footer #footer-navigation {
        display: none;
    }
    #pagetime, #pagetime2 {
        display: none;
    }

    /* Text Size Tuning - MR */
    * {
        -webkit-text-size-adjust: 100% !important;
    }
    .widget {
        font-size: 100%;
    }
    .widget .date {
        display: inline-block;
        margin: 8px 0;
        font-size: 16px !important;
    }
    p,
      a,
      #widget-featured-business h3 a {
        font-size: 16px !important;
        line-height: 18px;
    }
    #widget-offers h3 a {
        font-size: 14px !important;
        line-height: 16px !important;
    }

    /* All Pages */
    .BannerAdvert.BannerAdvert-468x60 {
        transform: scale(0.65);
        -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
        -moz-transform: scale(0.65);
        -o-transform: scale(0.65);
    }
    .widget:not(#widget-offers):not(#widget-event-categories) .item:nth-child(1n+12) {
        display: none;
    }

    /* Modal Handling */
    #mask,
      html.ModalActive body > *:not(#modal-holder) {
        display: none !important;
    }
    #modal-holder {
        background: rgba(0, 0, 0, 1);
        width: auto !important;
        height: auto !important;
        position: static;
        float: none !important;
        overflow: hidden;

        transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
    }
    #modal-holder > *,
      #modal-holder > * > * {
        float: none !important;
    }
    .modal {
        position: static;
        width: 310px;
        margin-bottom: 10px;
    }
    .modal-frame {
        width: auto !important;
    }
    #modal-holder .modal-close {
    	float: right !important;
    	margin: 6px 4px 8px;
    	padding: 4px 6px;
    	background: rgba(0,0,0,0.5);
    	border-radius: 4px;
    }

    /* Hide Adverts */
    .widget-advert, .BannerAdvert {
        display: none !important;
    }


    /* Recommend Page Tweaks */
    body.recommend #recommend-invite {
        display: none;
    }
    body.recommend #form-recommend,
      body.recommend #form-register-or-login {
        border-radius: 0;
    }
    body.recommend #form-register-or-login .std_element_wrapper.recaptcha {
        margin: 0;
    }
    body.recommend .std_element_wrapper.recaptcha {
        border-radius: 0;
        margin: 0 -20px;
    }
    body.recommend #form-recommend label,
      body.recommend #form-register label,
      body.recommend #form-recommend-register label,
      body.recommend #form-recommend-login label,
      body.recommend #form-register-or-login label {
        margin-top: 8px;
        margin-bottom: 5px;
        font-size: 16px;
        width: auto;
    }
    body.recommend #form-recommend textarea.full, #form-register textarea.full {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    body.recommend #form-recommend input[type="text"],
      body.recommend #form-recommend input[type="email"],
      body.recommend #form-recommend input[type="password"],
      body.recommend #form-register input[type="text"],
      body.recommend #form-register input[type="email"],
      body.recommend #form-register input[type="password"],
      body.recommend #form-register-or-login input[type="text"],
      body.recommend #form-register-or-login input[type="email"],
      body.recommend #form-register-or-login input[type="password"] {
        width: 100%;
        height: 26px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    body.recommend #form-register-or-login .new-registration h2:first-child {
        margin-top: 42px;
    }
    body.recommend label[for="r-terms"],
      body.recommend label[for="frol_rememberme"] {
        width: 100px !important;
        display: inline-block !important;
        float: none !important;
        vertical-align: middle !important;
    }
    body.recommend #r-terms,
      body.recommend #frol_rememberme {
        float: none !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    body.recommend label[for="frol_rememberme"],
      body.recommend #frol_rememberme {
        position: relative;
        top: 8px;
    }
    body.recommend #form-register-or-login #l-submit {
        margin-top: 0px;
    }
    body.recommend .new-registration input[type="submit"] {
        margin-top: -76px !important;
    }
    body.recommend #recaptcha_area table,
      body.recommend #recaptcha_area tbody,
      body.recommend #recaptcha_area th,
      body.recommend #recaptcha_area tr,
      body.recommend #recaptcha_area td {
        display: block;
    }
    body.recommend #recaptcha_area * {
        float: none !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.recommend #GoogleRecaptchaPlugin {
        min-height: 156px;
    }
    body.recommend #recaptcha_image {
        margin: 0 -8px 8px -8px !important;
        height: 57px !important;
        text-align: center !important;
    }
    body.recommend #recaptcha_image img {
        max-width: 100% !important;
        display: inline-block !important;
    }
    body.recommend #recaptcha_tagline {
        display: none;
    }
    body.recommend #recaptcha_table tr:nth-child(1) {
        text-align: center !important;
    }
    body.recommend #recaptcha_table tr:nth-child(1) td:nth-child(2),
      body.recommend #recaptcha_table tr:nth-child(1) td:nth-child(3) {
        display: inline-block !important;
    }
    body.recommend #recaptcha_table tr:nth-child(1) td:nth-child(3) {
        margin-left: 16px !important;
    }
    body.recommend #recaptcha_area #recaptcha_response_field {
        width: 100% !important;
        height: 26px !important;
        box-sizing: border-box;
        padding: 3px 5px !important;
        margin-top: 16px !important;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    /* Offer Page */
    body.offers section#offers #ajax-listings > h2:first-child {
        background: #147868;
        color: white;
        margin: 0 8px 0 8px;
        clear: both;
        border-radius: 9px 9px 0 0;
        text-transform: lowercase;
        padding: 12px 0 5px 12px !important;
        font-family: chaloops-medium, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 1.8em;
    }
    body.offers section#offers .offers-banner {
        width: auto;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        border-top: 2px solid #147868;
    }
    body.offers section#offers .offers-banner > a:first-child {
        display: block;
        text-align: center;
    }
    body.offers section#offers .offers-banner > a:first-child > img {
        display: inline-block;
        max-width: 100%;
        margin: 4px 0;
    }
    body.offers section#offers .offers-banner .content {
        padding: 0 8px;
        width: auto;
        margin-left: 0;
        float: none;
        overflow: hidden;
    }
    body.offers section#offers .offers-banner .content > * {
        width: auto !important;
    }
    body.offers section#offers .offers-banner .content *:not(.social)) {
        float: none !important;
    }
    body.offers section#offers .offers-banner .countdown {
        float: none;
        margin: 8px 8px 16px 8px;
        text-align: center;
        padding-bottom: 8px;
        background: #d6e8e9;
        border-radius: 6px;
        overflow: hidden;
    }
    body.offers section#offers .offers-banner .countdown > * {
        float: none !important;
        position: static;
        width: auto !important;
        display: block !important;
        border-radius: 0 !important;
    }
    body.offers section#offers .offers-banner .countdown .counter {
        text-align: center;
    }
    body.offers section#offers .offers-banner .countdown .counter > * {
        vertical-align: top;
        display: inline-block;
        float: none !important;
        position: relative;
        left: -10px;
    }
    body.offers section#offers .offers-banner .countdown > a {
        display: inline-block !important;
        margin-top: 4px;
        width: 288px !important;
        padding: 8px 0 !important;
        border-radius: 6px !important;
        background: #a8ba0c !important;
        background-image: linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%) !important;
        background-image: -o-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%) !important;
        background-image: -moz-linear-gradient(bottom, rgb(157,176,12) 30%, rgb(167,184,37) 50%) !important;
        background-image: -webkit-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%) !important;
        background-image: -ms-linear-gradient(bottom, rgb(167,184,37) 50%, rgb(157,176,12) 30%) !important;
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(167,184,37)), color-stop(0.3, rgb(157,176,12)) ) !important;
    }

    body.offers #offers header {
        margin: 16px 8px 0 8px;
        clear: both;
    }
    body.offers #offers header h2 {
        line-height: 16px;
        padding: 12px 0 5px 12px !important;
    }
    body.offers #offers #related-content,
      body.offers #offers #content {
        border-top: 2px solid #147868;
    }
    body.offers #offers #content {
        border-bottom: 1px solid #b8d6d1;
        background: #d6e8e9;
    }
    body.offers #column1 {
        width: auto !important;
    }
    body.offers #widget-offers .content {
        border-left: none !important;
        border-right: none !important;
    }
    body.offers #refine-search {
        border-bottom: none !important;
    }
    body.offers #refine-search select {
        width: 94px;
    }
    body.offers #refine-search .refine-search-display,
      body.offers #refine-search .refine-search-sort-by {
        width: 158px;
    }
    body.offers #content {
        -webkit-overflow-scrolling: touch;
    }
    body.offers #results-grid {
        margin-top: 0 !important;
    }
    body.offers #results-grid > li {
        width: auto !important;
        height: auto !important;
        float: none;
        margin-bottom: 0 !important;
        border: 6px solid #d6e8e9;
        vertical-align: top;
    }
    body.offers #results-grid > li .image {
        height: auto;
    }
    body.offers #offers #ajax-listings #content,
      body.offers #offers #ajax-listings #content_NC1 {
        padding: 0;
    }
    body.offers #offers #ajax-listings #content_NC1 #column2 {
        text-align: center;
    }
    body.offers #offers #ajax-listings #content_NC1 #column2 .BannerAdvert-468x60 {
        margin: 0 -100px !important;
        display: inline-block;
    }
    body.offers #offers #ajax-listings footer {
        overflow: visible !important;
        position: relative;
        z-index: 10;
    }
    body.offers #offers #ajax-listings #refine-search,
      body.offers #offers #ajax-listings footer > *:not(.MobileOnly) {
        display: none;
    }
    body.offers #widget-newsletter-signup {
        margin: 16px !important;
        padding: 12px;
    }
    body.offers #widget-newsletter-signup .head {
        margin: 0 !important;
    }
    body.offers #widget-newsletter-signup .head h2 {
        padding-left: 0 !important;
        padding-top: 4px !important;
        font-size: 24px !important;
    }
    body.offers #widget-newsletter-signup .content {
        padding: 0;
    }
    body.offers #widget-newsletter-signup .content label {
        font-size: 16px;
        line-height: 18px;
    }
    body.offers #widget-newsletter-signup #ns-submit {
        width: 100%;
        padding: 7px 0;
        display: inline-block;
        margin-bottom: 0;
    }
    body.offers #ajax-listings > header + p {
        border-top: 2px solid #147868;
        background: #d6e8e9;
        padding: 16px;
        border-bottom: 1px solid #b8d6d1;
    }

    /* Offers Voucher */
    body.offersVoucher #offers-voucher header {
        margin: 0 8px;
    }
    body.offersVoucher #content {
        border-top: 2px solid #147868;
    }
    body.offersVoucher section#offers-voucher .image {
        box-shadow: none;
        float: none;
    }
    body.offersVoucher section#offers-voucher .description {
        width: auto;
        float: none;
    }
    body.offersVoucher #VVM {
        text-transform: lowercase;
    }
    body.offersVoucher footer {
        border-bottom: 1px solid #b8d6d1;
        border-radius: 0 !important;
    }
    body.offersVoucher footer .social {
        padding: 16px;
    }
    body.offersVoucher #column3 {
        width: auto !important;
        float: none;
    }
    body.offersVoucher hr {
        display: none;
    }

    /* VoucherMode (Special Clean Voucher Display Mode) - MR */
    html.VoucherMode body > *:not(#container),
      html.VoucherMode #container > *:not(#page-content),
      html.VoucherMode #container > #page-content > *:not(:nth-child(4)),
      html.VoucherMode #container > #page-content > :nth-child(4) > *:not(:nth-child(1)),
      html.VoucherMode .buttons > :nth-child(1),
      html.VoucherMode .social {
        display: none !important;
    }
    html.VoucherMode #offers-voucher {
        position: relative;

        display: box;
        display: -webkit-box;
        display: -ms-box;
        display: -moz-box;
        box-orient: vertical;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -moz-box-orient: vertical;
    }
    html.VoucherMode #offers-voucher * {
    	display: box;
    	display: -webkit-box;
    	display: -ms-box;
    	display: -moz-box;
        box-orient: vertical;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
    	-moz-box-orient: vertical;

    	float: none !important;
    }
    html.VoucherMode #offers-voucher #content,
      html.VoucherMode #offers-voucher .description,
      html.VoucherMode #offers-voucher .offer-detail {
    	box-flex: 1;
    	-webkit-box-flex: 1;
    	-ms-box-flex: 1;
    	-moz-box-flex: 1;
    }
    html.VoucherMode #offers-voucher header {
        margin: 0 !important;
        border-radius: 0 !important;
    }
    html.VoucherMode #offers-voucher header h2 {
        font-family: facitweb, Arial, Helveltica, sans-serif !important;
        padding: 4px 8px !important;
    }
    html.VoucherMode h3.offer,
      html.VoucherMode p:not(.Terms):not(.ValidUntil),
      html.VoucherMode .image,
      html.VoucherMode .ValidUntil:not(.VVM) {
        display: none !important;
    }
    html.VoucherMode #offers-voucher #content {
        border: none !important;
        margin: 0 !important;
        padding: 0;
    }
    html.VoucherMode .description > p,
      html.VoucherMode .description > h3 {
        padding: 8px;
        margin: 0 !importamt;
    }
    html.VoucherMode .ValidUntil {
        margin: 0 !important;
    }
    html.VoucherMode .offer-detail {
        border-radius: 0 !important;
        margin: 0 !important;
    }
    html.VoucherMode .Terms {
        font-size: 12px !important;
        line-height: 14px !important;
        padding: 8px;
        margin: 0 !importamt;
    }
    html.VoucherMode .buttons {
        background-color: #d6e8e9;
        margin: 0 !importamt;
    }
    html.VoucherMode #VVM {
        margin: 8px;
        text-transform: lowercase;
        text-align: center;
    }
    html.VoucherMode #offers-voucher > footer {
        display: none !important;
    }

    /* Events Page (Some Event Feature stuff too) */
    body.events #refine-search,
      body.events #featured-holder-wrapper,
      body.events #ajax-listings footer {
        display: none;
    }
    body.events #ajax-listings header,
      body.events #event-listing > header {
        margin: 16px 8px 0 8px;
    }
    body.events #widget-event-calendar > .head {
        margin: 0 8px 0 8px;
    }
    body.events body.events #Banner-EL-C2P1 {
        display: none;
    }
    body.events #widget-event-add,
      body.eventsFeature #widget-event-add {
        overflow: hidden;
        height: auto !important;
        margin: 16px !important;
    }
    body.events #widget-event-add *,
      body.eventsFeature #widget-event-add * {
        float: none !important;
    }
    body.events #widget-event-add .add-event-button,
      body.eventsFeature #widget-event-add .add-event-button {
        width: auto;
    	display: block;
    	margin: 8px !important;
    	padding-left: 0 !important;
    	padding-right: 0 !important;
    	text-align: center;
    }
    body.events #content,
      body.events #related-content,
      body.eventsFeature #content,
      body.eventsFeature #related-content {
        border-top: 2px solid #148fc6;
        border-bottom: 1px solid #cde9f5;
    }
    body.events #widget-event-calendar #category,
      body.eventsFeature #widget-event-calendar #category {
        float: none;
    }
    body.events #widget-event-calendar #datepicker_to,
      body.events #widget-event-calendar #datepicker_from,
      body.eventsFeature #widget-event-calendar #datepicker_to,
      body.eventsFeature #widget-event-calendar #datepicker_from {
        width: 168px !important;
    }
    body.events #widget-event-categories {
        margin-bottom: 16px !important;
    }
    body.events #column1 {
        width: auto !important;
        float: none !important;
    }
    body.events .widget .content {
        border-radius: 0 !important;
    }
    body.events #content > p {
        padding: 16px;
    }
    body.events #event-listing h1 {
        font-size: 18px;
        line-height: 20px !important;
    }
    body.events #event-listing #content {
        margin: 0;
        padding: 0;
        background: #cde9f5;
    }
    body.events #Banner-EL-C2P1 {
        display: none;
    }
    body.events #results-listing {
        margin: 0 !important;
    }
    body.events #results-listing > li {
        height: auto !important;
        float: none;
        margin: 0 !important;
        border-radius: 0 !important;
        vertical-align: top;
        position: relative;
        background: #f0f6f9;
        border: 6px solid #cde9f5;
    }
    body.events .widget .list .item:last-child,
      body.events #related-content {
        border-radius: 0 !important;
    }

    body.events ul#results-listing li .image {
        float: none;
        margin: 0;
        text-align: center;
    }
    body.events ul#results-listing li .image a {
        display: inline-block;
        border: 0;
        border-radius: 0;
    }
    body.events ul#results-listing li .image a img {
        border-radius: 0;
    }
    body.events .view-button {
        display: block;
        width: 150px;
        margin: 1em auto !important;
        text-align: center;
    }

    /* Events Page > Event Feature */
    body.eventsFeature #column1 {
        width: auto !important;
    }
    body.eventsFeature #event-profile > header {
        margin: 16px 8px 0 8px;
        clear: both;
    }
    body.eventsFeature #event-profile > h2:first-child {
    	background: #148fc6;
    	color: white;
    	margin: 0 8px 0 8px;
    	clear: both;
    	border-radius: 9px 9px 0 0;
    	text-transform: lowercase;
    	padding: 12px 0 5px 12px !important;
    	font-family: chaloops-medium, sans-serif;
    	font-weight: 600;
    	font-style: normal;
    	font-size: 18px;
    	line-height: 20px;
    }
    body.eventsFeature #content_NC1 #column2 {
        text-align: center;
    }
    body.eventsFeature #content_NC1 #column2 .BannerAdvert-468x60 {
        margin: 0 -100px !important;
        display: inline-block;
    }
    body.eventsFeature #content {
        border-radius: 0 !important;
        padding: 8px !important;
    }
    body.eventsFeature #widgets {
        width: auto !important;
        float: none !important;
        clear: both;
    }
    body.eventsFeature #widgets * {
        float: none !important;
    }
    body.eventsFeature #widgets #column2 {
        width: auto !important;
    }
    body.eventsFeature #widget-buy-tickets .content {
        float: none;
        width: auto !important;
        margin: 8px 0 16px 0;
    }
    body.eventsFeature #profile {
        width: auto !important;
        float: none !important;
    }
    body.eventsFeature #profile .title-content .image {
        float: none;
    }
    body.eventsFeature .fb-comments span {
        width: auto !important;
    }
    body.eventsFeature .fb-comments span iframe {
        width: auto !important;
    }
    body.eventsFeature #profile .image {
        float: none;
        margin: 0;
        text-align: center;
        width: auto;
    }
    body.eventsFeature #profile .image img {
        display: inline-block;
        border: 0;
        border-radius: 0;
    }
    body.eventsFeature #profile .title-content .text {
        width: auto !important;
    }

    body.landing #national-features-slider-mobile {
    }
    body.landing #national-features-slider-mobile .item-wrapper {
        padding: 16px;
        height: 267px;
        overflow: hidden;
        margin: 0 8px;
        background: #FFFFFF;
        border: 1px solid #E5E8E8;
        border-radius: 6px;
    }
    body.landing #national-features-slider-mobile .item {
        height: 265px;
        overflow: hidden;
    }
    body.landing #national-features-slider-mobile .item .description {
    }
    body.landing #national-features-slider-mobile .item .description h1 {
        margin: 1em 0;
        text-align: center;
    }
    body.landing #national-features-slider-mobile .item .description h1 a{
        color: #003E7E;
        font-family: chaloops-medium,Sans-serif;
        font-style: normal;
        font-weight: 700;
        margin-bottom: -2px;
    }
    body.landing #national-features-slider-mobile .item .description p {
        font-size: 1.1em !important;
    }

    /* Community Hub > Blog Index */
    body.community-hubBlog .col,
      body.community-hubBlog .col-one,
      body.community-hubBlog .col-two,
      body.community-hubBlog .col-three {
        width: auto! important;
        display: block !important;
        margin: 0 !important;
        float: none !important;
        position: static !important;
    }

    body.community-hubBlog #widget-blog-latest {
        display: none;
    }

    body.community-hubBlog #widget-blog-subscribe .content {
        border-radius: 0 !important;
    }

    body.community-hubBlog #widget-blog-become-author {
        margin: 8px !important;
    }

    body.community-hubBlog #widget-blog-become-author p {
        width: 150px !important;
    }

    body.community-hubBlog #blog-list {
        background: white;
        padding: 0 10px;
        border-top: 2px solid #a4b710;
        border-bottom: 1px solid #e5e8e8;
    }

    body.community-hubBlog #blog-list article header h2 {
        font-size: 22px !important;
    }

    body.community-hubBlog #blog-list article header .image img {
        max-width: 120px !important;
        max-height: 120px !important;
    }

    body.community-hubBlog #blog-list .btn-read-more {
        padding: 4px 8px 4px 8px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-right: 5px;
        color: #ffffff !important;
        background-image: linear-gradient(bottom, rgb(199, 222, 19) 75%, rgb(164, 183, 16) 30%);
        background-image: -o-linear-gradient(bottom, rgb(199, 222, 19) 75%, rgb(164, 183, 16) 30%);
        background-image: -moz-linear-gradient(bottom, rgb(164, 183, 16) 30%, rgb(199, 222, 19) 75%);
        background-image: -webkit-linear-gradient(bottom, rgb(199, 222, 19) 75%, rgb(164, 183, 16) 30%);
        background-image: -ms-linear-gradient(bottom, rgb(199, 222, 19) 75%, rgb(164, 183, 16) 30%);
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.75, rgb(199, 222, 19)),
            color-stop(0.3, rgb(164, 183, 16))
        );
    }

    body.community-hubBlog .row .col-two > h2 {
        background: #a4b710;
        margin: 0 8px;
        color: white;
        font-family: chaloops-medium, sans-serif;
        font-weight: 600;
        font-style: normal;
        line-height: 16px;
        padding: 12px 0 5px 12px !important;
        font-size: 18px !important;
        -moz-border-radius: 9px 9px 0 0;
        -webkit-border-radius: 9px 9px 0 0;
        border-radius: 9px 9px 0 0;
    }

    /* Community Hub > Blog View */
    body.community-hubBlogFeature .col,
      body.community-hubBlogFeature .col-one,
      body.community-hubBlogFeature .col-two,
      body.community-hubBlogFeature .col-three {
        width: auto! important;
        display: block !important;
        margin: 0 !important;
        float: none !important;
        position: static !important;
    }

    body.community-hubBlogFeature #widget-blog-become-author {
        margin: 8px !important;
    }

    body.community-hubBlogFeature #widget-blog-become-author p {
        width: 150px !important;
    }

    body.community-hubBlogFeature #widget-blog-subscribe .content {
        border-radius: 0 !important;
    }

    body.community-hubBlogFeature #blog-post {
        background: white;
        padding: 0 10px;
        border-top: 2px solid #a4b710;
        border-bottom: 1px solid #e5e8e8;
    }

    body.community-hubBlogFeature #blog-post .image img {
        max-width: 120px !important;
        max-height: 120px !important;
    }

    body.community-hubBlogFeature .row .col-two > h2 {
        background: #a4b710;
        margin: 0 8px;
        color: white;
        font-family: chaloops-medium, sans-serif;
        font-weight: 600;
        font-style: normal;
        line-height: 16px;
        padding: 12px 0 5px 12px !important;
        font-size: 18px !important;
        -moz-border-radius: 9px 9px 0 0;
        -webkit-border-radius: 9px 9px 0 0;
        border-radius: 9px 9px 0 0;
    }

    body.community-hubBlogFeature #blog-post .blog-link > .image {
        float: right;
        margin: 0 0 10px 10px;
    }

    body.community-hubBlogFeature #blog-post .blog-link > .image img {
        max-width: 80px !important;
        max-height: 80px !important;
    }

    body.community-hubBlogFeature .blog-link .description {
        width: auto;
        float: none;
    }

    body.community-hubBlogFeature .blog-link .description h2 {
        font-size: 20px;
    }

    body.community-hubBlogFeature .blog-link .description p {
        float: none;
    }

    /* Business Guide > Feature */
    body.business-guideFeature #content {
        padding-left: 0;
        padding-right: 0;
        background: transparent;
    }

    body.business-guideFeature #content #profile {
        float: none !important;
        width: auto !important;
        max-width: 100%;
        background: white;
        padding: 0 10px;
        border-bottom: 1px solid #e5e8e8;
    }

    body.business-guideFeature #content #profile .title-content {
        overflow: visible;
    }

    body.business-guideFeature #content #profile .business-details .H2Container {
        margin: 0 -10px 10px -10px;
        background: #f2f9fc;
        border: 2px;
        border-bottom: 2px solid #003e7e;
    }

    body.business-guideFeature #content #profile .business-details .H2Container h2 {
        background-color: #003e7e;
        color: white;
        text-transform: lowercase;
        font-size: 18px;
        line-height: 22px;
        padding: 9px 12px 2px 12px !important;
        -moz-border-radius: 9px 9px 0 0;
        -webkit-border-radius: 9px 9px 0 0;
        border-radius: 9px 9px 0 0;
        display: block;
        margin: 2px 8px 0 8px;
    }

    body.business-guideFeature #content #widgets {
        float: none !important;
        width: auto !important;
    }

    body.business-guideFeature #column1,
      body.business-guideFeature #content #widgets #column2 {
        float: none !important;
        width: auto !important;
    }

    body.business-guideFeature #widget-businessfeature-logo {
        display: none;
    }

    body.business-guideFeature #business-profile header {
        margin: 16px 8px 0 8px;
        background-image: none !important;
    }

    body.business-guideFeature #related-content {
        border-top: 2px solid #003e7e;
        border-bottom: 1px solid #e5e8e8;
    }

    body.business-guideFeature #widget-our-awards ul.Awards {
        text-align: center;
    }

    body.business-guideFeature #widget-our-awards ul.Awards > li {
        display: inline-block;
        margin: 10px !important;
    }

    body.business-guideFeature #widget-find-us-here .content {
        border-top: 2px solid #003e7e;
        border-bottom: 1px solid #e5e8e8;
    }

    body.business-guideFeature .map-find-us-here {
        width: auto !important;
        height: 180px !important;
        float: none !important;
    }

    body.business-guideFeature #profile .tabs {
        display: block;
        clear: both;
    }

    body.business-guideFeature #profile .tabs > a {
        display: inline-block;
    }

    body.business-guideFeature .ImageRibbon .Left,
      body.business-guideFeature .ImageRibbon .Right,
      body.business-guideFeature .CarouselContainer .Left,
      body.business-guideFeature .CarouselContainer .Right {
        display: none;
    }

    body.business-guideFeature .CarouselContainer,
      body.business-guideFeature .ImageRibbon {
        /* margin: 0 -10px; */
    }

    body.business-guideFeature .CarouselContainer > img {
        position: static;
        box-shadow: none;
        max-height: 67px;
        display: inline-block;
        cursor: pointer;
        margin-right: 3px;
    }

    body.business-guideFeature .CarouselContainer {
        width: auto;
        height: auto;
        margin-top: 6px;
        white-space: nowrap;
    }

    html.MobileImageGallery body.business-guideFeature {
        background: black;
    }

    html.MobileImageGallery body.business-guideFeature > *:not(#MobileImageGallery) {
        display: none;
    }

    html.MobileImageGallery body.business-guideFeature > #MobileImageGallery {
        display: block;
    }

    html.MobileImageGallery body.business-guideFeature > #MobileImageGallery img {
        max-width: 100%;;
        max-height: 100%;
        max-width: calc(100% - 20px);
        max-height: calc(100% - 20px);
        margin: 10px auto;
        display: block;
    }

    html.MobileImageGallery body.business-guideFeature > #MobileImageGallery .BackButton {
        padding: 8px 16px;
        background: #888;
        color: white;
        margin: 10px auto;
        cursor: pointer;
        font-family: chaloops-medium, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 20px;
        width: 240px;
        text-align: center;
    }

    body.has-expiration-message #container {
        padding-top: 0;
    }
    .expiration-message {
        width: auto;
        padding: 10px;
    }

    /* Over-ride for 14Dol Causing errors in sign up section - JS */
    body.DaysOfLove header#main {
       margin-top: 0px;
       padding-top: 0px;
    }

    section#page-content section.color-darkblue h3.description {
        width: auto;
    }

    #favourite-businesses {
        padding: 20px 10px;
    }
    ul#navigation li#local .submenu > ul > li > a {
        padding-left: 15px !important;
    }

    body.community-hubLocal-guidesCategory section#business-listing ul#results-listing li .description {
        width: auto;
    }
}
@media handheld, only screen and (min-width: 664px) {
    .MobileOnly {
        display: none !important;
    }
}

@media handheld, only screen and (max-width: 664px) {
    .NotMobile {
        display: none !important;
    }
}