/*NOTES --------------------------------------------------------------------------------

The main style sheet for GrabOne mobile sites

KEY ------------------------------------------------------------------------------------

Colours
@colordef Heading and link blue........#47C6EC, rgba(71,198,236,1)
@colordef Dark Grey....................#333333, rgba(51,51,51,1)
@colordef Active Gray..................#DBDBDB, rgba(219, 219, 219,1)
@colordef Active Orange Border.........#9B5800, rgba(155,88,0,1)

CONTENTS -------------------------------------------------------------------------------

@group Generic UI Overides
@group Header
@group Area List
@group Deal List
@group My Coupons
@group Deal Page
@group Options Page
@group Purchase Page
@group Purchase Success Page
@group Choose Address Page
@group Subscription Page
@group My Top Deals Subscription page
@group Contact Us page
@group Offline
@group Gift Claim
@group Booking Calendar
@group GoBook Calendar
@group GoBook Option
@group GoBook Payment
@group Compound Option
@group April Fools
@group Claim Your Credit
@group Age Check
@group Shopping Cart
@group Face value
@group Sliding Menu
@group New Footer
*/

@font-face {
    font-family: 'MuseoSans';
    src: url('/fonts/common/MuseoSans_300-webfont.woff2') format('woff2'),
         url('/fonts/common/MuseoSans_300-webfont.woff') format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'MuseoSans';
    src: url('/fonts/common/MuseoSans_300-webfont.woff2') format('woff2'),
         url('/fonts/common/MuseoSans_300-webfont.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'MuseoSans';
    src: url('/fonts/common/MuseoSans_700-webfont.woff2') format('woff2'),
         url('/fonts/common/MuseoSans_700-webfont.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'MuseoSans';
    src: url('/fonts/common/MuseoSans_500-webfont.woff2') format('woff2'),
         url('/fonts/common/MuseoSans_500-webfont.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'MuseoSans';
    src: url('/fonts/common/MuseoSans_900-webfont.woff2') format('woff2'),
         url('/fonts/common/MuseoSans_900-webfont.woff') format('woff');
    font-weight: 900;
}

@font-face {
    font-family: 'ChunkFiveRoman';
    src: url('/fonts/common/chunkfive-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'goicons';
    src: url("/fonts/common/goicons.eot");
    src: url("/fonts/common/goicons.eot?#iefix") format("embedded-opentype"), url("/fonts/common/goicons.woff") format("woff"), url("/fonts/common/goicons.ttf") format("truetype"), url("/fonts/common/goicons.svg") format("svg");
}

@font-face {
    font-family: 'map-target';
    src: url("/fonts/common/map-target.eot");
    src: url("/fonts/common/map-target.eot") format("embedded-opentype"), url("/fonts/common/map-target.woff") format("woff"), url("/fonts/common/map-target.ttf") format("truetype"), url("/fonts/common/map-target.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'category-icons';
    src:url('/fonts/common/mini-icons/category-icons.eot?b3h123');
    src:url('/fonts/common/mini-icons/category-icons.eot?#iefixb3h123') format('embedded-opentype'),
    url('/fonts/common/mini-icons/category-icons.woff2?b3h123') format('woff2'),
    url('/fonts/common/mini-icons/category-icons.ttf?b3h123') format('truetype'),
    url('/fonts/common/mini-icons/category-icons.woff?b3h123') format('woff'),
    url('/fonts/common/mini-icons/category-icons.svg?b3h123#category-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gift-icon';
    src:url('/fonts/common/mini-icons/gift-icon.eot?-va53rl');
    src:url('/fonts/common/mini-icons/gift-icon.eot?#iefix-va53rl') format('embedded-opentype'),
    url('/fonts/common/mini-icons/gift-icon.woff?-va53rl') format('woff'),
    url('/fonts/common/mini-icons/gift-icon.ttf?-va53rl') format('truetype'),
    url('/fonts/common/mini-icons/gift-icon.svg?-va53rl#gift-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'header-menu';
    src:url('/fonts/common/header-menu.eot?3ci4ne');
    src:url('/fonts/common/header-menu.eot?#iefix3ci4ne') format('embedded-opentype'),
    url('/fonts/common/header-menu.woff?3ci4ne') format('woff'),
    url('/fonts/common/header-menu.ttf?3ci4ne') format('truetype'),
    url('/fonts/common/header-menu.svg?3ci4ne#header-menu') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'grabone-footer-icon';
    src:url('/fonts/common/footer-icons/grabone-footer-icon.eot?-ogvcvi');
    src:url('/fonts/common/footer-icons/grabone-footer-icon.eot?#iefix-ogvcvi') format('embedded-opentype'),
    url('/fonts/common/footer-icons/grabone-footer-icon.woff2?-ogvcvi') format('woff2'),
    url('/fonts/common/footer-icons/grabone-footer-icon.ttf?-ogvcvi') format('truetype'),
    url('/fonts/common/footer-icons/grabone-footer-icon.woff?-ogvcvi') format('woff'),
    url('/fonts/common/footer-icons/grabone-footer-icon.svg?-ogvcvi#grabone-footer-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

}

body {
    font-size: 16px;
    background-color: #444;
    font-family: 'MuseoSans', Arial, sans-serif!important;
}

header, footer, article, hgroup, section, menu, nav, figure, figcaption, aside, details {
    display: block;
}

.ui-bar-c, 
.ui-bar-c input, 
.ui-bar-c select, 
.ui-bar-c textarea, 
.ui-bar-c button, 
.ui-body-c, 
.ui-body-c input, 
.ui-body-c select, 
.ui-body-c textarea, 
.ui-btn-text,
.ui-body-c button {
   font-family: 'MuseoSans', Arial, sans-serif;
}

input {
    -webkit-tap-highlight-color: rgba(204,204,204,0.1);
}

a {
    border: 0;
    font-weight: 100;
}

/* Notices errors and utility styles */
.hidden,
.add-scroller-static {
    display: none;
}

@media all and (max-width: 400px) {
    .remove-small {
        display: none !important;
    }
}

@media all and (min-width: 401px) {
    .add-small {
        display: none !important;
    }
}

@media all and (max-width: 330px) {
    .remove-smaller {
        display: none !important;
    }
}

@media all and (min-width: 331px) {
    .add-smaller {
        display: none !important;
    }
}

#notices,
.notices{
    margin: 15px 0;
}

.notices p,
.form-errors li,
.error_list li{
    list-style-type: none;
    color: rgba(0,0,0,0.5);
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0 1px 2px rgba(255,255,255,0.8), 0 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,0.8), 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.8), 0 1px 1px rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 12px 15px;
    margin: 0;
}

.globalFailure,
.form-errors li,
.error_list li{
    list-style-type: none;
    color: rgba(0,0,0,0.5);
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background: #ecb;
    border: solid 1px #dc9988;
}

.globalNotification{
    background: rgb(239,236,172);

    background-image: -webkit-linear-gradient(top, rgb(255,253,184) 0%, rgb(239,236,172) 100%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, rgb(255,253,184) 0%, rgb(239,236,172) 100%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, rgb(255,253,184) 0%, rgb(239,236,172) 100%); /* IE10 */
    background-image:      -o-linear-gradient(top, rgb(255,253,184) 0%, rgb(239,236,172) 100%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, rgb(255,253,184) 0%, rgb(239,236,172) 100%); /* Standard, non-prefixed */

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(239,236,172)),
            color-stop(1, rgb(255,253,184))
    );

    border: solid 1px rgba(205,202,148,1);
}

p.clock {
    background:#FFFDB8 url(/images/common/icon-clock-24.png) 14px center no-repeat;
    padding-left: 50px;
}

.globalSuccess{
    background: rgb(210,244,171);

    background-image: -webkit-linear-gradient(top, rgb(210,244,171) 0%, rgb(200,234,161) 100%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, rgb(210,244,171) 0%, rgb(200,234,161) 100%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, rgb(210,244,171) 0%, rgb(200,234,161) 100%); /* IE10 */
    background-image:      -o-linear-gradient(top, rgb(210,244,171) 0%, rgb(200,234,161) 100%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, rgb(210,244,171) 0%, rgb(200,234,161) 100%); /* Standard, non-prefixed */

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(200,234,161)),
            color-stop(1, rgb(210,244,171))
    );

    border: solid 1px rgb(153,183,110);
}

.switch-to-full{
    display: block;
    width: 100%;
    text-align: center;
    font-size:87.5%;
    padding:20px 0 10px 0;
    text-decoration: none;
}

.ui-content.no-switch-full .switch-to-full{
    display: none;
}

/* @group Generic UI Overides
---------------------------------------------------------------------------------------- */

.ui-mobile-viewport-transitioning .hidden-on-trans{
    display: none;
}

.ui-mobile-rendering > body > .loading{
    visibility: visible;
}

.ui-loader{
    pointer-events: none;
    opacity: 0.4;
}

.ui-btn-text{
    font-weight: 100;
}

.ui-radio-on .ui-icon, .ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon{
    background-color: #01b2ee;
}

.ui-loader.ui-loader-verbose{
    opacity: 1;
    text-shadow: none;
    background: #888;
    color: #fff;
}

.ui-body-c .ui-link, .ui-body-c .ui-link:visited {
    color: #01b2ee;
}

.ui-body-a,
.ui-body-d{
    text-shadow: none;
}

.ui-body-c,
.ui-overlay-c{
    background: #f9f9f9;
    text-shadow: none;
    border: 1px solid #9eaaba;
}

body.ui-body-c,
body.ui-overlay-c{
    background: #525252;
}

.ui-li-divider,
.ui-li-static {
    font-size: 14px;
    font-weight: bold;
}

.ui-controlgroup.select .ui-select {
    display: inline-block;
    width: auto;
}

.ui-dialog .ui-listview .ui-btn-text a {
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.ui-bar-d {
    text-shadow: none;
    background: #093482;
    border: 1px solid #ccc;
    border-width: 1px 0 0;
    color: #fff;
}

.ui-radio label {
    width: inherit;
}

.ui-page > .ui-content {
    padding-top: 0px;
    padding-bottom: 90px;/*55px;*/ /*default footer height*/
}
section.content-container.ui-content {
    padding-bottom: 90px;/*55px;*/ /*default footer height*/
}

.ui-li > .ui-btn-inner {
    padding: 1% 0 1% 0;
}

div.form-row label.required {
    font-weight: bold;
}

.ui-btn-up-d,
.ui-btn-up-d:visited{
    background: #fff;
    border: 1px solid #d9d9d9;
    border-width: 1px 0 0;
}

.ui-btn-up-d:nth-child(even){
    background: #F4F7FB;
}

.ui-btn-up-d,
.ui-btn-down-d,
.ui-btn-hover-d,
.ui-btn-active-d{
    text-shadow: none;
}

.ui-btn-hover-d,
.ui-btn-hover-d:visited,
.ui-btn-hover-d:hover {
    background: #e5ebf4;
    color: #4F5864;
}

.ui-btn-active,
.ui-btn-active:visited,
.ui-btn-active:hover,{
    border: 1px solid #9b5800;
    border-width: 1px 0 0;
    background: #DBDBDB;
}

.ui-icon-shadow {
    box-shadow: none;
}

.ui-li.go-btn-active {
    background-color: #DBDBDB;
}

.ui-navbar .ui-btn.ui-btn-persist-active {
    background: #ededed;
    border: 1px solid #bbb;
    border-right-width: 0;
    color: #101010;
    font-weight: bold;
}

.ui-navbar .ui-btn-up-c,
.ui-navbar .ui-btn-hover-c {
    background: #fdfdfd;
    border: 1px solid #ccc;
    color: #444;
    font-weight: bold;
    text-shadow: none;
}

.ui-listview .ui-select .ui-btn-icon-right .ui-icon {
    right: 0px;
}

.ui-listview .ui-select .ui-btn-icon-right .ui-btn-inner {
    padding-right: 30px;
}

.page-container:not(.disable-translate),
.page-container:not(.disable-translate) > header.main-header,
.page-container:not(.disable-translate) > footer.main-footer,
.page-container:not(.disable-translate) > div.content-container{
    -webkit-transform: translate3d(0,0,0);
}

.slide.in, .slide.out,
.pop.in, .pop.out {
    -webkit-animation-duration: 300ms;
    -moz-animation-duration: 1ms;
}

.slide.in:not(.reverse) {
    z-index: 100;
    -webkit-transform: translate3d(0,0,0);
    -webkit-animation-name: go-slideinfromright;
    -moz-transform: translate3d(0,0,0);
    -moz-animation-name: go-slideinfromright;
}

.slide.out:not(.reverse) {
    z-index: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-animation-name: none;
    -moz-transform: translate3d(0,0,0);
    -moz-animation-name: none;
}

.slide.in.reverse {
    z-index: 100;
    -webkit-transform: translate3d(0,0,0);
    -webkit-animation-name: go-slideinfromleft;
    -moz-transform: translate3d(0,0,0);
    -moz-animation-name: go-slideinfromleft;
}

.slide.out.reverse {
    z-index: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-animation-name: none;
    -moz-transform: translate3d(0,0,0);
    -moz-animation-name: none;
}

@-webkit-keyframes go-slideinfromright {
    from { -webkit-transform: translate3d(100%,0,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}

@-webkit-keyframes go-slideinfromleft {
    from { -webkit-transform: translate3d(-100%,0,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}

@-webkit-keyframes go-slideouttoleft {
    from { -webkit-transform: translate3d(0,0,0); }
    to { -webkit-transform: translate3d(-100%,0,0); }
}

@-webkit-keyframes go-slideouttoright {
    from { -webkit-transform: translate3d(0,0,0); }
    to { -webkit-transform: translate3d(100%,0,0); }
}

@-moz-keyframes go-slideinfromright {
    from { -moz-transform: translate3d(100%,0,0); }
    to { -moz-transform: translate3d(0,0,0); }
}

@-moz-keyframes go-slideinfromleft {
    from { -moz-transform: translate3d(-100%,0,0); }
    to { -moz-transform: translate3d(0,0,0); }
}

@-moz-keyframes go-slideouttoleft {
    from { -moz-transform: translate3d(0,0,0); }
    to { -moz-transform: translate3d(-100%,0,0); }
}

@-moz-keyframes go-slideouttoright {
    from { -moz-transform: translate3d(0,0,0); }
    to { -moz-transform: translate3d(100%,0,0); }
}

/* @group Header
---------------------------------------------------------------------------------------- */

[class^="icon-"], [class*=" icon-"] {
    font-family: 'header-menu';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-header-search:before {
    content: "\f002";
}

.icon-header-list:before {
    content: "\f00b";
}

.icon-header-close:before {
    content: "\f00d";
}

.icon-header-menu-2:before {
    content: "\f039";
}

.icon-header-back-1:before {
    content: "\f053";
}

.icon-header-menu-3:before {
    content: "\f0c9";
}

.icon-header-back-2:before {
    content: "\f104";
}

.icon-header-menu-4:before {
    content: "\e9bd";
}

header.main-header .header-icons-range{
    font-size: 25px;
    color: #fff;
}
header.main-header .header-icons-range.icon-header-close{
    font-size: 30px;
}

h1 a {
    outline: 0;
}

header.main-header{
    text-align: center;
    border: 0;
    background: none;
    overflow: visible;
}

header.main-header nav.nav-right-padding{
    display: block;
    height: 30px;
    padding: 0;
    margin: 14px 0px 0px 0px;
    width: 35px;
    padding-right: 10px;
}

header.main-header a.menu-label {
    display: block;
    height: 30px;
    padding: 0;
    margin: 14px 0px 0px 0px;
    width: 35px;
    padding-right: 10px;
}

header.main-header a.menu-label .menu-icon {
    display: block;
    width: 22px;
    height: 1px;
    margin: -3px 0 0 0;
    -webkit-box-shadow: 1px 10px 1px 1px #bbb,1px 16px 1px 1px #bbb,1px 22px 1px 1px #bbb;
    box-shadow: 0 10px 0 1px #bbb,0 16px 0 1px #bbb,0 22px 0 1px #bbb;
}

.page-container:not(.map-page) > header.main-header{
    z-index: 1000;
}

header.main-header .primary {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    height: 54px;
    background: #01b2ee;
    background-size: auto 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

header.main-header .primary > nav{
    height: 56px;
}

header.main-header .primary > nav:last-of-type, header.main-header nav.login {
    float: right;
}

header.main-header .primary > nav:first-of-type,  header.main-header nav.back-button {
    float: left;
    max-width: 50%;
}

header.main-header .primary > nav > a.ui-btn-left.btn-desc
{
    position: relative;
    max-width: 100%;

    color: #fff;
    font-family: Palatino Linotype, Arial, sans-serif;
    font-size: 35px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    margin-top: 0px;

}

header.main-header .primary > nav > a.ui-btn-left
{
    position: relative;
    max-width: 100%;

    color: rgb(187, 187, 187);
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    margin-top: 6px;
    padding-left: 8px;

}


header.main-header .primary > nav > a.ui-btn-right{
    position: relative;
    max-width: 100%;

}

header.main-header .primary h1 {
    display: inline-block;
    margin: 0 10px;
    line-height: 46px;
    padding: 2px 0px 0 13px;
    color: white;
    text-shadow: none;
    font-size: 22px;
    height: 54px;
}

header.main-header .primary h1.site-logo {
    cursor: pointer;
    /*margin-top: -1px;*/
    /*outline: 1px solid #333;*/
    /*border: 1px solid #222;*/
    display: block!important;
}

header.main-header .primary h1 a .logo-nz-main-mobile {
    background: url(/images/common/2017-rebrand-logo.png) no-repeat!important;
    width: 180px!important;
    height: 43px!important;
}

header.main-header .primary h1.site-logo a:active,
header.main-header .primary h1.site-logo a:focus,
header.main-header .site-selector a:active,
header.main-header .site-selector a:focus{
    opacity: 0.4;
}

header.main-header .primary h1 a .logo-ni-main-mobile,
header.main-header .primary h1 a .logo-ie-main-mobile,
header.main-header .primary h1 a .logo-au-main-mobile,
header.main-header .primary h1 a .logo-nz-main-mobile,
header.main-header .site-selector .logo-ni-main-mobile,
header.main-header .site-selector .logo-ie-main-mobile,
header.main-header .site-selector .logo-au-main-mobile,
header.main-header .site-selector .logo-nz-main-mobile{
    background: url(/images/common/sprite-header.png) no-repeat -159px -140px;
}


/*header.main-header .primary h1 a .logo-ni-main-mobile:before,
header.main-header .primary h1 a .logo-ie-main-mobile:before,
header.main-header .primary h1 a .logo-au-main-mobile:before,
header.main-header .primary h1 a .logo-nz-main-mobile:before,
header.main-header .site-selector .logo-ni-main-mobile:before,
header.main-header .site-selector .logo-ie-main-mobile:before,
header.main-header .site-selector .logo-au-main-mobile:before,
header.main-header .site-selector .logo-nz-main-mobile:before{
    font-family: 'goicons';
    content: "\e600";
    font-size: 50px;
    color: #44c7ee;
}*/

header.main-header .primary h1 a .logo-ni-escapes-mobile,
header.main-header .primary h1 a .logo-ie-escapes-mobile,
header.main-header .primary h1 a .logo-au-escapes-mobile,
header.main-header .primary h1 a .logo-nz-escapes-mobile,
header.main-header .site-selector .logo-ni-escapes-mobile,
header.main-header .site-selector .logo-ie-escapes-mobile,
header.main-header .site-selector .logo-au-escapes-mobile,
header.main-header .site-selector .logo-nz-escapes-mobile{
        background: url(/images/common/2017-rebrand-logo.png) no-repeat -636px -140px;
}

/*header.main-header .primary h1 a .logo-ni-escapes-mobile:before,
header.main-header .primary h1 a .logo-ie-escapes-mobile:before,
header.main-header .primary h1 a .logo-au-escapes-mobile:before,
header.main-header .primary h1 a .logo-nz-escapes-mobile:before,
header.main-header .site-selector .logo-ni-escapes-mobile:before,
header.main-header .site-selector .logo-ie-escapes-mobile:before,
header.main-header .site-selector .logo-au-escapes-mobile:before,
header.main-header .site-selector .logo-nz-escapes-mobile:before{
    font-family: 'goicons';
    content: "\e602";
    font-size: 50px;
    color: #d9d9d9;
}*/


header.main-header .primary h1 a .logo-nz-store-mobile,
header.main-header .site-selector .logo-nz-store-mobile,
header.main-header .primary h1 a .logo-ni-store-mobile,
header.main-header .site-selector .logo-ni-store-mobile,
header.main-header .primary h1 a .logo-ie-store-mobile,
header.main-header .site-selector .logo-ie-store-mobile{
    background: url(/images/common/sprite-header.png) no-repeat -1114px -140px;
}

header.main-header .primary h1 a .logo-nz-store-mobile:before,
header.main-header .site-selector .logo-nz-store-mobile:before,
header.main-header .primary h1 a .logo-ni-store-mobile:before,
header.main-header .site-selector .logo-ni-store-mobile:before,
header.main-header .primary h1 a .logo-ie-store-mobile:before,
header.main-header .site-selector .logo-ie-store-mobile:before{
    font-family: 'goicons';
    content: "\e601";
    font-size: 50px;
    color: #f26522;
}

header.main-header .primary h1 a .logo-ie-eat-mobile,
header.main-header .site-selector .logo-ie-eat-mobile {
    background: url(/images/common/site-icons/icon-eat-37.png) no-repeat;
}

header.main-header .primary h1 a .logo-freecoupons-mobile,
header.main-header .site-selector .logo-freecoupons-mobile {
    background: url(/images/common/site-icons/icon-freecoupons-37.png) no-repeat;
}


header.main-header .primary h1 a .logo-nz-bottle-mobile,
header.main-header .site-selector .logo-nz-bottle-mobile{
    background: url(/images/common/sprite-header.png) no-repeat -318px -140px;
}

header.main-header .primary h1 a .logo-nz-bottle-mobile:before,
header.main-header .site-selector .logo-nz-bottle-mobile:before{
    font-family: 'goicons';
    content: "\e603";
    font-size: 50px;
    color: #c4da7f;
}

header.main-header .primary h1 a .logo-nz-instant-mobile,
header.main-header .site-selector .logo-nz-instant-mobile{
    background: url(/images/common/sprite-header.png) no-repeat 0px -140px;
}

header.main-header .primary h1 a .logo-nz-book-mobile,
header.main-header .site-selector .logo-nz-book-mobile{
    background: url(/images/common/sprite-header.png) no-repeat -318px -196px;
}

header.main-header .primary h1 a .logo-nz-book-mobile:before,
header.main-header .site-selector .logo-nz-book-mobile:before{
    font-family: 'goicons';
    content: "\e604";
    font-size: 50px;
    color: #e85640;
}

header.main-header .primary h1 a > .logo-pointer{
    background: #323232 url(/images/common/sprite-header.png) no-repeat -2px -368px;
}

header.main-header .primary h1 a{
    text-decoration: none;
}

header.main-header .primary h1 a > :not(.logo-pointer){
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 37px;

    margin-top: -10px;
}

@media (max-width: 559px){
    header.main-header .primary h1 a > :not(.logo-pointer){
        background: none !important;
    }
}

@media (min-width: 560px){
    header.main-header .primary h1 a div:before{
        content: '' !important;
    }
    header.main-header .primary h1 a > :not(.logo-pointer){
        width: 156px;
        margin-top: 0px;
    }
}

@media (max-width: 559px){
    .shake1{
        -moz-transform: rotate(40deg);
        -webkit-transform: rotate(40deg);
        -moz-transition: -moz-transform 1000ms ease-out;
        -webkit-transition: -webkit-transform 1000ms ease-out;
    }

    .shake2{
        -moz-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -moz-transition: -moz-transform 300ms ease-in;
        -webkit-transition: -webkit-transform 300ms ease-in;
    }

    .shake3{
        -moz-transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transition: -moz-transform 150ms linear;
        -webkit-transition: -webkit-transform 150ms linear;
    }

    .shake4{
        -moz-transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transition: -moz-transform 125ms linear;
        -webkit-transition: -webkit-transform 125ms linear;
    }

    .shake5{
        -moz-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        -moz-transition: -moz-transform 100ms linear;
        -webkit-transition: -webkit-transform 100ms linear;
    }

    .shake6{
        -moz-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -moz-transition: -moz-transform 100ms linear;
        -webkit-transition: -webkit-transform 100ms linear;
    }

    .shake7{
        -moz-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        -moz-transition: -moz-transform 60ms linear;
        -webkit-transition: -webkit-transform 60ms linear;
    }

    .shake8{
        -moz-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        -moz-transition: -moz-transform 60ms linear;
        -webkit-transition: -webkit-transform 60ms linear;
    }

    .shake9{
        -moz-transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transition: -moz-transform 40ms linear;
        -webkit-transition: -webkit-transform 40ms linear;
    }

    .shake10{
        -moz-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transition: -moz-transform 40ms linear;
        -webkit-transition: -webkit-transform 40ms linear;
    }

    .shake11{
        -moz-transition: -moz-transform 20ms linear;
        -webkit-transition: -webkit-transform 20ms linear;
    }
}

header.main-header .primary h1 a > .logo-pointer{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
}

header.main-header .primary h1 > img,
header.main-header .primary h1 span {
    vertical-align: middle;
}

header.main-header  .primary h1 .header-home .ui-btn-inner {
    padding: 1px 5px 1px 21px;
    line-height: 18px;
}

header.main-header  .primary h1 .header-home {
    margin-top: -4px;
    vertical-align: middle;
}

header.main-header .site-selector{
    display: none;
    overflow: hidden;
}

header.main-header .site-selector ul{
    padding: 0;
    margin: 0;
    height: 56px;
    background: #444 url(/images/background-noise.png) repeat left top;
}

header.main-header .site-selector li{
    display: inline-block;
    padding: 9px 10px;
}

header.main-header .site-selector li a{
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 37px;
}

header.main-header .primary h1 a .logo-au-myteamdeals-mobile,
header.main-header .site-selector .logo-au-myteamdeals-mobile{
    background: url(/images/common/site-icons/icon-mtd-36.png) no-repeat;
    width: 37px;
}

header.main-header .primary h1 a .logo-au-weststigersdeals-mobile,
header.main-header .site-selector .logo-au-weststigersdeals-mobile{
    background: url(/images/common/site-icons/icon-wests-36.png) no-repeat;
    width: 37px;
}

header.main-header .primary h1 a .logo-au-roostersdeals-mobile,
header.main-header .site-selector .logo-au-roostersdeals-mobile{
    background: url(/images/common/site-icons/icon-roosters-36.png) no-repeat;
    width: 37px;
}

header.main-header .primary h1 a .logo-au-seaeaglesdeals-mobile,
header.main-header .site-selector .logo-au-seaeaglesdeals-mobile{
    background: url(/images/common/site-icons/icon-seaeagles-36.png) no-repeat;
    width: 37px;
}

header.main-header .primary h1 a .logo-au-mysharksdeals-mobile,
header.main-header .site-selector .logo-au-mysharksdeals-mobile{
    background: url(/images/common/site-icons/icon-sharks-36.png) no-repeat;
    width: 37px;
}

header.main-header > .secondary{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 1px #456f9a;
    border-width: 1px 0;
    overflow: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    padding: 2px;
}

header.main-header .secondary.missed{
    border: solid 1px #9b5800;
    background: #dc8210;

    background-image: -webkit-linear-gradient(top, #e59400 50%, #dc8210 50%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #e59400 50%, #dc8210 50%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #e59400 50%, #dc8210 50%); /* IE10 */
    background-image:      -o-linear-gradient(top, #e59400 50%, #dc8210 50%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #e59400 50%, #dc8210 50%); /* Standard, non-prefixed */

    /* IOS */
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.5, #dc8210),
            color-stop(0.5, #e59400)
    );
}

.ui-bar-b {
    background: #01b2ee;
}

header.main-header .secondary-tall{
    height: 62px;
    overflow: hidden;
}

header.main-header .secondary h2{
    margin: 0 auto;
    font-size: 110%;
    text-shadow: none;
    line-height: 30px;
    height: 30px;
    color: rgba(255,255,255,1);
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    max-width: 90%;
    font-weight: 100;
}

header.main-header nav a.ui-btn-corner-all {
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    background: none;
    border: solid 0px rgb(49,49,49);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) inset 0 -1px 2px rgba(255,255,255,0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) inset 0 -1px 2px rgba(255,255,255,0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 2px rgba(255,255,255,0.1);
    color: rgba(255,255,255,1);
    margin: 0;
    padding: 3px 9px;
    border-radius: 5px;
    background: #4F5864 url(/images/background-button-grey.png) left top repeat-x;
    background-size: 1px 100%;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

header.main-header nav a.ui-btn-right {
   background: #fff;
   box-shadow: none;
}

header.main-header nav a.ui-btn-right .ui-btn-text {
    color: #4f5864;
    text-shadow: none;
}

header.main-header nav a.btn-offline.hidden {
    display: none;
}

header.main-header nav a.ui-btn-corner-all:active{
    background: rgb(70,70,70);
    box-shadow: inset 0 0 15px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.5) !important;
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.5) !important;
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.5) !important;
}

.ui-header .ui-btn-left,
.ui-header.ui-fixed-hidden .ui-btn-left{
    top: 8px;
    left: 8px;
}

.ui-header .ui-btn-right,
.ui-header.ui-fixed-hidden .ui-btn-right{
    top: 8px;
    right: 8px;
}

header.main-header nav span.ui-btn-inner{
    border-radius: 0;
    margin: 0;
    padding: 0;
}

header.main-header nav span.ui-btn-text{
    font-size: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* @group Scrollbar
---------------------------------------------------------------------------------------- */

.scrollbar{
    display: none;
    -webkit-transition: opacity 200ms ease-out;
}

.scrollbar-middle{
    position: absolute;
    top: 2px;
    right: 1px;
    width: 5px;
    height: 200px;
    border: solid 1px rgba(255,255,255,0.3);
    border-top: none;
    border-bottom: none;
    background-color: rgba(0,0,0,0.6);
    -webkit-transform-origin: top center;
}

.scrollbar-top{
    position: absolute;
    top: 2px;
    right: 1px;
    width: 5px;
    height: 3px;
    border: solid 1px rgba(255,255,255,0.3);
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: rgba(0,0,0,0.6);
    -webkit-transform-origin: top center;
}

.scrollbar-bottom{
    position: absolute;
    top: 1px;
    right: 1px;
    width: 5px;
    height: 3px;
    border: solid 1px rgba(255,255,255,0.3);
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: rgba(0,0,0,0.6);
    -webkit-transform-origin: top center;
}

/* @group Theme Dark
---------------------------------------------------------------------------------------- */

.theme-dark .ui-link{
    color: #2aa2f2;
}

.page-container.sites-page{
    min-height: 100% !important;
}

.dialog-container.theme-dark,
.page-container.theme-dark{
    background: #4F5864;
    z-index: 0;
}

.page-container.theme-blue{
    background: #e1f5fc;
}

.dialog-container.theme-dark:not(.no-glow),
.page-container.theme-dark:not(.no-glow){
    background: #4F5864;
    background-size: 150% auto;
}

@media (max-width: 370px) {
    .dialog-container.theme-dark:not(.no-glow),
    .page-container.theme-dark:not(.no-glow){
        background-image: url(/images/background-grad-160.jpg);
    }
}

.ui-mobile-viewport-transitioning .page-container.theme-dark{
    background: #525252;
}

.dialog-container.theme-dark > .add-noise,
.page-container.theme-dark > .add-noise{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
    /*background: url(/images/background-noise.png) left top repeat;*/
}

.ui-mobile-viewport-transitioning .page-container.theme-dark > .add-noise{
    background: none;
}

.dialog-container.theme-dark > header.main-header,
.page-container.theme-dark > header.main-header{
    border: 0px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.dialog-container.theme-dark > header.main-header > .primary,
.page-container.theme-dark > header.main-header > .primary{
    border: 0px;
    height: 54px;
}

.dialog-container.theme-dark.ui-body-c,
.page-container.theme-dark.ui-body-c{
    color: #fff;
}

/* @group Site List
---------------------------------------------------------------------------------------- */

.police-popup-container {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 25%;
    padding: 18px;
    max-width: 470px;
    box-sizing: border-box;
    margin: 25% auto;
}

.police-popup-content {
    border-radius: 40px;
    border-bottom-right-radius: 0;
    background-color: #01b2ee;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
    padding-bottom: 20px;
}

.police-title-text {
    font-size: 38px;
    margin: 18px;
    font-weight: 700;
}

.police-content-text {
    font-size: 19px;
    margin: 20px;
}

.content-control-left{
    font-size: 30px;
    float: left;
    padding-top: 5px;
    width: 50%;
}

.police-logo-text{
    font-weight: 900;
}

.police-content-control-right{
    float: right;
    width: 50%;
}

.police-upgrade-button {
    display: block;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    background-color: #fff;
    padding: 10px;
    margin-right: 20px;
    text-decoration: none;
}

.police-upgrade-button > .police-upgrade-button-text {
    font-size: 15px;
    font-weight: 500;
    color: #01b2ee;
}


.sites-promo{
    margin-top: 15px;
}

.sites-promo > ul > li{
    font-size: 100%;
}

.sites-promo > ul > li > div.ui-li{
    padding: 0;
}

.start-sites{
    display: inline-block;
    text-align: center;
    width: 100%;
}

.start-sites-list{
    display: inline-block;
    text-align: left;
    padding-left: 0;
    margin-top: 5px;
}

.start-sites-item{
    display: inline-block;
    text-align: center;
    float: left;
    background: transparent none no-repeat center center;
}

.start-sites-item.hidden{
    display: none;
}

.start-sites-link{
    display: block;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-overflow: hidden;
    overflow: hidden;
    width: 100%;
}

.start-sites-item > .start-sites-link,
.start-sites-item > .start-sites-link:hover,
.start-sites-item > .start-sites-link:visited{
    color: #fff;
    font-size: 15px;
    text-shadow: 0 1px 1px #000;
}

.start-sites-item.site-ni-main-mobile,
.start-sites-item.site-ie-main-mobile,
.start-sites-item.site-au-main-mobile,
.start-sites-item.site-nz-main-mobile{
    background-image: url(/images/common/site-icons/icon-experience.png);
}

.start-sites-item.site-ie-escapes-mobile,
.start-sites-item.site-ni-escapes-mobile,
.start-sites-item.site-au-escapes-mobile,
.start-sites-item.site-nz-escapes-mobile{
    background-image: url(/images/common/site-icons/icon-escapes.png);
}

.start-sites-item.site-nz-families-mobile{
    background-image: url(/images/common/site-icons/icon-families.png);
}

.start-sites-item.site-nz-home-mobile{
    background-image: url(/images/common/site-icons/icon-home.png);
}

.start-sites-item.site-nz-store-mobile,
.start-sites-item.site-ie-store-mobile,
.start-sites-item.site-ni-store-mobile {
    background-image: url(/images/common/site-icons/icon-store.png);
}

.start-sites-item.site-ie-eat-mobile {
    background-image: url(/images/common/site-icons/icon-eat.png);
}

.start-sites-item.site-nz-freecoupons-mobile {
    background-image: url(/images/common/site-icons/icon-freecoupons.png);
}

.start-sites-item.site-nz-bottle-mobile{
    background-image: url(/images/common/site-icons/icon-bottle.png);
}

.start-sites-item.site-nz-tee-mobile{
    background-image: url(/images/common/site-icons/icon-tee.png);
}

.start-sites-item.site-nz-instant-mobile{
    background-image: url(/images/common/site-icons/icon-instant.png);
}

.start-sites-item.site-nz-book-mobile{
    background-image: url(/images/common/site-icons/icon-book.png);
}

.start-sites-item.site-au-mysharksdeals-mobile{
    background-image: url(/images/common/site-icons/icon-sharks.png);
}
.start-sites-item.site-au-seaeaglesdeals-mobile{
    background-image: url(/images/common/site-icons/icon-seaeagles.png);
}
.start-sites-item.site-au-roostersdeals-mobile{
    background-image: url(/images/common/site-icons/icon-roosters.png);
}
.start-sites-item.site-au-myteamdeals-mobile{
    background-image: url(/images/common/site-icons/icon-mtd.png);
}
.start-sites-item.site-au-weststigersdeals-mobile{
    background-image: url(/images/common/site-icons/icon-wests.png);
}
.start-sites-item.site-au-swansdeals-mobile{
    background-image: url(/images/common/site-icons/icon-swans.png);
}

.start-sites-item{
    width: 128px;
    height: 128px;
    margin: 10px 10px 40px 10px;
}

.start-sites-item:active,
.start-sites-item:focus{
    opacity: 0.4;
}

.start-sites-link{
    padding-top: 138px;
}

@media (max-width: 480px), (max-height: 480px){
    .start-sites-item{
        width: 108px;
        height: 76px;
        margin: 10px 0 20px 0;
        -webkit-background-size: 60%;
        -moz-background-size: 60%;
        -o-background-size: 60%;
        background-size: 60%;
    }

    .start-sites-link{
        padding-top: 74px;
    }
}

section.page-container > section.sites-content{
    padding: 0 0 15px 0;
    min-height: 100%;
}

.start-divider{
    display: block;
    font-size: 110%;
    font-weight: bold;
    padding: 15px;
    font-family: ChunkFiveRoman,Arial,sans-serif;
    font-weight: lighter;
}

.start-divider.deals{
    background: #3fc6f2;
    padding: 7px 10px;
    border-left: 1px solid #444;
}

@media all and (max-width: 310px) {
    .start-divider.deals > .right-now{
        display: none;
    }
}

.start-arrow-l{
    background: url("/images/common/gift-card/sprite-icons.png") no-repeat scroll -10px -318px #ccc;
    width: 20px;
    height: 24px;
    padding: 0 10px;
    margin: 0;
    float: right;
    border: none;
    border-right: 1px solid #444;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    display: none;
}

.start-arrow-r{
    background: url("/images/common/gift-card/sprite-icons.png") no-repeat scroll -10px -378px #ccc;
    width: 20px;
    height: 24px;
    padding: 0 10px;
    margin: 0;
    float: right;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    display: none;
}

.start-deals-loader{
    opacity: 0.6;
    width: 23px;
    height: 23px;
    margin: 10px 0 0 20px;
    display: none;
}

.loading > .start-deals-loader{
    display: block;
}

.loading > .deal-list-item{
    display: none;
}

.start-divider.sites{
    padding-bottom: 0;
}

.start-deals{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 184px;
    max-width: 440px;
    position: relative;
    overflow: visible;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.deal-list-item{
    list-style: none outside none;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    vertical-align: top;
    border: 1px solid #444;
    border-width: 0 1px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.deal-item{
    display: block;
    position: relative;
    background: #000 no-repeat center center;
    background-size: cover;
    text-decoration: none;
    height: 184px;
}

.deal-item > .deal-desc{
    clear: both;
    padding: 30px 15px 15px 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0)), color-stop(1, #000));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
    background-image:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
    background-image:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
    background-image:      -o-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
    background-image:         linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
}

.deal-item > .deal-desc > .title,
.deal-item > .deal-desc > .subtitle{
    display: block;
    color: #fff;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.deal-item > .deal-desc > .title{
    font-size: 16px;
}

.deal-item > .deal-desc > .subtitle{
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
}

/* @group Area List
---------------------------------------------------------------------------------------- */

.ui-content .ui-listview{
    margin-bottom: 0;
    margin-top: 0;
}

.ui-btn-inner{
    border: 0;
}

/* @group Deal List
---------------------------------------------------------------------------------------- */

.theme-header,
.tag-header{
    text-align: left;
    position: relative;
    overflow: visible;
}

.theme-header-title,
.tag-header-title{
    text-shadow: none;
    display: block;
    color: #fff;
    font-size: 150%;
    padding: 15px 15px 15px 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 100;
}

.tag-header-title.single{
    padding: 15px 15px 15px 15px;
    text-align: center;
}

.theme-header-image,
.tag-header-image{
    position: absolute;
    top: -5px;
    left: 5px;
    width: 87px;
}

.deal-summary-list .deal-details .image{
    float: left;
    background: none;
    margin: 3px 12px 0 0;
    position: relative;
    width: 50%;
    max-width: 150px;
}

@media all and (max-width: 400px) {
    .deal-summary-list .deal-details .image {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }
}

@media all and (max-width: 480px) {
    .deal-summary-list .deal-details .image {
        width: 30%;
        float: left;
    }

    .deal-summary-list li.ui-btn div.ui-btn-inner a.deal-select {
        padding: 5px 35px 5px 10px;
    }
}

.deal-summary-list .deal-details .image > img{
    display: block;
    box-shadow: 0 0 4px #000;
    -moz-box-shadow: 0 0 4px #000;
    -webkit-box-shadow: 0 0 4px #000;
    width: 100%;
    max-width: 150%;
    height: auto;
}

.deal-summary-list .tag-page .image > img{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.deal-summary-list .deal-details .main-sold-banner{
    position: absolute;
    top: 25%;
    width: 111%;
    left: -6%;
}

.deal-summary-list .deal-details .main-sold-banner>img{
    display: block;
    width: 100%;
}

.deal-summary-list .deal-details .deal-desc{
    overflow: hidden;
}

.deal-summary-list .deal-details h2.ui-li-heading{
    margin-bottom: 10px;
    font-size: 100%;
    color: #00B3EF;
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

.deal-summary-list .deal-details h3.ui-li-heading{
    margin-bottom: 10px;
    max-height: 999px;
    font-weight: 100;
}

.search-bar-content{
    margin: 0 -15px;
    position: relative;
    z-index: 1;
}

.search-bar-content > .search-bar-wrapper.disabled{
    display: none;
}

.search-bar-wrapper,
header.main-header > .search-bar-wrapper{
    background-color: #f6f6f6;
    overflow: hidden;
    text-align: left;
    padding: 6px 0;
    -webkit-transition: background-color 300ms ease-out, -webkit-transform 300ms ease-out;
    -moz-transition: background-color 300ms ease-out, -moz-transform 300ms ease-out;
    -o-transition: background-color 300ms ease-out, -o-transform 300ms ease-out;
    transition: background-color 300ms ease-out, transform 300ms ease-out;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 1px #ffffff;
    border-width: 1px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.search-bar-wrapper > .search-bar-header,
header.main-header > .search-bar-wrapper > .search-bar-header{
    overflow: visible;
    text-align: left;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 300ms ease-out;
    -moz-transition: -moz-transform 300ms ease-out;
    -o-transition: -o-transform 300ms ease-out;
    transition: transform 300ms ease-out;
    margin: 0 auto;
    font-size: 110%;
    text-shadow: none;
    line-height: 30px;
    height: 30px;
    color: rgba(255,255,255,1);
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 90%;
}

.search-bar-wrapper > .search-bar-header > .icon-header-search{

    font-size: 25px;
    color: rgb(115,115,115);
    position: absolute;

}


.search-bar{
    display: inline-block;
    text-shadow: none;
    cursor: default;
    color: #A9A9A9;
    outline: 0px solid transparent;
    width: 90%;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 300ms ease-out;
    -moz-transition: -moz-transform 300ms ease-out;
    -o-transition: -o-transform 300ms ease-out;
    transition: transform 300ms ease-out;
}

.search-bar.enabled{
    padding-left: 35px;
    cursor: pointer;
    font-weight: 100;
}

.search-bar-wrapper.focus,
header.main-header > .search-bar-wrapper.focus{
    background-color: #f6f6f6;
    background-image: none;
    -webkit-transform: scale3d(1.25,1.25,1);
    -moz-transform: scale3d(1.25,1.25,1);
    -o-transform: scale3d(1.25,1.25,1);
    transform: scale3d(1.25,1.25,1);
}

.search-bar-wrapper.focus.typing,
header.main-header > .search-bar-wrapper.focus.typing{
    width: 80%;
}

.search-bar-wrapper.focus > .search-bar-header,
header.main-header > .search-bar-wrapper.focus > .search-bar-header{
    margin: 0 0 0 15px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.search-bar-wrapper.focus > .search-bar-header > .search-bar{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    color: #4F5864;
}

.search-bar-loading{
    background: url("/images/ajax-loader.gif") no-repeat left top;
    background-size: 24px 24px;
    border-radius: 12px;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 10px;
    bottom: 5px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}

.search-bar-loading.loading{
    opacity: 0.4;
}

.search-bar-anchor{
    display: none;
}

.display-deals-in{
    display: none;
}

.show-deals-in > .display-deals-in{
    display: inline;
}

.search-bar-wrapper.focus .show-deals-in > .display-deals-in{
    display: none;
}

.deal-summary-list li.more-events{
    /*background: url("/images/events/background.jpg") no-repeat left top;*/
    /*background-size: 100% 100%;*/
    background: url("/images/common/grabone-home-bkg.jpg") no-repeat left bottom;
    background-size: auto;
    padding: 10px 5px;
    border-top: none;
}

.deal-summary-list .event-title{
    /*font-family: ChunkFiveRoman, Arial, sans-serif;*/
    background: #4BBFDE;
    color: #fff;
    font-size: 200%;
    font-weight: lighter;
    padding: 4px 10px;
    font-weight: 100;
}

.deal-summary-list .event-summary{
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 85%;
    display: inline-block;
    padding: 8px 10px;
    margin-top: 4px;
    white-space: normal;
    font-weight: 100;
}

.deal-summary-list .credit-code{
    background: #47c6ec;
    border: none;
}

.credit-code .ui-btn-inner.ui-li,
.credit-code .ui-btn-inner.ui-li .ui-link-inherit{
    padding: 0;
}

.credit-code-title{
    display: block;
    float: left;
    font-family: ChunkFiveRoman, Arial, sans-serif;
    font-weight: lighter;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 15px;
    text-align: center;
}

.credit-code-price{
    font-size: 200%;
}

.credit-code-smile{
    background: url("/images/icon-smiley-128.png") no-repeat left top;
    background-size: 100% 100%;
    width: 32px;
    height: 32px;
    margin: 0 auto 5px auto;
}

.credit-code-text{
    font-size: 120%;
    display: block;
}

.credit-code-text.smaller{
    font-size: 105%;
}

.credit-code-desc{
    padding: 15px 40px 15px 15px;
    overflow: hidden;
}

.credit-code-summary{
    white-space: normal;
    font-size: 95%;
    color: #454545;
}

.credit-code-background.ui-li.ui-li-static{
    background: url("/images/events/background.jpg") no-repeat left top;
    background-size: 100% 800%;
    height: 25px;
    padding: 0;
}

.credit-code-background.ui-li.ui-li-static.hidden{
    display: none;
}

.deal-summary-list li.more-events.ui-li-has-count .ui-li-count{
    background: rgba(0,0,0,0.4);
    color: #fff;
    border: none;
    font-size: 13px;
    margin-top: -0.8em;
    padding-top: 0.15em;
    padding-bottom: 0.25em;
    text-shadow: none;
}

.deal-summary-list li.tag-page .ui-li-heading{
    color: #4F5864;
}

.tag-header,
.theme-header,
.deal-summary-list li.theme,
.deal-summary-list li.tag-page{
    background-color: #4BBFDE;
    /*background-image: url("/images/events/background-shade.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 100%;*/
}

.tag-header.frontend,
.deal-summary-list li.tag-page.frontend{
    background-color: #4bc1de;
}

.deal-summary-list li.tag-page.frontend:nth-child(even){
    background-color: #47b8d3;
}

.tag-header.store,
.deal-summary-list li.tag-page.store{
    background-color: #ff7c00;
}

.deal-summary-list li.tag-page.store:nth-child(even){
    background-color: #f47700;
}

.tag-header.escapes,
.deal-summary-list li.tag-page.escapes{
    background-color: #d9d9d9;
}

.deal-summary-list li.tag-page.escapes:nth-child(even){
    background-color: #cecece;
}

.tag-header.bottle,
.deal-summary-list li.tag-page.bottle{
    background-color: #c4d87e;
}

.deal-summary-list li.tag-page.bottle:nth-child(even){
    background-color: #bacd78;
}

.deal-summary-list .price{
    display: inline-block;
}

.list-price-text {
    color: #4F5864;
    display: block;
    font-size: 0.8em;
    line-height: 100%;
    font-weight: normal;
}

.list-price-amount {
    font-size: 2.1em;
    line-height: 100%;
    font-weight: 100;
}

.list-price-value{
    text-decoration: line-through;
    color: #8d8d8d;
    padding-left: 5px;
    font-size: 18px;
}

.deal-summary-list .discount{
    display: inline-block;
    border-left: 1px solid #d9d9d9;
    margin-left: 12px;
    padding-left: 15px;
}

.deal-summary-list .discount .discount-text{
    color: #4F5864;
    display: block;
    font-size: 0.8em;
    line-height: 100%;
    font-weight: 100;
}

.deal-summary-list .discount .discount-ammount{
    font-size: 1em;
    color: rgba(71,198,236,1)
font-weight: 100;
}

.ui-li-heading{
    white-space: normal !important;
    /*max-height: 44px; */
    font-size: 14px;
    line-height: 20px;
    text-overflow: ellipsis; /* Won't do anything unless word is really long or white-space is set to nowrap */
    -o-text-overflow: ellipsis;
    margin-top: 2px;
    margin-bottom: 3px;
}

.deal-summary-list .best-of-week{
    display: block;
    margin: 0 0 20px;
}

.deal-summary-list .best-of-week img{
    display: block;
    margin: 0 auto;
    width: 50%;
    max-width: 240px;
    height: auto;
}

.deal-summary-list .deals-categories{
    display: none;
    min-height: 80px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    background-color: rgba(218,218,218,1);
}

.categories-wrapper{
    width: 640px;
    position: absolute;
    top: 0%;
    margin-top: 8px;
    overflow: hidden;
    -webkit-transform:  translate3d(4px,0,0);
    -moz-transform:     translate3d(4px,0,0);
    transform:          translate3d(4px,0,0);

}

.categories-wrapper .categories-arrow-left{
    position: absolute;
    font-size: 35px;
    top: 20px;
    color: rgba(75,191,222,0.4);
}

.categories-wrapper .categories-arrow-right{
    position: absolute;
    font-size: 35px;
    top: 20px;
    left: 50%;
    color: rgba(75,191,222,0.4);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph;
}


.categories-wrapper.transition-enabled {

    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -moz-transition:    -moz-transform 0.25s ease-in-out;
    transition:         transform 0.25s ease-in-out;
}

.category-item {
    display: block;
    float: left;
}

.deal-summary-list .deals-categories .deals-category-dining{
    background: rgba(255,255,255,0.8);
    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    margin-right: 0px;

    padding:0px;
    color: #fff;
    text-align: center;
    line-height: 115px;
    vertical-align: text-bottom;
    display: inline-block;
    font-size: 13px;
    text-decoration: none;
    color:  #747474;

}

.deal-summary-list .deals-categories .deals-category-dining h5{
    display: inline-block;
    position: relative;
    bottom: 2px;
    color: #eeeeee;
    width: 80px;
    font-size: 13px;
    /*line-height: 14px;*/
    text-align: center;
    margin-bottom: 0px;
    margin-top: 48px;
    font-weight: 100;
    color:  #747474;

}


.deal-summary-list .deals-categories .deals-category-activities{

    background: rgba(255,255,255,0.8);
    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    display: inline-block;
    margin-right: 0px;

    padding:0px;
    color: #fff;
    text-align: center;
    line-height: 115px;
    vertical-align: text-bottom;
    font-size: 13px;
    text-decoration: none;

}

.deal-summary-list .deals-categories .deals-category-activities h5{

    display: inline-block;
    position: relative;
    color: #eeeeee;
    width: 80px;
    font-size: 13px;
    bottom: 0px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 48px;
    font-weight: 100;
    height: 20px;
    color:  #747474;

}

.deal-summary-list .deals-categories .deals-category-health-beauty {

    background: rgba(255,255,255,0.8);

    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    display: inline-block;
    margin-right: 0px;

    padding:0px;
    color: #fff;
    text-align: center;
    line-height: 130px;
    vertical-align: text-bottom;
    font-size: 13px;
    text-decoration: none;
}

.deal-summary-list .deals-categories .deals-category-health-beauty h5{
    display: inline-block;
    position: relative;
    bottom: 0px;
    color: #eeeeee;
    width: 80px;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 48px;
    font-weight: 100;
    color:  #747474;

}

.deal-summary-list .deals-categories .deals-category-health-fitness {

    background: rgba(255,255,255,0.8);

    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    display: inline-block;
    margin-right: 0px;

    padding:0px;
    color: #fff;
    text-align: center;
    line-height: 130px;
    vertical-align: text-bottom;
    font-size: 13px;
    text-decoration: none;
}

.deal-summary-list .deals-categories .deals-category-health-fitness h5{
    display: inline-block;
    position: relative;
    bottom: 0px;
    color: #eeeeee;
    width: 80px;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 48px;
    font-weight: 100;
    color:  #747474;

}

.deal-summary-list .deals-categories .deals-category-accommodation{

    background: rgba(255,255,255,0.8);
    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    display: inline-block;
    margin-right: 0px;

    padding:0px;
    color: #fff;
    text-align: center;
    line-height: 130px;
    vertical-align: text-bottom;
    font-size: 13px;
    text-decoration: none;

}

.deal-summary-list .deals-categories .deals-category-accommodation h5{
    display: inline-block;
    position: relative;
    bottom: 0px;
    color: #eeeeee;
    width: 80px;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 48px;
    font-weight: 100;
    color:  #747474;

}

.deal-summary-list .deals-categories .deals-category-home-service{

    background: rgba(255,255,255,0.8);
    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    display: inline-block;
    margin-right: 0px;

    padding:0px;
    color: #fff;
    text-align: center;
    line-height: 130px;
    vertical-align: text-bottom;
    font-size: 13px;
    text-decoration: none;

}


.deal-summary-list .deals-categories .deals-category-home-service h5{
    display: inline-block;
    position: relative;
    bottom: 0px;
    color: #eeeeee;
    width: 80px;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 48px;
    font-weight: 100;
    color:  #747474;

}

.deal-summary-list .deals-categories .deals-category-automotive{

    background: rgba(255,255,255,0.8);
    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    display: inline-block;
    margin-right: 0px;

    padding:0px;
    color: #fff;
    text-align: center;
    line-height: 115px;
    vertical-align: text-bottom;
    font-size: 13px;
    text-decoration: none;
    color:  #747474;


}

.deal-summary-list .deals-categories .deals-category-automotive h5{
    display: inline-block;
    position: relative;
    bottom: 0px;
    color: #eeeeee;
    width: 80px;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 48px;
    font-weight: 100;
    color:  #747474;

}

.deal-summary-list .deals-categories .deals-category-local{

    background: rgba(255,255,255,0.8);
    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    display: inline-block;
    margin-right: 0px;

    padding:0px;
    color: #fff;
    text-align: center;
    line-height: 115px;
    vertical-align: text-bottom;
    font-size: 13px;
    text-decoration: none;
    color:  #747474;


}

.deal-summary-list .deals-categories .deals-category-local h5{
    display: inline-block;
    position: relative;
    bottom: 0px;
    color: #eeeeee;
    width: 80px;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 48px;
    font-weight: 100;
    color:  #747474;

}


.deal-summary-list .deals-categories .deals-category-giftinator{

    background: rgba(255,255,255,0.8);
    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    display: inline-block;
    margin-right: 0px;

    padding:0px;
    color: #fff;
    text-align: center;
    line-height: 115px;
    vertical-align: text-bottom;
    font-size: 13px;
    text-decoration: none;
    color:  #747474;


}

.deal-summary-list .deals-categories .deals-category-giftinator h5{
    display: inline-block;
    position: relative;
    bottom: 0px;
    color: #eeeeee;
    width: 80px;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 48px;
    font-weight: 100;
    color:  #747474;

}

.deal-summary-list .deals-categories .deals-category-missed{
    background: rgba(255,250,189,1);
    background-size: 80px 80px;
    height: 80px;
    width:  80px;
    /*border-style: solid;*/
    /*border-color: rgb(217,217,217);*/
    /*border-width: 1px;*/
    padding:0px;
    text-align: center;
    line-height: 27px;
    vertical-align: text-bottom;
    display: inline-block;
    font-size: 13px;
    margin-top: 0px;
    margin-left: 0px;
    color: rgb(44,63,70);
    text-decoration: none;


}
.deal-summary-list .deals-categories .deals-category-missed h5{
    display: inline-block;
    position: relative;
    text-align: center;
    padding-top: 20px;
    margin-top: -10px;
    font-weight: 100;
    color: rgb(44,63,70);
}

.deal-summary-list .deals-categories .category-icon.food-drink:before {
    font-family: 'category-icons';
    font-size: 35px;
    color:  #747474;
    content:"\e602";
    position: absolute;
    top: -32px;
    text-align: center;
    padding-left: 20px;
}


.deal-summary-list .deals-categories .category-icon.services:before {
    font-family: 'category-icons';
    content: "\e606";
    font-size: 35px;
    color:  #747474;
    position: absolute;
    top: -40px;
    text-align: center;
    padding-left: 20px;
}

.deal-summary-list .deals-categories .category-icon.activities:before {
    font-family: 'category-icons';
    content:"\e604";
    font-size: 35px;
    color:  #747474;
    position: absolute;
    top: -32px;
    text-align: center;
    padding-left: 20px;
}

.deal-summary-list .deals-categories .category-icon.health-beauty:before {
    font-family: 'category-icons';
    content:"\e603";
    font-size: 35px;
    color:  #747474;
    position: absolute;
    top: -40px;
    text-align: center;
    padding-left: 20px;
}

.deal-summary-list .deals-categories .category-icon.health-fitness:before {
    font-family: 'category-icons';
    content:"\e611";
    font-size: 35px;
    color:  #747474;
    position: absolute;
    top: -40px;
    text-align: center;
    padding-left: 20px;
}

.deal-summary-list .deals-categories .category-icon.automotive:before {
    font-family: 'category-icons';
    content:"\e607";
    font-size: 35px;
    color:  #747474;
    position: absolute;
    top: -32px;
    text-align: center;
    padding-left: 20px;
}

.deal-summary-list .deals-categories .category-icon.accommodation-holidays:before {
    font-family: 'category-icons';
    content:"\e608";
    font-size: 35px;
    color:  #747474;
    position: absolute;
    top: -40px;
    text-align: center;
    padding-left: 20px;
}


.deal-summary-list .deals-categories .category-icon.local:before {
    font-family: 'category-icons';
    content:"\e60f";
    font-size: 35px;
    color:  #747474;
    position: absolute;
    top: -32px;
    text-align: center;
    padding-left: 20px;
}

.deal-summary-list .deals-categories .category-icon.giftinator:before {
    font-family: 'gift-icon';
    content:"\e600";
    font-size: 35px;
    color:  #747474;
    position: absolute;
    top: -34px;
    text-align: center;
    padding-left: 20px;
}


.deal-summary-list li.notification{
    background: #fffdb8;
}

.deal-summary-list li.notification.error{
    background: #ecb;
}

.deal-summary-list li.notification.update-app,
.deal-summary-list li.notification.update-ios.google-play,
.deal-summary-list li.notification.update-android.app-store{
    display: none;
}

.deal-summary-list li.notification a > h4{
    margin: 0 60px 0 0;
    font-size: 13px;
    line-height:16px;
}

.deal-summary-list li.notification a > span{
    position: absolute;
    top: 50%;
    right: 23px;
    margin-top: -0.7em;
    padding: 0 1.3em;
    font-size: 13px;
}

.deal-summary-list .updating-info{
    display: none;
    background: #fffdb8;
    font-weight: bold;
    font-size: 13px;
    padding: 1.3em 15px 1.3em 42px;
    border: solid 1px #d9d9d9;
    border-bottom: 0;
    position: relative;
    color: #2f3e46;
}

.deal-summary-list .updating-info > img{
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 15px;
}

.deal-summary .view-deals-map-btn{

    line-height: 38px;
    text-align: center;
    border: 1px;
    height: 54px;
    background-image: none;
    background-color: #4BBFDE;
}

.deal-summary .view-deals-map-btn .grabone-location{
    color: #fff;
    display: inline-block;
    font-size: 35px;
}

.deal-summary .view-deals-map-btn .view-deals-map-text {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    text-shadow: none
}

.vertical-color {
    clear: both;
    float: left;
    margin: 10px 0px 0 0;
    position: relative;
    width: 9px;
    height: 18px;
    border-radius: 0px;
}

.vertical-title {
    padding-left: 13px;
    min-height: 18px;
    margin: 10px 0px 0px 0px;
    background-color: #aaaaaa;
    color: #f0f0f0;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 100;
}
.vertical-color.experience {
    background-color: #44c7ee;
}
.vertical-color.main {
    background-color: #44c7ee;
}
.vertical-color.escapes {
    background-color: #d9d9d9;
}

.vertical-color.store {
    background-color: #f26522;
}

.vertical-color.book {
    background-color: #e85640;
}

.vertical-color.coupon {
    background-color: #83b6bc;
}

.vertical-color.bottle {
    background-color: #c4da7f;
}

.vertical-color.style {
    background-color: #111;
}

.vertical-color.main {
    background-color: #44c7ee;
}


.page-container.reloading .deal-summary-list li.notification{
    display: none;
}

.page-container.reloading .deal-summary-list .updating-info{
    display: block;
}

/* @group My-Stuff Dashboard
---------------------------------------------------------------------------------------- */

.dashboard-notifications{
    display: none;
}

/* @group My Coupons
---------------------------------------------------------------------------------------- */

.reminder-tip.ui-li-static{
    font-weight: bold;
    font-size: 13px;
    padding: 1% 0;
    background: #fffdb8;
    color: #2f3e46;
}

.reminder-tip .ui-icon{
    margin-top: -9px;
    position: absolute;
    top: 50%;
    left: 10px;
}

.reminder-tip .reminder-tip-text{
    padding: 0.9em 15px 0.9em 40px;
    display: block;
}

.ui-navbar.ui-mini{
    margin: 20px -15px;
    max-width: none;
}

.ui-navbar.ui-mini .ui-btn-inner{
    padding-left: 2px;
    padding-right: 2px;
}

.coupon-item .image, .payment-confirmation .image {
    float: left;
    background: none;
    margin: 0.3em 15px 0 0;
    position: relative;
    width: 50%;
    max-width: 150px;
}

.coupon-item.ui-li-has-arrow div.ui-btn-inner a.ui-link-inherit {
    padding: 0.4em 30px 0.7em 15px;
}

.coupon-item.ui-li-has-arrow.ui-li-has-count div.ui-btn-inner a.ui-link-inherit {
    padding-right: 45px;
}

@media all and (max-width: 330px) {
    .coupon-item .image {
        float: none;
        display: block;
    }
}

@media all and (max-width: 480px) {
    .coupon-item .image, .payment-confirmation .image{
        margin-right: 8px;
        width: 37%;
    }

    .coupon-item.ui-li-has-count .image{
        width: 40%;
    }

    .coupon-item.ui-li-has-arrow div.ui-btn-inner a.ui-link-inherit,
    .coupon-item.ui-li-has-arrow.ui-li-has-count div.ui-btn-inner a.ui-link-inherit {
        padding-left: 10px;
    }
}

.coupon-item .image img, .payment-confirmation .image img {
    display: block;
    box-shadow: 0 0 4px rgba(0,0,0,0.95);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.95);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.95);
    height: auto;
    width: 100%;
}

.coupon-item .ui-li-heading{
    font-weight: normal;
    font-size: 0.8em;
}

.coupon-item span.coupon-site{
    display: inline-block;
    font-size: 12px;
    padding: 3px 7px;
    margin-top: 0.2em;
    border-radius: 3px;
    color: #fff;
}

span.background-frontend{ background: #4BC1DE; }
span.background-escapes{ background: #4BC1DE; }
span.background-tee{ background: #E83F33; }
span.background-families{ background: #AE7FEC; }
span.background-home{ background: #8BBF3E; }
span.background-bottle{ background: #96AE68; }
span.background-store{ background: #FF7C00; }
span.background-instant{ background: #4BC1DE; }
span.background-book{ background: #e75640; }

.coupon-item .gift-details {
    white-space: normal;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 0.5em 15px;
}

.coupon-times{
    float: left;
    width: 145px;
    padding: 7px 10px;
    margin: 0.3em 0 0 0;
    background: rgba(0,0,0,0.1);
    border: solid 1px rgba(0,0,0,0.2);
    border-radius: 5px;
    font-size: 0.8em;
    line-height: 140%;
}

.coupon-times span{
    float: left;
    font-weight: normal;
}

.coupon-times time{
    float: right;
}

.purchase-success {
    margin: 15px 0 0;
    background-color: #01b2ee;
    border-radius: 18px;
    border-bottom-right-radius: 0;
    overflow: hidden;
    color: #fff;
}

.purchase-success.transient-error {
    background-color: #fffdb8;
}

.purchase-success h3 {
    padding: 10px 20px 6px 20px;
    margin: 0;
}

.purchase-success p {
    margin: 0 10px 10px 20px;
}

.purchase-success .payment-confirmation {
    display: block;
    padding: 0 10px 0 10px;
    background-color: #fff;
    border-bottom: 1px solid #CED5DF;
    border-radius: 0 0 10px 10px;
    color: #4F5864;
}

.purchase-success .payment-confirmation .instant-purchase-info{
    padding-top: 10px;
}

.purchase-success .payment-confirmation h4,
.purchase-success .payment-confirmation h5 {
    margin: 5px 0px;
    padding: 0px;
    line-height: 100%;
}

.purchase-success .payment-confirmation .purchase-info-table{
    float: right;
    margin-top: 10px;
    padding-top: 5px;
    border-top: solid 1px #d9d9d9;
}

.purchase-success .payment-confirmation table {
    width: 100%;
    text-align: center;
}

.purchase-sub-heading a {
    color: #ffffff!important;
}

.purchase-success .payment-confirmation table th {
    font-weight: normal;
    padding: 0 5px;
}

.purchase-success .payment-confirmation table .shipping-row th,
.purchase-success .payment-confirmation table .credit-row th,
.purchase-success .payment-confirmation table .total-row th {
    text-align: right;
}

.purchase-success .payment-confirmation table .shipping-row th,
.purchase-success .payment-confirmation table .shipping-row td{
    padding-top: 5px;
}

.purchase-success .payment-confirmation table td {
    padding: 0 5px;
    font-weight: bold;
    color: #4F5864;
}

.purchase-success .payment-confirmation table th:first-of-type,
.purchase-success .payment-confirmation table td:first-of-type{
    padding-left: 0;
}

.purchase-success .payment-confirmation table th:last-of-type,
.purchase-success .payment-confirmation table td:last-of-type{
    padding-right: 0;
}

.purchase-success .payment-confirmation table td:last-of-type{
    text-align: right;
}

.purchase-success .payment-confirmation .image {
    margin: 0 10px 0 0;
}

.purchase-success .payment-confirmation .mobile-deal-share {
    margin: 10px -10px 0 -10px;
}

.purchase-success .instant-purchase-info .ui-link {
    display: inline-block;
    font-weight: 100;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 150px;
    margin-top: 8px;
    padding: 8px 0;
    background: #47C6EC;
}

.coupon-list-page .view-offline[data-offline],
.page-purchases .view-offline[data-offline]{
    display: none;
}

.coupon-list-page .view-offline,
.page-purchases .view-offline{
    margin-top: 20px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* @group Membership
---------------------------------------------------------------------------------------- */

li.membership {
    background: #f6f6f6;
    padding: 1% 0 1% 0;
}

li.membership .purchase-border{
    padding: 0.4em 30px 0.7em 15px;
}

li.membership .img-col,
li.membership .coupon.coupon-available {
    display: inline-block;
    max-width: 145px;
    min-height: 60px;
    padding: 7px 10px;
    margin: 0.3em 0.3em 0 0;
    background: rgba(0,0,0,0.1);
    border: solid 1px rgba(0,0,0,0.2);
    border-radius: 5px;
    font-size: 0.8em;
    line-height: 140%;
}

li.membership .coupon.coupon-available {
    background: #D2F4AB;
    border: solid 1px #9AB870;
    box-shadow: inset 0 0 2px #9AB870, 0 1px 0 #FFFFFF;
}

li.membership span.pe-title{
    float: left;
    font-weight: normal;
    clear: left;
}

li.membership span.pe-value{
    float: right;
}

li.membership span.coupon-site {
    font-size: 12px;
    padding: 4px 7px;
    margin: -3px 0 0;
    border-radius: 3px;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    background: #4BC1DE;
}

li.membership span.background-store {
    background: #FF7C00;
}

li.membership .actions a.ui-btn {
    margin: 10px 0 0;
    height: 30px;
    font-size: 14px;
    padding: 3px 9px;
    line-height: 30px;
    border-radius: 5px;
    min-width: 150px;
    text-decoration: none;
    display: inline-block;
    border: 0px;
    color: rgba(255,255,255,1);
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) inset 0 -1px 2px rgba(255,255,255,0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 2px rgba(255,255,255,0.1);
    background: #4F5864 url(/images/background-button-blue.png) left top repeat-x;
}

.actions span.pay-error {
    clear: both;
    display: block;
}

/* @group Account Page
---------------------------------------------------------------------------------------- */

.my-account{
    margin-top: 15px;
}

.my-account .info{
    overflow: hidden;
    margin-bottom: 15px;
}

.my-account .info div.avatar{
    float: left;
    height: 60px;
    width: 60px;
    margin-right: 10px;
}

.my-account .info div.avatar img{
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    padding: 3px;
}

.my-account .info div.details{
    overflow: hidden;
    min-width: 200px;
    padding-top: 5px;
    white-space: nowrap;
}

.my-account .info div.details .name{
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    font-size: 110%;
}

.my-account .info div.details .email{
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 3px;
}

.my-account > ul{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.my-account > ul > li.ui-li-static{
    padding-right: 15px;
    font-weight: 100;
}

.my-account .ui-collapsible-heading{
    overflow: visible;
}

.my-account .ui-collapsible-heading .ui-corner-all{
    background: none;
}

.my-account .ui-collapsible-heading .ui-corner-all .ui-shadow{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.my-account .ui-collapsible-heading .ui-corner-all .ui-corner-all .ui-corner-all{
    margin: 1px 0 0;
}

.my-account .subscriptions{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 30px;
}

.my-account .subscriptions .collapsible-set{
    padding: 0;
}

.my-account .subscriptions .ui-btn-text {
    font-weight: 100;
}

.my-account .subscriptions .span.ui-btn-text {

    font-weight: 100;
}


.my-account .subscriptions .collapsible-set fieldset:nth-child(odd){
    background: #f6f6f6;
}

.my-account .subscriptions .collapsible-set fieldset:not(:first-of-type){
    border-top: 1px solid #ccc;
}

.my-account .subscriptions .ui-collapsible-heading{
    margin: 0;
    padding: 1% 0;
}

.my-account .subscriptions .ui-collapsible-heading-toggle{
    border-radius: 0;
    background: none;
    border: 0;
    color: #4F5864;
    font-weight: 100;
}

.my-account .subscriptions .ui-collapsible-content{
    background: none;
    margin: 0;
    border: 0;
}

.my-account .single-area{
    padding: 0;
}

.my-account .single-area > .ui-checkbox > .ui-btn{
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 1% 0;
    margin: 0;
}

.my-account .single-area .ui-icon-checkbox-off{
    background: #ddd;
}

.subscription-pause{
    background: url("/images/background-take-a-break.jpg") no-repeat left top;
    background-size: 100% 100%;
    margin: 15px -15px 0 -15px;
    border-top: solid 1px #ccc;
}

.subscription-top-deals,
.subscription-unsubscribe{
    margin: 0 -15px;
    padding: 15px;
    background: #f6f6f6;
    border-bottom: solid 1px #ccc;
    text-align: center;
}

.subscription-top-deals{
    background: #d9d9d9;
}

.top-deals-message{
    color: #454545;
    font-size: 110%;
    font-weight: 100;
    margin: 0 0 15px 0;
    display: block;
}

.subscription-unsubscribe > .ui-submit{
    color: #fff;
    text-shadow: none;
    background: #b20000;
    background-image: -webkit-linear-gradient(top, #ff0000 0%, #b20000 100%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #ff0000 0%, #b20000 100%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #ff0000 0%, #b20000 100%); /* IE10 */
    background-image:      -o-linear-gradient(top, #ff0000 0%, #b20000 100%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #ff0000 0%, #b20000 100%); /* Standard, non-prefixed */
}

.unsubscribe-message{
    font-weight: 100;
    font-size: 110%;
    color: #454545;
    margin: 0 0 15px 0;
    display: block;
}

.sub-pause-message{
    font-family: ChunkFiveRoman, Arial, sans-serif;
    background: #ffce00;
    color: #fff;
    font-size: 125%;
    font-weight: lighter;
    padding: 4px 10px;
    margin: 15px;
    display: inline-block;
}

.sub-pause-form{
    padding: 0px 15px 10px 15px;
    border-bottom: solid 1px #ccc;
}

.sub-pause-form-title{
    margin: 0 5px 15px 5px;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
}

.form-container{
    background: rgb(255,255,255);
    margin: 0 -15px;
    padding: 15px;
}

.form-container input.ui-body-c{
    background: rgb(255,255,255);
}

.form-container .form-row{
    margin: 0 0 30px;
}

.add-address{
    margin-top: 20px;
}

.edit-address,
.remove-address{
    margin-bottom: 20px;
}

/* @group Notifications Page
---------------------------------------------------------------------------------------- */

.my-notifications{
    margin-top: 20px;
}

.my-notifications > .switch{
    border: 1px solid #aaa;
    border-radius: 0.8em;
    margin-top: 10px;
    padding-top: 2px;
    padding-left: 15px;
    height: 44px;
    background: #fff;
    box-shadow: inset 0 0 2px #ccc;
    -moz-box-shadow: inset 0 0 2px #ccc;
    -webkit-box-shadow: inset 0 0 2px #ccc;
}

.my-notifications > .switch div.ui-slider-switch{
    float: right;
    margin: 4px 7px;
}

.my-notifications > .switch a.ui-slider-handle.ui-shadow{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.my-notifications > .switch span.ui-slider-label-a{
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    background: #47c6ec;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #59cbed), color-stop(0.5, #47c6ec)); /* iOS */
    background-image: -webkit-linear-gradient(top, #59cbed 50%, #47c6ec 50%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #59cbed 50%, #47c6ec 50%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #59cbed 50%, #47c6ec 50%); /* IE10 */
    background-image:      -o-linear-gradient(top, #59cbed 50%, #47c6ec 50%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #59cbed 50%, #47c6ec 50%); /* Standard, non-prefixed */
}

.my-notifications > .switch > label{
    font-size: 110%;
    font-weight: bold;
    display: inline-block;
    margin-top: 0.6em;
}

.my-notifications > span{
    margin: 15px;
    text-align: center;
    color: #4F5864;
}

.my-notifications > span:not(.hidden){
    display: block
}

.my-notifications > .continue{
    margin-top: 45px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

/* @group Business Deal Page
---------------------------------------------------------------------------------------- */

.business-deal-item .ui-li-heading{
    font-weight: normal;
    font-size: 0.8em;
}

.business-deal-item .image{
    float: left;
    background: none;
    margin: 0.3em 15px 0 0;
    position: relative;
    width: 50%;
    max-width: 150px;
}

.business-deal-item.ui-li-has-arrow div.ui-btn-inner a.ui-link-inherit {
    padding: 0 30px 6px 15px;
}

@media all and (max-width: 330px) {
    .business-deal-item .image {
        float: none;
        display: block;
    }
}

@media all and (max-width: 480px) {
    .business-deal-item .image{
        margin-right: 8px;
        width: 37%;
    }

    .business-deal-item.ui-li-has-arrow div.ui-btn-inner a.ui-link-inherit {
        padding-left: 10px;
    }
}

.business-deal-item .image img{
    display: block;
    box-shadow: 0 0 4px rgba(0,0,0,0.95);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.95);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.95);
    height: auto;
    width: 100%;
}

.business-deal-info{
    float: left;
    width: 145px;
    padding: 7px 10px;
    margin: 2px 0 0 0;
    background: rgba(0,0,0,0.1);
    border: solid 1px rgba(0,0,0,0.2);
    border-radius: 5px;
    font-size: 0.8em;
    line-height: 140%;
}

.business-deal-info span{
    float: left;
    font-weight: normal;
}

.business-deal-info time,
.business-deal-info div{
    float: right;
}

/* @group Deal Page
---------------------------------------------------------------------------------------- */

.buy{
    margin-top: 3px;
}

.main-deal{
    background: #e1f5fc;
    border: 1px solid #d9d9d9;
    border-width: 0 0 1px 0;
}

.deal-show header h1 {
    padding-left: 108px;
}

.deal-show header h3{
    font-size: 125%;
    font-weight: 400;
}

.deal-show header h3.half-margin{
    margin-bottom: 5px;
    padding-top: 15px;
    padding-bottom: 0;
}

.deal-show header h4{
    margin: 0;
    color: #4F5864;
    font-weight: 100;
}

.buy-bar-bottom {
    padding-bottom: 3px;
}

.buy-bar a.ui-btn-corner-all,
.sold-out-button,
.ended-button{
    background: rgba(89,152,55,1);

    /*background-image: -webkit-linear-gradient(top, rgb(105,162,74) 48%, rgb(89,152,55) 48%); *//* Chrome 10+, Saf5.1+ */
    /*background-image:    -moz-linear-gradient(top, rgb(105,162,74) 48%, rgb(89,152,55) 48%); *//* FF3.6 */
    /*background-image:     -ms-linear-gradient(top, rgb(105,162,74) 48%, rgb(89,152,55) 48%); *//* IE10 */
    /*background-image:      -o-linear-gradient(top, rgb(105,162,74) 48%, rgb(89,152,55) 48%); *//* Opera 11.10+ */
    /*background-image:         linear-gradient(top, rgb(105,162,74) 48%, rgb(89,152,55) 48%); *//* Standard, non-prefixed */

    /* IOS */
    /*background-image: -webkit-gradient(*/
    /*linear,*/
    /*left bottom,*/
    /*left top,*/
    /*color-stop(0.48, rgb(89,152,55)),*/
    /*color-stop(0.48, rgb(105,162,74))*/
    /*);*/

    font-size: 25px;
    margin: 0;
    font-weight: 100;
    line-height: 50px;
    border-color: #30521e;
    height: 52px;
    min-width: 120px;
    border-radius: 0px;

    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(255,255,255,0.2), 0 0 2px #000;*/
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(255,255,255,0.2), 0 0 2px #000;*/
    /*-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(255,255,255,0.2), 0 0 2px #000;*/
}

.sold-out-button,
.ended-button{
    width: auto;
    padding: 2px 10px;
    background: rgb(186,40,10);

    /*background-image: -webkit-linear-gradient(top, rgb(209,79,38) 48%, rgb(186,40,10) 48%); *//* Chrome 10+, Saf5.1+ */
    /*background-image:    -moz-linear-gradient(top, rgb(209,79,38) 48%, rgb(186,40,10) 48%); *//* FF3.6 */
    /*background-image:     -ms-linear-gradient(top, rgb(209,79,38) 48%, rgb(186,40,10) 48%); *//* IE10 */
    /*background-image:      -o-linear-gradient(top, rgb(209,79,38) 48%, rgb(186,40,10) 48%); *//* Opera 11.10+ */
    /*background-image:         linear-gradient(top, rgb(209,79,38) 48%, rgb(186,40,10) 48%); *//* Standard, non-prefixed */

    /* IOS */
    /*background-image: -webkit-gradient(*/
    /*linear,*/
    /*left bottom,*/
    /*left top,*/
    /*color-stop(0.48, rgb(186,40,10)),*/
    /*color-stop(0.48, rgb(209,79,38))*/
    /*);*/
}

.buy-bar span.ui-btn-inner{
    display: inline;
    line-height: 52px;
    font-size: 2.2em;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.buy-bar a.ui-btn-corner-all:active {
    background: rgba(89,152,55,1);
    box-shadow: inset 0 0 15px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.5) !important;
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.5) !important;
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.5) !important;
}

#popupBasic-screen > h3{
    color: #2489ce;
}
.redirect_cd{
    float: center;
}

img.best-of-week-deal{
    display: block;
    margin: 20px auto 0;
    width: 322px;
    max-width: 70%;
    height: auto;
    padding-left: 107px;
}

.premium-deal-icon{
    position: absolute;
    display: block;
    height: auto;
    width: 100%;
    margin: -20px 0;
    max-width: 80px;
}

img.premium-deal {
    display: block;
    margin: 0;
    height: auto;
    width: 100%;
    max-width: 440px;
}

.premium-banner {
    position: relative;
    background: rgb(35, 35, 35);
    height: 60px;
    width: 100%;
    min-width: 200px;
}

.carousel {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: none;
}

.carousel.ready {
    display: block;
}

.carousel-item {
    list-style-type: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.carousel-item.loading {
    background: #222 url("/images/ajax-loader.gif") no-repeat center center;
    background-size: 23px 23px;
    height: 100%;
}

.carousel-item.first {
    position: static;
}

.carousel-image {
    width: 100%;
}

.deal-header,
.image-info,
.deal-info {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.deal-header{
    margin-left: -15px;
    margin-top: -18px;
}

.image-info {
    margin: 0 -15px;
}

.deal-info {
    clear: left;
}

.info-details {
    margin: 0 15px 0 0;
    width: 100%;
}

.deal-image-wrapper {
    width: 100%;
    margin: 0 15px 15px 0;
}

@media (max-width: 460px) {
    .deal-image-wrapper {
        overflow: hidden;
        max-width: 460px;
    }
}

@media (min-width: 461px) {
    .deal-image-wrapper.single {
        overflow: hidden;
        max-width: 460px;
        float: left;
    }

    .deal-image-wrapper .dots{
        display: none;
    }
}

.deal-image {
    width: 100%;
    max-width: 460px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.deal-show .dots{
    width: 100%;
    margin-bottom: -10px;
    text-align: center;
    font-size: 175%;
    font-weight: bold;
    color: rgba(0,0,0,0.2);
}

.deal-show .dots > span{
    margin: 0 2.5px 0 2.5px;
}

.deal-show .dots > span.current{
    color: rgba(0,0,0,0.6);
}

.deal-show .deal-title{
    min-height: 65px;
    padding-left: 109px;
}

.deal-show .deal-title > .deal-location{
    padding-bottom: 15px;
}

.deal-show .deal-title h3,
.deal-show .deal-title h4{
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}

.start-deals .price,
.deal-show .price{
    float: left;
    font-size: 25px;
    min-width: 97px;
    text-align: center;
    margin: 0;
    color: #fff;
    background: none repeat scroll 0 0 #3fc6f2;
    box-sizing: border-box;
    font-weight: 100;
    border-radius: 0px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.deal-price-square-display{
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transform:  translate3d(0,-50%,0);
    -moz-transform:     translate3d(0,-50%,0);
    transform:          translate3d(0,-50%,0);
}
.start-deals .price > .deal-price-square-display{
    top: 35%;
}

.deal-show .price > .deal-price-square-display{
    top: 50%;
}

.deal-price-text {
    color: #f6f6f6;
    display: block;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform:  translate3d(0,-50%,0);
    -moz-transform:     translate3d(0,-50%,0);
    transform:          translate3d(0,-50%,0);
    padding-bottom: 50px;
}

.start-deals .price{
    margin: -1px 0 0 0px;
}

@media all and (max-width: 240px) {
    .deal-show .deal-title h3,
    .deal-show .deal-title h4{
        width: 100%;
    }

    .start-deals .price,
    .deal-show .price{
        margin: 10px 0 10px -7px;
    }
}

.start-deals .price.bottle,
.deal-show .price.bottle{
    background: #c4d87e;
    color: #4F5864;
}

.start-deals .price.store,
.deal-show .price.store{
    background: #ff7c00;
}

.buy-button{
    float: right;
    padding: 2px 2% 0 0;
}

@media all and (min-width: 450px) {
    .buy-button{
        padding: 2px 15px 0 0;
    }
}

.deal-show .deal-details{
    background: #f6f6f6;
    margin: 0;
    border-top-width: 0;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    min-width: 200px;
}

.deal-show .deal-details:first-child{
    border-top-width: 1px;
    border-radius: 5px;
}

@media (max-width: 666px){

    .premium-banner {
        max-width: 440px;
    }

}

@media (max-width: 440px){

    .premium-deal-icon {
        max-width: 70px;
    }

}

@media (max-width: 780px){
    .deal-show .info-details{
        clear: left;
    }
}

.deal-show .info{
    background: #f6f6f6;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    min-width: 200px;
    width: 100%;
    text-align: center;
}

.deal-show .info:last-child {
    border-radius: 5px;
}

.deal-show .info .value,
.deal-show .info .discount,
.deal-show .info .saving{
    display: inline-block;
    width: 32%;
    padding: 15px 0;
    text-align: center;
    color: #000;
    text-shadow: none;
    font-weight: bold;
}

.big-price-span{
    font-size: 180%;
    line-height: 100%;
    font-weight: 100;
}

.small-price-span{
    font-weight: normal;
    font-size: 80%;
    line-height: 100%;
    padding: 0 0 3px;
    color: #4F5864;
}

.deal-show .info .value span,
.deal-show .info .discount span,
.deal-show .info .saving span{
    display: block;
}

.deal-show .purchases .number-purchased {
    display: block;
}

.deal-show .purchases > .purchases-stats > progress{
    display: none;
}

.deal-show .purchases{
    padding: 10px 15px;
    overflow: hidden;
    text-align: center;
    font-weight: 100;
}

.calendar-page .buy-button,
.deal-page .buy-button{
    padding: 12px 15px;
    border: 1px solid #333;
    border-width: 0 0 0 1px;
}

.deal-page .buy-button.buy-footer-button{
    padding: 0;
    border: 0;
    border-width: 0;
}

@media (min-width: 600px){
    .calendar-page .buy-button,
    .deal-page .buy-button{
        padding-right: 10%;
    }
}

.deal-page .remaining{
    float: right;
    margin-left: 15px;
    padding: 8px 20px 0 15px;
    border: 1px solid #222;
    border-width: 0 1px 0 0;
}

.remaining span.remaining-label{
    margin-bottom: 5px;
    display: block;
}

.remaining span.countdown-label{
    font-size: 70%;
    font-weight: 100;
    text-shadow: none;
    display: block;
    padding: 0 0 6px;
    margin-bottom: 0;
}

.count-down-item{
    display: inline-block;
    width: 35px;
    height: 1em;
    background: #333;

    background-image: -webkit-linear-gradient(top, #333 0%, #4F5864 50%, #4F5864 100%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #333 0%, #4F5864 50%, #4F5864 100%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #333 0%, #4F5864 50%, #4F5864 100%); /* IE10 */
    background-image:      -o-linear-gradient(top, #333 0%, #4F5864 50%, #4F5864 100%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #333 0%, #4F5864 50%, #4F5864 100%); /* Standard, non-prefixed */

    /* IOS */
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, #333),
            color-stop(0.5, #4F5864)
    );

    padding: 5px;
    margin: 0 1px 0 0;
    font-size: 145%;
    text-align: center;
    line-height: 100%;
    font-weight: 100;
    color: #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.countdown-last{
    margin: 0;
}

.countdown-text span{
    display: inline-block;
    text-align: center;
    text-shadow: none;
    font-size: 60%;
    width: 35px;
    padding: 2px 5px 0 5px;
    vertical-align: text-top;
    font-weight: 100;
}

.deal-show .discuss-button{
    padding: 0 15px;
}

.deal-show .discuss-button li{
    border-bottom-width: 0;
}

.deal-highlights{
    clear: both;
}

.deal-show .ui-corner-all{
    background: none;
    border: none;
}

.deal-show .ui-corner-all .ui-corner-all{
    border: solid 1px rgba(155,88,0,1);
    overflow: hidden;
    height: 38px;
    border: 0;
    margin: 0;
    padding: 0px;
    border-radius: 5px;
    background: rgba(255,255,255,0.3);
    box-shadow: inset 0 19px 0 rgba(255,255,255,0.5), 0 0 2px rgba(0,0,0,0.7);
    -moz-box-shadow: inset 0 19px 0px rgba(255,255,255,0.5), 0 0 2px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 0 19px 0px rgba(255,255,255,0.5), 0 0 2px rgba(0,0,0,0.7);
    color: #000;
    text-shadow: none;
    line-height: 38px;
    text-indent: 42px;
}

.deal-show .ui-corner-all .ui-corner-all .ui-corner-all{
    background-color: none;
    height: auto;
    margin: 1px 0 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.deal-show .ui-collapsible-heading .ui-shadow{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.deal-show  li.ui-li-static{
    font-weight: 100;
    padding-right: 15px;
}

.deal-show  li.ui-li-static ul{
    padding-left: 15px;
    list-style-type: disc;
    margin: 0 0 20px;
    font-weight: 100;
}

.deal-show .ui-li-desc{
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    font-size: 14px;
    margin: 0 0 20px;
    font-weight: 100;
}

.deal-show  li.ui-li-static ul:last-child,
.deal-show .ui-li-desc:last-child{
    margin-bottom: 0;
}

.deal-show .full-description{
    overflow: hidden;
}

.deal-show .toggle-description,
.deal-show .toggle-description.show-more > a.show-less,
.deal-show .toggle-description:not(.show-more) > a.show-more{
    display: none;
}

.deal-show .toggle-description{
    text-align: center;
    cursor: pointer;
}

.deal-show .toggle-description.show-more{
    background: url("/images/common/background-desc-fade.png") repeat-x left top;
    position: relative;
    top: -20px;
    padding: 20px 0 0;
}

.deal-show .toggle-description:not(.show-more){
    padding: 10px 0;
}

.deal-show .toggle-description a{
    text-decoration: underline;
    padding: 0.7em 0;
    display: block;
}

.deal-show .toggle-description.show-more a{
    padding-bottom: 0;
}

.deal-show .youtube{
    position: relative;
    display: inline-block;
    padding-top: 0.7em;
}

.deal-show .youtube > img{
    width: 100%;
    max-width: 440px;
}

.deal-show .youtube > span{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    background: transparent url(/images/icon-play-128.png) no-repeat center center;
    -webkit-background-size: 25%;
    -moz-background-size: 25%;
    -o-background-size: 25%;
    background-size: 25%;
}

.deal-show .discuss-button a > label,
.deal-show .merchant-details a > label{
    float: left;
    max-width: 50%;
    font-weight: 100;
}

.deal-show .discuss-button a > span,
.deal-show .merchant-details a > span{
    color: #4bc1de;
    float: right;
    max-width: 50%;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
}

.deal-show .merchant-details:last-of-type{
    border-bottom-width: 1px;
}

.deal-show li.share-list-item{
    padding: 0px;
    margin: 0px;
    background: none;
}

@media (min-width: 481px){

    .deal-show li.deal-facevalue-banner{
        background: url(/images/mobile-promo/facevalue/FaceValue-Banner-Mob-Large.jpg);
        background-repeat: no-repeat;
        padding: 0px 0px 0px 1px;
        width: 100%;
        min-height: 135px;
        background-position: right 0px center;
        background-size: cover;
    }

}

@media (max-width: 480px){

    .deal-show li.deal-facevalue-banner{

        background: url(/images/mobile-promo/facevalue/FaceValue-Banner-Mob.jpg);
        background-repeat: no-repeat;
        padding: 0px 0px 0px 1px;
        width: 100%;
        min-height: 135px;
        background-position: right 0px center;
        background-size: cover;
    }

}


.deal-show li.deal-facevalue-banner a.deal-facevalue-findout{

    background: url(/images/mobile-promo/facevalue/FaceValue-Find-out-Mob.png);
    background-repeat: no-repeat;
    margin-top: 16px;
    margin-left: 10px;
    width: 114px;
    height: 34px;
    position: relative;
    cursor: pointer;

}

.deal-show li.deal-facevalue-banner div.deal-facevalue-title-wrapper{

    background-color: rgba(255,255,255,0.5);
    display: inline-block;
    margin-top: 3px;
    position: relative;
    height: 72px;
    padding: 0px 5px 0px 5px;
    left: 0px;
    top: 6px;

}


.deal-show li.deal-facevalue-banner div.deal-facevalue-icon{
    background: url(/images/common/voucher_guarantee/24x24/Guarantee-Icon-Black.png);
    background-size: 31px;
    background-repeat: no-repeat;
    background-position:bottom;
    height: 40px;
    width: 40px;
    margin-top: 0px;
    display: inline-block;
}

.deal-show li.deal-facevalue-banner div.deal-facevalue-title{

    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    text-align: right;
    font-weight: 300;
    display: inline;
}

.deal-show li.deal-facevalue-banner div.deal-facevalue-sub-title{

    font-family: 'Josefin Sans', sans-serif;
    color: #00000
font-size: 12px;
    text-align: left;
    font-weight: 300;
    margin-left: 5px;

}

.mobile-deal-share{
    background: #F6F6F6;
    font-size: 14px;
    overflow: auto;
}

.mobile-deal-share span.mobile-deal-share-title{
    display: block;
    margin: 10px 0 0;
    text-align: center;
    font-weight: 100;
}

.buttons-wrapper{
    text-align: center;
}

.mobile-deal-share a,
.mobile-deal-share a.ui-link,
.mobile-deal-share a.ui-link:hover,
.mobile-deal-share a.ui-link:visited{
    display: inline-block;
    line-height: 17px;
    margin: 10px 0 10px 10px;
    padding: 8px 15px 8px 35px;
    /*border: solid 1px #1A356E;*/
    /*border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*box-shadow: inset 0 1px 1px 0px rgba(255,255,255,0.2), 0 0 3px 1px #666;*/
    /*-moz-box-shadow: inset 0 1px 1px 0px rgba(255,255,255,0.2), 0 0 3px 1px #666;*/
    /*-webkit-box-shadow: inset 0 1px 1px 0px rgba(255,255,255,0.2), 0 0 3px 1px #666;*/
    color: #fff;
    text-decoration: none;
    background: #3B5998 url(/images/icon-facebook-32.png) 10px 9px no-repeat;
    background-size: 16px;
    vertical-align: top;
    font-weight: 100;
}

.mobile-deal-share a:last-child,
.mobile-deal-share a.ui-link:last-child,
.mobile-deal-share a.ui-link:hover:last-child,
.mobile-deal-share a.ui-link:visited:last-child{
    margin-right: 10px;
}

.mobile-deal-share a.email-share,
.mobile-deal-share a.email-share:hover,
.mobile-deal-share a.email-share:visited{
    background: #555 url(/images/icon-email-32.png) 10px 9px no-repeat;
    background-size: 16px;
    border-color: #333;
}

.mobile-deal-share a.sms-share,
.mobile-deal-share a.sms-share:hover,
.mobile-deal-share a.sms-share:visited{
    background: #555 url(/images/icon-sms-32.png) 10px 9px no-repeat;
    background-size: 16px;
    border-color: #333;
    display: none;
}

.mobile-deal-share a.android-share,
.mobile-deal-share a.android-share:hover,
.mobile-deal-share a.android-share:visited{
    background: #555 url(/images/icon-android-32.png) 10px 9px no-repeat;
    background-size: 16px;
    border-color: #333;
    display: none;
}

.mobile-deal-share a.ui-link:active{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #464646;
}

@media (max-width: 310px){
    .mobile-deal-share a.email-share,
    .mobile-deal-share a.sms-share{
        height: 17px;
        padding: 8px 2px 8px 35px
    }

    .mobile-deal-share a.email-share > span,
    .mobile-deal-share a.sms-share > span{
        display: none;
    }
}

.deal-page header.main-header > .secondary{
    background: #000 url(/images/common/background-header-new.png) left top repeat-x;
    background-size: auto 80px;
    border: none;
    width: 100%;
    height: 80px;
    overflow: hidden;
    color: #fff;
    display: none;
}

.deal-page.scroller-static header.main-header > .secondary{
    display: block;
}

.calendar-page:not(.scroller-jquery):not(.no-footer) > section.content-container,
.deal-page:not(.scroller-jquery):not(.no-footer) > section.content-container{
    padding-bottom: 95px;
}

.calendar-page > footer,
.deal-page > footer{
    width: 100%;
    height: 55px;
    overflow: hidden;
}

.calendar-page:not(.scroller-jquery) > footer,
.deal-page:not(.scroller-jquery) > footer{
    position: fixed;
    bottom: -320px;
    left: 0px;
    padding-bottom: 320px;
    /*background: #000 url(/images/common/background-header-new.png) left top repeat-x;*/
    background-size: auto 80px;
    -webkit-transition: top 300ms linear;
    -moz-transition: top 300ms linear;
    -o-transition: top 300ms linear;
    z-index: 1;
}

.deal-page > section.content-container > footer{
    position: static;
    margin: 0 -15px;
    height: 80px;
}

@media (min-height: 320px){
    .deal-page:not(.scroller-static) > section.content-container > footer{
        display: none;
    }
    .calendar-page.scroller-static > footer,
    .deal-page.scroller-static > footer{
        display: none;
    }
}

@media (max-height: 320px){
    .calendar-page > footer,
    .deal-page > footer{
        display: none;
    }
    .deal-page > section.content-container > footer{
        display: block;
    }
}

/* @group Discussion Page
----------------------------------------------------------------------------------------*/

.discussion-page .content-container{
    margin: 0;
    padding: 5px 0 15px 0;
}

.discussion-page .content-container > .notices,
.comment-page .content-container > .notices{
    margin-right: 15px;
    margin-left: 15px;
}

.discussion{
    overflow: auto;
    width: 100%;
    padding-top: 10px;
}

.discussion > div{
    padding: 10px 0;
    max-width: 90%;
    clear: both;
    position: relative;
}

.discussion > div:first-child{
    padding-top: 5px;
}

.discussion .comment-store,
.discussion .comment-admin{
    float: right;
}

.discussion .bubble{
    color: #4F5864;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.discussion .bubble .name{
    font-weight: bold;
}

.discussion .bubble .time{
    font-weight: 100;
    white-space: nowrap;
    font-size: 75%;
    color: #4F5864;
    margin-left: 10px;
}

.discussion .bubble .comment{
    display: block;
    word-break: break-word;
    overflow: hidden;
    margin-top: 15px;
    font-weight: 100;
}

.discussion .comment-user .bubble{
    background-color: #fff;
    margin-left: 20px;
}

.discussion .comment-store .bubble{
    background-color: #fff2d0;
    margin-right: 20px;
}

.discussion .comment-admin .bubble{
    background-color: #eee;
    margin-right: 20px;
}

.discussion .comment-user > div,
.discussion .comment-store > div,
.discussion .comment-admin > div{
    display: inline-block;
}

.discussion .comment-user .bubble-left,
.discussion .comment-store .bubble-right,
.discussion .comment-admin .bubble-right{
    background-size: 100%;
    position: absolute;
    width: 20px;
    height: 20px;
}

.discussion .comment-user .bubble-right,
.discussion .comment-store .bubble-left,
.discussion .comment-admin .bubble-left{
    display: none;
}

.discussion .comment-user .bubble-left{
    background-image: url(/images/speech-white.png);
    top: 20px;
    left: 0;
}

.discussion .comment-store .bubble-right{
    background-image: url(/images/speech-orange.png);
    top: 20px;
    right: 0;
}

.discussion .comment-admin .bubble-right{
    background-image: url(/images/speech-gray.png);
    top: 20px;
    right: 0;
}

.discussion > a.ui-btn{
    margin: 0.5em 15px;
}

.discussion-page:not(.scroller-jquery):not(.no-footer) > section.content-container{
    padding: 0 0 80px 0;
    min-height: 100%;
}

.discussion-page:not(.scroller-jquery) > footer{
    position: fixed;
    bottom: -320px;
    left: 0px;
    width: 100%;
    height: 60px;
    padding-bottom: 320px;
    border: 0px;
    background: #000;
    -webkit-transition: top 300ms linear;
    -moz-transition: top 300ms linear;
    -o-transition: top 300ms linear;
}

.discussion-page > section.content-container > footer{
    position: static;
    height: 66px;
}

@media (min-height: 320px){
    .discussion-page:not(.scroller-static) > section.content-container > footer{
        display: none;
    }
    .discussion-page.scroller-static > footer{
        display: none;
    }
}

@media (max-height: 320px){
    .discussion-page:not(.scroller-jquery) > section.content-container{
        padding-bottom: 15px;
    }
    .discussion-page > footer{
        display: none;
    }
    .discussion-page > section.content-container > footer{
        display: block;
    }
}

.discussion-page .add-comment{
    text-align: center;
    text-shadow: none;
    margin: 0;
    background: #000000 url(/images/common/background-header-new.png) left top repeat-x;
    background-size: 1px 100%;
}

.discussion-page .add-comment > .ui-shadow{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 2px rgb(0,0,0);
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.discussion-page .add-comment > .ui-shadow > .ui-btn-inner{
    background: url(/images/buy-button.png) left top repeat-x;
    background-size: 1px 100%;
    border: 0 none;
    padding: 5px 19px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.discussion-page .add-comment > .ui-shadow > .ui-btn-inner > .ui-btn-text{
    font-size: 21px;
    font-weight: 100;
}

.discussion-page .pagination{
    text-align: center;
    max-width: 100%;
    font-size: 110%;
    font-weight: bold;
}

.discussion-page .pagination span,
.discussion-page .pagination a{
    padding: 0 5px;
}

.comment-page .content-container{
    margin: 0;
    padding: 0;
}

.comment-page .notes{
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    color: #4F5864;
    padding: 0 15px 0;
    margin-top: 15px;
}

.comment-page .notes:first-child{
    margin-top: 0;
}

.comment-page .notes .ui-link{
    color: #2489ce;
}

.comment-page .notes > a{
    text-decoration: underline;
    cursor: pointer;
    display: block;
    padding: 15px 0;
    font-size: 1.17em;
    font-weight: bold;
}

.comment-page .notes:not(.shorten) > a{
    display: none;
}

.comment-page .notes.shorten > :not(a){
    display: none;
}

.comment-page .comment{
    padding: 0 15px 15px;
}

.comment-page .comment textarea{
    background-color: #fff;
    height: 75px;
}

.comment-page .comment .ui-checkbox{
    margin: 25px 4px 0 4px;
}

.comment-page .comment textarea + .ui-btn{
    margin-top: 25px;
}

.comment-page .comment .follow-discussion{
    margin: 15px 15px 0 15px;
}

/* @group Options Page
---------------------------------------------------------------------------------------- */

.option-title-text {
    margin: 0;
    max-width: 60%;
}

.ui-li .ui-btn-inner a.option-title {
    padding-bottom: 0;
    padding-top: 15px;
}

.option-purchases {
    display: block;
    font-size: 12px;
    margin-left: 15px;
    padding-bottom: 15px;
    line-height: 20px
}

.option-price {
    position: absolute;
    right: 40px;
    height: 44px;
    vertical-align: middle;
    top: 50%;
    margin-top: -20px;
    font-size: 40px;
    line-height: 40px;
}

.option-price a.ui-link {
    text-decoration: none;
    color: rgb(71, 198, 236);
}

.ui-li.option-sold-out {
    padding: 1% 0;
}

.option-title-sold-out {
    display: block;
    margin: 0;
    max-width: 60%;
    padding: 15px 15px 0 15px;
}

.option-price-sold-out {
    font-size: 20px;
    line-height: 20px;
    margin-top: -10px;
    right: 23px;
}

/* @group Purchase Page
---------------------------------------------------------------------------------------- */

#buy-continue{
    background: #FFFFFF;
}

/* Shopping Cart */

.content-container > footer.checkout-footer,
header.main-header > .checkout-header{
    height: 59px;
    overflow: hidden;
}

.content-container > footer.checkout-footer h2,
header.main-header .checkout-header h2{
    float: left;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 59px;
    padding-left: 15px;
    height: 59px;
    margin: 0;
    color: #fff;
    font-family: 'MuseoSans', Arial, sans-serif;
    text-shadow: none;
}

footer.checkout-footer .checkout-total,
.checkout-header .checkout-total{
    float: right;
    font-size: 2.3em;
    line-height: 59px;
    padding-right: 15px;
    text-shadow: none;
    font-family: 'MuseoSans', Arial, sans-serif;
    font-weight: 700;
}

.content-container > footer.checkout-footer{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 1px #456f9a;
    border-width: 1px 0;
    overflow: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 30px -15px 0 -15px;
    padding: 2px;
}

.empty-cart .empty-text{
    padding: 20px;
}
.processing-purchase {
    margin: 0 auto;
    width: 200px;
    padding: 5px;
}
.empty-cart .empty-text h3{
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #4BBFDE;
    margin: 0 0 7px;
}

.empty-cart .empty-text p {
    margin: 0 0 10px;
}

.cart-wrap{
    margin: -15px -15px 0;
    background: #FFFFFF;
}

/* moved button on reactnative app */
.cart-wrap > .purchase-as {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
}

table#cart-items{
    width: 100%;
    border: none;
    border-collapse: collapse;
}

table#cart-items tr,
table#cart-items tr td{
    border: none;
    border-collapse: collapse;
    color: #4F5864;
}

table#cart-items tr td{
    padding: 15px 0 15px 15px;
}

table#cart-items tr td.remove-cell{
    width: 18px;
}

table#cart-items tr td.image-cell{
    width: 100px;
}

table#cart-items tr td.title-info{
    vertical-align: top;
    text-align: left;
    padding-right: 15px;
}

table#cart-items tr td.title-info a{
    color: #4F5864;
    font-size: 14px;
    font-weight: normal;
    display: block;
}

table#cart-items tr td img{
    display: block;
    margin: 0px;
    padding: 0px;
}

table#cart-items tr.second-row{
    border-bottom: solid 1px #CED5DF;
    border-top: solid 1px #CED5DF;
    background: #F4F7FB;
}

table#cart-items tr.second-row td{
    padding: 7px 0 7px 15px;
    font-size: 16px;
    color: #4F5864;
}

table#cart-items tr.second-row td.qty-cell{
    position: relative;
    width: 148px;
    height: 30px;
}

table#cart-items tr.second-row td label.ui-input-text{
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    width: 50px;
    background: #FFFFFF;
    border: solid 1px #CED5DF;
    margin: 0px;
}

table#cart-items tr.second-row td div.ui-body-c{
    padding: 0;
    margin: 0;
    border: none;
}

table#cart-items tr.second-row td input.ui-body-c{
    border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
    box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
    background: #FFFFFF;
    border: none;
    height: 28px;
    width: 23px;
    padding: 0px;
    margin-left: -24px;
    margin-top: 1px;
}

table#cart-items tr.second-row td span.max-user{
    display: none;
}

table#cart-items tr.second-row td:first-child *{
    float: left;
}

table#cart-items tr.second-row td.right-option-total{
    text-align: right;
    padding-right: 15px;
}

.option-total{
    font-weight: bold;
    padding: 0 0 0 10px;
}

.gobook-cart-booking-time {
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

.gobook-right-option-total {
    padding: 0 15px;
    float: right !important;
}

.gobook-option-total{
    font-weight: bold;
    padding: 0 0 0 10px;
    float: none !important;
}

table#cart-items tr.second-row td.right-option-total:before{
    content: "Sub Total:";
}

table#cart-items tr#credit-row td,
table#cart-items tr td.cart-right{
    text-align: right;
    padding-right: 15px;
}

table#cart-items tr#credit-row td div.floatLeft{
    display: none;
}

table#cart-items tr td .button-plus{
    margin: 2px 10px 0 0;
    width: 24px;
    height: 24px;
    background: transparent url(/images/cart-plus-blue.png) left top no-repeat;
    background-size: 24px 24px;
}

table#cart-items tr td .button-plus.disabled{
    background-image: url(/images/cart-plus.png);
}

table#cart-items tr td .button-minus{
    margin: 2px 0 0 10px;
    width: 24px;
    height: 24px;
    background: transparent url(/images/cart-minus-blue.png) left top no-repeat;
    background-size: 24px 24px;
}

table#cart-items tr td .button-minus.disabled{
    background-image: url(/images/cart-minus.png);
}

#payment-form .ui-body-c,
#direct-post-form .ui-body-c{
    background: #fff;
    box-shadow: none;
}

#payment-form input.ui-body-c,
#direct-post-form input.ui-body-c{
    background: transparent;
}

#direct-post-form .ui-select .ui-btn{
    margin-right: 10px;
}

.checkout-buy{
    text-align: center;
    text-shadow: none;
    margin: 0;
    padding: 10px 0;
    background: #000000 url(/images/common/background-header-new.png) left top repeat-x;
    background-size: 1px 100%;
}

.checkout-buy > .ui-shadow{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 2px rgb(0,0,0);
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.checkout-buy > .ui-shadow > .ui-btn-inner{
    background: url(/images/buy-button.png) left top repeat-x;
    background-size: 1px 100%;
    border: 0 none;
    padding: 10px 19px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.checkout-buy > .ui-shadow > .ui-btn-inner > .ui-btn-text{
    font-size: 28px;
    font-weight: bold;
}

.bottom-checkout-buy{
    margin: 15px -15px -15px;
    padding: 0 15px;
}

.cart-right strong{
    font-weight: normal;
}

.option-total,
#credit-used-total{
    font-weight: bold;
}

#credit-used-total{
    color: green;
}

.payment-methods .ui-select .ui-btn{
    width: 45%;
    float: left;
}

li.payment-method {
    list-style-type: none;
}

.participant-details-title,
.payment-title,
.guest-title{
    margin: 40px 0 10px 0;
    color: #4F5864;
}

.accepted-payment{
    margin-bottom: 10px;
}

.payment-methods .payment-form-remember{
    margin-top: 25px;
}

.input-text-cvc2{
    width: 150px;
}

label.actual{
    float: left;
}

.payment-wrapper{
    border: 10px solid #4F5864;
    border-bottom:0px;
    padding: 10px;
    margin:0 -15px;
}

.payment-wrapper.bottom{
    border-bottom: 10px solid #4F5864;
    border-top: 0px;
}

.payment-title{
    width: 100%;
    text-align: center;
    margin: 0 auto 10px;
    display: inline-block;
}

.payment-title .secure{
    width: 25px;
    height: 25px;
    margin-right: 10px;
    display: inline-block;
    background: url(/images/common/icon-lock-24.png) center center no-repeat;
}

.dps-logo{
    text-align: center!important;
    padding: 0!important;
    margin: 5px 0 10px 0;
}

.accepted-payment{
    text-align: center;
    display: block;
    float: none;
}

.accepted-payment h4{
    margin: 0px 0 0px 0px;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.accepted-payment img{
    float: none;
    margin: 0px 0 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.pay-info{
    clear: both;
}

.payment-form{
    padding: 1em 0 0 0;
}

/* Shopping End Cart */

.purchase-details {
    width: 100%;
    text-align: left;
    margin-top: 15px;
    background: rgb(255,255,255);
    border-radius: 0 0 5px 5px;
    border: 0;
    border-collapse: collapse;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    width: 100%;
}

.purchase-details th,
.purchase-details td {
    text-align: center;
}

.purchase-details .total-row th {
    text-align: right;
    background: transparent;
    border-bottom: 0px;
}

.purchase-details th {
    font-size: 13px;
    padding: 7px 15px;
    background: rgb(253,253,253);

    background-image: -webkit-linear-gradient(top, rgb(253,253,253) 100%, rgb(238,238,238) 0%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, rgb(253,253,253) 100%, rgb(238,238,238) 0%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, rgb(253,253,253) 100%, rgb(238,238,238) 0%); /* IE10 */
    background-image:      -o-linear-gradient(top, rgb(253,253,253) 100%, rgb(238,238,238) 0%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, rgb(253,253,253) 100%, rgb(238,238,238) 0%); /* Standard, non-prefixed */

    /* IOS */
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(238,238,238)),
            color-stop(1, rgb(253,253,253))
    );

    border-bottom: solid 1px rgb(204,204,204);
}

@media all and (max-width: 330px) {
    .purchase-details th {
        padding: 7px 4px;
    }
}

.purchase-details th.total-label,
.purchase-details td.total-price {
    border-top: 1px solid #eee;
    font-weight: bold;
}

.purchase-details div.ui-btn {
    margin: 3px 5px;
}

.purchase-quantity-widget .ui-select {
    min-width: 110px;
}

.purchase-details .credit-remaining-container {
    font-weight: normal;
    font-size: 0.9em;
}

.buy-continue-container h5 {
    margin: 20px 0px 0px 0px;
    font-size: 19px;
}

.purchase-description {
    margin: 15px 0;
}

.total-label, .delivery-price-label, .credit-label {
    text-align: right;
}

th.total-label {
    font-weight: bold;
}

.payment-method label .ui-btn-text > *:first-child {
    margin-left: 0px;
    font-weight: 100;
}

.payment-method label .ui-btn-text > * {
    margin-left: 10%;
    font-weight: normal;
}

.payment-container{
    background: rgb(255,255,255);
    margin: 15px -15px;
    padding: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.9);
}

.payment-methods{
    margin: 0px;
    padding: 0px;
}

.payment-method-detail {
    font-family: monospace;
}

.payment-method-remove a.token-remove {
    display: block;
    background-image: url(common/jquery/mobile/images/icons-36-black.png);
    -moz-background-size: 864px 18px;
    -o-background-size: 864px 18px;
    -webkit-background-size: 864px 18px;
    background-size: 864px 18px;
    background-position:  -72px 50%; /* from .ui-icon-delete */
    width: 36px;
    height: 36px;
    float: right;
    margin: -10px 0 -10px 0;
    background-repeat: no-repeat;
}
.payment-method-remove img {
    display: none;
}
.payment-form .ui-controlgroup {
    min-width: 238px;
}

.payment-form .ui-select {
    width: auto;
    display: inline;
}

.payment-form .ui-controlgroup-controls {
    margin: 0px 0px 15px 5px;
}

.payment-form .form-help, .gift-form .form-help, .address-form .form-help {
    font-size: 0.8em;
    text-align: right;
}

@media all and (min-width: 450px) {
    .payment-form .form-help, .gift-form .form-help, .address-form .form-help {
        margin-right: 17%;
    }
}

div#conditions-of-sale {
    margin-bottom: 15px;
}

div#conditions-of-sale a {
    display: inline;
}

#accept-sale-terms .accept-terms-error li,
#accept-site-sale-terms  .accept-terms-error li{
    margin-bottom: 0.5em;
}

#accept-sale-terms,
#accept-site-sale-terms{
    padding: 10px 10px 10px 16px;
}

#accept-sale-terms + #accept-site-sale-terms{
    padding-top: 0;
    margin-top: -10px;
}

.subscriber-terms .small-anchor-link,
.membership-terms .small-anchor-link,
.terms-and-conditions .small-anchor-link,
.privacy-policy .small-anchor-link{
    display: none;
}

.gift-title{
    margin: 40px 0 5px 0;
}

.gift-form{
    padding: 0.5em 0 0 15px;
    border-left: 1px solid #d9d9d9;
}

.gift-form .ui-field-contain{
    border: none;
    padding: 0.4em 0;
}

.gift-form label.ui-input-text{
    margin-bottom: 0;
}

.gift-form div.ui-input-text,
.gift-form textarea.ui-input-text{
    margin: 0.5em 0;
}

#delivery-cost-total .cart-right{
    padding-bottom: 0;
}


/* @group Purchase Success Page
---------------------------------------------------------------------------------------- */

.page-buy-success .other-deals header{
    padding: 0.9em 15px 0.9em 37px;
    margin: 15px -15px 0 -15px;
    background: #C53EA6;
    color: #fff;
    position: relative;
}

.page-buy-success .other-deals.with-unlock header{
    margin-top: 0;
    border-top: 0;
}

.page-buy-success .other-deals header h4{
    font-size: 13px;
    line-height: 16px;
    margin: 0;
}

.page-buy-success .other-deals header h4 .icon-info{
    position: absolute;
    margin-top: -9px;
    top: 50%;
    left: 10px;
    width: 18px;
    height: 18px;
    background: rgba(0, 0, 0, 0.4) url(common/jquery/mobile/images/icons-36-white.png) no-repeat -538px 50%;
    -moz-background-size: 864px 18px;
    -o-background-size: 864px 18px;
    -webkit-background-size: 864px 18px;
    background-size: 864px 18px;
    border-radius: 9px;
}

.page-buy-success .other-deals header:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 22px;
    border-top: 19px solid #C53EA6;
    border-left: 18px solid transparent;
    border-right: 19px solid transparent;
    z-index: 1;
    margin-top: -1px;
}


/* @group Choose Address Page
----------------------------------------------------------------------------------------*/

.address-container .address-indicator{
    margin-bottom: 15px;
}

.address-container .address{
    border-radius: inherit;
}

.address-container .address-label{
    display: block;
}

.address-container .address-details,
.address-container .address-warning{
    display: block;
    font-weight: normal;
    margin-top: 10px;
}

/* @group Coupon Page
----------------------------------------------------------------------------------------*/

.coupon-actions ul.ui-listview:first-of-type,
.coupon-actions a.ui-btn:first-child{
    margin-top: 15px;
}

.coupon-actions .notices p{
    margin-bottom: 0;
}

.coupon-info{
    margin: 15px 0 0;
    padding: 0;
}

.coupon-image{
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0;
    margin: 0 0 15px;
    color: #4F5864;
}

.coupon-image header h4{
    display: block;
    background: url(/images/header-bar.png) left top repeat-x;
    background-size: 1px 100%;
    border: solid 1px #297182;
    border-left: 0px;
    border-right: 0px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    padding: 10px 5px;
    margin: 0;
    text-align: center;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    color: #fff;
    font-weight: bold;
}

.coupon-image > .coupon-title{
    padding: 15px;
}

.coupon-image > .coupon-title > span{
    display: block;
    font-weight: 100;
}

.coupon-image > .coupon-title > span:not(:first-child){
    padding: 10px 0 0 15px;
    font-size: 95%;
    font-weight: bold;
}

.coupon-image img{
    float: left;
    margin: 0 15px 15px 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    width: 100%;
    max-width: 440px;
}

.coupon-image > .coupon-details{
    margin: 0 15px;
}

.coupon-image > .coupon-details > div{
    overflow: hidden;
    min-width: 200px;
    padding: 15px 0 0 0;
    border-bottom: solid 1px #d9d9d9;
}

.coupon-image > .coupon-details > div:last-of-type{
    margin-bottom: 15px;
}

@media (max-width: 480px){
    .coupon-image > .coupon-details > div{
        clear: left;
    }
}

.coupon-image > .coupon-details > div > span,
.coupon-image > .coupon-details > div > time{
    float: right;
    text-align: right;
    font-weight: bold;
    max-width: 90%;
}

.coupon-image > .coupon-details > div > div{
    display: inline-block;
}

.coupon-image > .coupon-details > div > div,
.coupon-image > .coupon-details > div > span,
.coupon-image > .coupon-details > div > time{
    padding-bottom: 5px;
    font-weight: 100;
}

.coupon-info > ul{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.coupon-info .ui-li-divider{
    background: url(/images/header-bar.png) left top repeat-x;
    background-size: 1px 100%;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    border: solid 1px #297182;
    border-left: 0px;
    border-right: 0px;
}

.coupon-info > ul > li.ui-li-static{
    padding-right: 15px;
    font-weight: 100;
    border: 0;
}

.coupon-info .ui-btn-text label{
    max-width: 50%;
    float: left;
}

.coupon-info .ui-btn-text .floatRight{
    padding-right: 10px;
    color: rgb(75,193,222);
    float: right;
    max-width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
}


.coupon-page .coupon-image.code-format-qr > .coupon-title{
    padding-bottom: 0;
}

.coupon-page .coupon-image > .coupon-code > img{
    float: none;
    display: block;
    margin: 10px auto 0 auto;
    width: 100%;
    max-width: 480px;
    max-height: 480px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.coupon-page .coupon-image.code-format-qr > .coupon-code > img{
    margin-top: 0;
}

.coupon-page .coupon-image > .coupon-code > img + span{
    display: block;
    text-align: center;
    font-size: 175%;
    margin-bottom: 10px;
}

.coupon-page .coupon-image > .coupon-details > ul > li:last-child{
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-bottom-width: 0;
}

.coupon-page .coupon-image > .coupon-details > .print{
    border: none;
    padding-top: 25px;
}

.coupon-page .coupon-image > .coupon-details > .print > a{
    float: right;
    font-weight: normal;
}

.payment-confirmation ul.coupon-actions{
    margin-left: -10px;
    margin-right: -10px;
}

.payment-confirmation ul.coupon-actions li.reminder.ui-li-static{
    border-radius: 0;
}

.payment-confirmation ul.coupon-actions:last-child li.reminder{
    border-bottom-width: 0;
    border-radius: 0 0 10px 10px;
}

ul.coupon-actions{
    clear: left;
}

ul.coupon-actions li.reminder{
    padding: 0;
}

ul.coupon-actions li.reminder:last-of-type{
    border-radius: 0 0 10px 10px;
}

ul.coupon-actions li.reminder .ui-btn{
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 0;
}

ul.coupon-actions li.reminder .ui-btn-inner{
    padding: 0.7em 40px 0.7em 15px;
}

ul.coupon-actions li.reminder .reminder-btn{
    display: block;
}

.reminder-label{
    float: left;
    max-width: 50%;
    color: #2f3e46;
}

.reminder-label > .no-reminder,
.reminder-label.no-reminder > .has-reminder{
    display: none;
}

.reminder-label > .has-reminder,
.reminder-label.no-reminder > .no-reminder{
    display: inline;
}

.reminder-text{
    float: right;
    max-width: 50%;
    padding-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4bc1de;
}

.set-reminder{
    padding: 1% 10px 1% 0;
}

.set-reminder .ui-btn-icon-right .ui-icon{
    right: 10px;
}

.add-reminder-anchor{
    text-decoration: underline;
}

/* @group Error Pages
----------------------------------------------------------------------------------------*/

.error404 header h2{
    color: #4BC1DE;
    text-align: center;
}

.error404 img{
    display:block;
    margin: 0 auto 20px auto;
    max-width:100%
}

.error404 .questions{
    color: #4F5864;
    background-color: #f6f6f6;
    margin: 0 -15px 0 -15px;
    padding: 20px 15px 0 15px;
    border: 1px solid #cccccc;
}

.error404 .questions p{
    margin: 0;
    padding: 0 0 20px 0;
}

.error404 .next{
    background-color: #f6f6f6;
    margin: 0 -15px 0 -15px;
    padding: 20px 15px 20px 15px;
    border-bottom: 1px solid #cccccc;
}

.error404 .next h3{
    margin: 0;
}

.error404 .next ul{
    margin-bottom: 0;
}

.error404 .next li{
    margin: 5px 0 5px 0;
}

.error500 header h2{
    color: #4BC1DE;
    text-align: center;
}

.error500 img{
    display:block;
    margin: 0 auto 20px auto;
    max-width:100%
}

.error500 .apology{
    color: #4F5864;
    background-color: #f6f6f6;
    margin: 0 -15px 0 -15px;
    padding: 20px 15px 20px 15px;
    border: 1px solid #cccccc;
    text-align: center;
}

/* @group Forms
---------------------------------------------------------------------------------------- */

.login-form{
    padding: 10px 10px;
}

.forgot-form .ui-field-contain,
.login-form .ui-field-contain{
    padding: 0.5em 0;
    border-bottom-width: 0;
}

.login-form fieldset.ui-controlgroup{
    margin: 0;
}

.forgot-form .form-buttons{
    padding: 30px 0;
}

.login-form .form-buttons{
    padding: 0.5em 0;
}

.login-form .ui-checkbox .ui-btn{
    background-image: none;
    background-color: transparent;
    border: none;
    text-shadow: none;
    font-weight: normal;
    color: #fff;
}

.login-form .ui-checkbox .ui-btn-inner{
    padding-right: 0;
}

.login-form .ui-checkbox .ui-btn .ui-btn-text a.help-passcode{
    font-size: 80%;
    margin-left: 10px;
    text-decoration: underline;
}

.login-form .ui-checkbox .ui-btn .ui-icon{
    width: 27px;
    height: 27px;
    top: 0.9em;
    left: 5px;
    border: solid 1px rgb(0,0,0);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 0 5px rgb(0,0,0), 0 1px 1px rgba(255,255,255,0.4);
    -webkit-box-shadow: inset 0 0 5px rgb(0,0,0), 0 1px 1px rgba(255,255,255,0.4);
    -moz-box-shadow: inset 0 0 5px rgb(0,0,0), 0 1px 1px rgba(255,255,255,0.4);
    background-image: none;
}

.login-form .ui-checkbox .ui-btn .ui-icon-checkbox-off{
    background: url(/images/icon-tick-16.png) center -200px no-repeat rgb(255,255,255);
}

.login-form .ui-checkbox .ui-btn .ui-icon-checkbox-on{
    background: url(/images/icon-tick-16.png) center center no-repeat rgb(255,255,255);
    background-size: 16px 16px !important;
}

.login-form .ui-checkbox input{
    visibility: hidden;
}

.login-form .login-or{
    font-size: 125%;
    text-align: center;
    margin-bottom: 12px;
}

.login-form .login-or > span{
    display: inline-block;
    width: 100%;
    font-weight: 100;
    font-size: 18px;
    line-height: 18px;
}

.login-form .help{
    font-size: 90%;
    margin-top: 30px;
    text-align: center;
}

.login-form .help a{
    display: inline-block;
}

section.forgot-form div.ui-input-text,
section.login-form div.ui-input-text{
    padding: 0 12px 0 0;
    border: none;
}

section.forgot-form input.ui-input-text,
section.forgot-form textarea.ui-input-text,
section.login-form input.ui-input-text,
section.login-form textarea.ui-input-text{
    height: 28px;
    padding: 6px;
    line-height: 28px;
    background: rgb(255,255,255);
    border: solid 1px rgb(0,0,0);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 0 5px rgb(0,0,0), 0 1px 1px rgba(255,255,255,0.4);
    -webkit-box-shadow: inset 0 0 5px rgb(0,0,0), 0 1px 1px rgba(255,255,255,0.4);
    -moz-box-shadow: inset 0 0 5px rgb(0,0,0), 0 1px 1px rgba(255,255,255,0.4);
    outline: none;
}

.forgot-form input.ui-input-text:focus,
.forgot-form textarea.ui-input-text:focus,
.login-form input.ui-input-text:focus,
.login-form textarea.ui-input-text:focus{
    outline: none;
    border: solid 1px #4BBFDE;
    box-shadow: 0 0 5px #4BBFDE;
    -moz-box-shadow: 0 0 5px #4BBFDE;
    -webkit-box-shadow: 0 0 5px #4BBFDE;
}

.login-form .image-button-contain .ui-btn,
.login-form .facebook_connect_login_button{
    height: 50px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-bottom-right-radius: 0px;
    color: rgb(255,255,255);
    line-height: 46px;
    border: none;
    background: #01b2ee;

}

.login-form .ui-btn-text {
    font-size: 17px;
    font-weight: 300!important;
}

.login-form .facebook_connect_login_button{
    background: #6087da;
}

.login-form .image-button-contain .ui-btn > .ui-btn-inner,
.login-form .facebook_connect_login_button > .ui-btn-inner{
    padding: 0px;
    font-size: 24px;
}

.form-buttons{
    padding: 15px 0 0;
}

.form-buttons .ui-link{
    padding: 15px 0 0;
    display: block;
}

.payment-form-buttons .checkout-button .ui-btn {
    background: #01b2ee;
    color: #fff;
    border-radius: 18px;
    border-bottom-right-radius: 0;
    box-shadow: none!important;
    text-shadow: none;
    border: none;
    padding: 8px;
    font-weight: 900;
}


.payment-form-buttons .checkout-button .ui-btn .ui-btn-inner {
    padding: 6px;
}

.checkout-button .ui-btn-text {
    font-weight: 700;
    font-size: 18px;
}

.facebook-connect{
    margin: 15px 0;
    position: relative;
    background: rgba(59,89,152,1);

    background-image: -webkit-linear-gradient(top, rgb(69,97,157) 50%, rgb(59,89,152) 50%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, rgb(69,97,157) 50%, rgb(59,89,152) 50%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, rgb(69,97,157) 50%, rgb(59,89,152) 50%); /* IE10 */
    background-image:      -o-linear-gradient(top, rgb(69,97,157) 50%, rgb(59,89,152) 50%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, rgb(69,97,157) 50%, rgb(59,89,152) 50%); /* Standard, non-prefixed */

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.5, rgb(59,89,152)),
            color-stop(0.5, rgb(69,97,157))
    );

    padding: 15px;
    color: rgba(255,255,255,1);
    border: solid 1px rgb(29,59,102);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 2px rgba(255,255,255,0.2), 0 0 3px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 2px rgba(255,255,255,0.2), 0 0 3px rgba(0,0,0,1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 2px rgba(255,255,255,0.2), 0 0 3px rgba(0,0,0,1);
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.facebook-connect .facebook_login_button{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.facebook-connect .facebook_login_button a{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    text-indent: -9999px;
}

.passcode{
    display: none;
    width: 320px;
    height: 320px;
    min-height: 200px;
    max-height: 480px;
    font-size: 35px;
    overflow: hidden;
    -moz-box-shadow: 0 0 8px #333333;
    -webkit-box-shadow: 0 0 8px #333333;
    box-shadow: 0 0 8px #333333;
}

.passcode .number{
    width: 100%;
    text-align: center;
}

.passcode .number .digit{
    width: 18%;
    float: left;
    border: 1px solid black;
}

.passcode .number .digit:first-child{
    margin-left: 5%;
}

.passcode .number .digit:not(:nth-child(4)){
    margin-right: 5%;
}

.passcode .number .digit > span{
    visibility: hidden;
}

.passcode .number .notification{
    display: none;
    width: 96%;
    float: left;
    margin: 0 2% 0 2%;
    font-size: 65%;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #DC9988;
    color: rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: bold;

    -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-rox-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.2);

    background: rgb(238,204,187);
    background-image: -webkit-linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* IE10 */
    background-image:      -o-linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* Standard, non-prefixed */

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(232,187,170)),
            color-stop(1, rgb(238,204,187))
    );
}

.passcode .keypad{
    clear: left;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.passcode .keypad tr:not(:last-child){
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: black;
}

.passcode .keypad td:not(:last-child){
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: black;
}

.passcode .keypad td{
    background-color: #4F5864;
    -moz-box-shadow: inset 0 0 5px #333333;
    -webkit-box-shadow: inset 0 0 5px #333333;
    box-shadow: inset 0 0 5px #333333;
}

.passcode .keypad td:not(:last-child){
    width: 33%;
}

.passcode .keypad td a,
.passcode .keypad td a:hover{
    color: #ffffff;
    padding: 5% 0 5% 0;
    display: block;
    height: 100%;
}

.passcode .keypad td a:active{
    color: #000000;
    background-color: #dddddd;
}

.coupon-redeem-form .coupon-redeem-coupon{
    margin-bottom: 15px;
}

.redeemcode{
    display: none;
    width: 320px;
    height: 330px;
    float: left;
    min-height: 200px;
    max-height: 480px;
    font-size: 30px;
    overflow: hidden;
    -moz-box-shadow: 0 0 8px #333333;
    -webkit-box-shadow: 0 0 8px #333333;
    box-shadow: 0 0 8px #333333;
    -webkit-user-select: none;
}

.history{
    display: none;
    min-width: 200px;
    max-width: 480px;
    min-height: 38px;
    overflow: hidden;
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
    -webkit-user-select: none;
    margin-bottom: 10px;
    word-wrap: break-word;
}

.history p{
    margin: 0;
    overflow: hidden;
    padding: 9px 0 9px 0;
}

.history p.unredeem{
    padding-bottom: 0;
}

.history p.fade{
    opacity: 0.1;
}

.history p > span{
    display: block;
    padding: 0 5% 0 5%;
}

.history p > a{
    float: right;
}

.history p:not(:last-child){
    border-bottom: 1px solid #cccccc;
}

.history p.error{
    color: red;
}

.history p.notice{
    color: blue;
}

.redeemcode .title{
    width: 100%;
    text-align: center;
}

.redeemcode .title .label{
    font-size: 55%;
}

.redeemcode .title .symbol{
    display: none;
    font-size: 70%;
    vertical-align: 10%;
}

.redeemcode .title .input{
    display: inline;
    font-size: 100%;
}

.redeemcode .outer{
    position: relative;
}

.redeemcode .notification{
    opacity: 0;
    visibility: none;
    position: absolute;
    z-index: 100;
    width: 92%;
    float: left;
    margin: 0 2% 0 2%;
    padding: 2%;
    font-size: 90%;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #DC9988;
    color: rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;

    -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-rox-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.2);

    background: rgb(238,204,187);
    background-image: -webkit-linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* IE10 */
    background-image:      -o-linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, rgb(238,204,187) 0%, rgb(232,187,170) 100%); /* Standard, non-prefixed */

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(232,187,170)),
            color-stop(1, rgb(238,204,187))
    );
}

