/* CORE */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type='number'] {
    -moz-appearance: textfield;
}

.pointer:hover {
    cursor: pointer;
}

#editImageMobile {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: grey;
    z-index: 3000;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 20px;
}

    #editImageMobile i {
        font-size: 54px;
        border: 1px dashed #ccc;
        padding: 3px;
    }

    #editImageMobile a {
        padding: 17px 0;
        width: 100%;
    }

#uploadMobileImage {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5000;
    background-color: white;
}

.topHalfMobile {
    position: fixed;
    height: 65%;
    z-index: 3001;
    top: 0;
    left: 0;
    background-color: white;
    border-bottom: 2px solid black;
    width: 100%;
}

.bottomHalfMobile {
    position: fixed;
    padding-top: 8px;
    height: 35%;
    z-index: 3001;
    top: 65%;
    left: 0;
    background-color: #eee;
    width: 100%;
}

#insideMobileTextEditor {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #edd;
    overflow-y: visible overflow-x: hidden;
    z-index: 15000;
    border-bottom: 5px solid black;
}

#upload-file-container, #upload-file-container-inside {
    cursor: pointer;
    text-align: center;
}

.zero-font {
    font-size: 0;
}

.login-text {
    float: left;
    max-width: 80%;
}

.login-button {
    float: left;
    padding: 10px;
}

.login-div {
    display: inline-block;
    float: left;
}

#upload-file-container input, #upload-file-container-inside input {
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    min-height: 140px;
    width: 100%;
}

#despatchDetails {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
}

.middle-modal {
    position: relative;
    margin-top: 10%;
    background-color: #e8e8e6;
}

.editcontainer canvas {
    position: absolute;
    top: 0;
    left: 0;
}

html {
    overflow-x: hidden;
}

body {
    font-family: "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;
    letter-spacing: 1px;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.container {
}

hr {
    background-color: #ABADB0;
    clear: both;
    height: 1px;
    margin: 10px auto;
}

a:hover, a:focus {
    color: inherit;
    text-decoration: none;
}

.three-column {
    width: 33.3333%;
    float: left;
}

.three-middle-column {
    padding: 0 15px;
}

.no-pad {
    padding: 0 !important;
}

.no-pad-l {
    padding-left: 0;
}

.no-pad-r {
    padding-right: 0;
}

.no-marg {
    margin: 0 !important;
}

.no-marg-left {
    margin-left: 0 !important;
}

.no-shadow {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.button-white {
    padding: 5px;
    text-align: center;
}

    .button-white > a {
        border: 1px solid white;
        color: white;
        padding: 8px 6px;
        font-size: 70%;
    }

.iphone-account {
    margin-top: 8px;
    margin-bottom: 8px;
}

.nbr {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

input {
    width: 100%;
}

.vam {
    vertical-align: middle;
    display: table-cell;
}

.vab {
    vertical-align: bottom;
    display: table-cell;
}

@font-face {
    font-family: 'segoeScript';
    src: url('/assets/fonts/segoe_script.eot');
    src: local('☺'), url('/assets/fonts/segoe_script.woff') format('woff'), url('/assets/fonts/segoe_script.ttf') format('truetype'), url('/aseets/fonts/segoe_script.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.display-table {
    display: table;
}

.table-cell {
    display: table-cell !important;
}

.hidden-text {
    visibility: hidden;
}

.height190 {
    height: 190px;
}

.visible-text {
    visibility: visible;
}

.default-cursor {
    cursor: default !important;
}

.tac {
    text-align: center;
}

.in-edit {
    border: 3px dashed red !important;
    border-bottom: 3px dashed red;
    padding: 8px;
}


.auto-height {
    height: auto !important;
}

.full-height {
    height: 100%;
}

/**** FOR SCROLL BAR ON MAC OS ****/

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    border: 2px solid #000;
}

::-moz-scrollbar {
    -moz-appearance: none;
    width: 7px;
}

::-moz-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5);
    border: 2px solid #000;
}

/* NAV */

html {
    overflow-x: hidden;
}

.navbar {
    position: relative;
    z-index: 2;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-bottom: 0;
    border: 0;
}

ul.wide-6 li {
    width: 16.6667%;
}

ul.wide-5 li {
    width: 20%;
}

.navbar li a {
    color: #FFFFFF;
    font-family: "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.relative, .top {
    position: relative;
}

.absolute {
    position: absolute;
    top: 0;
    left: 0;
}

.user-info {
    padding: 0 15px;
    position: absolute;
    right: 15px;
    top: -7px;
    height: 59px;
}

    .user-info li:first-child {
        /*	margin-right: 25px; */
    }

    .user-info li {
        margin-top: 8px;
    }

.fa-user, .fa-heart, .fa-shopping-cart {
    color: #FFFFFF;
    font-size: 32px;
}

.navbar i {
    margin-top: 8px;
}

.text-white {
    color: #ffffff;
}

.text-green {
    color: rgba(232,197,225,1);
}

.my-account-container i.fa-user:hover, .fa-heart:hover, .fa-shopping-cart:hover {
    color: rgba(232,197,225,1);
}

.my-account-container, .user-info-container {
    float: left;
}

.slide-active .user-info {
    display: none !important;
}

.my-account-container span, .user-info-container span {
    display: block;
    font-size: 11px;
    line-height: 14px;
    text-align: right;
    text-transform: uppercase;
}

.my-account-text, .basket-text {
    margin: 10px 10px 0 0;
}

.search-below-nav {
    position: relative;
    margin-top: 25px;
}

    .search-below-nav i.glyphicon-search {
        color: #A9A9A9;
        font-size: 26px;
        left: 28px;
        position: absolute;
        top: 21px;
        cursor: pointer;
    }

    .search-below-nav .form-group.below-nav {
        width: 100%;
    }

.navbar-form {
    padding: 0;
}

.search-below-nav .navbar-form input {
    background-color: /*#E8E8E6; */rgba(237,237,237,1);
    color: black;
    border: medium none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 20px;
    height: 52px;
    padding: 0 0 0 56px;
    width: 100%;
}

.navbar-nav li.dropdown:first-child {
    margin-top: 1px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    text-decoration: none;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-nav .dropdown ul {
    padding: 10px 0;
}

.container.relative h3 {
    color: #FFFFFF;
    display: none;
    float: left;
    font-size: 22px;
    margin: 14px 0 0 10px;
    text-transform: uppercase;
}

.collapse {
    display: block;
}

.dropdown-menu {
    border-top: 0;
    box-shadow: none;
}

    .dropdown-menu li {
        display: inline-block;
        width: 175px;
    }

        .dropdown-menu li a:hover {
            background-color: transparent;
        }

.positioned {
    position: absolute;
    padding: 0;
}

    .positioned li {
        width: auto;
    }

@media (max-width: 992px) {

    .carat:after {
        content: "\25BC";
        float: right;
        font-size: 13px;
        padding-left: 10px;
    }

    .dropdown.open span.carat:after {
        content: "\25b2";
        float: right;
        font-size: 13px;
    }
}

.dropdown li {
    padding: 0 12px;
}

.navbar-collapse {
    padding-left: 0;
}

.breadcrumb {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 30px;
    padding: 10px 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

    .breadcrumb a {
        color: #000000;
        font-size: 20px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

        .breadcrumb a.crumb:before {
            content: ">\0000a0";
            padding-left: 5px;
        }

        .breadcrumb a.crumb:first-child:before {
            content: "";
        }

        .breadcrumb a.crumb:hover {
            text-decoration: none;
        }

        .breadcrumb a.crumb:last-child:after {
            content: "";
        }

.desktop a.crumb {
    font-size: 20px;
}

/* HOME */

.container-fluid.ng-scope {
    padding: 0 15px;
}

.boxes {
}

.home-box div {
    margin-bottom: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

    .home-box div div {
        padding: 0;
    }

.home-box img {
    width: 100%;
}

.boxes .container-fluid {
    padding-right: 0;
}

.boxes .col-sm-2.box {
    background-color: #CACACA;
    height: 150px;
    margin-bottom: 15px;
    width: 23.9%;
}

.boxes .col-sm-offset-1 {
    margin-left: 1.4%;
}

.hide-container {
    display: none;
}

/* CARDS */

.breadcrumb, .size, .quantity, .size-quantity label {
    font-family: "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;
    font-weight: 700;
}

.size-quantity-price {
    margin-bottom: 15px;
}

    .size-quantity-price .form-control {
        padding: 8px 5px;
        font-size: 12px;
    }

    .size-quantity-price label {
        font-size: 16px;
        letter-spacing: 1px;
    }

.divide-left {
    border-left: 1px solid #C4C4C4;
}

.size-quantity label {
    font-size: 16px;
    letter-spacing: 1px;
}

.size-quantity .dropdown .selected, .dropdown li {
    font-size: 14px;
}

.quantity {
    clear: both;
}

input#quantity {
    text-align: center;
}

.form-horinzontal {
    position: relative;
}

.form-horizontal span.card-size {
    border-bottom: 1px solid;
    font-family: "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;
    font-size: 10px;
    font-weight: 400;
    left: 16px;
    line-height: 11px;
    position: absolute;
    top: -21px;
}

p.cost {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 0;
}

.med-text p {
    font-size: 32px;
}

p.pp {
    clear: both;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.touch {
    background-color: #E8E8E6;
    display: table;
    height: 70px;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
}

    .touch p {
        display: table-cell;
        font-size: 16px;
        height: 52px;
        letter-spacing: 1px;
        line-height: 48px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        width: 100%;
    }

.touch-mlt p {
    display: table-cell;
    font-size: 13px;
    height: 52px;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}

.cardimgeditcontainer {
    margin-bottom: 15px;
}

.card-number {
    overflow: hidden;
}

    .card-number .number-of {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .card-number .number-of div {
            background-color: #E8E8E6;
            height: 60px;
        }

            .card-number .number-of div p {
                font-size: 20px;
                letter-spacing: 1px;
                margin: 15px 0 0;
                text-align: center;
                text-transform: uppercase;
            }

    .card-number a.previous, .card-number a.next {
        background-color: #E8E8E6;
        color: #383636;
        font-size: 35px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6px;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .card-number .the-number {
        border-left: 8px solid #fff;
        border-right: 8px solid #fff;
    }

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: none;
    z-index: 10000;
}

#loading {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
}

.card-image {
    background-color: #E8E8E6;
    padding-top: 10px;
    margin-bottom: 15px;
}

    .card-image img, .edit-card-inner, .upload-photo-inner {
        background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        padding: 20px;
        width: 100%;
    }

.cardimg-no-bg {
    padding: 0 !important;
}

.editcontainer {
    position: relative;
    top: 0;
}

.edit {
    /* border: 5px solid rgba(232,197,225,1); */
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

.editNoBorder {
    /* border: 5px solid transparent; */
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

/*.edit div, .edittxt div, .editNoBorder div {
    background-color: rgba(232,197,225,1);
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

    */

.greendiv {
    background-color: rgba(232,197,225,1);
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

.overflow-hide {
    overflow: hidden;
}



.edit img, .edittxt img, .editNoBorder img {
    width: auto;
    height: auto;
    box-shadow: none !important;
    background: none;
    padding: 0;
}

.edittxt {
    border: 5px solid rgba(232,197,225,1);
    bottom: 4%;
    height: 20%;
    left: 5%;
    position: absolute;
    width: 90%;
}

    .edittxt div {
    }
/*
.cardText {
    font-size: 26px;
    color: white;
    text-align: center;
    white-space: pre-wrap;
} */

.add-text {
    display: block;
    padding: 15px 38px;
    color: #383636;
    margin-bottom: 15px;
    border: 1px solid #383637;
    clear: both;
}

    .add-text p {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        overflow: hidden;
    }

.apply-to-all {
    background-color: #e8e8e6;
    padding: 10px 0;
    margin-bottom: 15px;
}

    .apply-to-all p {
        text-align: center;
        text-transform: uppercase;
        margin: 0;
        color: #a9a9a9;
    }

    .apply-to-all.active p {
        color: #333333;
    }

    .apply-to-all i {
        color: #a9a9a9;
    }

    .apply-to-all.active i {
        color: #3EA859;
    }

.fa-check-circle {
    color: #38A654;
    font-size: 21px;
}

.exit p {
    margin: 0;
}

.photo-upload .exit, .text-editor .exit, .modal-header .exit {
    background-color: #383636;
    padding: 10px;
    margin-bottom: 15px;
}

.photo-upload p, .text-editor {
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.photo-upload img.your-photo {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

a.upload-photo, a.change-photo {
    border: 1px solid #383636;
    display: block;
    padding: 10px 38px;
    margin-bottom: 15px;
}

    a.upload-photo p, a.change-photo p {
        color: #383636;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 0;
    }

    a.upload-photo .fa-caret-right {
        color: #383636;
    }

.min-max-rotate {
    margin-bottom: 10px;
    overflow: hidden;
}

p.rotate {
    color: #383535;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.letter-spacing {
    letter-spacing: 1px;
}

p.rotate-min, p.rotate-max {
    color: #383535;
    letter-spacing: 1px;
}

    p.rotate-min:after, p.rotate-max:after {
        content: '\00b0';
    }

img.instructions {
    margin: 15px auto;
}


/* CARD CATEGORY */

.no-border {
    border-bottom: 0;
    margin-bottom: 0;
}

.filter-container {
    border-bottom: 1px solid #383637;
    border-top: 1px solid #383637;
    float: left;
    width: 100%;
}

.filter-dropdown i {
    font-size: 20px;
}

ul.filter {
    clear: both;
    float: left;
    padding: 10px 0;
    margin: 0;
}

ul.filter-sort li.active {
    background: transparent !important;
    text-decoration: underline;
}

#filterSelect {
    border-bottom: 1px solid #383637;
    border-top: 1px solid #383637;
    float: left;
    width: 100%;
}

    #filterSelect:hover {
        cursor: pointer;
    }

    #filterSelect.mobile {
        border: 1px solid #383637;
        padding: 5px 10px;
    }

.filter-container.mobile ul.filter {
    border: 1px solid #000000;
    float: none;
    overflow: hidden;
    padding: 10px 0;
}

    .filter-container.mobile ul.filter li {
        width: 100%;
        clear: both;
        margin-bottom: 0;
        padding: 5px 5px 5px 10px;
    }

        .filter-container.mobile ul.filter li:last-child {
            margin-bottom: 0;
        }

        .filter-container.mobile ul.filter li i.fa-times {
            float: right;
        }

        .filter-container.mobile ul.filter li + li {
            margin: 0;
        }

ul.filter li {
    float: left;
    list-style: none;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px 2px 5px 5px;
    font-size: 12px;
    letter-spacing: 1px;
}

    ul.filter li.active {
        background: none repeat scroll 0 0 rgba(232,197,225,1);
    }

        ul.filter li.active i.fa-times {
            color: #FFFFFF;
            font-size: 12px;
            font-weight: 700;
            margin-top: 3px;
        }

    ul.filter li + li {
        margin-left: 38px;
    }

    ul.filter li.first {
    }

    ul.filter li.second {
        margin-left: 25px;
    }

    ul.filter li.third {
        margin-left: 26px;
    }

ul.filter.mobile {
    clear: both;
    float: left;
    width: 100%;
}

    ul.filter.mobile li {
        width: 25%;
    }

        ul.filter.mobile li + li {
            margin: 0;
        }

.card-column {
    float: left;
    overflow: hidden;
    width: 49%;
}

    .card-column + .card-column {
    }

.bannerbox {
    margin-bottom: 15px;
}

.card-box-container.mobile .card-boxes .floated-box {
    width: 100%;
    margin-bottom: 10px;
}

    .card-box-container.mobile .card-boxes .floated-box + .floated-box {
        margin-left: 0;
    }

.card-boxes {
}

    .card-boxes .floated-box {
        display: table;
        position: relative;
        table-layout: fixed;
        width: 100%;
    }

        .card-boxes .floated-box .box {
            display: table-cell;
            padding: 15px;
            vertical-align: middle;
            width: 100%;
        }

            .card-boxes .floated-box .box img {
                box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
                -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
                -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
                margin-left: auto;
                margin-right: auto;
                max-height: 100%;
            }

        .card-boxes .floated-box .overlay {
            position: absolute !important;
            width: 100%;
            top: 0;
            left: 0;
            display: none;
            padding: 0;
        }

.cardboxbg {
    background-color: #E8E8E6;
}

.cardboxtrans {
    background-color: transparent;
}

.bannerbox > .floated-box > .box {
}

.block {
    display: block !important;
}

.zoomed-inner {
    position: relative;
}

.close-zoom {
    background-color: #000000;
    color: #FFFFFF;
    font-weight: 700;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: -30px;
}

.zoomed-container.none {
    display: none;
}

.zoomed-container.table {
    display: table;
}

.zoomed-container {
    background-color: #E8E8E6;
    z-index: 20;
    border: 5px solid rgba(232,197,225,1);
    position: absolute;
    display: none;
    padding: 20px;
}

    .zoomed-container.top {
        top: -470px;
        left: -60px;
    }

    .zoomed-container.right {
        right: -420px;
    }

    .zoomed-container.left {
        left: -420px;
    }

    .zoomed-container.bottom {
        top: 350px;
        left: -60px;
    }

.zoomed-inner {
    display: table;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.table190 {
    display: table;
    height: 190px;
}
/*
.box-container:hover .zoomed-container {
    display: table;
}

*/
.zoomed-card {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

    .zoomed-card img {
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        padding: 15px 0;
        display: block;
    }

.bannerbox .floated-box .box img {
    max-height: none;
}

.card-boxes .floated-box .new, .card-boxes .floated-box .bestseller {
    color: #FFFFFF;
    font-weight: 700;
    padding: 4px 14px;
    position: absolute;
    text-transform: uppercase;
    z-index: 5;
}

.new {
    background-color: rgba(232,197,225,1);
}

.bestseller {
    background-color: #f74763;
}

.back-to-top {
    background: url("/assets/back-to-top.png") repeat scroll 0 0 transparent;
    bottom: 100px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 10px;
    position: fixed;
    right: 0;
    text-transform: uppercase;
    z-index: 9999;
}

.adult-filter {
    background: url("/assets/back-to-top.png") repeat scroll 0 0 transparent;
    top: 100px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 10px;
    position: fixed;
    right: 0;
    text-transform: uppercase;
    z-index: 9999;
}

    .back-to-top i.fa-arrow-up {
        font-size: 15px;
    }

    .back-to-top:hover {
        color: #fff;
        text-decoration: none;
    }

.card-hover {
    bottom: 0;
    height: 330px;
    left: 0;
    position: absolute;
    width: 100%;
    right: 0;
}

.text-outer-container {
    display: table;
    height: 100%;
    width: 100%;
}

.card-hover-contain {
    width: 23.8% !important;
}

.card-hover .text-container {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px;
}

.card-hover p {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.favourite-mobile .lg-btn {
    width: 100%;
    margin-bottom: 0;
    font-size: 12px;
}

.favourite {
    background: url("/assets/fav-bg.png") repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 0;
    position: absolute;
    width: 100%;
    display: none;
}

    .favourite a {
        color: #ffffff;
    }

    .favourite span {
        display: inline-block;
        float: left;
        font-size: 13px;
        padding: 5px 0;
        text-align: center;
        width: 50%;
    }

        .favourite span:first-child {
            border-right: 2px solid #FFFFFF;
        }

        .whichAddress {
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: bold;
        }

        .delivery-address .active {
            text-decoration: underline;
            text-decoration-color : rgba(232,197,225,1);
            -moz-text-decoration-color: rgba(232,197,225,1);
        }

.filter-dropdown select {
    font-size: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    width: 100%;
}

.load-more {
    background-color: #14BFF4;
    clear: both;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}

    .load-more p {
        margin: 0;
    }

/* CREATE CARD */

.card-tabs {
    clear: both;
}

    .card-tabs ul {
        padding: 0;
        margin: 0;
    }

        .card-tabs ul .numbers {
            overflow: hidden;
            width: 9000px;
        }

        .card-tabs ul .numbers-outer {
            overflow: hidden;
        }

        .card-tabs ul li {
            background-color: #CCCCC9;
            border-radius: 0 0 5px 5px;
            border-top: 10px solid #FFFFFF;
            color: #383636;
            list-style: none outside none;
            padding: 10px;
            text-align: center;
            cursor: pointer;
            display: table;
            min-height: 60px;
        }

            .card-tabs ul li p {
                display: table-cell;
                vertical-align: middle;
            }

            .card-tabs ul li:first-child {
                margin-left: 0;
            }

            .card-tabs ul li.active {
                background-color: #E8E8E6;
                border-top: 10px solid #E8E8E6;
            }

        .card-tabs ul span {
            float: left;
            margin-top: 12px;
        }

.many {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-top: 0 none;
    margin-left: 5px;
    margin-top: 10px;
    padding: 3px 5px;
    width: 26px;
}

.create-container {
    background-color: #e8e8e6;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px;
    width: 100%;
}

.create-container.pinkback {
 /*   background-color: rgba(232,197,225,1); */
}

.white {
    color: white!important;
}

.answer img {
    width: 100%;
    max-width: 600px;
}

.question h3,  .pageContent a, .pageContent h1 {
    color: dodgerblue;
}


.pageContent a {
    font-size: 90%;
    text-decoration: underline;

}

.pageContent li {
    list-style-type:none;
}

.pageContent input:not([type="submit"]), .pageContent textarea {
    border: none;
    border-right: 5px solid #eee;
    color: dodgerblue;
    font-size: 140%;
    
}

.pageContent input[type="submit"] {
    margin-top: 10px;
}

textarea {
    font-size: 140%;
}

.fa-thumbs-up {
    color: dodgerblue;
}

::-webkit-input-placeholder {
    color:     dodgerblue;
}
:-moz-placeholder {
    color:    dodgerblue;
}
::-moz-placeholder {
    color:     dodgerblue;
}
:-ms-input-placeholder {
    color:    dodgerblue;
}



    .create-container img {
        width: 100%;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

    .create-container .cards-breadcrumb {
        margin-bottom: 15px;
        padding: 0;
        width: 100%;
    }

.upArrow {
    display: none;
}

.create-container .cards-breadcrumb ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.purple {
    color: rgba(232,197,225,1);
}

    .create-container .cards-breadcrumb ul li {
        background-color: #D8D8D3;
        color: #FFFFFF;
        float: left;
        letter-spacing: 1px;
        list-style: none outside none;
        padding: 0 8px;
        text-transform: uppercase;
    }

        .create-container .cards-breadcrumb ul li.active {
            background-color: rgba(232,197,225,1);
            color: #000000;
        }

        .create-container .cards-breadcrumb ul li.blank {
            background-color: #E8E8E6;
            color: #000000;
            margin: 0 0 0 5px;
        }

        .create-container .cards-breadcrumb ul li.back {
            color: #383637;
            background-color: transparent;
            margin-right: 25px;
            cursor: pointer;
        }

            .create-container .cards-breadcrumb ul li.back a {
                color: #383637;
                cursor: pointer;
            }

        .create-container .cards-breadcrumb ul li .fa-caret-right {
            font-size: 18px;
        }

.middle-column, .right-column {
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
    padding: 10px 0px;
}

    .middle-column label, .middle-column .price span {
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: capitalize;
        font-weight: 700;
        float: left;
    }

    .middle-column select {
        letter-spacing: 1px;
        padding: 2px;
        text-transform: uppercase;
        width: 100%;
    }

    .middle-column .col-lg-4 input {
        width: 100%;
    }

    .middle-column .size-container {
        margin-bottom: 15px;
        overflow: hidden;
    }

    .middle-column .quantity-container {
    }

    .middle-column .quantity {
        float: left;
        clear: both;
    }

    .middle-column .size {
        margin-bottom: 15px;
    }

.size input {
    width: 100%;
}

.middle-column span.update-price, .middle-column span.card-size {
    color: #383636;
    font-size: 12px;
    text-align: right;
    text-decoration: underline;
    font-weight: 400;
    display: block;
    margin-top: 10px;
}

.middle-column span.card-size {
    margin-top: 0;
    text-align: left;
    text-transform: capitalize;
}

.middle-column .price-container {
    margin-bottom: 15px;
    overflow: hidden;
    float: left;
}

    .middle-column .price-container .price {
        margin-top: 23px;
    }

        .middle-column .price-container .price span {
        }

.middle-column .the-price span {
    display: block;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: right;
}

.lg-btn {
    display: block;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
}

.green-btn {
    background-color: rgba(232,197,225,1);
}

.grey-btn {
    background-color: #A9A9A9;
}

.transparent-btn {
    background-color: transparent;
    border: 1px solid #383637;
    color: #383637 !important;
}

.lg-btn:hover {
    color: #000;
}

.lg-btn a, a.lg-btn {
    color: #000;
    display: block;
    padding: 10px;
}

.add-text {
    color: #383636;
    font-size: 18px;
    padding: 10px 20px;
    text-align: center;
    letter-spacing: 1px;
}

.card-details h3 {
    text-decoration: underline;
}

p.or {
    background: url("/assets/social-line.jpg") repeat-x scroll 0 13px transparent;
    text-align: center;
    margin-bottom: 15px;
}

    p.or span {
        background: none repeat scroll 0 0 #FFFFFF;
        font-size: 18px;
        padding: 0 15px;
    }

.add-text p {
}

.add-to-basket {
    color: #000;
    background-color: rgba(232,197,225,1);
    border: none;
    display: block;
    margin-bottom: 15px;
}

    .add-to-basket p {
        margin: 0;
        text-transform: uppercase;
    }

.basket-edit-container {
    margin: 5px 0 10px 0;
    overflow: hidden;
}

.right-column {
    background: transparent;
    padding: 0;
}

.white-container {
    background-color: #FFFFFF;
    overflow: hidden;
}

.right-column .live-basket h2 {
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.right-column .edit-contents span, .coupon span {
    color: #383636;
    display: block;
    font-size: 12px;
    margin-top: 12px;
    text-align: right;
    text-decoration: underline;
}

.right-column .edit-contents span {
    cursor: pointer;
}

.edit-contents a {
    color: #383637;
}

.coupon span {
    display: inline-block;
    margin-top: 12px;
    cursor: pointer;
}

p.everything {
    border-bottom: 1px solid #ABADB0;
    border-top: 1px solid #ABADB0;
    font-size: 13px;
    padding: 10px 0;
    margin-bottom: 0;
}

.products {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.products-inner {
    border-bottom: 1px solid #ABADB0;
    margin: 10px 0;
}

    .products-inner:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

.product-single-container + .product-single-container {
    margin-top: 10px;
}

.product-single-container .remove-price {
    display: table;
    height: 100px;
    vertical-align: middle;
    cursor: pointer;
}

    .product-single-container .remove-price p {
        color: #383636;
        display: table-cell;
        letter-spacing: 1px;
        text-transform: uppercase;
        vertical-align: middle;
    }

.product-single-container .remove-price-outer {
    margin-bottom: 10px;
}

.product-single-container .remove-price p i.fa-trash-o {
    font-size: 18px;
}

.product-single-container label {
    font-size: 18px;
    font-weight: 400;
    text-align: right;
}

.product-single {
    background-color: #E8E8E6;
    display: table-cell;
    height: 115px;
    padding: 5px 0;
    vertical-align: middle;
}

.product-single-live-basket {
    padding: 5px 15px;
}

.product-single img {
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.basket-price-container {
    display: table;
    height: 100px;
    vertical-align: middle;
    width: 100%;
}

    .basket-price-container p {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

.prepay-container-left {
}

.prepay-price-quantity {
    float: left;
    margin-bottom: 15px;
}

    .prepay-price-quantity .pay-container-inner {
        width: 100%;
    }

    .prepay-price-quantity .you-pay, .we-credit {
        clear: both;
        float: none !important;
        margin-left: 0 !important;
    }

    .prepay-price-quantity a.add.add-basket {
        display: block;
        height: 47px;
        line-height: 46px;
        margin: 5px 0;
    }

    .prepay-price-quantity .you-pay {
        margin: 5px 0;
        overflow: hidden;
    }

.you-pay {
    margin-bottom: 5px;
}

.below-basket .pay-container span {
    position: absolute;
    right: 0;
    top: 0;
}

.prepayBalancePriceQuantity {
    border-top: 1px solid #ABADB0;
    margin-top: 10px;
    overflow: hidden;
    padding-top: 10px;
}

.remove-prepay {
    margin-right: 32px;
    cursor: pointer;
}

.coupon {
    margin: 10px;
    padding: 0 10px;
    overflow: hidden;
    border-top: 1px solid #ABADB0;
}

    .coupon input {
        background: none repeat scroll 0 0 #E8E8E6;
 
        height: 30px;
        padding: 0 10px;
        text-transform: uppercase;

    }

.total-price {
    border-bottom: 1px solid #ABADB0;
    border-top: 1px solid #ABADB0;
    clear: both;
    overflow: hidden;
    padding: 20px 0;
    margin-bottom: 15px;
}

    .total-price span.total {
        display: block;
        margin-left: 20px;
    }

    .total-price span.total, .total-price span.price {
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }

.free-delivery {
    border-bottom: 1px solid #ABADB0;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-bottom: 15px;
}

    .free-delivery p {
        color: black;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 0;
    }

.free-delivery-info {
    background-color: #A9A9A9;
    color: #FFFFFF;
    padding: 5px 15px;
    text-align: center;
    display: block;
    font-size: 18px;
}

    .free-delivery-info:hover {
        color: #fff;
    }

    .free-delivery-info.personalise {
        padding: 10px;
        margin-bottom: 15px;
    }

.advisory {
    color: #a630bd;
    letter-spacing: 1px;
    font-size: 14px;
}

    .advisory p {
        margin-bottom: 15px;
    }

.prepay p {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 13px;
}

.dropdown-add {
    margin-bottom: 10px;
    overflow: hidden;
}

    .dropdown-add select {
        width: 110%;
        margin-top: 1px;
        letter-spacing: 1px;
        padding: 5px 0;
    }

    .dropdown-add a, a.add {
        background-color: rgba(232,197,225,1);
        color: #000;
        font-size: 16px;
        font-weight: 700;
        margin-right: 0;
        padding: 5px 10px;
        position: relative;
        text-align: center;
    }

        a.add.add-basket {
            float: none;
            font-weight: normal;
            padding: 1px 10px;
            width: auto;
        }

.prepay-balance {
    border-top: 1px solid #383637;
    float: left;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
}

    .prepay-balance > .col-xs-6 {
        text-align: center;
    }

    .prepay-balance .prd-sng-delete, .delete {
        float: right;
        font-size: 14px;
        font-weight: 400;
    }

    .prepay-balance .display-table {
        height: 54px;
    }

.prepay-in-basket {
    clear: both;
}

.total-prepay {
    margin-bottom: 0;
}

.pay-container {
    clear: both;
}

.pay-container-inner {
    background-color: #E8E8E6;
    float: left;
    padding: 10px;
    width: 100%;
}

    .pay-container-inner h2 {
        font-size: 27px;
        margin: 0;
        text-align: center;
    }

.prepay-description {
    font-size: 14px;
}

.you-pay, .we-credit {
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: 40px;
}

    .you-pay p {
        float: left;
        margin-right: 10px;
    }

.we-credit {
}

.prepayInput {
    border: 1px solid #000000;
    padding: 3px;
    text-align: center;
    width: 60px;
    float: left;
}

.prepayOutput {
    text-align: center;
}

.prepay-basket a.add {
    background-color: #A9A9A9;
    float: right;
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    margin: 15px 0;
    padding: 5px 15px;
}

    .prepay-basket a.add:hover {
        background-color: rgba(232,197,225,1);
    }

.more-info {
    font-size: 12px;
    margin-top: 4px;
    text-align: right;
    cursor: pointer;
}

.dropdown-add a:hover {
    text-decoration: none;
}

.grid-9 {
    margin: 0 auto;
    width: 90%;
}

.arrow-control {
    position: absolute;
    top: 165px;
    width: 100%;
}

    .arrow-control .fa-chevron-left, .arrow-control .fa-chevron-right {
        font-size: 50px;
        font-weight: 400;
        cursor: pointer;
    }

    .arrow-control .fa-chevron-left {
        left: -38px;
        position: absolute;
    }

    .arrow-control .fa-chevron-right {
        right: -38px;
        position: absolute;
    }

.also-like h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 30px;
}

.also-like-boxes-container {
    overflow-x: hidden;
}

.also-like-boxes-container-inner {
    width: 1900px;
}

    .also-like-boxes-container-inner .col-md-3 {
        width: 219px !important;
    }

.also-like .boxes {
    margin-bottom: 25px;
    overflow: hidden;
}

    .also-like .boxes .pull-left {
        background: none repeat scroll 0 0 #E8E8E6;
        display: table;
        height: 260px;
        table-layout: fixed;
    }

        .also-like .boxes .pull-left:last-child {
            margin-right: 0;
        }

.also-like .box-outer {
    display: table;
    height: 260px;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

.also-like .box {
    display: table-cell;
    padding: 5px 0;
    vertical-align: middle;
}

    .also-like .box img {
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
        margin-left: auto;
        margin-right: auto;
        width: 150px;
    }

.editable .edit-card p, .editable .other-cards p {
    font-family: 'vag-handwrittenregular';
    font-size: 40px;
    line-height: 50px;
    text-align: right;
}

.editable .edit-card img, .editable .other-cards img {
    width: auto;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.editable .edit-card img {
    left: 45px;
    position: absolute;
    top: 52px;
}

.editable .other-cards img {
    bottom: -115px;
    left: 25px;
    position: absolute;
}

.editable .edit-card {
    left: -60px;
    position: relative;
    width: 100%;
}

.other-cards {
    bottom: -260px;
    left: -10px;
    position: absolute;
    width: 100%;
}

a.edit-prev {
}

a.edit-prev, a.edit-next {
    border: 1px solid #404648;
    color: #404648;
    display: block;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

    a.edit-prev.muted, a.edit-next.muted {
        border: 1px solid #CCCCC9;
        color: #CCCCC9;
    }

ul.pagination {
}

.lg-btn2 {
    display: block;
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 10px 0px;
    width: 100%;
    border: 1px solid #404648;
}

ul.pagination li {
    display: inline-block;
}

    ul.pagination li + li {
        margin-left: 5px;
    }

.pagination > li > a, .pagination > li > span {
    background-color: #E8E8E6;
    border: medium none;
    color: #383637;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #CCCCC9;
}

.pagination > li > a, .pagination > li > span {
    width: 40px;
}

.pagination li:first-child span {
    width: auto;
}

.create-left-side {
    width: 33.3333%;
    float: left;
}

.create-right-side {
    float: right;
    position: relative;
    width: 66.6667%;
    padding: 0 15px;
}

.add {
    float: right;
    width: 100%;
}

    .add .basket:hover {
        background: rgba(232,197,225,1);
        display: block;
        width: 100%;
        height: auto;
    }

.basket, .text {
    float: right;
    font-size: 16px;
    height: auto;
    letter-spacing: 1px;
    margin-right: 2.3%;
    padding: 10px 0px;
    text-align: center;
    width: 30%;
}

.text-fill {
    width: 100% !important;
    font-size: 13px !important;
}

.add .basket {
    background: none repeat scroll 0 0 rgba(232,197,225,1);
    color: #FFFFFF;
}

.add .text {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #3E3C3C;
    color: #3E3C3C;
    display: inline-block;
}

.no-fixed-height {
    height: auto;
}

.edit-text p {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.edit-text-container {
    background-color: #FFFFFF;
    padding: 15px;
}

.input-container {
    position: relative;
    width: 100%;
}

    .input-container input, .input-container textarea {
        border: 1px solid #383636;
        font-size: 18px;
        height: 40px;
        letter-spacing: 1px;
        padding: 0 15px;
        width: 100%;
    }

    .input-container textarea {
        height: 120px;
    }

    .input-container + .input-container {
        margin-top: 10px;
    }

    .input-container a {
        background-color: #A9A9A9;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        color: #FFFFFF;
        font-size: 12px;
        height: 30px;
        line-height: 10px;
        padding: 10px 8px;
        position: absolute;
        right: 8px;
        top: 5px;
    }

        .input-container a i.fa-times {
            font-size: 20px;
            margin-top: -5px;
        }

.remaining-chars {
    color: #383636;
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 6px;
    text-decoration: underline;
}

.edit-finish {
    float: right;
    width: 100%;
}

.apply {
    border: 1px solid #A9A9A9;
    color: #A9A9A9;
    padding: 5px 15px 6px 15px;
    letter-spacing: 1px;
    font-weight: 700;
    float: right;
    background-color: #fff;
}

    .apply i, .apply-block i {
        color: #A9A9A9;
        font-size: 14px;
    }

.apply-block {
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    color: #A9A9A9;
    display: block;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
    padding: 5px 15px 6px;
    text-align: center;
    width: 100%;
}

.finish {
    background-color: rgba(232,197,225,1);
    color: #000;
    font-weight: 700;
    letter-spacing: 1px;
    margin-left: 2%;
    padding: 5px 20px;
    float: right;
    border: 1px solid rgba(232,197,225,1);
}

.apply:hover {
    color: #A9A9A9;
}

.finish:hover {
    color: #fff;
}

.apply:hover, .finish:hover {
    text-decoration: none;
}

.card-container {
    background-color: #FFFFFF;
    float: left;
    width: 100%;
}

.card-container, .text-editor {
    position: relative;
    padding: 20px 15px 15px 15px;
}

.close {
    background-color: #000000;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    color: #FFFFFF;
    float: none;
    line-height: normal;
    opacity: 1;
    padding: 1px 5px;
    position: absolute;
    right: -8px;
    text-shadow: none;
    top: -10px;
}

    .close:hover {
        opacity: 1;
        color: #ffffff;
    }

.card-container-left {
    margin-right: 2%;
    width: 48%;
    padding: 5px 0;
}

.card-container-right {
    border-left: 1px solid #000000;
    height: 100%;
    overflow: hidden;
    padding-left: 2%;
    position: relative;
    width: 50%;
}

.card-container .close-button {
    width: 100%;
    overflow: hidden;
}

.card-container img {
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.editor-title {
    font-weight: 700;
    letter-spacing: 1px;
    width: 50%;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-transform: none;
}

.alternate-photo, .updateinbasket {
    border: 1px solid #101111;
    color: #333333;
    float: right;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 5px 0;
    text-align: center;
    width: 52%;
    cursor: pointer;
}

p.clear {
    clear: both;
    margin-top: 25px;
}

.rotate-zoom-container {
    margin-bottom: 25px;
}

.rotate-zoom {
    font-weight: 700;
    letter-spacing: 1px;
    clear: both;
    display: block;
}

.flip-photo {
    margin-bottom: 30px;
    overflow: hidden;
}

.flip-controls {
    margin: 0 auto;
    overflow: hidden;
    width: 103px;
}

.flip-horizontal p, .flip-vertical p {
    font-weight: 700;
    letter-spacing: 1px;
}

.flip-horizontal > div > div, .flip-vertical > div > div {
    border-right: 1px solid;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
}

.flip-horizontal div + div, .flip-vertical div + div {
    border-right: none;
    margin: 0;
    padding: 0;
}

.flip-horizontal, .flip-vertical {
    float: left;
    width: 50%;
    text-align: center;
}

.proceed {
    width: 100%;
}

    .proceed .finish, .proceed .apply {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .proceed .finish {
        margin-bottom: 0;
    }

.upload-photo {
    margin-top: 15px;
    overflow: hidden;
}

    .upload-photo p, .previous-photos-container p {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .upload-photo .computer {
        background-color: rgba(232,197,225,1);
        cursor: pointer;
        min-height: 136px;
    }

i.computer-img {
    background: url("/assets/computer.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 47px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 71px;
}

.upload-social {
    float: right;
    width: 51.5%;
}

i.facebook {
    background: url("/assets/upload-facebook.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 21px;
    width: 91px;
    margin: auto;
    cursor: pointer;
}

i.instagram {
    background: url("/assets/upload-instagram.png") no-repeat scroll 0 0 transparent;
    display: block;
    margin: auto;
    height: 21px;
    width: 91px;
    cursor: pointer;
}

i.device {
    display: block;
    margin: auto;
    height: 21px;
    width: auto;
    color: #fff;
    cursor: pointer;
}

.upload-facebook, .upload-instagram {
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 25px 18px;
    text-align: center;
    cursor: pointer;
}

.upload-device {
    background-color: rgba(232,197,225,1);
    font-size: 24px;
    font-weight: 700;
    padding: 25px 18px;
    text-align: center;
    cursor: pointer;
}

.upload-facebook:hover, .upload-instagram:hover {
    color: #fff;
    text-decoration: none;
}

.upload-facebook {
    background-color: #4363A5;
    cursor: pointer;
}

.upload-instagram {
    background-color: #383636;
    cursor: pointer;
}

.upload-photo .computer p {
    letter-spacing: 1px;
    margin-bottom: 0;
}

hr.upload-previous-sep {
    width: 100%;
    margin: 20px auto;
}

.previous-photos {
    height: 205px;
    overflow-x: auto;
}

.photo {
    float: left;
    width: 21%;
}

    .photo:nth-of-type(5n) {
        clear: both;
        margin-left: 0 !important;
    }

    .photo + .photo {
        margin-bottom: 20px;
        margin-left: 3.33%;
    }

.actions {
    margin-top: 15px;
}

.dropdownShow {
    display: block;
    clear: both;
}

#upArrow {
    display: none;
}

#insideTemplate i#upTriangle {
    display: none;
}

.inside .col-xs-6 .inside-lr {
    background-color: #d8d8d3;
    color: #383636;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
}

.inside .col-xs-6 a {
    color: #fff;
    letter-spacing: 1px;
    display: block;
    padding: 10px;
}

.inside .col-xs-6 .active {
    background-color: rgba(232,197,225,1);
}

.inside .active a {
    color: #383636;
}

.change {
    margin: 15px 0 15px 0;
}

    .change a {
        background-color: #14bff4;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
        display: block;
        padding: 6px;
        font-weight: 700;
    }

    .change .fa-caret-right {
        font-size: 16px;
    }

.edit-card-container {
    background-color: #E8E8E6;
    padding: 20px 0;
    margin-bottom: 15px;
    clear: both;
}

.edit-card-inner {
    background-color: #FFFFFF;
    margin: 0 auto;
    max-width: 94%;
    padding: 15px;
}

    .edit-card-inner .display-table {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .edit-card-inner .photo-icon {
        background: url("/assets/photo-icon.png") no-repeat scroll center center transparent;
        background-size: 45%;
        height: auto;
    }

    .edit-card-inner .touch-add {
        border: 1px solid #fff;
        text-align: center;
        overflow: hidden;
    }

    .edit-card-inner .touch-add-edit {
        border: 1px dashed #504e4e;
        cursor: pointer;
    }

.border {
    border: 1px solid rgba(0,0,0,0.4);
}

.pad10c {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.bge8 {
    background-color: #E8E8E6;
}

.pre-wrap {
    white-space: pre-wrap;
}

.touch-add {
    white-space: pre-wrap;
}

.edit-card-inner .touch-add.active {
    border: 1px dashed rgba(232,197,225,1);
}

.edit-card-inner .touch-add p {
    color: #e8e8e6;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: 700;
}

.edit-card-inner div:first-child {
    margin-bottom: 15px;
}

.edit-card-inner div:first-child {
    margin: 0;
}

.text-icon, .photo-icon {
    display: block;
    height: 136px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.text-icon {
    background: url("/assets/text-icon.png") no-repeat scroll 0 bottom transparent;
    background-size: 100% auto;
}

.photo-icon {
    background: url("/assets/photo-icon.png") no-repeat scroll 0 bottom transparent;
    background-size: 100% auto;
    width: 80%;
}

.change-container {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.change-dropdownLeft, .change-dropdownRight, .change-dropdownLeftMobile, .change-dropdownRightMobile {
    border: 3px solid #14BFF4;
    margin-bottom: 15px;
    padding: 10px 10px 0;
    position: absolute;
    width: 93%;
    z-index: 5;
}

.change-dropdownLeft, .change-dropdownRight {
    width: 96%;
    display: none;
}

    .change-dropdownLeft img, .change-dropdownRight img {
        width: 100%;
        min-height: 15px;
    }

    .change-dropdownLeft .active img, .mobile-template .active img, .change-dropdownRight .active img {
        background-color: rgba(232,197,225,1);
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        padding: 3px !important;
    }

.template-img {
    margin-bottom: 15px;
}

#upTriangleLeft, #upTriangleRight, #upTriangleLeftMobile, #upTriangleRightMobile {
    display: none;
}

.template-img:nth-of-type(4) {
    clear: both;
}

a.finish-button {
    display: block;
}

.upload-photo-container {
    background-color: #E8E8E6;
    padding: 0 15px 15px;
    margin-bottom: 15px;
}

.upload-photo-inside-inner {
    border: 1px dashed #383636;
    min-height: 150px;
    padding: 25px;
    background-color: #fff;
}

.upload-photo-inside-inner {
    border: 1px dashed #383636;
    min-height: 150px;
}

    .upload-photo-inside-inner i.photo-icon {
        background-position: center center;
        background-size: 70% auto;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }

.text-editor {
    padding: 10px 15px;
    float: left;
}

.text-editor-mobile {
    padding: 0;
}

.text-editor .finish-button, .text-editor .apply-block {
    padding: 10px 0;
}

    .text-editor .finish-button p, .text-editor .apply-block {
        font-size: 10px;
    }

        .text-editor .apply-block i {
            font-size: 12px;
        }

.text-editor textarea {
    width: 100%;
    min-height: 150px;
    color: #383636;
    padding: 10px;
    margin-bottom: 15px;
}

.textArea2 {
    width: 100%;
    min-height: 100px !important;
    color: #383636;
    padding: 10px;
    margin-bottom: 10px;
}

.font-control {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.change-font {
    border: 1px solid #383636;
}

.change-font, .font-size, .font-minus, .font-plus {
    color: #383636;
    float: left;
    font-weight: 700;
    padding: 5px 0;
    text-align: center;
}

    .change-font p, .font-size p {
        margin-bottom: 0;
    }

.font-minus, .font-plus {
    width: 10%;
    font-size: 14px;
}

.font-plus {
    margin-left: 2%;
    width: 8%;
}

.font-size {
    width: 35%;
}

ul.wysig-text {
    float: left;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
}

    ul.wysig-text li {
        float: left;
        list-style: none outside none;
        width: 10%;
        cursor: pointer;
    }

        ul.wysig-text li + li {
            margin-left: 1.2%;
        }

        ul.wysig-text li img {
            width: 75%;
        }

.change {
    font-size: 13px;
}

.edit-card-inner {
    max-width: none;
    overflow: hidden;
    padding: 0;
}

.text-editor img {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.white-bg {
    background-color: #fff !important;
}

.edit-card-inner div:first-child {
    margin: 0;
}

.change-font {
    border: none;
}

.change-font {
    font-size: 13px;
}

    .change-font select {
        padding: 5px 0;
    }

.font-size {
    margin-top: 0;
    padding-top: 0;
    width: 54%;
}

    .font-size p {
        text-transform: capitalize;
        font-size: 15px;
    }

.change-font-size {
    margin-top: 10px;
    text-align: center;
}

.change-font-size-mobile {
    width: 25% !important;
    margin-top: 0 !important;
}

.change-font-size i {
    color: #000000;
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
}

.change-font-size-mobile i {
    font-size: 20px !important;
    border: 1px solid black;
    padding: 7px 5px;
    cursor: pointer;
    margin: 5px 0 0 0 !important;
}

.change-font-size input {
    width: 42%;
}

.current-font {
    border: 1px solid #000000;
    font-size: 15px;
    padding: 6px 7px 7px;
}

.change-font {
    font-size: 18px;
    position: relative;
    cursor: pointer;
    text-align: left;
}


.change-font-mobile {
    font-size: 13px !important;
    width: 45% !important;
    white-space: nowrap;
    padding: 5px 0;
}

.change-font ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    display: none;
    padding: 0;
    position: absolute;
    width: 200px;
    z-index: 25000;
    white-space: normal;
}

    .change-font ul li {
        font-size: 18px;
        list-style: none outside none;
        padding: 3px 7px;
        text-align: left;
    }

        .change-font ul li:hover {
            background-color: #000000;
            color: #ffffff;
        }

        .change-font ul li + li {
        }

.change-font i {
    float: right;
    font-size: 18px;
    margin-top: 2px;
}

.change-font-mobile i {
    position: absolute;
    right: 0;
    top: 4px;
}

.change-font-color {
    border: 1px solid #000000;
    color: #000000;
    cursor: pointer;
    float: left;
    margin: 5px 0 0 0;
    padding: 3px;
    position: relative;
}

    .change-font-color ul {
        float: left;
        left: 0;
        margin-top: 3px;
        padding: 0;
        position: absolute;
        top: 35px;
        width: 100%;
        z-index: 5;
    }

.change-font-color-mobile {
    width: 20% !important;
}

.no-wrap {
    white-space: nowrap;
    overflow: hidden;
}


.change-font-color ul.color-options {
    display: none;
}

.change-font-color ul li {
    color: #000000;
    height: 35px;
    list-style: none outside none;
    text-indent: -99999px;
    width: 100%;
}

    .change-font-color ul li + li {
        margin-top: 3px;
    }

    .change-font-color ul li.black, .black {
        background-color: #000000;
    }

    .change-font-color ul li.red, .red {
        background-color: #ff0000;
    }

    .change-font-color ul li.green, .green {
        background-color: #008000;
    }

    .change-font-color ul li.purple, .purple {
        background-color: #b600d9;
    }

    .change-font-color ul li.blue, .blue {
        background-color: #0000ff;
    }

    .change-font-color ul li.pink, .pink {
        background-color: #ff00ff;
    }

.current-color {
    float: left;
    height: 28px;
    width: 28px;
}

.change-font-color .caret-box {
    float: right;
    font-size: 18px;
    height: auto;
    margin-top: 2px;
    text-align: center;
    width: 10px;
}



.three-rows .touch-add + .touch-add {
    margin-top: 15px;
}

.edit-inst-top {
    position: relative;
    top: 10px;
}

.edit-inst-middle {
    position: relative;
    top: 50px;
}

.edit-inst-bottom {
    bottom: -115px;
    position: relative;
}

.edit-inst-top img {
    left: -25px;
    position: relative;
}

.edit-inst-middle img {
    bottom: -21px;
    position: absolute;
}

.edit-inst-bottom img {
    bottom: -50px;
    position: absolute;
}

.edit-inst-top img, .edit-inst-middle img, .edit-inst-bottom img {
    box-shadow: none;
    width: auto;
}

.edit-inst-top p, .edit-inst-middle p, .edit-inst-bottom p {
    font-family: 'segoeScript', sans-serif, Arial;
    font-size: 22px;
    text-align: right;
}

.one-col-one-row {
    height: 330px;
}

.three-rows .touch-add {
    height: 100px;
}

/* BASKET */

.line {
    background: url("/assets/social-line.jpg") repeat-x scroll center center transparent;
}

.basket-stage {
}

.basket-stage-container {
}

.basket-stage span {
    background: #ffffff;
    border: 1px solid #383636;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    display: block;
    text-align: center;
    width: 22px;
}

    .basket-stage span.active {
        background-color: rgba(232,197,225,1);
    }

    .basket-stage span.middle {
        margin: 0 auto;
    }

.basket-stage p {
    position: absolute;
    color: #383636;
    bottom: -20px;
    margin: 0;
}

.basket-stage .fs p {
    left: 6px;
}

.basket-stage .ss p {
    left: 0;
    padding: 0 15px;
    text-align: center;
    width: 100%;
}

.basket-stage .ts p {
    right: -2px;
}

.basket-container {
    position: relative;
}

    .basket-container .remove-price-outer {
        display: table;
        width: 100%;
    }

        .basket-container .remove-price-outer .product-single {
            height: 150px;
        }

.responsive-table {
    margin-top: 10px;
    padding: 0 15px;
}

.basket-container {
    clear: both;
    width: 100%;
}

    .basket-container .product-single img {
        max-width: 80%;
        width: 100%;
    }

    .basket-container tr:first-child {
        border-bottom: 1px solid #383636;
        border-top: 1px solid #383636;
    }

.delivery .below-basket {
    border-top: 1px solid #383637;
    margin-top: 15px;
}

.with-completed-row + .with-completed-row .delivery {
    border-top: 2px solid #CCCCC9;
    clear: both;
    float: left;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
}

span.done {
    background-color: #38A654;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px 5px;
    display: none;
}

.font-24 {
    font-size: 24px;
}



.basket-below .col-md-4, .basket-below .col-md-6 {
    padding: 0;
}

    .basket-below .col-md-4 .tar {
        padding-right: 0;
    }

span.dinfo {
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.basket-below tr:first-child {
    border-bottom: 1px solid #383636;
}

.basket-below tr div {
    margin: 10px 0;
}

.basket-below tr + tr td {
    border-bottom: 1px solid #383636;
}

td div {
    letter-spacing: 1px;
}

.prepay-basket {
    font-size: 16px;
}

    .prepay-basket p {
        margin-bottom: 6px;
        font-size: 16px;
        display: inline-block;
        float: left;
    }

    .prepay-basket select {
        margin: 0 15px;
    }

table.basket-below tr div.ship {
    margin-top: 23px;
}

.coupon input.couponov {
    width: 100%;
    margin-top: 0;
    height: 26px;
}

.updateinbasket {
    width: 100%;
}

.price-mobile {
    font-size: 21px;
}

    .price-mobile span {
        font-weight: bold;
    }

.basketbtmnav {
    float: left;
    margin-top: 15px;
    width: 100%;
}

/* BASKET NEW CODE */

.no-border {
    border: none !important;
}

.btoprow {
    border-bottom: 1px solid #383637;
    margin-bottom: 15px;
    overflow: hidden;
}

.basket-table {
    border-bottom: 1px solid #383637;
    float: left;
    padding: 0;
    width: 100%;
    margin-bottom: 15px;
}

.absolute-left-50 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
}

.absolute-top-40 {
    position: absolute;
    top: 0;
    right: 0;
}

.absolute-top-40 {
    position: absolute;
    top: 40%;
    right: 0;
}

.absolute-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}


a {
    cursor: pointer;
}


.basket-table .col-sm-2, .basket-table .col-xs-2, .basket-table .col-sm-6 {
    display: table;
}

    .basket-table .col-xs-2 > div:first-child {
        display: table-cell;
        vertical-align: middle;
    }

.basket-table .product-single {
    height: 190px;
}

    .basket-table .product-single img {
        max-height: 100%;
        width: 80%;
    }

.basket-table span {
    clear: both;
}

.edbutton {
    float: right;
    display: inline-block;
    position: static;
}



.basket-table a {
    text-decoration: underline;
    color: #383636;
}

.basket-table .block-container {
    height: 63.33px;
    width: 100%;
    text-align: right;
    display: table !important;
}

    .basket-table .block-container div {
        display: table-cell;
    }

.basket-table .at div {
    vertical-align: top;
}

.basket-table .am div {
    vertical-align: middle;
}

.basket-table .ab div {
    vertical-align: bottom;
}

.basket-table .address span, .basket-table .despatch-delivery span {
    font-weight: 700;
    clear: both;
    display: block;
}

span.getDespatchDate {
    font-weight: normal !important;
}

.basket-table .address {
    vertical-align: middle;
    display: table-cell;
}

    .basket-table .address p {
        margin-bottom: 0;
    }

.basket-table .despatch-delivery {
    vertical-align: middle;
    display: table-cell;
}

.basket-table .despatch, .basket-table .delivery {
    height: 95px;
    display: table;
}

.quan-sm input {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.quan-sm {
    display: table-cell;
    float: none;
    vertical-align: middle;
    text-align: center;
}

.basket-table .col-xs-2.quan-sm {
    display: block;
}

.with-completed {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.with-completed-row + .with-completed-row .with-completed {
    border-top: 1px solid #383637;
    margin-top: 15px;
    padding-top: 15px;
}

.price-delivery div div {
}

.price-delivery .price {
    font-size: 24px;
    text-align: right;
    float: none;
}

.edit-delivery {
    border: 1px solid #383637;
    cursor: pointer;
    font-size: 10px;
    padding: 5px;
}

.basket-row .product-single-vam, .price-delivery .vam {
    vertical-align: middle;
    display: table-cell;
}

.basket-row .product-single-table, .price-delivery .price-table {
    display: table;
    height: 100%;
    width: 100%;
}

.basket-row + .basket-row {
    border-top: 1px solid #383637;
    float: left;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
}

.prepay-basket {
    border-bottom: 1px solid #383637;
    float: left;
    padding: 10px 0;
    width: 100%;
}

.below-basket {
    width: 100%;
    float: left;
    border-top: 1px solid #383637;
}

    .below-basket .row div {
        margin: 10px 0;
        font-size: 16px;
        border: none;
    }

    .below-basket .row {
        border-bottom: 1px solid #383637;
    }

    .below-basket .tal {
        padding-left: 0;
    }

span.free {
    font-weight: 700;
}

p.small {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0;
}

.price-total {
    font-weight: 700;
}

    .price-total span {
        font-size: 28px;
    }

.pt {
    margin: 0;
    display: table;
    padding-left: 0;
}

    .pt div {
        display: table-cell;
        vertical-align: middle;
    }

.tar {
    padding-right: 0;
    text-align: right;
}

.prd-sng-delete, .delete {
    cursor: pointer;
}

/* BASKET DELIVERY */

.delivery {
}

    .delivery .left-col, .delivery .right-col {
        background-color: #e8e8e6;
    }

    .delivery .col-md-3 {
        padding-left: 0;
    }

    .delivery .col-md-9 {
        padding-right: 0;
    }

    .delivery .left-col-top {
        border-bottom: 1px solid #383637;
        margin-bottom: 15px;
        overflow: hidden;
        padding-bottom: 25px;
    }

    .delivery .left-col {
        float: left;
        padding: 10px;
        width: 100%;
    }

        .delivery .left-col .card-holder {
            height: 170px;
        }

            .delivery .left-col .card-holder img {
                -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
                -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
                box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
                height: 100%;
            }

    .delivery .left-col-top span {
        display: block;
        text-align: right;
        width: 100%;
    }

        .delivery .left-col-top span + span {
            margin-top: 30px;
        }

    .delivery .left-col a {
        color: #383636;
        text-decoration: underline;
    }

    .delivery .left {
        width: 40%;
    }

    .delivery .right {
        width: 60%;
    }

    .delivery .left-col .col-md-5, .delivery .left-col .col-md-7 {
        padding: 0;
    }

ul.delivery-summary {
    margin: 0;
    padding: 0;
}

    ul.delivery-summary li {
        list-style: none;
        margin-bottom: 15px;
        clear: both;
        overflow: hidden;
    }

        ul.delivery-summary li span.li-number {
            border: 1px solid #383636;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            display: block;
            text-align: center;
            width: 22px;
            float: left;
            margin-right: 15px;
            font-weight: 700;
        }

        ul.delivery-summary li p {
            margin-bottom: 0;
            text-transform: capitalize;
        }

            ul.delivery-summary li p:nth-of-type(5) {
                text-transform: uppercase;
            }

    ul.delivery-summary div {
        overflow: hidden;
    }

.right-col {
    padding: 20px 15px;
    float: left;
    width: 100%;
}

    .right-col .col-md-6 {
        margin-top: 25px;
    }

    .right-col .steps {
        font-size: 18px;
    }

        .right-col .steps span {
            font-weight: 700;
        }

span.red {
    font-weight: 700;
    color: #ee4647;
    background-color: transparent;
}

.despatch-disclaimer {
    font-size: 16px;
    line-height: 16px;
    margin-top: -2px;
}

.steps .fa-calendar {
    margin-left: 2px;
}

input.delivery-datepicker {
    width: 54%;
}

.right-col-top {
    border-bottom: 1px solid #383637;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.delivery-options > div {
    padding-left: 0;
}

.delivery-options form {
    float: left;
}

.delivery-options label {
    font-size: 18px;
    font-weight: 700;
}

.delivery-options input {
    float: left;
    margin-top: 8px;
    width: 22px;
}

.delivery-description p {
    font-style: italic;
    line-height: 18px;
}

.wrap-text {
    margin-left: 25px;
}

.estimated-delivery, .delivery-answer {
    border: 1px solid #383637;
    padding: 15px;
    float: left;
}

    .estimated-delivery span {
        font-size: 18px;
        font-weight: 700;
    }

.date-box {
    background-color: #A9A9A9;
    margin: 10px 0;
    padding: 15px;
}

    .date-box p {
        color: #FFFFFF;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        margin-bottom: 0;
    }

/* TABS STYLE */
/*
div#tabs li {
    border-top: 10px solid #FFFFFF;
    padding: 0 !important;
}
div#tabs li + li {
	margin-left: 1.6%;
}
div#tabs li a {
    color: #383636;
    display: block;
    padding: 10px;
    letter-spacing: 1px;
}
.ui-tabs {
    margin: 0 auto;
}
.ui-widget-content {
    border: medium none !important;
}
.ui-widget-header {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    color: #383636 !important;
    font-weight: 700 !important;
    margin: 0 auto;
    padding: 0;
    width: 95%;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #CCCCC9;
    border-radius: 0 0 5px 5px !important;
    -moz-border-radius: 0 0 5px 5px !important;
    -webkit-border-radius: 0 0 5px 5px !important;
    color: #555555 !important;
    text-align: center;
    width: 23.8%;
}
.ui-state-active {
    background-color: #E8E8E6 !important;
    border-top: 10px solid #E8E8E6 !important;
}
.delivery-tabs .col-md-4 {
    width: 32.2%;
}
.delivery-tabs ul {
    width: 100%;
}
    */
form.delivery-address input, form.delivery-address select {
  
    font-weight: 700;
    margin-bottom: 15px;
    padding: 5px;
    width: 100%;
}

form.delivery-address select {
    color: #383637;
}

.hiddenof {
    overflow: hidden;
}

input, textarea, select {
    letter-spacing: 1px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb50 {
    margin-bottom: 50px;
}

.nextprev-btns {
    background-color: #E8E8E6;
    float: left;
    width: 100%;
}

    .nextprev-btns a {
        padding: 10px;
        width: 100%;
        text-align: center;
        padding-left: 0;
    }

        .nextprev-btns a.prev {
            border: 1px solid #383636;
            color: #383636;
        }

        .nextprev-btns a.next {
            background-color: rgba(232,197,225,1);
            color: #000;
        }

        .nextprev-btns a.next-step {
            background-color: transparent;
            border: 1px solid #383637;
            color: #383637;
            margin-top: 15px;
        }

            .nextprev-btns a.next-step.active {
                background-color: rgba(232,197,225,1);
                border: 1px solid rgba(232,197,225,1);
                color: #000;
            }

.delivery-answer {
    margin-top: 80px;
}

    .delivery-answer span {
        display: block;
        font-weight: 700;
        margin-left: 24px;
        margin-top: -23px;
        margin-bottom: 10px;
    }

    .delivery-answer i {
        color: #A9A9A9;
        font-size: 21px;
    }

    .delivery-answer p {
    }

.delivery-tabs ul li {
    width: 32.66%;
}

    .delivery-tabs ul li + li {
        margin-left: 1%;
    }

.where .me.active, .where .me.active, .where .them.active, .where .them.active {
    border: 5px solid rgba(232,197,225,1);
    padding: 16px 20px;
}

.where .me, .where .them {
    border: 1px solid #383637;
    padding: 20px;
    cursor: pointer;
    display: block;
    color: #383637;
    text-align: center;
}

    .where .me span, .where .them span {
        font-size: 18px;
        font-weight: 700;
    }

    .where .me img, .where .them img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

.below-delivery {
    border-top: 1px solid #383637;
    margin-top: 15px;
}

/* FAQ & CAREERS*/

.faq h2, .careers h2 {
    background-color: #E8E8E6;
    margin: 0 auto;
    padding: 0 30px;
    width: 536px;
}

.careers h2 {
    width: 402px;
}

.faq-box, .careers-box {
    background-color: #ffffff;
}

    .faq-box + .faq-box, .careers-box + .careers-box {
        margin-top: 15px;
    }

    .faq-box h3, .careers h4 {
        margin: 0 0 15px 0;
        font-weight: 700;
    }

.faq-inner, .careers-box-inner {
    padding: 10px 15px;
    cursor: pointer;
}

.head-office > h3 {
    margin-top: 15px;
}

.careers-box h4 span {
    font-weight: bold;
}

.store, .head-office, p.careers-info {
    margin-bottom: 30px;
}

.faq-box .answer, .careers-description {
    display: none;
}

.careers-title h4 {
    margin-bottom: 0;
    font-weight: 400;
}

.pageContent p, .perscards p {
    font-size: 1.2em;
}

.position00 {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

/* SIGN IN OR REGISTER */

.sign-in {
    padding: 25px 15px;
    width: 100%;
}

.login-background {
    border: 5px solid rgba(232,197,225,1);
    position: fixed;
    top: 20%;
    left: 33%;
    z-index: 10000;
    background-color: rgba(255,255,255,0.96);
}

.sign-in-mobile {
    margin-bottom: 25px;
}

.sign-in h3 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 0;
    text-align: center;
}

.sign-in p:first-child {
    height: 80px;
    text-align: center;
}


.sign-in input {
    padding: 5px;
    width: 100%;
}

    .sign-in input + input {
        margin-top: 15px;
    }

.sign-in button {
    background-color: rgba(232,197,225,1);
    margin-top: 15px;
}

.nbr {
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
}

/* MY ACCOUNT */


.ctaddress p {
    margin-bottom: 0;
}

.my-account .save, .my-account .add-address {
    bottom: 20px;
    font-size: 14px;
    right: 15px;
}

.bottom-margin-5 {
    margin-bottom: 5px;
}

.font-14 {
    font-size: 14px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-top-15 {
    paddingt-top: 15px;
}

.margin-top-34 {
    margin-top: -34px;
}

.my-account .box {
    border: 1px solid #383636;
    float: left;
    min-height: 365px;
    padding: 15px;
    width: 100%;
}

.my-account h2 {
    font-size: 28px;
    margin: 0 0 20px;
    text-align: center;
}

.my-account label {
    display: inline-block;
    float: left;
    text-align: right;
    width: 45%;
    font-weight: normal;
}

.my-account-details p {
    float: right;
    text-align: left;
    width: 47%;
    font-weight: bold;
}

.my-account .actions {
}

    .my-account .actions .edit-details {
        background-color: #FFFFFF;
        border: 1px solid #383636;
        color: #383636;
        display: inline-block;
        padding: 5px 15px;
    }

.edit-details {
    background-color: #FFFFFF;
    border: 1px solid #383636;
    color: #383636 !important;
    display: block;
    padding: 5px 15px;
}


.my-account .actions .change-password {
    color: #383636;
    font-weight: bold;
    text-decoration: underline;
}

.my-account .actions a {
    clear: both;
    display: block;
}

.my-account .form-block {
    float: left;
    width: 100%;
}

.sm-nav li {
    width: 33%;
    float: left;
}

.my-account .reward-code {
    background-color: #FFFFFF;
    font-size: 28px;
    padding: 0 10px;
}

.my-account .rewards-inner {
    margin: 0 auto 60px;
    padding: 0 10px;
    width: 70%;
}

    .my-account .rewards-inner p {
        text-align: center;
    }

    .my-account .rewards-inner .unique-code-outer {
        margin-bottom: 40px;
    }

    .my-account .rewards-inner p.unique-code {
        float: left;
        height: 38px;
        line-height: 38px;
        margin-bottom: 0;
        width: 45%;
    }

.reward-share {
    margin: 0 auto;
    padding: 0;
    width: 96%;
}

    .reward-share li {
        list-style: none;
        padding-left: 30px;
        float: left;
        height: 22px;
    }

        .reward-share li + li {
            margin-left: 15px;
        }

        .reward-share li.facebook {
            background: url("/assets/rewardsharesprite.png") no-repeat scroll left 0 transparent;
        }

        .reward-share li.twitter {
            background: url("/assets/rewardsharesprite.png") no-repeat scroll left -22px transparent;
            padding-left: 35px;
        }

        .reward-share li.email {
            background: url("/assets/rewardsharesprite.png") no-repeat scroll left -44px transparent;
            padding-left: 35px;
        }

        .reward-share li a {
            color: #383636;
        }

.my-account-tabs {
}

    .my-account-tabs ul {
        margin: 0 auto;
        overflow: hidden;
        width: 97%;
    }

        .my-account-tabs ul li {
            border-bottom: 10px solid #FFFFFF;
            border-radius: 5px 5px 0 0;
            border-top: medium none;
            height: 50px;
        }

            .my-account-tabs ul li.active {
                border-bottom: 10px solid #E8E8E6;
                border-top: none;
                height: 50px;
            }

            .my-account-tabs ul li + li {
                margin-left: 1%;
                width: 19.8%;
                height: 50px;
            }

.add-new-address {
    background-color: #FFFFFF;
    font-size: 28px;
    margin-bottom: 15px;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
}

    .add-new-address i {
        margin-top: 8px;
    }

    .add-new-address select {
        color: #383636 !important;
        width: 100%;
    }

    .add-new-address input, .add-new-address select {
        color: #A9A9A9;
        font-size: 14px;
        font-weight: 700;
        padding: 5px;
    }

    .add-new-address form div + div {
        margin-top: 8px;
    }

.address-list {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

    .address-list li {
        border-bottom: 1px solid #383636;
        list-style: none outside none;
        padding-bottom: 5px;
        float: left;
        width: 100%;
    }

        .address-list li:nth-of-type(3n) {
        }

    .address-list .active {
        color: rgba(232,197,225,1);
    }

    .address-list a.edit-address, .address-list a.edit-address-active {
        font-size: 12px;
        margin-left: 20px;
        padding: 3px 5px;
    }

    .address-list a.edit-address {
        border: 1px solid #383636;
        color: #383636;
    }

    .address-list a.edit-address-active {
        background-color: rgba(232,197,225,1);
        color: #383636;
        border: 1px solid rgba(232,197,225,1);
    }

    .address-list i {
        font-size: 22px;
        position: relative;
        top: 3px;
        color: #383636;
    }

    .address-list .active i {
        color: rgba(232,197,225,1);
    }

    .address-list li + li {
        padding-top: 5px;
    }

    .address-list li a {
    }

.edit-my-address {
    display: none;
}

.edit-add {
    display: none;
}

.divider-line {
    height: 1px;
    margin: 15px auto;
    width: 80%;
}

/* DATE PICKER */

.ui-datepicker-div {
    background-color: #fff;
    padding: 10px;
    width: auto!important;
  /*  width: 260px; */
}

.ui-datepicker-calendar th {
    font-weight: 400;
    text-align: center;
}

.ui-datepicker-calendar .ui-state-default {
    background: #fff !important;
    color: #383636 !important;
    display: block;
    height: 30px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    text-align: center;
    width: 42px;
}

.ui-datepicker-calendar .ui-state-active {
    background-color: rgba(232,197,225,1) !important;
    color: #383637 !important;
}

.ui-datepicker-calendar td a {
    background-color: #FFFFFF;
    border: 1px solid #CECDCD;
    color: #383637;
}

.ui-datepicker-header {
    border: 1px solid #383637 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    margin: 8px 8px 0 8px;
    padding: 5px !important;
    position: relative !important;
    background: none !important;
}

.ui-datepicker-title {
    position: absolute;
    text-align: center;
    top: 5px;
    width: 65%;
    z-index: 0;
    text-transform: uppercase;
}

.ui-datepicker-prev {
    position: relative !important;
    z-index: 5;
    float: left;
    display: block;
    cursor: pointer;
    text-align: center;
}

    .ui-datepicker-prev:before {
        content: "\f0d9";
        font-family: FontAwesome;
        color: #383637;
    }

.ui-datepicker-next {
    cursor: pointer;
    float: right;
    position: relative !important;
    z-index: 5;
    display: block;
    text-align: center;
}

    .ui-datepicker-next:before {
        content: "\f0da";
        font-family: FontAwesome;
        color: #383637;
    }

    .ui-datepicker-prev span, .ui-datepicker-next span {
        display: none !important;
    }
    
 th.ui-datepicker-week-end,
td.ui-datepicker-week-end {
    display: none !important;
}
        
.ui-datepicker-calendar {
    width: 100%;
}

    .ui-datepicker-calendar th span {
        font-weight: 400;
    }

/* MODALS */

.modal {
    margin-top: 15px;
}

.modal-body {
    padding: 0 15px;
    background: white;
}

#exit {
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    line-height: 20px;
    opacity: 1;
    position: relative;
    right: 0;
    top: 0;
}

.modal-header {
    border-bottom: none;
}

    .modal-header .exit {
        margin-bottom: 0;
    }

        .modal-header .exit span {
            color: #FFFFFF;
            font-size: 12px;
            margin-left: 5px;
        }

.photo-upload, .edit-text {
    margin-top: 15px;
    overflow: hidden;
}

.modal-body {
    padding: 15px;
    overflow: hidden;
    background-color: #E8E8E6;
}

    .modal-body a.upload-photo p, a.change-photo p, p.rotate, .input-container input {
        font-size: 16px;
    }

    .modal-body .edit-finish {
        float: right;
        margin-bottom: 15px;
        width: 100%;
    }

    .modal-body .apply, .modal-body .finish {
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .modal-body .right-col {
        background-color: #e8e8e6;
        padding: 0;
    }

    .modal-body .where i.fa-check-circle {
        color: rgba(232,197,225,1);
        font-size: inherit;
    }

    .modal-body .edit-finish .finish {
        margin-top: 15px;
    }

#frontTextEditModal .modal-dialog, #frontTextEditModal.modal, #frontImageEditModal .modal-dialog, #frontImageEditModal.modal {
    margin: 0;
    width: 100%;
}

.added-to-basket {
    margin-top: 25%;
    width: 30%;
}

    .added-to-basket .modal-content {
        border: 2px solid #383637;
        padding: 15px 25px;
    }

.quantity-container {
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.quantity-nowb {
    background: transparent;
    border: none;
    text-align: right;
}

/* BUTTONS */

.green-btn {
    background-color: rgba(232,197,225,1);
    color: #000;
}

.grey-btn {
    background-color: #a9a9a9;
    color: #ffffff;
}

.small-btn {
    display: block;
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
}

    .small-btn:hover {
        color: #ffffff;
    }

/* FOOTER */

footer {
    position: relative;
    z-index: 1;
}

.navbar.green {
    background-color: ##383637;
    margin-bottom: 0;
    margin-top: 25px;
}

    .navbar.green a {
        color: #fff;
    }

        .navbar.green a:hover {
            color: #ccc;
        }

.social-line {
    background: url("/assets/social-line.jpg") repeat-x scroll 0 center transparent;
    margin: 25px auto 0;
}

ul.social {
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 5px 0 30px;
    width: 140px;

}

    ul.social li {
        float: left;
        list-style: none outside none;
        width: 15%;
    }

        ul.social li.facebook {
            width: 8%;
            padding: 0 20px;
        }

        ul.social li + li {
            margin-left: 16.4%;
        }

        ul.social li a {
            display: block;
            /* height: 100%; */
        }

.verisign {
    background: url("/assets/verisign.jpg") no-repeat scroll 0 0 transparent;
    height: 39px;
    margin: 7px auto 7px;
    width: 381px;
}

.fa-twitter, .fa-facebook, .fa-instagram, .fa-youtube, .fa-pinterest {
    color: #000000;
    font-size: 40px;
}

/* OFF-CANVAS NAV */

.slidemenu {
    z-index: 5;
}

/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden;
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px !important;
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    left: 0;
}

    #page-content.slide-active {
        padding-top: 0;
    }
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 6px 0 0 0;
    border: 0;
    background: transparent;
    z-index: 9999;
}
    /* icon bar prettyup - optional */
    #slide-nav .navbar-toggle > .icon-bar {
        width: 100%;
        display: block;
        height: 3px;
        margin: 5px 0 0 0;
    }

.navbar-header {
    position: relative;
}

    .navbar-header h3 {
        display: none;
    }

/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative;
}
/* no writing importants and rubbish, just stick it in max width since these classes are not shared between sizes */
@media (max-width:991px) {
    #slide-nav .container {
        margin: 0;
        padding: 0 !important;
    }

    #slide-nav .navbar-header {
        margin: 0 auto;
        padding: 0;
    }

    #slide-nav .navbar.slide-active {
        position: absolute;
        width: 80%;
        top: -1px;
        z-index: 1000;
    }

    #slide-nav #slidemenu {
        background-color: #f7f7f7;
        left: -100%;
        width: 80%;
        min-width: 0;
        position: absolute;
        padding-left: 0;
        z-index: 2;
        top: 0;
        margin: 0;
    }

        #slide-nav #slidemenu .navbar-nav {
            min-width: 0;
            width: 100%;
            margin: 0;
        }

            #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
                min-width: 0;
                width: 80%;
                white-space: normal;
            }

    #slide-nav {
    }

        #slide-nav.navbar-inverse #slidemenu {
            background-color: #333;
        }
        /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
        #slide-nav #navbar-height-col {
            position: fixed;
            top: 0;
            height: 100%;
            width: 80%;
            left: -80%;
            background-color: #eee;
            z-index: 0;
        }

        #slide-nav.navbar-inverse #navbar-height-col {
            background-color: #333;
            z-index: 1;
            border: 0;
        }

        #slide-nav .navbar-form {
            width: 100%;
            margin: 8px 0;
            text-align: center;
            overflow: hidden;
            /*fast clearfixer*/
        }

            #slide-nav .navbar-form .form-control {
                text-align: center;
            }

            #slide-nav .navbar-form .btn {
                width: 100%;
            }

    .dropdown-menu {
        padding: 0 !important;
        width: auto !important;
    }

        .dropdown-menu li {
            width: auto !important;
        }
}

@media (min-width:991px) {
    #page-content {
        left: 0 !important;
    }

    .navbar.navbar-fixed-top.slide-active {
        position: fixed;
    }

    .navbar-header {
        left: 0 !important;
    }
}

@media (max-width: 990px) {

    .navbar-collapse {
        max-height: none;
        height: 100% !important;
        z-index: 1000;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        overflow: scroll;
    }

        .navbar-collapse.in {
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
}

.displayBlock {
    display: inline-block;
}

.filter li {
    cursor: pointer;
}

.filter .no {
    cursor: default !important;
}

#filter {
    display: none;
}

.leftAlign {
    text-align: left !important;
}



.ie8 {
    display: none !important;
}