.redeemcode .keypad{
    clear: left;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.redeemcode .keypad tr:not(:last-child){
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: black;
}

.redeemcode .keypad td:not(:last-child){
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: black;
}

.redeemcode .keypad td{
    background-color: #4F5864;
}

.redeemcode .keypad td:not(:last-child){
    width: 33%;
}

.redeemcode .keypad td a{
    color: #ffffff;
    padding: 5% 0 5% 0;
    display: block;
    height: 100%;
}

.redeemcode .keypad td a.decimal{
    visibility: hidden;
}

.redeemcode .keypad td a.cancel{
    padding: 10% 0 10% 0;
}

.redeemcode .keypad td a.cancel,
.redeemcode .keypad td a.enter{
    font-size: 62%;
}

.redeemcode .keypad td a:not(.disabled):active{
    color: #000000;
    background-color: #dddddd;
}

.form-errors,
.error_list{
    margin: 0;
    padding: 0;
}



.form-errors {
    margin-bottom: 10px;
}

/* Promos */

.promo{
    border-bottom:1px solid #999;
}

.promo a, .promo .ui-btn-inner{
    padding:0px !important;
}

.promo section{
    max-width:55%;
    float:left;
    padding:10px 0px 10px 15px;
    white-space:normal !important;
    overflow:hidden;
}

.promo section.white {
    color:#fff !important;
    font-weight:bold;
    text-shadow:none;
    font-size:16px;
    line-height:18px;
}

.promo img.ui-li-thumb{
    left: 1px;
    max-height: 80px;
    max-width: 120px;
    position: relative;
}

.promo img.promo-right{
    float:right;
    margin-right:30px;
}

/* @group Subscription page
---------------------------------------------------------------------------------------- */

.unsubscribe-all-trigger-container {
    display: block;
    font-size: 87.5%;
    padding: 20px 0 10px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.unsubscribe-all {
    margin: 20px 0;
}

/* @group My Top Deals Subscription page
---------------------------------------------------------------------------------------- */

.intro{
    margin: 20px 0;
    font-size: 14px;
}

.sub-heading{
    font-size: 24px;
    font-weight: lighter;
    margin: -7px 0 10px;
    color: #4F5864;
}

.step-content{
    max-width: 600px;
    margin: 0 auto 30px;
    border: solid 1px #D9D9D9;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    border-radius: 5px;
    overflow: hidden;
    padding: 40px;
    font-size: 14px;
}

.step-content .throbber{
    display: block;
    margin: 0 auto;
}

.progress-bar-container,
.form-actions{
    margin: 20px -40px -40px;
    padding: 10px;
    background: #F6F6F6;
    border-top: solid 1px #D9D9D9;
    box-shadow: inset 0 1px 0 #FFFFFF;
    text-align: right;
    overflow: hidden;
}

.form-actions{
    margin-left: -15px;
    margin-right: -15px;
}

.progress-bar-container{
    margin: -40px -40px 20px;
    overflow: hidden;
    border-top: none;
    border-bottom: solid 1px #D9D9D9;
}

.progress-bar{
    height: 12px;
    margin: 32px 50px 12px;
    background: #D9D9D9;
    border-radius: 6px;
    position: relative;
}

.left-bar,
.right-bar{
    position: absolute;
    top: 3px;
    height: 6px;
    width: 50%;
    background: #4bc1de;
    border-radius: 6px;
}

.left-bar{ left: 4px; }
.right-bar{ right: 4px; }

.step{
    position: absolute;
    background: #D9D9D9;
    height: 36px;
    width: 36px;
    border-radius: 18px;
    margin-top: -12px;
}

.step span{
    position: absolute;
    top: -20px;
    width: 220px;
    left: -92px;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    color: #999999;
    text-shadow: 0 1px 0 #FFFFFF;
    display: none;
}

.current-step span{
    font-weight: bold;
    color: #4F5864;
    display: inline;
}

.step-active,
.step-pending{
    display: block;
    background: #4bc1de;
    height: 28px;
    width: 28px;
    margin: 4px;
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    position: relative;
    z-index: 10;
}

.step-pending{
    background: transparent;
    color: #999999;
    font-weight: normal;
}

.step-two{
    left: 50%;
    margin-left: -16px;
}

.step-three{
    right: 0px;
}

.centered{
    text-align: center;
    margin: 0;
    line-height: 120%;
}

#my-top-deals-subscriptions #my_top_deals_subscribe_site_subscription{
    -webkit-appearance: none;
    background: #FFFFFF url(/images/common/background-webkit-select.png) right 3px no-repeat;
    display: block;
    margin: 0 auto;
    border: solid 1px #D9D9D9;
    height: 38px;
    font-size: 16px;
    line-height: 28px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: inset 0 0 6px -1px #D9D9D9, 0 1px 0 #FFFFFF;
    width: 398px;
    padding-left: 10px;
}

#my-top-deals-subscriptions #my_top_deals_subscribe_site_subscription:focus{
    border: solid 1px #4BC1DE;
    box-shadow: 0 0 6px -1px #4BC1DE;
    outline: none;
}

#my-top-deals-subscriptions #categories ul{
    margin: 0 0 -10px;
    padding: 0px;
    overflow: hidden;
}

#my-top-deals-subscriptions #categories ul li{
    margin: 0px;
    padding: 0px;
    display: block;
    list-style-type: none;
    font-size: 14px;
    margin: 0 0 10px;
}

#my-top-deals-section-1,
#my-top-deals-section-2,
#my-top-deals-section-3{
    margin: 0 -20px;
}

#button-step-3 .wait-button,
#button-step-3.saving .save-button{
    display: none;
}

#button-step-3.saving .wait-button{
    display: inline;
}

.step-content{
    color: #4F5864;
    background: #fff;
    border: none;
}

.step-content .form-buttons{
    float: right;
    padding: 0px;
}

/* @group Contact Us page
---------------------------------------------------------------------------------------- */

.contact-page textarea{
    background-color: #fff;
    height: 75px;
}

/* @group Offline
---------------------------------------------------------------------------------------- */

.offline-page .content-container header{
    text-align: center;
    padding: 20px 0 15px 0;
}

.offline-page .content-container a{
    margin: 15px 5px;
}

.offline-coupons-page .globalNotification{
    padding: 15px 10px;
    color: #4F5864;
}

/* @group Gift Claim
---------------------------------------------------------------------------------------- */

.claim-confirm-page .gift-heading,
.claim-confirm-page .gift-card-heading{
    background: url("/images/common/icon-gift-48.png") no-repeat left 8px;
    padding: 20px 0 20px 60px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}

.claim-confirm-page .gift-card-heading{
    background-image: url("/images/common/icon-gimme-giftcard-48.png");
}

.claim-confirm-page .gift-message{
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    color: #4F5864;
    padding: 15px;
    margin: 0 -15px 25px -15px;
}

.claim-confirm-page ul.gift-purchases{
    list-style-type: none;
    background: #ddf7c0;
    border: 1px solid #b3c992;
    padding: 10px;
}

.claim-confirm-page li.gift-purchase{
    border-top: 1px solid #b3c992;
}

.claim-confirm-page li.gift-purchase:first-child{
    border-top: none;
}

/* @group Booking Calendar
/* @group Booking Calendar
---------------------------------------------------------------------------------------- */

.date-picker-heading{
    margin-left: 15px;
}

.date-picker{
    margin: 0 -15px;
}

.legend{
    padding: 0 15px;
    margin: -7px 0 20px 0;
    text-align: center;
    display: none;
}

@media (min-width: 320px) {
    .legend{
        display: block;
    }
}

.legend > .title{
    display: none;
}

.legend dl{
    display: inline-block;
    text-align: left;
    margin: 0;
}

.legend dl dt,
.legend dl dd{
    display: inline-block;
}

.legend dl dt{
    font-size: 14px;
    color: #999;
    margin: 0 -38px 33px 0;
    padding-left: 5px;
}

.legend dl dt.first{
    padding-left: 0;
}

.legend dl dd{
    border: solid 1px #d9d9d9;
    text-align: center;
    color: #999;
    background: #f0f0f0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 14px;
    width: 30px;
    position: relative;
    top: 26px;
    left: -21px;
    margin: 0;
}

.legend dl dd.available{
    background: #fff;
    color: #4bc1de;
    font-weight: bold;
    left: -13px;
}

.legend dl dd.selected{
    background: #4bc1de;
    color: #fff;
    font-weight: bold;
    left: -11px;
}

.legend dl dd.sold-out{
    background: #ecb;
    color: #a00;
    left: -10px;
}

.date-container{
    margin: 0 auto;
    max-width: 450px;
}

.option-title-bar{
    background: #4bc1de;
    padding: 7px 15px;
    font-size: 16px;
    line-height: 34px;
    font-weight: bold;
    color: #FFFFFF;
}

.month-nav{
    padding: 7px 5px;
    text-align: center;
}

table.date-table{
    text-align: center;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 20px;
    padding: 0px;
    width: 100%;
}

table.date-table td,
table.date-table th{
    border: solid 1px #D9D9D9;
    text-align: center;
    color: #999999;
    background: #F0F0F0;
    padding: 10px 5px;
    font-size: 14px;
}

table.date-table th{ border: none; background: #FFFFFF; }
table.date-table th:first-child{ border-left: solid 1px #D9D9D9; }
table.date-table th:last-child{ border-right: solid 1px #D9D9D9; }


table.date-table td.selectable{
    cursor: pointer;
    background: #FFFFFF;
    color: #4bc1de;
    font-weight: bold;
}

table.date-table td.sold-out{
    background: #EECCBB;
    color: #AA0000;
}

table.date-table td.selected,
table.date-table td.selected:hover{
    background: #4bc1de;
    color: #fff;
}

table.date-table td.empty{
    background: #E5E5E5;
}

.option-title-bar .btn{
    display: inline-block;
    border: none;
    background: #44C1E0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

.option-title-bar .btn-small{
    font-size: 14px;
    line-height: 24px;
    padding: 5px 10px;
}

.option-title-bar .btn-small:hover{
    color: #fff;
}

.option-title-bar .month-prev{
    float: left;
}

.option-title-bar .month-next{
    float: right;
}

.date-confirm-page .checkin-back-option,
.date-confirm-page .date-picker,
.checkin-back-cancel,
.booking-confirm{
    display: none;
}

.date-confirm-page .checkin-back-cancel,
.date-confirm-page .booking-confirm{
    display: block;
}

.checkin-details{
    background: #f6f6f6;
    color: #4F5864;
    border: 1px solid #ccc;
    padding: 15px 15px 20px;
    margin: 0 -15px 20px -15px;
}

.checkin-price-field,
.checkin-date-field{
    border-bottom: 1px solid #d9d9d9;
    padding-top: 15px;
}

.checkin-price-field{
    padding-top: 20px;
}

.checkin-price-label,
.checkin-date-label,
.checkin-price,
.checkin-date{
    display: inline-block;
    padding-bottom: 5px;
}

.checkin-price,
.checkin-date{
    font-weight: bold;
    float: right;
}

.booking-confirm .buy{
    background: #44c1e0;
    border-color: #44c1e0;
    text-shadow: none;
    color: #fff;
}

/* @group Gift Claim
---------------------------------------------------------------------------------------- */

.claim-confirm-page .gift-heading,
.claim-confirm-page .gift-card-heading{
  background: url("/images/common/icon-gift-48.png") no-repeat left 8px;
  padding: 20px 0 20px 60px;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: capitalize;
}

.claim-confirm-page .gift-card-heading{
  background-image: url("/images/common/icon-gimme-giftcard-48.png");
}

.claim-confirm-page .gift-message{
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  color: #333;
  padding: 15px;
  margin: 0 -15px 25px -15px;
}

.claim-confirm-page ul.gift-purchases{
  list-style-type: none;
  background: #ddf7c0;
  border: 1px solid #b3c992;
  padding: 10px;
}

.claim-confirm-page li.gift-purchase{
  border-top: 1px solid #b3c992;
}

.claim-confirm-page li.gift-purchase:first-child{
  border-top: none;
}

/* @group GoBook Calendar
---------------------------------------------------------------------------------------- */

.gobook-date {
    display: inline-block;
    font-family: ChunkFiveRoman,Arial,sans-serif;
    font-weight: lighter;
    font-size: 200%;
    padding: 20px 0 10px 0;
    cursor: pointer;
}

.gobook-cal-icon {
    background: url("/images/icon-calendar.png") no-repeat 0px 0px;
    background-size: 18px 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 18px;
    height: 18px;
}

.gobook-time-item {
    border: none;
}

.gobook-time-item > .ui-btn-inner {
    padding: 0;
}

.gobook-time-item .ui-btn-inner a.ui-link-inherit {
    padding: 0.8em 40px 0.8em 15px;
}

.gobook-time {
    font-size: 200%;
    float: left;
    color: #fff;
    background: #47c6ec;
    padding: 0.4em 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.gobook-desc {
    margin-left: 110px;
}

.gobook-option {
    min-height: 2.6em;
}

.gobook-option-title {
    display: block;
    text-align: right;
    white-space: normal;
}

.gobook-see-more {
    background: #599837;
    background-image: -webkit-linear-gradient(top, #69a24a 48%, #599837 48%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #69a24a 48%, #599837 48%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #69a24a 48%, #599837 48%); /* IE10 */
    background-image:      -o-linear-gradient(top, #69a24a 48%, #599837 48%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #69a24a 48%, #599837 48%); /* Standard, non-prefixed */
    border-color: #30521e;
    border-radius: 26px;
    margin: 2px 0;
    color: #fff;
    line-height: 50px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    display: inline-block;
    font-size: 1.8em;
    text-decoration: none;
    padding: 0 20px;
}

.datepicker {
    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 100;
    opacity: 1;
}

.datepicker.hide {
    pointer-events: none;
    opacity: 0;
}

.gobook-content {
    position: relative;
    min-height: 380px;
}

.datepicker-title {
    margin: 0 0 30px 10px;
}

.datepicker {
    display: none;
}

.datepicker.supported {
    display: block;
}

.picker {
    margin: 30px auto;
    max-width: 310px;
}

.picked-date {
    display: block;
    font-size: 150%;
    font-family: ChunkFiveRoman,Arial,sans-serif;
    font-weight: lighter;
    margin: 0 0 15px 10px;
}

.picker-wheel {
    display: inline-block;
    text-align: center;
    max-width: 100px;
    width: 33%;
    color: #4F5864;
    background: #f6f6f6;
    border-radius: 0.5em;
    font-size: 200%;
    font-weight: bold;
    overflow: hidden;
}

.picker-plus,
.picker-minus {
    height: 1.8em;
    background: #ccc;
    padding-top: 0.4em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.picker-val-wrap {
    position: relative;
    overflow: hidden;
    height: 1.8em;
}

.picker-val {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    pointer-events: none;
}

.picker-opt {
    list-style-type: none;
    line-height: 1.8em;
    height: 1.8em;
    margin: 0;
    padding: 0;
}

.picker-opt.disable {
    display: none;
}

.picker-done {
    margin-top: 45px;
    box-shadow: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.picker-done > .ui-btn-inner {
    font-size: 125%;
    text-shadow: none;
}

/* @group GoBook Option
---------------------------------------------------------------------------------------- */

.gobook-qty-company {
    margin-bottom: 5px;
}

.gobook-qty-title {
    margin-top: 0;
}

label.gobook-qty-label {
    float: left;
    font-weight: bold;
    line-height: 3em;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span.gobook-qty-select {
    float: right;
    color: #4bc1de;
    max-width: 100%;
    overflow: hidden;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 150%;
}

.gobook-qty-option .ui-btn {
    background: transparent;
    -webkit-border-radius: none;
    border-radius: none;
    box-shadow: none;
    border: none;
    margin: 0;
}

.gobook-qty-list.ui-listview {
    margin-bottom: 30px;
}

/* @group GoBook Payment
---------------------------------------------------------------------------------------- */

.participant-option {
    margin-bottom: 0.3em;
    line-height: 1.4em;
}

.participant-title {
    width: 10%;
    min-width: 125px;
    display: inline-block;
}

.participant-name {
    width: 80%;
    min-width: 310px;
    display: inline-block;
    vertical-align: top;
}

.participant-first-name,
.participant-last-name {
    width: 45%;
    min-width: 150px;
    display: inline-block;
}

.participant-title {
    margin-bottom: -0.5em;
}

.participant-title.form-row-error {
    margin-bottom: 0;
}

/* @group Compound Option
---------------------------------------------------------------------------------------- */

.superselect-selector {
    margin-bottom: 6px;
    border: 1px solid #eee;
    font-weight: bold;
}

.superselect-disabled {
    display: none;
}

.superselect-selected .superselect-title {
    cursor: pointer;
    color: #444;
    background-color: #DAF3F9;
    font-weight: normal;
}

.superselect-selected .superselect-title::before {
    content: "✔";
    display: block;
    float: left;
    margin-right: 12px;
    color: #358a9e;
}

.superselect-selected .superselect-title::after {
    content: "edit";
    display: block;
    float: right;
}

.superselect-selected .superselect-options {
    display: none;
}

.superselect-title {
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    background-color: #4bc1de;
    padding: 10px;
    margin: 0;
}

.superselect-options {
    background-color: #fff;
}

.superselect-option {
    font-size: 16px;
    line-height: 32px;
    padding: 10px;
    cursor: pointer;
    color: #2f3e46;
}

.superselect-option:nth-child(even) {
    background-color: #f6f6f6;
}

.superselect-option.selected {
    background-color: #DAF3F9;
}

.compound-form {
    position: relative;
}

.compound-option-buy {
    background: #111;
    background-image: -webkit-linear-gradient(top, #3C3C3C 0%, #111 100%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #3C3C3C 0%, #111 100%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #3C3C3C 0%, #111 100%); /* IE10 */
    background-image:      -o-linear-gradient(top, #3C3C3C 0%, #111 100%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #3C3C3C 0%, #111 100%); /* Standard, non-prefixed */
    height: 80px;
    overflow: hidden;
    margin: 30px -15px 0 -15px;
    display: none;
}

.compound-option-price {
    display: none;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    float: right;
    line-height: 80px;
    padding-right: 15px;
}

.compound-form.has-price .compound-option-price {
    display: block;
}

.compound-form .buy-button{
    padding: 12px 15px;
    border: 1px solid #333;
    border-width: 0 0 0 1px;
}

@media (min-width: 600px){
    .compound-form .buy-button{
        padding-right: 10%;
    }
}

.compound-form .ui-submit {
    background: #599837;
    background-image: -webkit-linear-gradient(top, #69a24a 48%, #599837 48%); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #69a24a 48%, #599837 48%); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #69a24a 48%, #599837 48%); /* IE10 */
    background-image:      -o-linear-gradient(top, #69a24a 48%, #599837 48%); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #69a24a 48%, #599837 48%); /* Standard, non-prefixed */
    border-color: #30521e;
    border-radius: 26px;
    display: none;
    margin: 0;
}

.compound-form .sold-out-button,
.compound-form .ui-submit {
    line-height: 50px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.compound-form .sold-out-button .ui-btn-inner,
.compound-form .ui-submit .ui-btn-inner {
    padding: 0.2em 20px;
    overflow: visible;
}

.compound-form .sold-out-button .ui-btn-text,
.compound-form .ui-submit .ui-btn-text {
    display: block;
    font-size: 1.8em;
}

.compound-form.get-price .compound-option-buy,
.compound-form.get-price .ui-submit {
    display: block;
}

/* @group April Fools
---------------------------------------------------------------------------------------- */

.page-container.page-fool{
    background: url("/images/common/fools/april-fool-bkg.jpg") no-repeat left top;
    background-size: cover;
}

.fool-header{
    margin: 0 -15px;
    padding: 45px 15px 15px 15px;
}

.fool-title{
    font-family: ChunkFiveRoman, Arial, sans-serif;
    background: #49c2f1;
    color: #fff;
    font-size: 200%;
    font-weight: lighter;
    padding: 4px 10px;
}

.fool-summary{
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 85%;
    display: inline-block;
    padding: 8px 10px;
    margin-top: 4px;
    white-space: normal;
}

.fool-content{
    margin: 0 -15px;
    text-align: center;
}

.fool-block-1,
.fool-block-2{
    margin: 15px auto 0 auto;
    display: inline-block;
    max-width: 600px;
}

@media (max-width: 480px){
    .fool-block-1,
    .fool-block-2{
        display: block;
    }
}

.fool-notes,
.fool-footage{
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    color: #4F5864;
    padding: 0 15px 0;
    margin-bottom: 15px;
}

.fool-notes{
    text-align: left;
}

.mobile-deal-share.fool-share{
    background: none;
    text-align: center;
}

.mobile-deal-share.fool-share .facebook-share,
.mobile-deal-share.fool-share .facebook-share:hover,
.mobile-deal-share.fool-share .facebook-share:visited{
    background: url(/images/common/fools/fool-social-buttons.png) 0px -69px no-repeat;
    background-size: 490px 134px;
    padding: 8px 0px 8px 55px;
    font-size: 18px;
    width: 190px;
    height: 46px;
    line-height: 46px;
    box-shadow: none;
    border: none;
}

.mobile-deal-share.fool-share .facebook-share:active{
    background-position: -245px -69px;
}

.fool-footage{
    text-align: center;
    padding: 10px;
}

.fool-footage-title{
    font-family: ChunkFiveRoman,Arial,sans-serif;
    font-size: 25px;
    color: #192164;
    display: block;
    margin-bottom: 10px;
}

.video-link{
    display: block;
    font-size: 0;
}

.mobile-deal-share a.to-real-deals,
.mobile-deal-share a.to-real-deals:hover,
.mobile-deal-share a.to-real-deals:visited{
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    background: #4fcff2;
    padding-left: 15px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}

.mobile-deal-share a.to-real-deals:active{
    background-color: #464646;
}

/* @group Claim Your Credit
---------------------------------------------------------------------------------------- */

.page-container.theme-dark.redemption-page {
    color: #ddd;
}

.redemption-title,
.redemption-user {
    color: #fff;
}

.redemption-form {
    margin: 45px 0;
    color: #fff;
}

.redemption-form-title {
    text-align: center;
}

.redemption-note {
    text-align: center;
    color: #ddd;
}

/* @group Age Check
---------------------------------------------------------------------------------------- */

.dialog-container {
    display: none;
}

.dialog-buttons {
    margin-top: 40px;
}

.age-check-adult {
    margin-bottom: 15px;
}

/* @group Shopping Cart
---------------------------------------------------------------------------------------- */

.page-with-cart:not(.scroller-jquery):not(.no-footer) > section.content-container{
    padding-bottom: 95px;
}

.page-with-cart > footer{
    background: transparent;
    left: auto;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border: none;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}

.page-with-cart > footer.show-cart{
    opacity: 1;
    z-index: 1;
}

.page-with-cart:not(.scroller-jquery) > footer{
    position: fixed;
    bottom: -320px;
    right: 0;
    padding-bottom: 320px;
    -webkit-transition: top 300ms linear;
    -moz-transition: top 300ms linear;
    -o-transition: top 300ms linear;
    transition: top 300ms linear;
    z-index: 1;
}

.cart-button {
    background: rgba(0,0,0,0.4) url(/images/icon-cart-128.png) center center no-repeat;
    background-size: 64px 64px;
    border-radius: 32px;
    display: block;
    height: 64px;
    width: 64px;
}

.buy-bar >.cart-button {
    float: right;
    margin: 10px 15px 0;
    display: none;
}

footer.show-cart >.buy-bar >.cart-button {
    display: block;
}

@media (min-height: 320px){
    .page-with-cart.scroller-static > footer{
        display: none;
    }
}

@media (max-height: 320px){
    .page-with-cart > footer{
        display: none;
    }
}

/* @group Face value
---------------------------------------------------------------------------------------- */
.facevalue-logo {
    display: inline-block;
}

.face-intro {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 30px;
}

.face-intro h1, .face-intro h2 {
    color: #4F5864;
}

.face-intro h1 {
    font-size: 22px;
}

.face-intro h2 {
    font-size: 16px;
}

.face-title-root{
    display: inline-block;
    width: 230px;
    vertical-align: top;
    margin-top: 30px;
}

.face-title {
    color: #4F5864;
    font-size: 18px;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
    display: inline-block;
}

.face-sub-title {
    clear: both;
    color: #4F5864;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

.facevalue p {
    color: #4F5864;
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding: 0 10px 0 0;
    font-weight: normal;
}

.facevalue h3 {
    margin: 0px 0px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #4F5864;
    line-height: 20px;
    padding-top: 5px
}

ol.face-points li span{
    color: #4F5864;
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding: 0 40px 0 0;
    font-weight: normal;
}
ol.face-points{
    color: #D9D9D9;
    font: 20px/1.4 Arial, 'Liberation Sans',FreeSans,sans-serif;
    font-weight: bold;
    margin: 0px 0px 30px;
}

.face-blue-box {
    background: #4F5864;
    padding: 1px 10px 1px;
    margin-bottom: 10px;
}

.face-blue-box p {
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
}

ul.face-list li span {
    color: #4F5864;
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding: 10px 10px 5px 0;
}

.face-list {
    background: #f3f3f3;
    border: 1px solid #dddddd;
    padding: 10px 30px 10px;
}

.grabone-guarantee-terms p {
    margin-bottom: 8px;
}

/* @group Sliding Menu
---------------------------------------------------------------------------------------- */
[class^="icon-"], [class*=" icon-"] {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-shadow: none !important;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.grabone-experience:before {
    font-family: 'goicons';
    content: "\e600";
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

#mobile-sliding-menu a.active .grabone-icon.grabone-experience {
    color: #44c7ee;
}

.grabone-store:before {
    font-family: 'goicons';
    content: "\e601";
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

#mobile-sliding-menu a.active .grabone-icon.grabone-store {
    color: #f26522;
}

.grabone-escapes:before {
    font-family: 'goicons';
    content: "\e602";
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

#mobile-sliding-menu a.active .grabone-icon.grabone-escapes {
    color: #d9d9d9;
}

.grabone-bottle:before {
    font-family: 'goicons';
    content: "\e603";
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

#mobile-sliding-menu a.active .grabone-icon.grabone-bottle {
    color: #c4da7f;
}

.grabone-book:before {
    font-family: 'goicons';
    content: "\e604";
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

#mobile-sliding-menu a.active .grabone-icon.grabone-book  {
    color: #e85640;
}

.grabone-retailpromos:before {
    font-family: 'goicons';
    content: "\e605";
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

#mobile-sliding-menu a.active .grabone-icon.grabone-retailpromos {
    color: #83b6bc;
}

.grabone-ourpicks:before {
    font-family: 'goicons';
    content: "\e606";
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

#mobile-sliding-menu a.active .grabone-icon.grabone-ourpicks {
    color: #E80683;
}

.grabone-location:before {
    font-family: 'map-target';
    content: "\e600";
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

#mobile-sliding-menu a.active .grabone-icon.grabone-location {
    color: #44c7ee;
}

.sliding-menu .sliding-menu-section-title{
    width: 100%;
    font-weight: 100;
    padding: 9px 10px 4px 12px;
    background-color: #3D3D3D;
    color: #D8D8D8;
    font-size: 15px;
}

.sliding-menu > .ui-panel-inner {
    padding: 0;
}

.sliding-menu.transition-enabled > .ui-panel-inner
{
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -moz-transition:    -moz-transform 0.25s ease-in-out;
    transition:         transform 0.25s ease-in-out;
}

.sliding-menu ul {
    padding: 0;
    margin:  0;
}

.sliding-menu .ui-select > div{
    border: none;
}

.sliding-menu .arrow-separator {
    display: inline-block;
    height: 47px;
    position: absolute;
    right: 50px;
    top: 35px;
    border-left: #bbb 1px solid;
    z-index: 1;
}

.sliding-menu-area-selector .down-arrow {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    border-top: 12px solid #bbbbbb;
    border-right: 9px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 9px solid transparent;
    vertical-align: middle;
    position: absolute;
    top: 52px;
    right: 15px;
    z-index: 1;
}


.sliding-menu .ui-controlgroup-vertical{
    margin: 0;
}

.sliding-menu .ui-body-a,
.ui-overlay-a, .ui-btn-up-a {
    background-image: none;
    height: 54px;
    line-height: 32px;
    text-align: left;
    padding-left: 76px;
    background-color: rgb(238, 238, 238);
    color: rgb(102, 102, 102);
    text-shadow: none;
    box-shadow: none;
}

.grabone-icon {
    color: #BBBBBB;
    padding: 0;
    width: 32px !important;
    height: 32px !important;
    font-style: normal;
    font-size: 30px;
    display: inline-block;
    overflow: hidden;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: top;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-shadow: none;
}

.sliding-menu-map-section > .sliding-menu-btn {
    background-color: #4BBFDE;
}

.sliding-menu-map-section .grabone-location {
    color: #fff;
}

.sliding-menu-map-section .sliding-menu-btn .sliding-menu-text {
    color: #fff;
    text-shadow: none;
}

.sliding-menu-text {
    color: #4F5864;
    padding: 0;
    font-style: normal;
    font-weight: 100;
}

.sliding-menu-sub-btn{
    text-align: left;
    padding-left: 50px;
}

.sliding-menu-sub-btn .sliding-menu-text{
    color: #999;
    font-size: 14px;
}

.my-carts-verticals .sliding-menu-btn
{
    line-height: 30px;
    padding-left: 79px;
}

.my-carts-verticals .sliding-menu-sub-btn .sliding-menu-text
{
    padding-left: 18px;

}

.my-carts-verticals .sliding-menu-sub-btn{
    background-color: #fff;
    background-image: inherit;
    margin-left: 20px;
    margin-right: 20px;
}


.sliding-menu-btn {
    line-height: 30px;
    text-align: left;
    padding-left: 42px;
    border: 1px;
    height: 54px;
    background-image: none;
}
.sliding-menu-btn.ui-btn.ui-btn-up-c.ui-shadow.ui-btn-corner-all
{
    margin-bottom: 0px;
}


.sliding-menu-area-section > .sliding-menu-area-selector
{
    padding-top: 0px;
}

.sliding-menu-area-section > .sliding-menu-area-selector > .area-select-dropdown
{
    width: 100%;
    line-height: 1.5;
    border: 0;
    border-radius: 0;
    height: 54px;
    -webkit-appearance: none;
    text-align: center;
    font-size: 16px;
    color: #4F5864;
    font-style: normal;
    font-weight: 100;
    padding-left: 15px;
    background-color: #eee;
}

.sliding-menu-account-section .sliding-menu-btn{
    padding-left: 79px;
}

.sliding-menu-account-section .down-arrow {
    margin: 0px 0px 2px 7px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    border-top: 10px solid #bbbbbb;
    border-right: 7px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: 7px solid transparent;
    vertical-align: middle;
}

.sliding-menu-settings-section .sliding-menu-btn{
    padding-left: 79px;
}


/* @group New Footer Default
---------------------------------------------------------------------------------------- */
.main-footer{
    height:             55px;
    width:              100%;
    background-color:   #1F1F1F;
    position:           fixed;
    left:               0;
    bottom:             0;
    z-index:            1;
    text-align:         center;
    box-shadow:         0px 11px 9px 9px rgb(24, 19, 19);
}

.main-footer > .footer-primary > .footer-item{
    display:    inline-block;
    float:      left;
    text-align: center;
    /* Change this depending on how many items, 4 = 25% ...etc*/
    width:      33.3%;
}

.main-footer > .footer-primary > .footer-item span{
    font-size:  30px;
    display:    block;
    margin:     3px 0 -10px 0;
}

.main-footer > .footer-primary > .footer-item a{
    font-weight:        100;
    text-decoration:    none;
    color:              #BBBBBB;
    font-size:          12px;
}

.main-footer > .footer-primary > .footer-item > .footer-cart-list{

    position:   absolute;
    top:        50px;
    right:      0;
    text-align: center;
    width:      35%;
    display:    none;
}

.main-footer > .footer-primary > .footer-item > .footer-cart-list.expand{
    top:     -150px;
    display: block;
}

.main-footer > .footer-primary > .footer-item > .footer-cart-list > .footer-cart-list-item{
    background-color: #1F1F1F;
    height:           30px;
}

.main-footer > .footer-primary > .footer-item > .footer-cart-list > .footer-cart-list-item span{
    color:       #BBBBBB;
    margin:      0 auto;
    font-size:   15px;
    height:      100%;
    padding-top: 5px
}

.main-footer > .footer-primary > .footer-item i.has-cart-item{
    position: absolute;
    margin: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #F54040;
    opacity: 0;
}

.main-footer.show-cart > .footer-primary > .footer-item i.has-cart-item{
    opacity: 1;
}

.footer-secondary {
    position: fixed;
    width: 100%;
    height: 35px;
    background: white;
    border: 1px solid lightgray;
    z-index: 1;
    bottom: 0px;
    left: 0px;
}

.footer-secondary > .footer-item.active{
    border-bottom: 4px solid #2aa2f2;
    -moz-box-sizing:    border-box;
    -moz-box-shadow:    inset 0px -2px 0px 0px #2aa2f2;
    box-shadow:         inset 0px -2px 0px 0px #2aa2f2;
}

.footer-secondary-container {
    position: fixed;
    top: 120px;
    right: 0;
    left: 0;
    background-color: white;
    overflow: auto;
    display: none;
    z-index: 1;
}

.footer-secondary-container.expandLeft {
    right: 80px;
    display: block;
}

.footer-secondary-container.expandRight {
    left: 80px;
    display: block;
}

.footer-secondary-container .footer-secondary-refine-price{
    font-size: 18px;
    color: #555;
    border-bottom: 1px solid #ccc;
    font-weight: 100;
    padding-left: 10px;
    padding-right: 10px;
}

.footer-secondary-container .footer-secondary-refine-price .rangeslider-cover{
    position: absolute;
    right: 10px;
    top: 30px;
}

.footer-secondary-container > .footer-secondary-list .footer-secondary-clear.active:first-of-type + .footer-secondary-refine-price .rangeslider-cover{
    top: 70px;
}

.footer-secondary-container > .footer-secondary-view-deals {
    position:           absolute;
    bottom:             0px;
    z-index:            1;
    width:              100%;
    text-align:         center;
    background-color:   #2aa2f2;
    height:             45px;
    line-height:        45px;
    border:             1px solid #ccc;
}

.footer-secondary-container > .footer-secondary-view-deals a {
    color: white;

}

.footer-secondary-container > .footer-secondary-list {
    border: 1px solid lightgray;
    margin-top: 10px;
    padding: 0;
    /*transform:          translate3d(0,0,0);*/
    /*-webkit-transform:  translate3d(0,0,0);*/
    /*-moz-transform:     translate3d(0,0,0);*/
}

.footer-secondary-container > .footer-secondary-list .filter-clear-button{

    text-decoration: none;
    color: #4F5864;
    background: #f3f3f3;
    border: 1px solid lightgray;
    display: inline-block;
    border-radius: 3px;
    text-shadow: none;
    width: 93%;
    height: 32px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 100;
}

.footer-secondary-container > .footer-secondary-list .footer-secondary-clear{
    display: none;
}

.footer-secondary-container > .footer-secondary-list .footer-secondary-clear.active{
    display: inline-block;
}


.footer-secondary-container > .footer-secondary-list .footer-secondary-list-item,
.footer-secondary-container > .footer-secondary-list .footer-secondary-show-bottle-deals
{
    background: white;
    width: 100%;
    min-width: 280px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 10px;
    list-style-type: none;
    border-bottom: 1px solid #ccc;

}

.footer-secondary-container > .footer-secondary-list .footer-secondary-list-item > a,
.footer-secondary-container > .footer-secondary-list .footer-secondary-show-bottle-deals > a
{
    color: #555;
    text-decoration: none;
    font-size: 18px;
    font-weight: 100;
}

.footer-secondary-container > .footer-secondary-list .footer-secondary-list-item .footer-secondary-list-item-checkbox,
.footer-secondary-container > .footer-secondary-list .footer-secondary-show-bottle-deals .footer-secondary-list-item-checkbox
{
    float: right;
    font-size: 18px;
    line-height: 2;
    padding-right: 18px;
    display: none;
}

.footer-secondary-container > .footer-secondary-list .footer-secondary-list-item .footer-secondary-list-item-checkbox.check,
.footer-secondary-container > .footer-secondary-list .footer-secondary-show-bottle-deals .footer-secondary-list-item-checkbox.check
{
    display: block;
}



.footer-secondary > .footer-item{
    display:            inline-block;
    float:              left;
    text-align:         center;
    width:              49.5%;
    line-height:        2;
    color:              rgb(76, 76, 76)!important;
    font-weight:        100;
    text-decoration:    none;
    border-right:       1px solid #BABABA;
}

.footer-secondary > .footer-item.footer-item-refine {
    border-right:       0;
}


/* @group New Footer Deal Page
---------------------------------------------------------------------------------------- */

.footer-buy-bar > .footer-buy-button > .buy{
    margin: 0;
}
.footer-buy-bar > .footer-buy-button > .buy > a {
    width: 30%;
    min-width: 120px;
    height: 55px;
    float: right;
    background: rgba(101, 184, 56, 1);
    min-width: 120px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    text-decoration: none;
    color: white;
    font-size: 25px;
    line-height: 55px;
}

.deal-page .main-footer .remaining {
    float: left;
    margin: 0;
    padding: 5px 8px 3px 10px;
    border: 0;
    border-width: 0 0px 0 0;
    background-color: rgb(18, 18, 18);
    color: rgb(171, 171, 171);
}

.main-footer .remaining span.remaining-label{
    margin-bottom: 5px;
    display: block;
}

.main-footer .remaining span.countdown-label{
    font-size: 70%;
    font-weight: 100;
    text-shadow: none;
    display: block;
    padding: 0 0 2px;
    margin-bottom: 0;
    text-align: left;
}

.main-footer .countdown {
    text-align: left;
    font-size:  14px;
    color:      gray;
}

.main-footer .count-down-item{
    display: inline-block;
    width: 25px;
    height: 0.6em;
    background: none;
    background-image: none;
    padding: 5px 0px 5px 0px;
    margin: 0 0px 0 0;
    font-size: 100%;
    text-align: center;
    line-height: 70%;
    font-weight: 100;
    color: rgb(171, 171, 171);
    border-radius: 0;
    overflow: hidden;
}


.main-footer .countdown-text span{
    display:        inline-block;
    text-align:     left;
    text-shadow:    none;
    font-size:      60%;
    width:          23px;
    padding:        0;
    vertical-align: text-top;
    font-weight:    100;
    margin-top:     -4px;
}


.main-footer .countdown-last{
    margin: 0;
}

.main-footer .footer-price-display{
    width: 100%;
    line-height: 57px;
    text-align: center;
}

.main-footer .footer-price-value{
    text-decoration: line-through;
    font-weight: 100;
    font-size: 15px;
    color: rgb(119, 119, 119);
}

.main-footer .footer-price-now{
    font-size: 25px;
    font-weight: 100;
    color: #FFFFFF;
}

.icon-cart:before {
    font-family: 'grabone-footer-icon';
    content: "\e60e";
}
.icon-coupon:before {
    font-family: 'grabone-footer-icon';
    content: "\e60c";
}
.icon-tick-1:before {
    font-family: 'grabone-footer-icon';
    content: "\e613";
}
.icon-tick-2:before {
    font-family: 'grabone-footer-icon';
    content: "\e612";
}
.icon-tick-3:before {
    font-family: 'grabone-footer-icon';
    content: "\e611";
}

.main-footer > .footer-primary > .footer-item span.icon-cart {
    font-size: 29px;
    margin-bottom: -4px;
}

.main-footer > .footer-primary > .footer-item span.icon-coupon {
    font-size: 25px;
    margin-bottom: -3px;
    padding-top: 3px;
}

span.count-down-item::after {
    content: ":";
    margin-left: 3px;
}

span.count-down-item.countdown-last::after {
    content: "";
    margin-left: 8px;
}


/* trumps */

section.forgot-form input.ui-input-text, section.forgot-form textarea.ui-input-text, section.login-form input.ui-input-text, section.login-form textarea.ui-input-text, .login-form .ui-checkbox .ui-btn .ui-icon {
    box-shadow: none;
    border: none;
}

#guest-account-wrapper {
    margin-bottom: 18px;
}

/* @group Map Search
---------------------------------------------------------------------------------------- */

.map-search-wrapper.fullscreen{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
}

.map-search-wrapper.fullscreen.filter-active{
    overflow: auto;
}

.e-card-image, .card-image {
    margin: 0 auto;
    text-align: center;
    max-width: 300px;
}
#redemption_form label, #e_giftcard_redemption_form label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
}
#redemption_form label span, #e_giftcard_redemption_form label span {
    font-size: 70%;
    font-weight: normal;
    display: inline-block;
}

/* e-gift claim on checkout page */
.redeem-empty-value-warning {
    display: none; 
    color: #AF1B0A;
  }
  
  .redeem-section-row {
    margin: 4px 0;
  }
  
  .redeem-section-col {
    padding: 3px 30px !important;
  }
  
  .redeem-title {
    font-size: 16px;
  }
  
  .redeem-description {
    width: 36%;
  }
  
  .redeem-input-extra {
    text-transform: uppercase; 
    height: 26px !important; 
  }
#login-to-redeem {
    display: none;
}
.login-to-redeem {
    font-size: 20px;
    margin: 15px auto;
    display: none;
}
#login-frame-wrapper, #register-frame-wrapper {
    border-top: solid 1px #CED5DF;
}
#login-frame-wrapper {
    margin-top: 10px;
    padding-top: 10px;
}
.form-row-error div.ui-input-text,
.form-row-error div.ui-select .ui-btn
{
    border-color: #FF0000;
}
#cart-error-block {
    padding: 10px 10px 0 10px;
    background: #f9f9f9;
    border: solid 1px #CED5DF;
    border-radius: 10px;
    border-bottom-right-radius: 0;
}

#cart-error-block {
    margin: 20px 0 0 0;
    border: 1px solid #AF1B0A;
}
#cart-error-block ul {
    padding-left: 0;
}
#cart-error-block li {
    list-style: none;
    color: #AF1B0A;
}
#cart-address-wrapper p.globalNotification {
    background: #f9f9f9;
    border: none;
}