/* input(4865,1): run-time error CSS1030: Expected identifier, found '
'
input(4865,1): run-time error CSS1019: Unexpected token, found '
'
input(5205,10): run-time error CSS1035: Expected colon, found ';' */
/* input(1,31441): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */
input:focus {
    outline: 0
}

button:focus {
    outline: 0
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    padding: 0;
    border: 0
}

button {
    overflow: visible
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

p {
    margin: 0 0 10px
}

sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    top: -.5em
}

.hide {
    display: none
}

.show {
    display: inline-block
}

.cache {
    display: none
}

img {
    border: 0
}

a {
    text-decoration: none
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000;
}

body {
    background-color: #313131
}

img {
    vertical-align: middle
}

.vit-hide-vertical-scrollbar {
    position: absolute;
    right: 0;
    width: 15px;
    height: 100%;
    background-color: red
}

.vcol-md-1, .vcol-md-10, .vcol-md-11, .vcol-md-12, .vcol-md-2, .vcol-md-3, .vcol-md-4, .vcol-md-5, .vcol-md-6, .vcol-md-7, .vcol-md-8, .vcol-md-9 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.vcol-md-12 {
    width: 100%
}

.vcol-md-11 {
    width: 91.66666667%
}

.vcol-md-10 {
    width: 83.33333333%
}

.vcol-md-9 {
    width: 75%
}

.vcol-md-8 {
    width: 66.66666667%
}

.vcol-md-7 {
    width: 58.33333333%
}

.vcol-md-6 {
    width: 50%
}

.vcol-md-5 {
    width: 41.66666667%
}

.vcol-md-4 {
    width: 33.33333333%
}

.vcol-md-3 {
    width: 25%
}

.vcol-md-2 {
    width: 16.66666667%
}

.vcol-md-1 {
    width: 8.33333333%
}

.vcol-md-offset-1 {
    margin-left: 8.33333333%
}

.vcol-md-offset-2 {
    margin-left: 16.66666667%
}

.vcol-md-offset-3 {
    margin-left: 25%
}

.vcol-md-offset-4 {
    margin-left: 33.33333333%
}

.vcol-md-offset-5 {
    margin-left: 41.66666667%
}

.vcol-md-offset-6 {
    margin-left: 50%
}

.vcol-md-offset-7 {
    margin-left: 58.33333333%
}

.vcol-md-offset-8 {
    margin-left: 66.66666667%
}

.vcol-md-offset-9 {
    margin-left: 75%
}

.vcol-md-offset-10 {
    margin-left: 83.33333333%
}

.vcol-md-offset-11 {
    margin-left: 91.66666667%
}

.vcol-md-offset-12 {
    margin-left: 100%
}

.vl-row {
    margin-right: -15px;
    margin-left: -15px
}

.vl-no-padding {
    padding-right: 0;
    padding-left: 0
}

.vl-no-padding-left {
    padding-left: 0
}

.vl-no-padding-right {
    padding-right: 0
}

.vl-text-right {
    text-align: right
}

.vl-text-center {
    text-align: center
}

.vl-pull-right {
    float: right
}

.vl-pull-right {
    float: right !important
}

.vl-center-block {
    aaadisplay: block;
    margin-right: auto;
    margin-left: auto
}

.vl-main-nav {
    width: 240px;
    overflow: hidden
}

.vl-main-nav-content {
    width: 265px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.vl-rooms {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    float: left
}

.vl-room {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 50%;
    float: left
}

.vl-tiles {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    float: left
}

.vl-tile {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 12.5%;
    float: left
}

.vl-search {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    float: left;
    zbackground-color: red
}

.vl-search-text {
    padding-left: 10px;
    padding-right: 20px;
    width: 83.33%;
    float: left
}

.vl-search-refine {
    padding-left: 10px;
    width: 16.67%;
    float: left;
    zbackground-color: green
}

.vl-current-filters {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    float: left
}

.vl-tile-type {
    width: 100%;
    float: left
}

.vl-filters-heading {
    width: 75%;
    float: left;
    padding-left: 20px;
    padding-right: 0
}

.vl-filters-bottom-padding {
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-right: 0
}

.vl-filters-apply-filters {
    width: 25%;
    float: left;
    padding-left: 0;
    padding-right: 20px;
    aaamargin-top: 35px
}

.vl-filters-desc {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

.vl-filter-set {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.vl-filter-set-heading {
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 10px
}

.vl-filter-set-line {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.vl-filter-button-small {
    width: 16.66666666%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px
}

.vl-filter-button-medium {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px
}

.vl-filter-button-large {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px
}

.current-filters {
    margin-left: 10px
}

    .current-filters button {
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 10px 14px;
        background-color: #f5e617;
        color: #fff;
        border: 0;
        font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
        font-size: 13px;
        font-weight: 400;
        text-align: center;
        line-height: normal;
        outline: 0;
        cursor: pointer;
        color: #424a52
    }

        .current-filters button:hover {
            background-color: #e9da06
        }

.vl-tile-popup-thumbnail {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.vl-tile-popup-details {
    width: 41.66666667%;
    float: left;
    padding-left: 0;
    padding-right: 0
}

.vl-wishlists {
    width: 100%;
    float: left;
    padding-right: 10px;
    padding-left: 10px
}

.vl-wishlist-item-container {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    width: 50%;
    float: left
}

.vl-wishlist-item {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left
}

.vl-wishlist-item-thumbnail {
    padding-left: 0;
    padding-right: 0;
    width: 33.3333%;
    float: left
}

.vl-wishlist-item-details {
    padding-left: 0;
    xpadding-right: 10px;
    width: 50.66666667%;
    float: left
}

.heading {
    font-size: 16px
}

.vit-room-container button.close img {
    position: absolute;
    top: 20px;
    right: 10px;
    height: 30px;
    width: 30px;
    color: #fff;
    background-color: #444b51;
    opacity: 1;
    z-index: 10
}

.vit-room {
    width: 100%;
    margin: 0 0 20px;
    cursor: pointer
}

    .vit-room:hover {
        opacity: .9
    }

.touch-device .vit-room:hover {
    opacity: 1
}

.vit-room.selected {
    box-shadow: 0 0 0 4px #f5e617
}

.vit-room.disabled {
    opacity: .3;
    cursor: default
}

.vit-tile {
    width: 100%;
    margin: 0 0 20px;
    cursor: pointer
}

    .vit-tile.selected {
        box-shadow: 0 0 0 4px #f5e617
    }

    .vit-tile.disabled {
        opacity: .3;
        cursor: default
    }

.vit-grout {
    width: 100%;
    margin: 0 0 20px;
    cursor: pointer;
    padding-bottom: 100%;
    border: 1px #7c868f solid
}

    .vit-grout.selected {
        box-shadow: 0 0 0 4px #f5e617
    }

.vit-startup-overlay {
    position: absolute;
    left: 50%;
    margin-left: -160px;
    top: 2%;
    width: 560px;
    padding: 20px 20px 0 20px;
    z-index: 99990;
    border-bottom: 4px solid #f5e617;
    background-color: #fff
}

.vit-startup-overlay-title {
    font-size: 18px;
    text-align: center
}

.vit-startup-overlay button.close {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    color: #fff;
    background-color: #444b51;
    opacity: 1
}

    .vit-startup-overlay button.close img {
        width: 100%;
        padding: 0
    }

.vit-loading {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    width: 200px;
    padding: 30px 0 20px 0;
    text-align: center;
    font-size: 16px;
    z-index: 99999;
    border: 3px solid #000;
    background-color: #f5e617
}

.vit-message {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    width: 200px;
    padding: 10px 20px 10px 20px;
    text-align: center;
    font-size: 16px;
    z-index: 99999;
    border-bottom: 4px solid #f5e617;
    background-color: #fff
}

    .vit-message img {
        padding-top: 10px
    }

    .vit-message p {
        padding-top: 10px
    }

.vit-tool-message {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 10%;
    width: 600px;
    padding: 20px 20px 20px 20px;
    text-align: center;
    font-size: 14px;
    z-index: 99999;
    border: 4px solid #f5e617;
    background-color: #fff
}

.vit-loading .small-text {
    font-size: 12px
}

.vit-page-container {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.vl-pane {
    width: 688px;
    overflow: hidden
}

.vit-pane-container {
    float: left;
    pointer-events: all;
    -webkit-transform: translateZ(0);
    position: relative;
    height: 100%;
    display: block;
    border-right: 4px solid #f5e617
}

    .vit-pane-container .vit-content-pane {
        float: left;
        position: relative;
        height: 100%;
        background-color: #fff;
        overflow-y: auto
    }

.vl-pane-content {
    width: 684px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.vit-hide-scrollbar {
    position: absolute;
    width: 15px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99
}

.vit-scrollbar1 {
    background-color: #fff
}

.vit-scrollbar2 {
    background-color: #ececec
}

img.vit-pane-tab {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100px;
    width: 40px;
    cursor: pointer
}

.vit-pane-container .vit-content-pane .heading {
    position: relative;
    margin: 40px 0 10px;
    text-align: center
}

.vit-commercial-rooms-sub-heading {
    position: relative;
    margin: 0 20px 15px 10px;
    text-align: center
}

.vit-content-rooms .rooms-empty {
    margin: 50px
}

.vit-show-more button {
    width: 100%;
    height: 30px;
    text-align: center;
    box-shadow: 1px 2px 1px #888;
    background: #f1e60e;
    background: linear-gradient(to bottom,#f1e60e 17%,#e6d605 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e60e', endColorstr='#e6d605', GradientType=0);
    margin-bottom: 20px
}

.vit-search {
    margin: 0 0 30px
}

    .vit-search .vit-input-container {
        border-radius: 15px;
        box-shadow: 0 0 0 1px #ececec;
        height: 32px
    }

        .vit-search .vit-input-container input {
            height: 30px;
            background: url(images/assets/magnifying-glass.html) scroll 5px 3px no-repeat;
            background-size: 23px 23px;
            border: none;
            padding: 0 10px 0 30px;
            width: 100%;
            font-size: 14px
        }

    .vit-search p {
        padding: 20px 0 10px
    }

.vit-pane-container .vit-content-pane .refine {
    padding: 0 25px 0 10px
}

.vit-apply-filters {
    right: 0
}

    .vit-apply-filters div {
        margin-bottom: 20px;
        margin-top: 35px
    }

.yellowButton {
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    color: #424a52;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    xxxpadding: 10px 0;
    padding: 7px 0;
    width: 100%;
    display: block;
    outline: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZTUxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom,#e4d404 0,#f5e517 100%);
    background-image: -o-linear-gradient(bottom,#e4d404 0,#f5e517 100%);
    background-image: -webkit-linear-gradient(bottom,#e4d404 0,#f5e517 100%);
    background-image: linear-gradient(bottom,#e4d404 0,#f5e517 100%);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
    box-shadow: 0 1px 2px rgba(0,0,0,.35);
    position: relative
}

    .yellowButton:hover {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHgyPSI1MCUiIHkyPSIxMDAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZTUxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
        background-image: -moz-linear-gradient(top,#e4d404 0,#f5e517 100%);
        background-image: -o-linear-gradient(top,#e4d404 0,#f5e517 100%);
        background-image: -webkit-linear-gradient(top,#e4d404 0,#f5e517 100%);
        background-image: linear-gradient(top,#e4d404 0,#f5e517 100%)
    }

    .yellowButton:active {
        background-color: #f5e517;
        background-image: none;
        -moz-box-shadow: 0 0 1px rgba(0,0,0,.35);
        -webkit-box-shadow: 0 0 1px rgba(0,0,0,.35);
        box-shadow: 0 0 1px rgba(0,0,0,.35);
        top: 1px
    }

.vit-filter-sets button {
    width: 100%;
    height: 38px;
    margin: 7px 0;
    line-height: normal;
    text-align: center;
    box-shadow: 0 0 0 1px #d9d9d9;
    background-color: #fff;
    font-size: 14px
}

    .vit-filter-sets button.disabled {
        opacity: .4;
        color: #424a52;
        cursor: default;
        text-decoration: line-through;
        background-color: #fff
    }

    .vit-filter-sets button.selected {
        color: #fff;
        background-color: #444b51
    }

.vit-filter-set-divider {
    padding-top: 30px;
    height: 5px;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 15px
}

.vit-content-wishlist {
    height: 100%;
    background-color: #ececec
}

.vit-content-wishlist-holder {
    background-color: #ececec
}

.vit-content-wishlist .wishlist-empty {
    margin: 50px
}

.vit-wishlist-item {
    background-color: #fff
}

.vit-content-wishlist button.close {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    color: #fff;
    background-color: #444b51;
    opacity: 1
}

    .vit-content-wishlist button.close img {
        width: 100%;
        padding: 0
    }

.vit-content-wishlist img.thumbnail {
    width: 100%;
    aamargin: 20px;
    padding: 15px 10px 15px 15px
}

.vit-content-wishlist .normal-text {
    margin-top: 0;
    font-size: 16px;
    padding-top: 10px
}

.vit-content-wishlist .small-text {
    margin-top: -7px;
    font-size: 13px;
    margin-bottom: 0;
    padding-bottom: 7px
}

.vit-content-wishlist .add-to-basket {
    wwidth: 100%;
    wbottom: 0;
    wleft: 0
}

    .vit-content-wishlist .add-to-basket button {
        height: 40px;
        color: #424a52;
        background-color: #f5e617
    }

.vit-content-basket {
    height: 100%;
    background-color: #ececec
}

.vit-content-basket-holder {
    background-color: #ececec
}

.vit-content-basket button.pay {
    width: 100%;
    height: 30px;
    text-align: center;
    box-shadow: 1px 2px 1px #888;
    background: #f1e60e;
    background: linear-gradient(to bottom,#f1e60e 17%,#e6d605 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e60e', endColorstr='#e6d605', GradientType=0)
}

.vit-content-basket .table-heading {
    height: 25px
}

.vit-content-basket .basket-empty {
    margin: 50px
}

.vit-content-basket button.pay {
    margin-bottom: 20px
}

    .vit-content-basket button.pay:hover {
        background-color: #ececec
    }

    .vit-content-basket button.pay.selected {
        color: #fff;
        background-color: #444b51
    }

.vit-content-basket .basket-item-container {
    margin: 10px 0 0 0;
    background-color: #ececec;
    height: 150px
}

.vit-content-basket .basket-item {
    background-color: #fff
}

.vit-content-basket .basket-item {
    padding: 20px
}

    .vit-content-basket .basket-item button.close {
        position: absolute;
        top: 0;
        right: 0;
        height: 30px;
        width: 30px;
        color: #fff;
        background-color: #444b51;
        opacity: 1
    }

.vit-content-basket img.thumbnail {
    width: 100%
}

.vit-content-basket .basket-item button.close img {
    width: 100%;
    padding: 0
}

.vit-content-basket .basket .table-heading {
    height: 25px
}

.vit-content-basket .number-input {
    width: 65px;
    border: 2px inset;
    padding: 1px
}

.vit-content-basket .refresh {
    margin: 0 auto;
    cursor: pointer;
    padding-top: 3px;
    text-align: left;
    width: 65px
}

    .vit-content-basket .refresh img {
        width: 11px;
        height: 9px;
        display: inline-block;
        margin-right: 5px
    }

    .vit-content-basket .refresh span {
        text-decoration: underline;
        font-size: 10px
    }

.main-nav-container {
    float: left;
    pointer-events: all;
    zzoverflow-x: hidden;
    zzoverflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    z-index: 1;
    -webkit-transform: translateZ(0);
    background-color: #424a52;
    height: 100%
}

.main-nav {
    zzzoverflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    height: 100%;
    zzwidth: 100%;
    zzmin-height: 100%;
    color: #fff
}

.main-nav-container .main-nav .logo {
    width: 160px;
    display: block;
    padding-right: 10px;
    margin: 15px auto 25px auto
}

    .main-nav-container .main-nav .logo map area {
        outline: 0
    }

    .main-nav-container .main-nav .logo img {
        width: 100%
    }

.main-nav-container .main-nav .menu-items {
    font-size: 13px;
    border-top: solid 1px #7c868f
}

    .main-nav-container .main-nav .menu-items a {
        border-left: 0;
        border-right: 0
    }

        .main-nav-container .main-nav .menu-items a.menu-item, .main-nav-container .main-nav .menu-items a.sub-menu-item {
            position: relative;
            cursor: pointer;
            padding: 0 18px;
            height: 55px;
            width: 100%;
            z-index: 1;
            display: block;
            text-decoration: none;
            color: #fff;
            border-bottom: solid 1px #7c868f
        }

            .main-nav-container .main-nav .menu-items a.menu-item p, .main-nav-container .main-nav .menu-items a.sub-menu-item p {
                padding-top: 2px;
                padding-right: 15px;
                position: absolute;
                left: 48px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

    .main-nav-container .main-nav .menu-items .fa-icon {
        float: left;
        margin-right: 10px;
        font-size: 1.6em;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .main-nav-container .main-nav .menu-items img.icon {
        float: left;
        xpadding-left: 23px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .main-nav-container .main-nav .menu-items .menu-item.selected, .main-nav-container .main-nav .menu-items .sub-menu-item {
        background: #2c333a
    }

    .main-nav-container .main-nav .menu-items a.sub-menu-item {
        padding: 11px 30px;
        height: 42px;
        border-top-color: #424a52 !important;
        border-bottom-color: #424a52 !important
    }

    .main-nav-container .main-nav .menu-items .sub-menu-item:last-child {
        border-top-color: #424a52 !important;
        border-bottom-color: #7c868f !important
    }

    .main-nav-container .main-nav .menu-items .menu-item:hover {
        background-color: #363f46
    }

    .main-nav-container .main-nav .menu-items .menu-item.selected {
        background-color: #2c333a;
        margin-left: 1px
    }

    .main-nav-container .main-nav .menu-items .sub-menu-item:hover {
        background-color: #1f252a
    }

    .main-nav-container .main-nav .menu-items .sub-menu-item.selected {
        color: #424a52;
        background-color: #fff
    }

.main-nav-container .main-nav .web-link {
    display: table;
    margin: 0 auto;
    padding: 20px 10px 20px 0;
    text-align: center;
    font-size: 13px;
    color: #fff
}

.fa-angle-right:before {
    content: "\f105"
}

.select-tile-modal {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    height: 225px;
    width: 450px;
    z-index: 100;
    box-shadow: 0 0 32px -1px rgba(0,0,0,.75);
    background-color: #fff
}

    .select-tile-modal img {
        width: 100%;
        padding: 20px 10px
    }

    .select-tile-modal .details {
        padding: 20px 10px
    }

        .select-tile-modal .details .normal-text {
            font-size: 16px;
            padding-top: 0;
            abackground-color: red
        }

        .select-tile-modal .details .small-text {
            margin-top: -7px;
            font-size: 11px;
            color: #979797;
            padding-bottom: 0
        }

        .select-tile-modal .details .price {
            margin-top: -5px
        }

    .select-tile-modal .select-tile {
        width: 100px
    }

    .select-tile-modal button.close {
        position: absolute;
        top: 0;
        right: 0;
        height: 30px;
        width: 30px;
        color: #fff;
        background-color: #444b51;
        opacity: 1
    }

        .select-tile-modal button.close img {
            padding: 0
        }

.scene-container {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.scene {
    top: 0;
    left: 0;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    width: 100%;
    height: 100%
}

    .scene .render {
        width: 100%;
        height: 100%
    }

.zzzoutlines-canvas {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    zzheight: 100%
}

.tools-container.closeTools {
    right: -465px
}

.tools-container {
    pointer-events: all;
    position: absolute;
    z-index: 100;
    right: 0;
    width: 466px;
    bottom: 0;
    height: 144px;
    border-left: 4px solid #f5e617
}

    .tools-container .gui-tools {
        position: relative;
        height: 100%;
        width: 100%
    }

        .tools-container .gui-tools .thumb {
            background-color: rgba(152,152,152,.8)
        }

            .tools-container .gui-tools .thumb .current-tile {
                float: left;
                display: inline-block;
                height: 130px;
                width: 132px;
                margin: 7px;
                background-color: #f1f1f1
            }

    .tools-container .current-tile {
        cursor: pointer
    }

    .tools-container .gui-tools .thumb .current-tile img {
        height: 100%;
        padding: 10px;
        display: block
    }

    .tools-container .gui-tools .thumb .current-tile div {
        width: 112px;
        height: 112px;
        margin: 10px;
        display: block
    }

    .tools-container .gui-tools .tool-container {
        float: left;
        display: inline-block;
        width: 312px;
        margin: 6px 0
    }

        .tools-container .gui-tools .tool-container .tool {
            cursor: pointer;
            text-align: center;
            line-height: 1.2em;
            font-size: 11px;
            float: left;
            margin: 1px;
            background-color: #f1f1f1;
            height: 64px;
            width: 50px
        }

            .tools-container .gui-tools .tool-container .tool .tool-img-container {
                width: 22px;
                margin-left: 11px;
                height: 30px;
                overflow: hidden
            }

                .tools-container .gui-tools .tool-container .tool .tool-img-container img {
                    position: relative;
                    width: 44px;
                    padding: 10px 5px 5px
                }

            .tools-container .gui-tools .tool-container .tool:hover {
                background-color: #fff
            }

            .tools-container .gui-tools .tool-container .tool:active {
                color: #fff;
                background-color: #424a52
            }

                .tools-container .gui-tools .tool-container .tool:active img {
                    right: 17px
                }

            .tools-container .gui-tools .tool-container .tool.selected {
                color: #fff;
                background-color: #424a52
            }

                .tools-container .gui-tools .tool-container .tool.selected img {
                    right: 17px
                }

            .tools-container .gui-tools .tool-container .tool.disabled {
                cursor: default
            }

                .tools-container .gui-tools .tool-container .tool.disabled:hover {
                    background-color: #f1f1f1;
                    cursor: default
                }

            .tools-container .gui-tools .tool-container .tool span.disabled {
                color: #aaa
            }

            .tools-container .gui-tools .tool-container .tool img.disabled {
                opacity: .3
            }

            .tools-container .gui-tools .tool-container .tool.disabled:active img {
                right: 0
            }

img.vit-tools-tab {
    position: absolute;
    z-index: 100;
    right: 466px;
    bottom: 47px;
    height: 50px;
    width: 40px;
    cursor: pointer
}

.modal-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.45);
    z-index: 900
}

    .modal-container .modal-popup {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 50%;
        left: 50%
    }

        .modal-container .modal-popup .heading {
            padding: 30px 0 5px;
            text-align: center
        }

        .modal-container .modal-popup .basket-margins {
            margin: 15px 0 25px;
            height: 56px
        }

        .modal-container .modal-popup button.close {
            position: absolute;
            top: 0;
            right: 0;
            height: 30px;
            width: 30px;
            color: #fff;
            background-color: #444b51;
            opacity: 1
        }

        .modal-container .modal-popup .modal-default-bkg {
            position: relative;
            height: 200px;
            width: 100px;
            top: -100px;
            left: -50px;
            display: block;
            background: #fff;
            border-bottom: 4px solid #f5e617
        }

    .modal-container .normal-text {
        font-size: 16px
    }

    .modal-container .modal-popup .basket, .modal-container .modal-popup .sample {
        height: 270px;
        width: 380px;
        top: -135px;
        left: -190px
    }

        .modal-container .modal-popup .basket .basket-btn {
            width: 189px;
            margin-right: auto;
            margin-left: auto
        }

        .modal-container .modal-popup .basket .close img {
            width: 100%
        }

        .modal-container .modal-popup .basket input {
            text-align: center
        }

        .modal-container .modal-popup .basket .number-input {
            width: 65px;
            border: 2px inset;
            padding: 1px
        }

        .modal-container .modal-popup .basket .basket-centre-or {
            margin-top: 33px;
            font-style: italic
        }

    .modal-container .modal-popup .pattern {
        height: 370px;
        width: 520px;
        top: -205px;
        left: -260px
    }

        .modal-container .modal-popup .pattern img {
            cursor: pointer
        }

        .modal-container .modal-popup .pattern .close img {
            width: 100%
        }

        .modal-container .modal-popup .pattern img.selected {
            border: 2px solid #f5e617
        }

    .modal-container .modal-popup .share {
        display: block;
        background: #fff;
        height: 150px;
        width: 380px;
        top: -75px;
        left: -190px
    }

        .modal-container .modal-popup .share .exporting, .modal-container .modal-popup .share .social-icon-container {
            width: 100%
        }

            .modal-container .modal-popup .share .exporting .icons, .modal-container .modal-popup .share .social-icon-container .icons {
                width: 148px
            }

                .modal-container .modal-popup .share .exporting .icons img, .modal-container .modal-popup .share .social-icon-container .icons img {
                    cursor: pointer;
                    width: 34px
                }

            .modal-container .modal-popup .share .exporting .close img, .modal-container .modal-popup .share .social-icon-container .close img {
                width: 100%
            }

            .modal-container .modal-popup .share .exporting img:hover, .modal-container .modal-popup .share .social-icon-container img:hover {
                opacity: .8
            }

.share-it button {
    width: 100%;
    height: 30px;
    text-align: center;
    box-shadow: 1px 2px 1px #888;
    background: #f1e60e;
    background: linear-gradient(to bottom,#f1e60e 17%,#e6d605 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e60e', endColorstr='#e6d605', GradientType=0);
    margin-bottom: 20px
}

.modal-container .modal-popup .email {
    height: 350px;
    width: 440px;
    top: -175px;
    left: -220px
}

    .modal-container .modal-popup .email .input-full-width {
        width: 100%
    }

    .modal-container .modal-popup .email input {
        border: 1px #d8d8d8 solid;
        padding: 1px
    }

    .modal-container .modal-popup .email textarea {
        border: 1px #d8d8d8 solid;
        padding: 1px;
        overflow: auto;
        outline: 0;
        resize: none;
        -aawebkit-box-shadow: none;
        -aamoz-box-shadow: none;
        aabox-shadow: none;
        dbackground-color: red
    }

    .modal-container .modal-popup .email .input-padding {
        padding: 17px 0
    }

    .modal-container .modal-popup .email .email-btn {
        margin-top: 32px;
        width: 100px;
        margin-right: auto;
        margin-left: auto
    }

    .modal-container .modal-popup .email .close img {
        width: 100%
    }

.vit-content-help .section-jump {
    cursor: pointer;
    text-decoration: underline;
    margin: 0;
    padding: 0
}

.print-message {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    width: 200px;
    padding: 30px 0 20px 0;
    text-align: center;
    font-size: 16px;
    z-index: 99999;
    border: 1px #444 solid;
    border-bottom: 4px solid #f5e617;
    background-color: #fff
}

.print-header {
    padding-bottom: 10px
}

.print-title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 0
}

.print-date {
    font-size: 14px;
    margin: 0;
    padding: 8px
}

.print-footer {
    padding-top: 10px
}

.print-logo img {
    width: 100%
}

.print-room-image {
    width: 100%;
    margin-bottom: 10px
}

.print-products-title {
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    margin: 0
}

.printout-tiles-used-list .list {
    padding: 0
}

.printout-tiles-used-list .item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0
}

.printout-tiles-used-list img.thumbnail {
    width: 100%;
    margin: 0;
    padding: 0
}

.printout-tiles-used-list .normal-text {
    margin-top: 0;
    font-size: 16px;
    padding-top: 0
}

.printout-tiles-used-list .small-text {
    margin-top: -7px;
    font-size: 13px;
    margin-bottom: 0;
    padding-bottom: 7px
}

.decosaz-logo {
    cursor: pointer;
    text-align: center;
    height: 20px;
    margin: 10px auto 0 auto;
    padding: 12px 10px 12px 0;
    display: table
}

    .decosaz-logo span {
        margin: 0;
        padding: 0;
        font-size: 11px;
        color: #fff
    }

    .decosaz-logo img {
        height: 25px;
        margin: 0;
        padding: 0
    }

.modal-container .modal-popup .range-basket-margins {
    min-height: 120px;
    zzbackground-color: #00f
}

.modal-container .modal-popup .range-basket {
    margin-left: 141px;
    width: 692px;
    height: 560px;
    top: -280px;
    left: -346px
}

    .modal-container .modal-popup .range-basket .basket-btn {
        width: 189px;
        margin-right: auto;
        margin-left: auto
    }

    .modal-container .modal-popup .range-basket .close img {
        width: 100%
    }

    .modal-container .modal-popup .range-basket input {
        text-align: center
    }

    .modal-container .modal-popup .range-basket .number-input {
        width: 65px;
        border: 2px inset;
        padding: 1px
    }

    .modal-container .modal-popup .range-basket .basket-centre-or {
        font-style: italic
    }

.vit-tile-range-list {
    width: 100%;
    height: 390px;
    overflow-y: auto
}

.tile-range-col-tile-name {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    width: 168px;
    zzbackground-color: #0ff
}

.tile-range-col-tile {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    margin-left: 25px;
    width: 138px;
    zzbackground-color: #ff0
}

.tile-range-col-select {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 138px;
    zzbackground-color: #0ff
}

.tile-range-col-price {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 138px;
    zzbackground-color: #ff0
}

.tile-range-col-already-in-basket {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 276px;
    zzbackground-color: #ff0
}

.tile-range-col-quantity {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 80px;
    zzbackground-color: #0ff
}

.tile-range-col-percentage {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 138px;
    zzbackground-color: #ff0
}

.tile-range-col-or {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 40px;
    zzbackground-color: #ff0
}

.tile-range-col-coverage {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 80px;
    zzbackground-color: #0ff
}

.tile-range-col-sample-already-in-basket {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 476px;
    zzbackground-color: #ff0
}

.vit-range-basket-heading {
    height: 30px
}

.vit-tile-range-tile-name {
    aamargin-left: 0;
    aawidth: 100%;
    font-size: 13px;
    font-style: italic
}

.vit-tile-range-thumbnail {
    aamargin-left: 40%;
    width: 50%
}

.vit-tile-range-tick {
    cursor: pointer
}

.vit-tile-range-top-align {
    margin-top: 22px
}

.modal-container .modal-popup .range-basket-add {
    margin: 15px 0 0;
    zzheight: 56px
}

.range-basket-disabled {
    opacity: .3;
    zzcursor: default
}

.range-disabled {
    opacity: .3
}

.range-tick-disabled {
    cursor: default
}

.range-add-basket-disabled {
    opacity: .3;
    cursor: default
}

.modal-container .modal-popup .range-samples-margins {
    min-height: 120px;
    zzbackground-color: #ff0
}

.modal-container .modal-popup .range-samples {
    margin-left: 141px;
    width: 580px;
    height: 560px;
    top: -280px;
    left: -290px
}

    .modal-container .modal-popup .range-samples .basket-btn {
        width: 189px;
        margin-right: auto;
        margin-left: auto
    }

    .modal-container .modal-popup .range-samples .close img {
        width: 100%
    }

.vit-range-samples-heading {
    padding-left: 65px;
    height: 30px
}

.vit-range-samples-list {
    padding-left: 65px;
    width: 100%;
    height: 390px;
    overflow-y: auto;
    zzbackground-color: #0ff
}

.modal-container .modal-popup .tiling-range-or-single-margins {
    height: 50px;
    zzbackground-color: #ff0
}

.modal-container .modal-popup .tiling-range-or-single {
    margin-left: 141px;
    width: 500px;
    height: 180px;
    top: -90px;
    left: -250px
}

    .modal-container .modal-popup .tiling-range-or-single .basket-btn {
        width: 400px;
        margin-right: auto;
        margin-left: auto
    }

    .modal-container .modal-popup .tiling-range-or-single .close img {
        width: 100%
    }

.modal-container .modal-popup .tiling-range-margins {
    min-height: 120px;
    zzbackground-color: #ff0
}

.modal-container .modal-popup .tiling-range {
    margin-left: 141px;
    width: 580px;
    height: 580px;
    top: -290px;
    left: -290px
}

    .modal-container .modal-popup .tiling-range .basket-btn {
        width: 189px;
        margin-right: auto;
        margin-left: auto
    }

    .modal-container .modal-popup .tiling-range .close img {
        width: 100%
    }

    .modal-container .modal-popup .tiling-range input {
        text-align: center
    }

    .modal-container .modal-popup .tiling-range .number-input {
        width: 65px;
        border: 2px inset;
        padding: 1px
    }

.vit-tiling-range-heading {
    padding-left: 65px;
    height: 30px
}

.modal-tiling-range .heading .sub-heading {
    font-size: 13px
}

.vit-tiling-range-list {
    padding-left: 65px;
    width: 100%;
    height: 390px;
    overflow-y: auto;
    zzbackground-color: #0ff
}

.vit-tiling-range-error-message {
    padding-top: 4px;
    text-align: center;
    font-size: 12px;
    color: red
}

.modal-container .modal-popup .decorate-options-margins {
    height: 50px;
    wwbackground-color: green
}

.modal-container .modal-popup .decorate-options {
    margin-left: 141px;
    width: 300px;
    height: 180px;
    top: -110px;
    left: -150px
}

    .modal-container .modal-popup .decorate-options .basket-btn {
        width: 200px;
        margin-right: auto;
        margin-left: auto
    }

    .modal-container .modal-popup .decorate-options .close img {
        width: 100%
    }

.decorate-tile-zone-text {
    font-size: 85%;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 10px
}

.vit-webgl-overlay {
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top: 20%;
    width: 500px;
    padding: 20px;
    z-index: 99990;
    border-bottom: 4px solid #f5e617;
    background-color: #fff
}

.vit-webgl-overlay-title {
    font-size: 18px;
    text-align: center
}

.vit-webgl-overlay button.close {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    color: #fff;
    background-color: #444b51;
    opacity: 1
}

    .vit-webgl-overlay button.close img {
        width: 100%;
        padding: 0
    }

.vit-webgl-overlay-margins {
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 200px;
    height: 32px;
    text-align: center
}

.vit-small-text {
    font-size: 11px
}

.save-saved-rooms-to-disk {
    z-index: 99999;
    display: none;
    padding: 10px
}

.vit-styles-overlay {
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top: 20%;
    width: 500px;
    padding: 20px;
    z-index: 99990;
    border-bottom: 4px solid #f5e617;
    background-color: #fff
}

.vit-styles-overlay-title {
    font-size: 18px;
    text-align: center
}

.vit-styles-overlay button.close {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    color: #fff;
    background-color: #444b51;
    opacity: 1
}

    .vit-styles-overlay button.close img {
        width: 100%;
        padding: 0
    }

.style-tile-modal {
    position: fixed;
    display: none;
    left: 50%;
    margin-left: -225px;
    top: 5%;
    bottom: auto;
    height: 225px;
    width: 450px;
    z-index: 100;
    box-shadow: 0 0 32px -1px rgba(0,0,0,.75);
    background-color: #fff
}

    .style-tile-modal img {
        width: 100%;
        padding: 20px 10px
    }

    .style-tile-modal .details {
        padding: 20px 10px
    }

        .style-tile-modal .details .normal-text {
            font-size: 16px;
            padding-top: 0;
            abackground-color: red
        }

        .style-tile-modal .details .small-text {
            margin-top: -7px;
            font-size: 11px;
            color: #979797;
            padding-bottom: 0
        }

        .style-tile-modal .details .price {
            margin-top: -5px
        }

    .style-tile-modal .vl-tile-popup-details {
        width: 50%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }

p {
    color: #656565
}

.v-space-top {
    padding-top: 15px
}

.v-space-bottom {
    padding-bottom: 15px
}

* {
    font-family: 'iransans',Trebuchet MS,Helvetica,Arial,sans-serif
}

@font-face {
    font-family: iransans;
    src: url(fonts/iransans/iransans.woff?v=fttCop7bnYlcd7t9rm0OXtV5QO4&v=0KL9a0MzdBgNXipAkrbJ6CC0TT0) format('woff'),url(fonts/iransans/iransansweb.ttf?v=vG3SYcj89hkXhl2qkmBPyCodTVw&v=0KL9a0MzdBgNXipAkrbJ6CC0TT0) format('truetype')
}

.vit-close-button {
    top: 0;
    right: 0
}

.vd-bg1 {
    background-color: red
}

.vd-bg2 {
    background-color: green
}

.vd-bg3 {
    background-color: #00f
}

.container {
    max-width: 1024px !important;
}

.v-height-100 {
    height: 100%
}

.v-tools-button span {
    background-position: -150px 0
}

.v-tools-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -175px 0
}

.v-rooms-button span {
    background-position: 0 0
}

.v-rooms-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -25px 0
}

.v-tiles-button span {
    background-position: -200px 0
}

.v-tiles-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -225px 0
}

.v-paint-button span {
    background-position: -700px 0
}

.v-paint-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -725px 0
}

.v-grout-button span {
    background-position: -1400px 0;
}

.v-grout-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1425px 0
}

.v-single-tile-button span {
    background-position: -1200px 0
}

.v-single-tile-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1225px 0
}

.v-rotate-tile-button span {
    background-position: -650px 0
}

.v-rotate-tile-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -675px 0
}

.v-pattern-button.Linear span {
    background-position: -250px 0
}

.v-pattern-button.Linear:not(.v-disable-touch-button-hover):hover span {
    background-position: -275px 0
}

.v-pattern-button.Brick span {
    background-position: -100px 0
}

.v-pattern-button.Brick:not(.v-disable-touch-button-hover):hover span {
    background-position: -125px 0
}

.v-pattern-button.Diamond span {
    background-position: -150px 0
}

.v-pattern-button.Diamond:not(.v-disable-touch-button-hover):hover span {
    background-position: -175px 0
}

.v-pattern-button.Herringbone span {
    background-position: -200px 0
}

.v-pattern-button.Herringbone:not(.v-disable-touch-button-hover):hover span {
    background-position: -225px 0
}

.v-pattern-button.BlockHerringbone span {
    background-position: -50px 0
}

.v-pattern-button.BlockHerringbone:not(.v-disable-touch-button-hover):hover span {
    background-position: -75px 0
}

.v-pattern-button.BrickBond span {
    background-position: 0 0
}

.v-pattern-button.BrickBond:not(.v-disable-touch-button-hover):hover span {
    background-position: -25px 0
}

.v-create-area-button span {
    background-position: -1300px 0
}

.v-create-area-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1325px 0
}

.v-save-button span {
    background-position: -300px 0
}

.v-save-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -325px 0
}

.v-print-button span {
    background-position: -350px 0
}

.v-print-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -375px 0
}

.v-share-button span {
    background-position: -250px 0
}

.v-share-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -275px 0
}

.v-email-button span {
    background-position: -400px 0
}

.v-email-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -425px 0
}

.v-facebook-button span {
    background-position: -800px 0
}

.v-facebook-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -825px 0
}

.v-twitter-button span {
    background-position: -850px 0
}

.v-twitter-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -875px 0
}

.v-pinterest-button span {
    background-position: -900px 0
}

.v-pinterest-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -925px 0
}

.v-close-button span {
    background-position: -450px 0
}

.v-close-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -475px 0
}

.v-clear-all-button span {
    background-position: -1100px 0
}

.v-clear-all-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1125px 0
}

.v-undo-button span {
    background-position: -1000px 0
}

.v-undo-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1025px 0
}

.v-redo-button span {
    background-position: -1050px 0
}

.v-redo-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1075px 0
}

.v-prepare-button span {
    background-position: -1350px 0
}

.v-prepare-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1375px 0
}

.v-decorate-button span {
    background-position: -1350px 0
}

.v-decorate-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1375px 0
}

.v-prepare-add-floor-button span {
    background-position: -1300px 0
}

.v-prepare-add-floor-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1325px 0
}

.v-prepare-add-worktop-button span {
    background-position: -1300px 0
}

.v-prepare-add-worktop-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1325px 0
}

.v-prepare-add-wall-button span {
    background-position: -1300px 0
}

.v-prepare-add-wall-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1325px 0
}

.v-prepare-add-paint-button span {
    background-position: -1300px 0
}

.v-prepare-add-paint-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1325px 0
}

.v-prepare-add-mask-button span {
    background-position: -1300px 0
}

.v-prepare-add-mask-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1325px 0
}

.v-rotate-floor-button span {
    background-position: -1500px 0
}

.v-rotate-floor-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1525px 0
}

.v-last-renders-button span {
    background-position: -1350px 0
}

.v-last-renders-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -1375px 0
}

.v-close-icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-button-v-group {
    width: 38px;
    margin-bottom: 0;
    margin-top: 0px;
    text-align: center;
}

    .v-button-v-group .v-icon-button {
        margin-top: 0;
        margin-bottom: 20px;
    }

.v-button-h-group {
    height: 50px;
    margin-left: 10px;
    width: auto;
    display: block;
    zzbackground-color: red
}

    .v-button-h-group .v-icon-button {
        margin-right: 10px;
    }

    .v-button-h-group .v-icon-button2 {
        margin-right: 10px
    }

.v-tools-button {
    position: fixed;
    left: 12px;
    top: 62px
}

.v-options-popup {
    zzmargin-top: -1px
}

.v-options-popup-container {
    zposition: fixed;
    zheight: 80px;
    zborder: 1px solid #000;
    zborder-bottom-left-radius: 5px;
    zborder-bottom-right-radius: 5px;
    zbox-shadow: 2px 2px 10px #888;
    zbackground-color: #fff;
    padding: 8px;
    text-align: center;
    zzborder: 1px solid #ddd;
    zzpadding-bottom: 15px;
    zzmargin-bottom: 15px
}

.v-options-button-group {
    display: inline-block;
    zborder: 1px solid red;
    zheight: 80px;
    margin-left: 7px;
    margin-right: 7px
}

.v-options-popup-container .v-icon-button {
    zzmargin-right: 10px;
    zzmargin-bottom: 10px
}

.v-options-share-container {
    height: 200px;
    border: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-color: red
}

.zzv-room-thumbnail {
    margin-top: 15px
}

.v-options-popup .vit-tool-button {
    margin-right: 20px
}

.v-icon-buttons-list ul {
    list-style-type: none
}

.v-rooms-popup .v-top {
    margin-top: 50px
}

.v-rooms-popup-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: relative;
    top: 5%;
    height: 85%
}

.v-rooms-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-rooms-popup-tabs li a {
    color: #656565;
    border-color: #ddd;
    background-color: #ddd;
    padding-left: 7px;
    padding-right: 7px
}

.v-rooms-popup-tabs li.v-active a, .v-rooms-popup-tabs li.v-active a:hover {
    color: #888;
    background-color: #fff;
    border-bottom-color: transparent
}

.v-room-thumbnails-container {
    padding-left: 15px;
    padding-right: 15px;
    zzheight: 250px;
    position: absolute;
    top: 96px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    overflow-y: scroll;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.v-room-thumbnail-container {
    width: 100%;
    margin-top: 15px;
    border: 2px solid transparent;
    border-radius: 5px
}

    .v-room-thumbnail-container.v-active {
        border: 2px solid #888
    }

.v-room-thumbnail {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer
}

.v-room-thumbnail-container.v-active .v-room-thumbnail {
    zzborder: none;
    border-radius: 0
}

.v-room-thumbnail.v-disabled {
    opacity: .4;
    cursor: default
}

.v-room-delete-icon-1 {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%
}

.v-uyo-room-thumbnail-text {
    position: absolute;
    left: 18px;
    bottom: 7px;
    font-family: 'iransans',Trebuchet MS,Helvetica,Arial,sans-serif !important;
    font-weight: 900;
    font-size: 26px;
    color: #555;
    background-color: rgba(255,255,255,.7);
    padding-left: 5px;
    padding-right: 5px;
    width: 155px;
    cursor: pointer;
    text-align: center
}

.v-rooms-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-room-thumbnails-container.v-config-move-up-as-no-uyo-button {
    top: 96px
}

.v-store-visit-upload-buttons {
    padding-bottom: 5px
}

.v-gui-style-2 .v-rooms-popup-close-icon-2 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-rooms-popup-container {
    top: 7%;
    height: 86%;
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    zzborder-left: 4px solid rgba(243,101,35,.5)
}

.v-gui-style-2 .v-rooms-popup-tabs li a {
    zzpadding-left: 5px;
    zzpadding-right: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0
}

.v-gui-style-2 .v-rooms-popup-title-text {
    color: #ddd
}

.v-gui-style-2 .v-room-thumbnail-container {
    width: 100%;
    margin-top: 15px;
    border: 2px solid transparent;
    border-radius: 0
}

    .v-gui-style-2 .v-room-thumbnail-container.v-active {
        border: 2px solid #888
    }

.v-gui-style-2 .v-room-thumbnail {
    border-radius: 0
}

.v-gui-style-2 .v-room-delete-icon-2 {
    right: 5px;
    top: 5px;
    height: 25px;
    width: 25px;
    color: #C11717;
    cursor: pointer;
    position: absolute
}

.v-config-enable-store-visit-upload .v-room-thumbnails-container {
    top: 132px
}

.v-config-enable-store-visit-upload .v-store-visit-upload-buttons {
    display: block
}

.v-product-thumbnail-col {
    position: relative;
    float: left;
    width: 16.66666667%;
    padding-left: 5px;
    padding-right: 5px
}

.v-actions-popup .v-top {
    margin-top: 50px
}

.v-actions-popup-container {
    height: 390px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: relative;
    top: 5%;
    height: 80%
}

.v-actions-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-show-filters-button1 {
    qqmargin-top: 0;
    zzzxxxfloat: right;
    margin-left: 10px
}

.v-show-filters-button2 {
    margin-top: -40px
}

.v-show-filters-button2b {
    margin-top: -12px;
    padding-bottom: 10px
}

    .v-show-filters-button1 button, .v-show-filters-button1 button:hover, .v-show-filters-button2 button, .v-show-filters-button2 button:hover, .v-show-filters-button2b button, .v-show-filters-button2b button:hover {
        background-color: #666;
        color: #fff
    }

.v-actions-popup-tabs li a {
    color: #656565;
    border-color: #ddd;
    background-color: #ddd;
    padding-left: 20px;
    padding-right: 20px
}

    .v-actions-popup-tabs li a:hover {
        background-color: #e8e8e8
    }

.v-actions-popup-tabs li.v-active a, .v-actions-popup-tabs li.v-active a:hover {
    color: #888;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent
}

.v-search-container {
    zzpadding-top: 15px;
    padding-bottom: 15px
}

.v-search-input-container {
    position: relative;
    display: block;
    overflow: hidden;
    zzpadding-right: 10px;
    padding-right: 10px
}

.v-search-input {
    display: inline-block;
    width: 100%;
    zzzxxxfloat: right;
    float: right;
    aafloat: left
}

.v-search-icon {
    position: absolute;
    right: 10px;
    right: 20px;
    top: 8px;
    font-size: 18px
}

.v-search-button {
    width: 100%
}

.v-product-thumbnails-container {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 96px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    padding-top: 15px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.v-delete-favourite-1 {
    position: absolute;
    right: 3px;
    top: 3px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%
}

.v-product-thumbnail-container {
    position: relative;
    padding-top: 7px;
    text-align: center;
    cursor: pointer;
    background-color: #f0f0f0;
    padding-top: 0;
    height: 145px;
    border: 0 solid #fff;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 3px;
    zzbackground-color: #ff0;
    border: 1px solid #ccc
}

    .v-product-thumbnail-container.v-active {
        border: 2px solid #888
    }

    .v-product-thumbnail-container.v-disabled {
        opacity: .4;
        cursor: default
    }

.v-product-thumbnails-inject {
    padding-left: 5px;
    padding-right: 5px
}

    .v-product-thumbnails-inject .col-xs-2 {
        padding-left: 5px;
        padding-right: 5px
    }

.v-product-thumbnail-centre-box {
    position: relative;
    width: 100%;
    zzheight: 71%;
    height: 116px;
    zzbackground-color: red
}

.v-product-thumbnail {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.m-product-thumbnail-container .m-product-image {
    margin: 4% 4% 0 4%;
    width: 92%
}

.v-product-background-image-thumbnail {
    position: absolute;
    zmax-width: 100%;
    zmax-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 81px;
    height: 81px;
    max-width: 70%;
    max-height: 70%;
    margin-top: 7px;
    background-size: 3232% 3232%;
    background-repeat: no-repeat
}

.v-product-thumbnail-text {
    zzpadding-top: 7px;
    padding-top: 3px;
    width: 100%;
    font-size: 10px;
    zzheight: 35px;
    text-align: center;
    zzbackground-color: #0ff
}

    .v-product-thumbnail-text p {
        zzline-height: 100%;
        line-height: 11px;
        margin-bottom: 5px;
        zzbackground-color: #0ff
    }

    .v-product-thumbnail-text br {
        line-height: 14px;
        zzpadding-top: 50px
    }

.v-filter-groups-list {
    zzheight: 455px;
    zzoverflow-y: scroll
}

    .v-filter-groups-list .v-product-filter-group {
        margin-right: 5px
    }

    .v-filter-groups-list .panel-heading {
        zzbackground-color: #888;
        background-color: #ddd;
        zzcolor: #fff;
        color: #656565
    }

.v-actions-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-filters-title-text {
    width: 100%;
    font-size: 16px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px
}

.v-actions-title-text {
    width: 100%;
    font-size: 16px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px
}

.v-filters-container {
    padding-left: 15px;
    padding-right: 15px;
    zzzzheight: 276px;
    position: absolute;
    top: 96px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    padding-top: 15px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.v-actions-popup-tabs li.v-disabled {
    opacity: .4
}

    .v-actions-popup-tabs li.v-disabled a {
        cursor: default
    }

.v-tools2-buttons {
    zzbackground-color: #ff0;
    float: right
}

    .v-tools2-buttons span {
        margin-left: 1px
    }

.v-single-tile-toggle-off, .v-single-tile-toggle-on {
    aaposition: absolute;
    aaright: 15px;
    aatop: 15px;
    zzzxxxfloat: right;
    zzzxxxmargin-left: 10px
}

.v-pattern-title-text {
    width: 100%;
    font-size: 12px;
    text-align: center;
    padding-top: 5px
}

.v-grout-thumbnail {
    border-radius: 0;
    border: 1px solid #666;
    cursor: pointer
}

    .v-grout-thumbnail .v-active {
        border: 2px solid #666
    }

.v-gui-style-2 .v-actions-popup-close-icon-2 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #ddd;
    cursor: pointer
}

.v-gui-style-2 .v-actions-popup-container {
    zztop: 7%;
    zzheight: 86%;
    top: 2%;
    height: 96%;
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.v-gui-style-2 .v-actions-popup-tabs li a {
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0
}

.v-gui-style-2 .v-search-container input {
    border-radius: 0
}

.v-gui-style-2 .v-actions-popup-title-text {
    color: #ddd
}

.v-gui-style-2 .v-product-thumbnail-container {
    background-color: #fff;
    border-width: 2px;
    border-radius: 0
}

    .v-gui-style-2 .v-product-thumbnail-container:not(.v-active) {
        border-color: transparent
    }

.v-gui-style-2 .v-product-thumbnail-text span {
    margin-right: 0
}

.v-gui-style-2 .v-tools-tile-areas {
    zzopacity: .5
}

.v-gui-style-2 .panel-heading, .v-gui-style-2 .v-product-filter-group {
    border-radius: 0
}

.v-gui-style-2 .v-pattern-thumbnail-container {
    border-radius: 0
}

.v-gui-style-2 .v-delete-favourite-2 {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 25px;
    width: 25px;
    color: #C11717;
    cursor: pointer
}

.v-op-type-target .v-actions-popup-tabs li:first-child {
    margin-right: 20px
}

.v-op-type-target .v-tools-container {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 96px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    zzpadding-top: 30px;
    padding-top: 15px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.v-op-type-target .v-tools-group-divider {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 0;
    border-top: 1px solid #ccc
}

.v-op-type-target .v-grout-thumbnail-text {
    margin-top: 5px
}

.v-config-hide-zoom-buttons .v-targets-on-off-container {
    right: 7px
}

.v-tablet-or-phone .v-actions-popup-container {
    top: 10px;
    height: 97%
}

.v-main-popup {
    position: fixed;
    left: 0;
    top: 80px;
    width: 185px;
    min-height: 100px;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee
}

.v-main-popup-close-icon {
    position: absolute;
    right: -35px;
    top: -1px;
    width: 35px;
    height: 64px;
    padding-left: 6px;
    padding-top: 18px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    color: #656565;
    cursor: pointer
}

.v-main-popup-close-icon-hide-left-shadow {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 5px;
    height: 64px;
    background-color: #eee;
    zzbackground-color: red
}

.v-main-popup-open-icon {
    position: fixed;
    left: 0;
    top: 80px;
    width: 35px;
    height: 64px;
    padding-left: 6px;
    padding-top: 18px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    color: #656565;
    cursor: pointer
}

.v-main-popup .v-divider {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 0;
    zzopacity: .5;
    border-top: 1px solid #888
}

.v-gui-style-2 .v-main-popup {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.v-gui-style-2 .v-main-popup-open-icon {
    background-color: rgba(0,0,0,.7);
    color: #ddd;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.v-gui-style-2 .v-main-popup-close-icon {
    top: 0;
    background-color: rgba(0,0,0,.7);
    color: #ddd;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.v-gui-style-2 .v-main-popup-close-icon-hide-left-shadow {
    display: none
}

.v-toolbar {
    position: fixed;
    right: 0;
    top: 50px;
    zzwidth: 485px;
    zzheight: 35px;
    zzpadding: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee
}

.v-toolbar-item {
    height: 100%;
    float: left
}

    .v-toolbar-item.v-disabled {
        opacity: .4;
        cursor: default
    }

        .v-toolbar-item.v-disabled .v-toolbar-button {
            cursor: default
        }

.v-toolbar .v-toolbar-divider {
    width: 0;
    margin-top: 5px;
    margin-bottom: 0;
    height: 20px;
    border-right: 1px solid #888;
    float: left
}

.v-toolbar .v-toolbar-favourited {
    cursor: pointer
}

    .v-toolbar .v-toolbar-favourited i {
        margin: 8px 7px 8px 7px;
        color: #ddd
    }

    .v-toolbar .v-toolbar-favourited:hover {
        background-color: #ddd
    }

.v-gui-style-2 .v-toolbar {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.v-toolbar .v-toolbar-favourited:hover {
    background-color: #333
}

.v-mannington-pano-buttons {
    position: fixed;
    right: 10px;
    top: 90px;
    width: 300px;
    text-align: center;
    padding: 10px;
    background-color: rgba(0,0,0,.7)
}

    .v-mannington-pano-buttons .v-action-button {
        background-color: #fff !important;
        color: #444 !important
    }

    .v-mannington-pano-buttons .v-mannington-pano-qr-code p {
        margin-top: 10px;
        color: #ddd;
        zzbackground-color: #ff0
    }

    .v-mannington-pano-buttons .v-mannington-pano-qr-code img {
        width: 80px;
        height: 80px;
        zzbackground-color: #ff0
    }

.v-worktop-colours-popup .v-top {
    margin-top: 50px
}

.v-worktop-colours-popup-container {
    height: 360px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: relative;
    top: 5%;
    height: 90%
}

.v-worktop-colours-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-worktop-colours-popup-close-icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-worktop-colours-thumbnails-container {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    zztop: 60px;
    top: 96px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    padding-top: 15px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.v-worktop-colour-thumbnail {
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    zmargin-left: 10px;
    zmargin-bottom: 10px;
    margin: 4px 4px;
    cursor: pointer;
    width: 54px;
    height: 54px
}

    .v-worktop-colour-thumbnail.v-active {
        border: 2px solid #888
    }

.v-cabinet-colours-popup .v-top {
    margin-top: 50px
}

.v-cabinet-colours-popup-container {
    height: 360px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: relative;
    top: 5%;
    height: 90%
}

.v-cabinet-colours-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-cabinet-colours-popup-close-icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-cabinet-colours-thumbnails-container {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    zztop: 60px;
    top: 96px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    padding-top: 15px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.v-cabinet-colour-thumbnail {
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    zmargin-left: 10px;
    zmargin-bottom: 10px;
    margin: 4px 4px;
    cursor: pointer;
    width: 54px;
    height: 54px
}

    .v-cabinet-colour-thumbnail.v-active {
        border: 2px solid #888
    }

.v-paint-popup .v-top {
    margin-top: 50px
}

.v-paint-popup-container {
    height: 360px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: relative;
    zztop: 5%;
    zzheight: 90%;
    top: 10%;
    height: 80%;
    width: 100%;
}

.v-paint-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-paint-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-paint-thumbnails-container {
    padding-left: 15px;
    padding-right: 15px;
    zzzheight: 280px;
    position: absolute;
    top: 60px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    padding-top: 15px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.v-paint-thumbnail {
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    zmargin-left: 10px;
    zmargin-bottom: 10px;
    margin: 4px 4px;
    cursor: pointer;
    width: 54px;
    height: 54px
}

    .v-paint-thumbnail.v-active {
        border: 2px solid #888
    }

.v-gui-style-2 .v-paint-popup-close-icon-2 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-paint-popup-container {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    zzborder-left: 4px solid rgba(243,101,35,.5)
}

.v-gui-style-2 .v-paint-popup-title-text {
    color: #ddd
}

.v-gui-style-2 .v-paint-thumbnail {
    border-radius: 0
}

.v-actions-popup .v-paint-thumbnails-container {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    zztop: 60px;
    top: 96px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    padding-top: 15px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.v-grout-popup .v-top {
    margin-top: 80px
}

.v-grout-popup-container {
    height: 360px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee
}

.v-grout-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-grout-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 20px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-grout-thumbnails-container {
    padding-left: 15px;
    padding-right: 15px;
    height: 280px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: auto;
    padding-top: 15px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.v-grout-popup .v-grout-thumbnail {
    zzzzzzzzfloat: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
    zzmargin: 4px 4px;
    cursor: pointer;
    width: 100px;
    height: 100px
}

.v-grout-thumbnail.v-active {
    border: 2px solid #888
}

.v-gui-style-2 .v-grout-popup-close-icon-2 {
    position: absolute;
    right: 25px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-grout-popup-container {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    zzborder-left: 4px solid rgba(243,101,35,.5)
}

.v-gui-style-2 .v-grout-popup-title-text {
    color: #ddd
}

.v-gui-style-2 .v-grout-thumbnail {
    border-radius: 0
}

.v-actions-popup .v-grout-thumbnail-container {
    display: inline-block;
    margin: 5px 5px;
    width: 228px;
    height: 90px;
    zzborder: 1px solid red;
    text-align: center;
    zzbackground-color: #ff0
}

.v-actions-popup .v-grout-thumbnail {
    width: 100%;
    height: 60px;
    margin: 0
}

.v-actions-popup .v-grout-popup-title-text {
    color: #fff
}

.v-actions-popup .v-grout-thumbnails-container {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 96px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: auto;
    padding-top: 15px;
    background-color: #fff;
    padding-left: 35px
}

.v-actions-popup .v-grout-thumbnails-inject {
    padding-left: 5px;
    padding-right: 5px
}

.v-actions-popup .v-grout-thumbnail-text {
    color: #656565;
    font-size: 12px;
    margin-top: 5px;
    zzbackground-color: #0ff
}

.v-patterns-popup .v-top {
    margin-top: 50px
}

.v-patterns-popup-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee
}

.v-patterns-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-patterns-popup-close-icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 20px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-pattern-thumbnail-container {
    margin-top: 15px;
    padding: 5px;
    width: 100%;
    border-radius: 5px;
    border: 2px solid transparent
}

.v-pattern-thumbnail {
    width: 100%;
    border-radius: 5px;
    cursor: pointer
}

.v-pattern-thumbnail-container.v-active {
    border: 2px solid #888
}

.v-patterns-popup-title-text {
    zzzcolor: #fff
}

.v-patterns-thumbnails-container {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    zztop: 60px;
    top: 96px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    padding-top: 15px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

    .v-patterns-thumbnails-container .row {
        padding-left: 5px;
        padding-right: 5px
    }

    .v-patterns-thumbnails-container .col-xs-2 {
        padding-left: 5px;
        padding-right: 5px
    }

.v-actions-popup .v-grout-popup-title-text {
    color: #fff
}

.v-email-popup .v-top {
    margin-top: 50px
}

.v-email-popup-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: relative;
    top: 50px
}

.v-email-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-email-entry {
    margin-top: 0;
    margin-bottom: 20px
}

.v-email-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-email-popup-info-text {
    margin-top: 15px;
    text-align: center;
    font-size: 13px;
    color: #ddd
}

.v-gui-style-1 .v-email-popup-info-text {
    color: #656565
}

.v-gui-style-2 .v-email-popup-close-icon-2 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-email-popup-container {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    zzborder-left: 4px solid rgba(243,101,35,.5)
}

.v-gui-style-2 .v-email-popup-title-text {
    color: #ddd
}

.v-gui-style-2 .v-email-popup-container label {
    color: #ddd
}

.v-gui-style-2 .v-email-popup-container input, .v-gui-style-2 .v-email-popup-container textarea {
    border-radius: 0
}

.v-share-popup .v-top {
    margin-top: 50px
}

.v-share-popup-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    height: 180px;
    position: relative;
    top: 50px
}

.v-share-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-share-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-share-buttons {
    margin-top: 30px;
    margin-bottom: 30px
}

.v-share-popup-container .v-preparing-share {
    margin-top: 45px
}

.v-share-popup-container .v-share {
    margin-top: 45px
}

.v-gui-style-2 .v-share-popup-title-text {
    color: #ddd
}

.v-gui-style-2 .v-share-popup-close-icon-2 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-share-popup-container {
    position: relative;
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

    .v-gui-style-2 .v-share-popup-container .v-icon-button {
        width: 120px;
        height: 70px;
        color: #444;
        border-radius: 0;
        cursor: pointer;
        zzbackground-color: #ff0
    }

        .v-gui-style-2 .v-share-popup-container .v-icon-button span {
            position: absolute;
            left: 56px;
            top: 7px;
            text-align: center;
            zzbackground-color: red
        }

        .v-gui-style-2 .v-share-popup-container .v-icon-button p {
            position: absolute;
            left: 20px;
            top: 43px;
            width: 100px;
            margin-left: 9px;
            text-align: center;
            font-size: 14px;
            color: #666;
            zzbackground-color: #0ff
        }

        .v-gui-style-2 .v-share-popup-container .v-icon-button:not(.v-disable-touch-button-hover):hover p {
            color: #666
        }

        .v-gui-style-2 .v-share-popup-container .v-icon-button:not(.v-disable-touch-button-hover):hover {
            background-color: #EEE
        }

    .v-gui-style-2 .v-share-popup-container .v-facebook-button:not(.v-disable-touch-button-hover):hover span {
        background-position: -800px 0
    }

    .v-gui-style-2 .v-share-popup-container .v-twitter-button:not(.v-disable-touch-button-hover):hover span {
        background-position: -850px 0
    }

    .v-gui-style-2 .v-share-popup-container .v-pinterest-button:not(.v-disable-touch-button-hover):hover span {
        background-position: -900px 0
    }

    .v-gui-style-2 .v-share-popup-container .v-preparing-share {
        color: #ddd;
        margin-top: 50px
    }

    .v-gui-style-2 .v-share-popup-container .v-share {
        padding-top: 5px
    }

.v-decorate-actions-popup .v-top {
    margin-top: 80px
}

.v-decorate-actions-popup-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #fff
}

.v-decorate-actions-popup-title-text {
    width: 100%;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.v-decorate-action-button .v-button {
    width: 200px;
    margin-bottom: 15px
}

.v-decorate-actions-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 20px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-gui-style-2 .v-decorate-actions-popup-close-icon-2 {
    position: absolute;
    right: 25px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-decorate-actions-popup-container {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    zzborder-left: 4px solid rgba(243,101,35,.5)
}

.v-gui-style-2 .v-decorate-actions-popup-title-text {
    color: #ddd
}

.v-edit-container {
    position: fixed;
    right: 5px;
    top: 140px;
    width: 80px;
    height: 232px;
    padding: 5px;
    zzborder: 1px solid #ccc;
    zzborder-radius: 5px;
    zzbox-shadow: 2px 2px 10px #888;
    zzbackground-color: #fff;
    text-align: center
}

.v-message {
    position: fixed;
    left: 50%;
    width: 300px;
    top: 200px;
    margin-left: -150px;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    z-index: 1999
}

.v-top-help-message {
    position: fixed;
    left: 50%;
    width: 500px;
    top: 55px;
    margin-left: -250px;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    z-index: 1998
}

.v-uyo-message {
    position: fixed;
    left: 50%;
    width: 500px;
    top: 60px;
    margin-left: -250px;
    padding: 15px 35px;
    color: #000;
    text-align: center;
    font-size: 14px;
    border: 0;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    z-index: 1999
}

    .v-uyo-message.vv-shift-down {
        top: 120px
    }

    .v-uyo-message p {
        margin-bottom: 0
    }

.v-uyo-message-close-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    color: #eee;
    font-size: 28px;
    line-height: 0;
    padding-left: 1px;
    padding-top: 13px;
    background-color: #a6d23e;
    cursor: pointer;
    border-top-right-radius: 5px
}

.v-gui-style-2 .v-message {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: rgba(0,0,0,.7);
    color: #fff
}

.v-gui-style-2 .v-top-help-message {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: rgba(0,0,0,.7);
    color: #fff
}

.v-gui-style-2 .v-uyo-message {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: rgba(0,0,0,.7)
}

    .v-gui-style-2 .v-uyo-message p {
        color: #ddd
    }

.v-gui-style-2 .v-uyo-message-close-button {
    border-radius: 0;
    color: #444;
    background-color: #ddd
}

.v-top-help-message.v-config-move-top-message-up {
    top: 5px
}

.v-last-renders-popup .v-top {
    margin-top: 50px
}

.v-last-renders-popup-container {
    position: relative;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    top: 5px;
    width: 540px;
    height: 540px;
    margin-left: -270px;
    left: 50%;
    top: 2%
}

.v-last-renders-popup-title-text {
    position: absolute;
    top: 10px;
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-last-renders-thumbnails-container {
    width: 100%;
    zzheight: 100%;
    margin-top: 20px;
    height: calc(100% - 35px);
    text-align: center;
    zmargin-left: 0;
    zmargin-right: 0
}

.v-last-renders-thumbnail-container {
    display: inline-block;
    sfloat: left;
    zposition: relative;
    width: 245px;
    height: 245px;
    border: 2px solid transparent;
    border-radius: 5px;
    zzbackground-color: green;
    margin: 0;
    text-align: center
}

    .v-last-renders-thumbnail-container.v-active {
        border: 2px solid #888
    }

.v-last-renders-thumbnail {
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    padding: 4px;
    background-color: #fff;
    width: 100%;
    height: 100%
}

.v-last-renders-thumbnail-container.v-active .v-last-renders-thumbnail {
    zzborder: none;
    border-radius: 0
}

.v-last-renders-thumbnail.v-disabled {
    opacity: .4;
    cursor: default
}

.v-last-renders-desc-text {
    position: relative;
    zzposition: absolute;
    top: -78px;
    width: 100%;
    font-size: 10px;
    zzbackground-color: #0ff;
    height: 70px;
    cursor: pointer
}

    .v-last-renders-desc-text span {
        bottom: 0;
        position: absolute;
        background-color: #fff;
        left: 4px;
        right: 4px
    }

.v-last-renders-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-gui-style-2 .v-last-renders-popup-close-icon-2 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-last-renders-popup-container {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.v-gui-style-2 .v-last-renders-popup-title-text {
    color: #ddd
}

.vit-main-button {
    z-index: 2;
    position: fixed;
    left: 20px;
    top: 92px;
    width: 63px;
    height: 65px;
    border: 1px solid #9e9da2;
    color: #3c3d38;
    text-align: center;
    margin-bottom: 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #fff;
    cursor: pointer
}

    .vit-main-button:hover {
        background-color: #707070;
        border: 1px solid #444;
        color: #fff
    }

    .vit-main-button span {
        margin-left: 20px;
        margin-top: 21px;
        float: left;
        background: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI) no-repeat;
        height: 25px;
        width: 25px
    }

    .vit-main-button .icon {
        background-position: 0 0
    }

    .vit-main-button:hover .icon {
        background-position: -25px 0
    }

.bg1 {
    background-colour: red
}

.bg2 {
    background-colour: green
}

.bg3 {
    background-colour: #00f
}

.bg4 {
    background-colour: #ff00ff
}

.vit-general-button {
    border: 1px solid #424a52;
    border-radius: 3px;
    box-shadow: 3px 3px 5px #aaa;
    background-color: #eded00;
    color: #444;
    padding: 10px;
    text-align: center
}

    .vit-general-button:hover {
        border: 1px solid #424a52;
        border-radius: 3px;
        box-shadow: 3px 3px 5px #aaa;
        background-color: #e0e000
    }

.v-header-container {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    background-color: #274084;
    border-bottom: 1px solid #585858
}

.v-main-logo {
    height: 46px;
    margin-left: 2px;
    margin-top: 2px;
    vertical-align: top
}

.xxxxv-title {
    position: relative;
    left: 145px;
    top: -51px;
    font-size: 36px;
    color: #666;
    zzfont-weight: bold
}

.zzv-top-decosaz-logo {
    height: 46px;
    margin-left: 10px;
    position: absolute;
    margin-top: 4px;
    margin-left: 4px
}

.zzv-title {
    position: relative;
    left: 145px;
    top: -51px;
    font-size: 36px;
    color: #666;
    zzfont-weight: bold
}

.v-title {
    position: relative;
    left: 20px;
    top: 0;
    font-size: 36px;
    color: #666
}

.v-gui-style-2 .v-title {
    font-weight: 700
}

.v-config-hide-header-bar {
    border: 0;
    height: 0
}

.v-current-selections {
    position: fixed;
    right: 110px;
    zzright: 50px;
    top: 2px;
    zzwidth: 46px;
    height: 46px;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    z-index: 1001
}

.zzzv-selected-tile-thumbnail-container {
    position: relative;
    height: 100%
}

.v-selected-tile-thumbnail {
    float: left;
    vertical-align: top;
    height: 100%;
    border-radius: 5px;
    margin-left: 1px;
    margin-right: 1px;
    cursor: pointer
}

    .v-selected-tile-thumbnail.vv-background-image {
        background-size: 3232% 3232%;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px
    }

    .v-selected-tile-thumbnail.v-active {
        border: 2px solid #888
    }

.v-tiling-mode-container {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 100%;
    zzbackground-color: #0ff
}

.v-single-tile-icon {
    position: absolute;
    left: 0;
    top: -2px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -1200px 0;
    width: 25px;
    height: 25px
}

.v-rotate-tile-icon {
    position: absolute;
    left: 0;
    top: 19px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -650px 0;
    width: 25px;
    height: 25px
}

.v-selected-grout {
    float: left;
    position: relative;
    vertical-align: top;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #888;
    margin-left: 1px;
    margin-right: 1px;
    cursor: pointer
}

.v-selected-grout-inner {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #888;
    background-color: #ddd
}

.v-selected-paint {
    float: left;
    position: relative;
    vertical-align: top;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #888;
    margin-left: 1px;
    margin-right: 1px;
    cursor: pointer
}

.v-selected-pattern-icon {
    vertical-align: top;
    height: 40px
}

.v-show-details-button {
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 11px;
    font-size: 20px;
    color: #EEE;
    cursor: pointer;
    zzbackground-color: #ff0
}

.v-show-details {
    position: fixed;
    right: 2px;
    top: 2px;
    width: 46px;
    height: 46px;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    z-index: 1001;
    font-size: 28px;
    cursor: pointer;
    background-color: #ff0
}

.v-gui-style-2 .v-current-selections {
    right: 135px;
    border-radius: 0
}

.v-gui-style-2 .v-selected-tile-thumbnail {
    border-radius: 0
}

.v-gui-style-2 .v-selected-grout, .v-gui-style-2 .v-selected-grout-inner {
    border-radius: 0
}

.v-gui-style-2 .v-selected-paint {
    border-radius: 0
}

.v-config-hide-last-used {
    display: none
}

.v-config-hide-details-button {
    display: none
}

.v-op-type-target.v-gui-style-1 .v-current-selections {
    right: 170px
}

.v-op-type-target.v-gui-style-2 .v-current-selections {
    right: 140px
}

.v-op-type-basic.v-gui-style-2 .v-current-selections {
    right: 105px
}

.v-op-type-target .v-selected-grout, .v-op-type-target .v-selected-paint, .v-op-type-target .v-selected-tile-thumbnail {
    cursor: auto
}

body {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.v-hide {
    display: none
}

.v-hide-important {
    display: none !important
}

.zzzzzzzwrapper {
    padding-left: 50px
}

.zzvit-left-bar {
    position: fixed;
    left: 50px;
    margin-left: -50px;
    top: 0;
    width: 50px;
    aawidth: 10%;
    height: 100%;
    background-color: #ff0;
    border: 1px solid #00f;
    float: left
}

.vit-main-area {
    position: relative;
    width: 100%;
    xxheight: 100%;
    zzwidth: 160px;
    zzheight: 100%;
    background-color: red;
    opacity: .5
}

.vit-main-buttons-container {
    position: absolute;
    left: 20px;
    top: 150px
}

.vit-main-button {
    width: 60px !important;
    height: 60px !important;
    font-size: 14px;
    background-color: #eee;
    border-color: #ddd;
    color: #000;
    padding: 0
}

    .vit-main-button:hover {
        background-color: #ddd;
        border-color: #ccc
    }

.v-left-button-group {
    position: fixed;
    left: 12px;
    top: 16.5%;
    text-align: center;
    background: #ffffff96;
    border-radius: 5px;
    border-radius: 0 0 5px 5px;
}

.v-right-button-group {
    position: fixed;
    right: 12px;
    top: 14%;
    background: #ffffff96;
    border-radius: 5px;
    border-radius: 5px;
}

.v-top-button-group {
    position: fixed;
    top: 60px;
    zzbackground-color: #ff0;
    left: 12px;
    transform: unset;
    font-size: 0;
    background: #ffffff96;
    border-radius: 5px 5px 5px 0;
}

.v-patch-mask-uyo-floor-container {
    position: fixed;
    top: 60px;
    left: 50%;
    width: 300px;
    transform: translateX(-50%);
    text-align: center;
    zbackground-color: #ff0
}

.v-patch-uyo-floor-button {
    zposition: fixed;
    ztop: 60px;
    zleft: 50%;
    width: 130px;
    margin-right: 2px;
    zmargin-left: -68px;
    ztransform: translateX(-50%);
    font-size: 0
}

.v-mask-uyo-floor-button {
    zposition: fixed;
    ztop: 60px;
    zleft: 50%;
    width: 130px;
    margin-left: 2px;
    zmargin-left: 68px;
    ztransform: translateX(-50%);
    font-size: 0
}

.v-main-fixed-area {
    position: fixed;
    top: 50px;
    width: 100%;
    zzbackground-color: #000;
    zzopacity: .5;
    xxxxxxxxxxxxxxxxheight: 100%;
    zzz-index: -900;
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    z-index: 1500
}

.v-room {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: -999
}

.qqqv-popups-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

/*body {
    height: 100%
}*/
.
.v-page-container {
    height: 100vh !important;
}

.wwwv-testit {
    width: 100%;
    height: 100%
}

.v-render-area {
    position: relative;
    left: 0;
    top: 50px;
    zzwidth: 100%;
    height: calc(100% - 50px);
    text-align: center;
    background-color: #ddd
}

.v-render-area-view {
    position: relative;
    width: 100%;
    height: auto
}

.v-scene-render {
    position: relative;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.v-outlines-canvas {
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    zzbackground-color: red;
    zzopacity: .25
}

.v-outlines-canvas-fix {
    position: fixed;
    width: 100%;
    height: 100%;
    zzopacity: .25;
    zzbackground-color: green
}

.decosaz-logo a {
    color: #fff;
    text-decoration: none
}

    .decosaz-logo a:hover {
        color: #fff
    }

.decosaz-logo-with-graphic {
    position: absolute;
    width: 125px;
    height: 25px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    zzbackground-color: green
}

.decosaz-logo-text-only {
    position: absolute;
    width: 155px;
    height: 17px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    zzbackground-color: green
}

.decosaz-logo-bottom-left {
    left: 3px
}

.decosaz-logo-bottom-right {
    right: 3px
}

.decosaz-logo-bottom-centre {
    left: 0;
    right: 0
}

.decosaz-logo-main-popup {
    margin-top: 10px;
    zzbackground-color: #ff0
}

    .decosaz-logo-main-popup .decosaz-logo-with-graphic {
        position: relative;
        left: 10px;
        zzbackground-color: red
    }

    .decosaz-logo-main-popup .decosaz-logo-text-only {
        position: relative;
        left: 10px;
        zzbackground-color: green
    }

.v-bodge-fix-scroll-issue {
    overflow: hidden;
    position: fixed
}

.v-gui-style-2 .v-main-fixed-area {
    background-color: rgba(0,0,0,.1)
}

.v-gui-style-2 .v-left-button-group {
    left: 5px;
    padding-left: 10px;
    width: 90px;
    background-color: rgba(0,0,0,.7)
}

.v-gui-style-2 .v-right-button-group {
    right: 5px;
    padding-left: 10px;
    width: 90px;
    background-color: rgba(0,0,0,.7)
}

.v-gui-style-2 .v-top-button-group {
    top: 55px;
    padding-top: 10px;
    height: 50px;
    background-color: rgba(0,0,0,.7)
}

.v-gui-style-2 .v-icon-button {
    width: 70px;
    height: 30px;
    border-radius: 0;
    box-shadow: none;
    border: 0
}

    .v-gui-style-2 .v-icon-button p {
        margin-left: 0;
        margin-top: 8px;
        width: 70px;
        font-size: 12px
    }

    .v-gui-style-2 .v-icon-button.v-icon-button-smaller-text p {
        font-size: 11px
    }

.v-gui-style-2 .v-button-h-group .v-icon-button span, .v-gui-style-2 .v-button-v-group .v-icon-button span {
    display: none
}

.v-gui-style-2 .v-icon-button2 {
    width: 70px;
    height: 30px;
    border-radius: 0;
    box-shadow: none;
    border: 0
}

    .v-gui-style-2 .v-icon-button2 p {
        margin-left: 0;
        margin-top: 8px;
        width: 70px;
        font-size: 12px
    }

.v-gui-style-2 .v-button-h-group .v-icon-button2 span, .v-gui-style-2 .v-button-v-group .v-icon-button2 span {
    display: none
}

.v-render-area.v-config-move-up-as-no-header-bar {
    top: 0;
    height: calc(100% - 0px)
}

.v-main-fixed-area.v-config-move-up-as-no-header-bar {
    top: 0
}

.v-top-button-group.v-config-move-up-as-no-header-bar {
    margin-top: -50px
}

body.v-print {
    background-color: #fff
}

.v-print-room-image {
    width: 100%;
    margin-bottom: 20px
}

.zzzv-print-thumbnail {
    width: 100%
}

.v-print-tile-thumbnail-container {
    zzheight: 122px;
    height: 205px;
    padding-top: 7px;
    padding: 7px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px
}

.v-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-print-tile-thumbnail-text {
    padding-top: 5px;
    width: 100%;
    font-size: 10px;
    zzheight: 30px;
    zzline-height: 30px;
    zzbackground-color: #0ff
}

.zzzzv-print-tile-thumbnail-container {
    height: 205px
}

.zzzzv-print-tile-thumbnail-text {
    padding-top: 10px;
    line-height: 120%
}

.v-gui-style-2 .v-print-tile-thumbnail-container {
    border-radius: 0
}

.v-button {
    zzmargin-bottom: 15px;
    min-width: 100px;
    zzbackground: #A6D23E;
    zzbackground: linear-gradient(#FF5A2B,#F14617);
    color: #444;
    cursor: pointer
}

    .v-button.v-active {
        background-color: #aaa
    }

    .v-button:hover {
        background-color: #EEE;
        zzbackground: #FEA992;
        zzbackground: linear-gradient(#F14617,#FF5A2B,#F14617)
    }

    .v-button.v-active:hover {
        background-color: #bbb
    }

.v-uyo-button .v-button {
    zzopacity: .5;
    cursor: default !important;
    margin-bottom: 10px
}

    .v-uyo-button .v-button:active, .v-uyo-button .v-button:hover {
        background-color: #fff
    }

    .v-uyo-button .v-button:focus {
        outline: 0 !important;
        background-color: #fff
    }

.v-icon-button {
    display: inline-block;
    width: 29px;
    text-align: center;
    height: 29px;
    border: 0 solid #ccc;
    text-align: center;
    background: #fff !important;
    background-color: #666;
    cursor: pointer;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #888;
    /* border:2px solid transparent; */
    vertical-align: top;
    /* padding: 5px; */
}

    .v-icon-button.v-active {
        background-color: #bbb;
        zzborder: 2px solid #888
    }

    .v-icon-button:not(.v-disable-touch-button-hover):hover {
        background-color: #fff;
        zzborder: 1px solid #444
    }

    .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #666;
        zzborder: 1px solid #444
    }

    .v-icon-button span {
        margin-left: 11px;
        margin-top: 3px;
        float: left;
        background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
        background-repeat: no-repea;
        height: 25px;
        x;
        width: 25px;
        margin: 0;
        position: relative;
        left: 2px;
        top: 2px;
        /* background-color: #fff; */
    }

    .v-icon-button.v-pattern-button span {
        margin-top: 2px;
        margin-bottom: 1px;
        background-image: url(images/patterns-icons.png?v=NPER_lfnJ6PbsUfmOnCUiaRDToI&v=tcACXHK_pZz-Ga_es3f2gu7Vl7M)
    }

    .v-icon-button p {
        position: relative;
        /* width:54px; */
        /* float:left; */
        /* padding-top: 20px; */
        top: 7px;
        /* margin-left:-4px; */
        /* background: #ffffff8f; */
        /* border-radius: 5px; */
        /* padding: 5px; */
        /* margin-bottom: 30px; */
        /* text-align: left; */
        /* background: #000000ab; */
        font-size: 10px;
        line-height: 13px;
        font-weight: bold;
        color: #000000;
        zzbackground-color: #0ff
    }

    .v-icon-button.v-icon-button-smaller-text p {
        font-size: 9px
    }

    .v-icon-button.v-active p {
        color: #666
    }

    .v-icon-button:not(.v-disable-touch-button-hover):hover p {
        color: #666
    }

    .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover p {
        color: #fff
    }

.v-icon-button-disabled {
    opacity: .5;
    cursor: default !important
}

    .v-icon-button-disabled:not(.v-disable-touch-button-hover):hover {
        background-color: #fff
    }

        .v-icon-button-disabled:not(.v-disable-touch-button-hover):hover p {
            color: #666
        }

    .v-icon-button-disabled.v-pattern-button:not(.v-disable-touch-button-hover):hover span {
        background-position: -250px 0
    }

    .v-icon-button-disabled.v-single-tile-button:not(.v-disable-touch-button-hover):hover span {
        background-position: -1200px 0
    }

    .v-icon-button-disabled.v-save-button:not(.v-disable-touch-button-hover):hover span {
        background-position: -300px 0
    }

    .v-icon-button-disabled.v-print-button:not(.v-disable-touch-button-hover):hover span {
        background-position: -350px 0
    }

    .v-icon-button-disabled.v-share-button:not(.v-disable-touch-button-hover):hover span {
        background-position: -250px 0
    }

    .v-icon-button-disabled.v-email-button:not(.v-disable-touch-button-hover):hover span {
        background-position: -400px 0
    }

.v-icon-button2 {
    display: inline-block;
    width: 74px;
    height: 50px;
    border: 0 solid #ccc;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    border: 2px solid transparent;
    vertical-align: top
}

    .v-icon-button2.v-active {
        background-color: #bbb;
        zzborder: 2px solid #888
    }

    .v-icon-button2:not(.v-disable-touch-button-hover):hover {
        background-color: #666;
        zzborder: 1px solid #444
    }

    .v-icon-button2.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #666;
        zzborder: 1px solid #444
    }

    .v-icon-button2 span {
        margin-left: 22px;
        margin-top: 3px;
        float: left;
        background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
        background-repeat: no-repeat;
        height: 25px;
        width: 25px
    }

    .v-icon-button2.v-pattern-button span {
        margin-top: 2px;
        margin-bottom: 1px;
        background-image: url(images/patterns-icons.png?v=NPER_lfnJ6PbsUfmOnCUiaRDToI&v=tcACXHK_pZz-Ga_es3f2gu7Vl7M)
    }

    .v-icon-button2 p {
        position: relative;
        width: 76px;
        float: left;
        margin-top: 2px;
        margin-left: -4px;
        text-align: center;
        font-size: 10px;
        line-height: 13px;
        color: #666;
        zzbackground-color: #0ff
    }

    .v-icon-button2.v-active p {
        color: #666
    }

    .v-icon-button2:not(.v-disable-touch-button-hover):hover p {
        color: #fff
    }

    .v-icon-button2.v-active:not(.v-disable-touch-button-hover):hover p {
        color: #fff
    }

.v-icon-button2-disabled {
    opacity: .5;
    cursor: default !important
}

    .v-icon-button2-disabled:not(.v-disable-touch-button-hover):hover {
        background-color: #fff
    }

        .v-icon-button2-disabled:not(.v-disable-touch-button-hover):hover p {
            color: #666
        }

.v-filter-button {
    margin-bottom: 15px
}

    .v-filter-button.v-active {
        background-color: #aaa
    }

    .v-filter-button:hover {
        background-color: #EEE
    }

    .v-filter-button.v-active:hover {
        background-color: #bbb
    }

.v-filter-on-button {
    margin-bottom: 10px;
    min-width: 100px
}

    .v-filter-on-button.v-active {
        background-color: #aaa
    }

    .v-filter-on-button:hover {
        background-color: #EEE
    }

    .v-filter-on-button.v-active:hover {
        background-color: #bbb
    }

.v-targets-on-off-container {
    position: fixed;
    right: 110px;
    top: 12px;
    z-index: 1001;
    width: 70px;
    height: 30px;
    text-align: left;
    color: #656565;
    background-color: #eee;
    border-radius: 25px;
    box-shadow: 2px 2px 10px #888;
    border: 2px solid #ccc;
    cursor: pointer
}

    .v-targets-on-off-container img {
        margin-left: 3px;
        margin-top: 1px;
        width: 24px;
        height: 24px
    }

.v-target-off-button span, .v-target-on-button span {
    display: block;
    margin-left: 32px;
    margin-top: 3px;
    font-size: 14px;
    color: #666
}

.v-target-off-button, .v-target-on-button {
    position: absolute;
    left: 0;
    top: 0;
    zdisplay: inline-block;
    zz-index: 1
}

.v-gui-style-2 .v-targets-on-off-container {
    position: fixed;
    right: 100px;
    top: 9px;
    width: 62px;
    height: 30px;
    color: #ddd;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: rgba(0,0,0,.7);
    cursor: pointer
}

    .v-gui-style-2 .v-targets-on-off-container img {
        margin-top: 2px
    }

.v-target-off-button span, .v-target-on-button span {
    display: block;
    margin-left: 32px;
    margin-top: 5px;
    font-size: 14px;
    color: #ddd
}

.v-gui-style-2 .v-target-on-button, .v-target-off-button {
    position: absolute;
    left: 0;
    top: 0;
    zdisplay: inline-block;
    zz-index: 1
}

.v-config-hide-zoom-buttons .v-targets-on-off-container {
    right: 7px
}

.v-view-container {
    position: fixed;
    right: 10px;
    top: 12px;
    z-index: 1001
}

.v-full-view-button {
    display: inline-block;
    width: 90px;
    height: 26px;
    border: 0 solid #ccc;
    text-align: center;
    background-color: #eee;
    cursor: pointer;
    z-index: 1;
    border-radius: 25px;
    box-shadow: 2px 2px 10px #888;
    border: 2px solid #ccc
}

    .v-full-view-button span {
        margin-left: 6px;
        margin-top: -2px;
        float: left;
        background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
        background-repeat: no-repeat;
        height: 25px;
        width: 25px;
        background-position: -1450px 0
    }

    .v-full-view-button p {
        position: relative;
        width: 50px;
        float: left;
        margin-top: 5px;
        margin-left: 5px;
        text-align: left;
        font-size: 10px;
        line-height: 10px;
        color: #666
    }

    .v-full-view-button:not(.v-disable-touch-button-hover):hover {
        background-color: #666
    }

        .v-full-view-button:not(.v-disable-touch-button-hover):hover span {
            background-position: -1475px 0
        }

        .v-full-view-button:not(.v-disable-touch-button-hover):hover p {
            color: #fff
        }

.v-normal-view-button {
    display: inline-block;
    width: 90px;
    height: 26px;
    border: 0 solid #ccc;
    text-align: center;
    background-color: #eee;
    cursor: pointer;
    z-index: 1;
    border-radius: 25px;
    box-shadow: 2px 2px 10px #888;
    border: 2px solid #ccc
}

    .v-normal-view-button span {
        margin-left: 6px;
        margin-top: -2px;
        float: left;
        background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
        background-repeat: no-repeat;
        height: 25px;
        width: 25px;
        background-position: -1450px 0
    }

    .v-normal-view-button p {
        position: relative;
        width: 50px;
        float: left;
        margin-top: 5px;
        margin-left: 5px;
        text-align: left;
        font-size: 10px;
        line-height: 10px;
        color: #666
    }

    .v-normal-view-button:not(.v-disable-touch-button-hover):hover {
        background-color: #666
    }

        .v-normal-view-button:not(.v-disable-touch-button-hover):hover span {
            background-position: -1475px 0
        }

        .v-normal-view-button:not(.v-disable-touch-button-hover):hover p {
            color: #fff
        }

.v-gui-style-2 .v-view-container {
    right: 5px;
    top: 9px
}

.v-gui-style-2 .v-full-view-button, .v-gui-style-2 .v-normal-view-button {
    width: 90px;
    height: 30px;
    border: 0;
    background-color: #eee;
    border-radius: 0;
    box-shadow: none;
    background-color: rgba(0,0,0,.7);
    color: #ddd;
    text-align: center;
    padding-top: 8px
}

    .v-gui-style-2 .v-full-view-button span, .v-gui-style-2 .v-normal-view-button span {
        position: relative;
        margin-left: 0;
        margin-top: 0;
        top: -3px;
        float: none;
        background: 0 0;
        height: auto
    }

.v-config-hide-zoom-buttons .v-view-container {
    display: none
}

.v-checking-vp, .v-checking-vp-failed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000000
}

    .v-checking-vp p, .v-checking-vp-failed p {
        margin-left: auto;
        margin-right: auto;
        width: 60px;
        text-align: center;
        font-size: 8px;
        background-color: #888;
        color: #fff
    }

.v-uyo-edit-canvas {
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.v-uyo-mesh-size-popup-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: relative;
    top: 10px
}

.v-uyo-mesh-size-popup-text {
    width: 100%;
    font-size: 14px;
    text-align: center
}

.v-uyo-mesh-size-popup .v-label {
    margin-top: 10px
}

.v-uyo-mesh-size-popup .v-feet-label {
    zzmargin-left: -25px;
    text-align: left;
    left: -20px;
    font-size: 11px;
    zzpadding-left: -50px
}

input.v-uyo-edit-mesh-size-a, input.v-uyo-edit-mesh-size-b, input.v-uyo-edit-mesh-size-min-ab {
    text-align: center;
    padding: 4px;
    margin-bottom: 5px
}

.v-uyo-mesh-size-popup .v-size-a-colour {
    border: 2px solid red;
    border-radius: 4px;
    padding: 2px;
    color: red;
    font-weight: 700
}

.v-uyo-mesh-size-popup .v-size-b-colour {
    border: 2px solid #0c0;
    border-radius: 4px;
    padding: 2px;
    color: #0c0;
    font-weight: 700
}

.v-uyo-mesh-size-popup .v-ab-link {
    position: absolute;
    width: 70px;
    left: 150px;
    top: 80px;
    border: 1px solid #f0f;
    border-radius: 4px;
    padding: 2px;
    color: #f0f
}

.v-uyo-edit-mesh-update-button .v-button {
    position: absolute;
    min-width: auto
}

.v-uyo-edit-mesh-cm-button .v-button, .v-uyo-edit-mesh-foot-button .v-button, .v-uyo-edit-mesh-inch-button .v-button, .v-uyo-edit-mesh-metre-button .v-button {
    position: absolute;
    min-width: auto;
    font-size: 11px;
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px
}

.v-uyo-mesh-size-popup-container.v-is-window-uyo-mesh-size-popup input {
    border: 0 !important;
    color: #444 !important
}

.v-rooms-popup-text-window .v-size-a-colour, .v-rooms-popup-text-window .v-size-b-colour {
    color: #ddd;
    border: 0 !important
}

.v-gui-style-2 .v-last-renders-popup-close-icon-2 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-uyo-mesh-size-popup-container {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

    .v-gui-style-2 .v-uyo-mesh-size-popup-container input {
        zzborder: 0;
        border-radius: 0;
        zzbox-shadow: none
    }

    .v-gui-style-2 .v-uyo-mesh-size-popup-container p {
        color: #ddd
    }

    .v-gui-style-2 .v-uyo-mesh-size-popup-container .v-label {
        color: #ddd
    }

.v-upload-to-server-popup-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: relative;
    top: 20%;
    height: 200px
}

.v-upload-to-server-text {
    width: 100%;
    font-size: 14px;
    text-align: center
}

.v-upload-to-server-show-ref {
    padding-top: 30px;
    padding-bottom: 0
}

.v-upload-to-server-ref {
    font-size: 28px;
    text-align: center;
    margin-top: -10px
}

.v-upload-to-server-button button:focus {
    outline: 0 !important
}

.v-upload-to-server-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-gui-style-2 .v-upload-to-server-popup-container {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.v-gui-style-2 .v-upload-to-server-popup-close-icon-2 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-upload-to-server-text {
    color: #ddd
}

.v-gui-style-2 .v-upload-to-server-ref {
    color: #ddd
}

.v-download-from-server-popup-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: relative;
    top: 20%;
    height: 200px
}

.v-download-from-server-text {
    margin-top: 10px;
    width: 100%;
    font-size: 14px;
    text-align: center
}

.v-download-from-server-ref {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px
}

.v-download-from-server-button {
    text-align: center
}

    .v-download-from-server-button button:focus, .v-download-from-server-ref button:focus {
        outline: 0 !important
    }

.v-download-from-server-button {
    margin-left: 10px
}

.v-download-from-server-popup-close-icon-1 {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-gui-style-2 .v-download-from-server-popup-container {
    background-color: rgba(0,0,0,.7);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.v-gui-style-2 .v-download-from-server-popup-close-icon-2 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    zzbackground-color: #ff0;
    color: #fff;
    cursor: pointer
}

.v-gui-style-2 .v-download-from-server-text {
    color: #ddd
}

.v-gui-style-2 .v-download-from-server-ref {
    color: #ddd
}

.v-gui-style-2 .v-download-from-server-popup input {
    color: #444
}

.v-details-popup-container {
    z-index: 1000000;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    background-color: #eee;
    position: fixed;
    top: 10vh;
    width: 80vh;
    height: 80vh;
    left: 50%;
    margin-left: -40vh
}

.v-details-entry {
    padding: 50px
}

.v-details-entry-image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-image: url(../textures/flooring/17290_c.html);
    background-repeat: repeat;
    background-size: cover
}

.v-details-popup-title-text {
    position: absolute;
    top: 11px;
    width: 100%;
    font-size: 18px;
    text-align: center
}

.v-details-popup-close-icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url(images/decosaz-icons.png?v=SGfcxScXzyUPEzfb4WKff1n-InM&v=J-ViTadMw9BzG-g8CpYsSMGKTGI);
    background-repeat: no-repeat;
    background-position: -450px 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.v-details-desc {
    position: absolute;
    margin-top: -52px;
    width: 100%;
    padding-top: 5px;
    text-align: center
}

.v-cookie-message-container {
    position: fixed;
    z-index: 9999999;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.7);
    text-align: center;
    padding-bottom: 10px
}

.v-cookie-message-heading {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 16px;
    color: #fff
}

.v-cookie-message-text {
    font-size: 12px;
    color: #fff
}

.v-cookie-message-container .v-button {
    margin-left: 10px;
    margin-right: 10px
}

.v-target-area {
    position: absolute;
    left: 50%;
    bottom: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    cursor: pointer
}

    .v-target-area.v-disable {
        opacity: .25;
        cursor: auto
    }

    .v-target-area.v-zone-target-area {
        width: 28px;
        height: 28px;
        margin-left: -14px;
        margin-top: -14px
    }

    .v-target-area.v-single-tile-target-area {
        width: 20px;
        height: 20px;
        margin-left: -10px;
        margin-top: -10px
    }

.v-action-button {
    height: 34px;
    font-size: 13px;
    padding: 3px 6px;
    line-height: 13px
}

.v-action-button2 {
    font-size: 13px;
    padding: 3px 6px;
    line-height: 13px
}

    .v-action-button2.v-active {
        zzbackground-color: #aaa
    }

    .v-action-button2:hover {
        zzbackground-color: #EEE
    }

    .v-action-button2.v-active:hover {
        zzbackground-color: #bbb
    }

.v-main-popup-button {
    color: #656565;
    height: 40px;
    cursor: pointer;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    zzbackground-color: #00f
}

.v-item .v-main-popup-button:hover {
    background-color: #ddd
}

.v-gui-style-2 .v-main-popup-button {
    color: #ddd
}

.v-gui-style-2 .v-item .v-main-popup-button:hover {
    background-color: red
}

.v-gui-style-2 .v-item .v-main-popup-button:hover {
    background-color: #333
}

.v-toolbar-button {
    color: #656565;
    height: 30px;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    float: left;
    zzbackground-color: green
}

.v-toolbar-item:not(.v-disabled) .v-toolbar-button:hover {
    background-color: #ddd
}

.v-gui-style-2 .v-toolbar-button {
    color: #ddd
}

.v-gui-style-2 .v-toolbar-item:not(.v-disabled) .v-toolbar-button:hover {
    background-color: #333
}

.v-gui-style-1 .v-gui-style-2-only {
    display: none
}

.v-gui-style-2 .v-gui-style-1-only {
    display: none
}

.v-op-type-target .v-op-type-basic-only {
    display: none
}

.v-op-type-basic .v-op-type-target-only {
    display: none
}

.v-gui-style-2 .btn {
    border-radius: 0
}

.v-gui-style-2 :not(.glyphicon):not(.fa) {
    font-family: iransans
}

.v-colour-pattern-button {
    position: relative;
    zzmargin-bottom: 15px;
    min-width: 100px;
    zzbackground: #A6D23E;
    zzbackground: linear-gradient(#FF5A2B,#F14617);
    color: #444;
    cursor: pointer;
    margin-bottom: 5px;
    border: 3px solid #eee
}

    .v-colour-pattern-button.v-active {
        zzbackground-color: #aaa;
        border: 3px solid #666
    }

    .v-colour-pattern-button:hover {
        background-color: #EEE
    }

    .v-colour-pattern-button.v-active:hover {
        background-color: #bbb
    }

    .v-colour-pattern-button span {
        position: absolute;
        display: inline-block;
        right: 6px;
        top: 5px;
        width: 22px;
        height: 22px;
        background-color: transparent
    }

    .v-colour-pattern-button.v-hovering-over {
        zzborder: 3px solid #A23C3C;
        zzbackground-color: #f8f8f8
    }

.v-colour-pattern-logo-container {
    width: 100%;
    height: 50px;
    text-align: center;
    padding-top: 4px
}

.v-colour-pattern-logo {
    height: 45px;
    left: 100px
}

.v-colour-pattern-title {
    display: inline-block;
    padding-left: 10px;
    font-size: 24px;
    font-weight: 700
}

.v-colour-pattern-container {
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    zzheight: 100%;
    height: 0;
    z-depth: 2000;
    zzbackground-color: rgba(64,64,64,.3);
    zzbackground-color: #888;
    background-color: #ff0
}

.v-colour-pattern-box {
    position: relative;
    left: 50%;
    margin-left: -450px;
    top: 0;
    width: 900px;
    zzheight: 98%;
    height: 500px;
    z-depth: 2001;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 2px solid #444;
    background-color: #fff;
    zzbackground-color: #ff0
}

.v-colour-pattern-canvas-container {
    position: absolute;
    left: 0;
    top: 40px;
    width: 50%;
    height: 100%;
    zzbackground-color: #fff
}

.v-colour-pattern-controls-container {
    position: absolute;
    left: 50%;
    top: 40px;
    width: 50%;
    height: 100%;
    zzbackground-color: #fff
}

.v-colour-pattern-buttons-container {
    margin: 5px;
    padding: 5px;
    border: 1px solid #444;
    background-color: #eee;
    zztext-align: center
}

.v-colour-pattern-colours-container {
    margin: 5px;
    padding: 5px;
    border: 1px solid #444;
    background-color: #eee
}

.v-colour-pattern-select-colour {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #888;
    zzbackground-color: red;
    cursor: pointer
}

    .v-colour-pattern-select-colour.v-active {
        border: 3px solid #666
    }

.v-coloured-pattern-canvas {
    position: relative;
    width: 440px;
    zzheight: 440px;
    margin: 5px;
    border: 1px solid #888;
    cursor: pointer
}

.v-coloured-pattern-room {
    zzposition: relative;
    width: 440px;
    margin: 5px;
    border: 1px solid #888
}

.v-colour-pattern-canvas-container .v-button {
    position: absolute;
    left: 10px;
    top: 10px;
    zzpadding: 0
}

.v-colour-pattern-selector-container {
    margin: 5px;
    padding: 5px;
    border: 1px solid #444;
    background-color: #eee
}

    .v-colour-pattern-selector-container img {
        height: 60px;
        border: 1px solid #888;
        margin-bottom: 5px;
        cursor: pointer
    }

        .v-colour-pattern-selector-container img.v-active {
            border: 3px solid #666
        }

.v-colour-pattern-message {
    position: fixed;
    left: 50%;
    width: 300px;
    top: 140px;
    margin-left: -150px;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: #444;
    color: #fff;
    background-color: #eee;
    color: #444;
    border: 1px solid #444
}

.v-colour-pattern-edit-pattern {
    position: fixed;
    right: 10px;
    top: 60px
}

.v-colour-pattern-title {
    padding-left: 0;
    font-size: 18px;
    padding-top: 5px
}

@zzzimport "Config/_Config-GenericBasic.html";
@zzzimport "Config/_Config-GenericTarget.html";

.v-config-johnsontiles .v-product-thumbnail-container {
    height: 183px;
    zzbackground-color: #ff0 !important
}

.v-config-johnsontiles .v-product-thumbnail-text {
    text-align: left
}

.v-config-johnsontiles .v-main-popup-close-icon, .v-config-johnsontiles .v-main-popup-open-icon {
    color: #F36523 !important
}

.v-config-johnsontiles .v-config-active-tabs li.v-active a, .v-config-johnsontiles .v-config-active-tabs li.v-active a:hover {
    color: #F36523
}

.v-config-johnsontiles .v-config-selection-thumbnail-border.v-active {
    border-color: #F36523 !important
}

.v-config-johnsontiles .v-config-uyo-room-thumbnail-text {
    color: #F36523;
    background-color: rgba(0,0,0,.7)
}

.v-config-decosaz .v-main-logo {
    margin-left: 10px;
    margin-top: 5px;
    height: 40px
}

.v-config-decosaz .v-title {
    position: relative;
    left: 11px;
    top: 12px;
    font-size: 22px;
    color: #9e9e9e
}

.v-config-decosaz .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-decosaz .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-decosaz .v-product-thumbnail-container {
    height: 158px;
    zzbackground-color: #ff0 !important
}

.v-config-decosaz .v-rotate-floor-button span {
    background-position: -650px 0
}

.v-config-decosaz .v-rotate-floor-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -675px 0
}

.v-config-decosaz .v-config-filter-button.v-active {
    background-color: #FEA992
}

    .v-config-decosaz .v-config-filter-button.v-active:hover {
        background-color: #EE9982
    }

.v-config-decosaz .v-config-filter-groups-heading {
    background-color: #A6D23E !important;
    color: #fff !important
}

.v-config-decosaz .v-config-active-tabs li.v-active a, .v-config-decosaz .v-config-active-tabs li.v-active a:hover {
    color: #A6D23E
}

.v-config-decosaz .v-config-selection-thumbnail-border.v-active {
    border-color: #A6D23E
}

.v-config-decosaz .v-config-uyo-room-thumbnail-text {
    text-align: left;
    color: #A6D23E
}

.v-config-decosaz .v-actions-popup-tabs li a {
    padding-left: 5px;
    padding-right: 5px
}

.v-config-hiresdemo .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-hiresdemo .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-peerlesscolour .v-render-area {
    zzdisplay: none
}

.v-config-peerlesscolour .v-header-container {
    zzdisplay: none
}

.v-config-peerlesscolour .v-targets-on-off-container {
    display: none;
    margin-top: -100px
}

.v-config-peerlesscolour .v-view-container {
    display: none
}

.v-config-peerlesscolour .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-peerlesscolour .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-peerlesscolour .v-colour-pattern-popup {
    position: fixed;
    width: 500px;
    height: 500px;
    top: 55px;
    right: 5px;
    z-index: 9999;
    border: 4px solid #444;
    background-color: #fff
}

.v-config-peerlesscolour .v-colour-pattern-render-canvas {
    width: 100%;
    height: 100%;
    aaz-index: 99991
}

.v-config-peerlesscolour .v-colour-pattern-base-img {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40%;
    height: 40%;
    aaz-index: 99992
}

.v-config-peerlesscolour .v-title {
    top: 4px;
    font-size: 28px
}

.v-config-generictarget .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-generictarget .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-generictarget .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-generictarget .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-mannington .v-main-logo {
    zzmargin-left: 10px;
    zzmargin-top: 12px;
    zzheight: 25px;
    margin-left: 5px;
    margin-top: 2px;
    height: 45px
}

.v-config-mannington .v-title {
    font-size: 31px;
    top: 2px;
    left: 6px
}

.v-config-mannington .v-product-thumbnail-container {
    height: 152px
}

.v-config-mannington .v-product-thumbnail-text {
    zzpadding-top: 0
}

.v-config-mannington .v-main-popup-close-icon, .v-config-mannington .v-main-popup-open-icon {
    zzcolor: #F36523 !important
}

.v-config-mannington .v-config-active-tabs li.v-active a, .v-config-mannington .v-config-active-tabs li.v-active a:hover {
    color: #C75B12
}

.v-config-mannington .v-config-selection-thumbnail-border.v-active {
    border-color: #C75B12 !important
}

.v-config-mannington .v-actions-popup-tabs li a {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
    height: 41px;
    zzbackground-color: #0ff
}

.v-config-mannington .v-product-thumbnails-container {
    top: 229px
}

.v-config-mannington .v-filters-container {
    top: 229px
}

.v-config-mannington .v-paint-thumbnails-container {
    top: 229px
}

.v-config-mannington .v-tools-container {
    top: 229px
}

.v-config-mannington .v-mannington-product-info-container {
    display: block;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 125px;
    margin-bottom: 10px
}

.v-config-mannington .v-product-info-thumbnail-centre-box {
    position: relative;
    width: 100%;
    height: 100px;
    zzbackground-color: #ff0
}

.v-config-mannington .v-product-info-thumbnail {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.v-config-mannington .v-product-info-details-title-text {
    font-size: 14px;
    font-weight: 700
}

.v-config-mannington .v-product-info-details-sub-title {
    font-size: 12px;
    margin-top: 6px
}

.v-config-mannington .v-product-info-details-text {
    font-size: 12px
}

.v-config-mannington .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-mannington .v-add-to-favourites-button button {
        color: #C75B12
    }

.v-config-mannington .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-mannington .v-delete-from-favourites-button button {
        color: #C75B12
    }

.v-config-mannington .v-product-info-details-help {
    margin-top: 45px
}

.v-config-mannington .v-mannington-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #C75B12;
    pointer-events: none
}

.v-config-mannington .v-toolbar .v-toolbar-favourited i {
    color: #C75B12
}

.v-config-mannington .v-config-uyo-room-thumbnail-text {
    color: #C75B12;
    background-color: rgba(0,0,0,.7);
    font-size: 17px
}

.v-config-mannington .v-action-button, .v-config-mannington .v-action-button2, .v-config-mannington .v-button {
    background-color: #C75B12;
    color: #fff
}

.v-config-mannington .v-icon-button p {
    color: #C75B12
}

.v-config-mannington .v-icon-button2 p {
    color: #C75B12
}

.v-config-mannington .v-show-filters-button1 button, .v-config-mannington .v-show-filters-button1 button:hover, .v-config-mannington .v-show-filters-button2 button, .v-config-mannington .v-show-filters-button2 button:hover, .v-config-mannington .v-show-filters-button2b button, .v-config-mannington .v-show-filters-button2b button:hover {
    background-color: #666;
    color: #fff
}

.v-config-mannington .v-add-to-favourites-button button, .v-config-mannington .v-delete-from-favourites-button button {
    background-color: #fff
}

.v-config-mannington .v-facebook-button p, .v-config-mannington .v-pinterest-button p, .v-config-mannington .v-twitter-button p {
    color: #C75B12 !important
}

.v-config-mannington .v-filter-button, .v-config-mannington .v-filter-on-button {
    color: #C75B12
}

    .v-config-mannington .v-filter-button.v-active {
        background-color: #C75B12;
        color: #fff
    }

.v-config-mannington .v-decorate-button p {
    margin: 1px
}

.v-config-mannington .v-main-popup-open-icon {
    width: 48px;
    padding-left: 12px;
    padding-top: 27px
}

    .v-config-mannington .v-main-popup-open-icon span {
        position: absolute;
        margin-left: -32px;
        margin-top: -20px;
        font-size: 13px;
        font-weight: 700
    }

.v-config-manningtonuptown .v-main-logo {
    margin-left: 8px;
    margin-top: 2px;
    height: 45px;
    zzbackground-color: red
}

.v-config-manningtonuptown .v-title {
    font-size: 20px;
    top: 13px
}

.v-config-manningtonuptown .v-main-logo {
    margin-left: 10px;
    margin-top: 12px;
    height: 25px
}

.v-config-manningtonuptown .v-title {
    font-size: 31px;
    top: 2px;
    left: 6px
}

.v-config-manningtonuptown .v-product-thumbnail-container {
    height: 152px
}

.v-config-manningtonuptown .v-product-thumbnail-text {
    zzpadding-top: 0
}

.v-config-manningtonuptown .v-main-popup-close-icon, .v-config-manningtonuptown .v-main-popup-open-icon {
    zzcolor: #F36523 !important
}

.v-config-manningtonuptown .v-config-active-tabs li.v-active a, .v-config-manningtonuptown .v-config-active-tabs li.v-active a:hover {
    color: #5b72e8
}

.v-config-manningtonuptown .v-config-selection-thumbnail-border.v-active {
    border-color: #C75B12 !important
}

.v-config-manningtonuptown .v-actions-popup-tabs li a {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
    height: 41px;
    zzbackground-color: #0ff
}

.v-config-manningtonuptown .v-product-thumbnails-container {
    top: 229px
}

.v-config-manningtonuptown .v-filters-container {
    top: 229px
}

.v-config-manningtonuptown .v-paint-thumbnails-container {
    top: 229px
}

.v-config-manningtonuptown .v-tools-container {
    top: 229px
}

.v-config-manningtonuptown .v-mannington-product-info-container {
    display: block;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 125px;
    margin-bottom: 10px
}

.v-config-manningtonuptown .v-product-info-thumbnail-centre-box {
    position: relative;
    width: 100%;
    height: 100px;
    zzbackground-color: #ff0
}

.v-config-manningtonuptown .v-product-info-thumbnail {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.v-config-manningtonuptown .v-product-info-details-title-text {
    font-size: 14px;
    font-weight: 700
}

.v-config-manningtonuptown .v-product-info-details-sub-title {
    font-size: 12px;
    margin-top: 6px
}

.v-config-manningtonuptown .v-product-info-details-text {
    font-size: 12px
}

.v-config-manningtonuptown .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-manningtonuptown .v-add-to-favourites-button button {
        color: #C75B12
    }

.v-config-manningtonuptown .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-manningtonuptown .v-delete-from-favourites-button button {
        color: #C75B12
    }

.v-config-manningtonuptown .v-product-info-details-help {
    margin-top: 45px
}

.v-config-manningtonuptown .v-mannington-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #C75B12;
    pointer-events: none
}

.v-config-manningtonuptown .v-toolbar .v-toolbar-favourited i {
    color: #C75B12
}

.v-config-manningtonuptown .v-config-uyo-room-thumbnail-text {
    color: #C75B12;
    background-color: rgba(0,0,0,.7);
    font-size: 17px
}

.v-config-manningtonuptown .v-action-button, .v-config-manningtonuptown .v-action-button2, .v-config-manningtonuptown .v-button {
    background-color: #C75B12;
    color: #fff
}

.v-config-manningtonuptown .v-icon-button p {
    color: #C75B12
}

.v-config-manningtonuptown .v-icon-button2 p {
    color: #C75B12
}

.v-config-manningtonuptown .v-show-filters-button1 button, .v-config-manningtonuptown .v-show-filters-button1 button:hover, .v-config-manningtonuptown .v-show-filters-button2 button, .v-config-manningtonuptown .v-show-filters-button2 button:hover, .v-config-manningtonuptown .v-show-filters-button2b button, .v-config-manningtonuptown .v-show-filters-button2b button:hover {
    background-color: #666;
    color: #fff
}

.v-config-manningtonuptown .v-add-to-favourites-button button, .v-config-manningtonuptown .v-delete-from-favourites-button button {
    background-color: #fff
}

.v-config-manningtonuptown .v-facebook-button p, .v-config-manningtonuptown .v-pinterest-button p, .v-config-manningtonuptown .v-twitter-button p {
    color: #C75B12 !important
}

.v-config-manningtonuptown .v-filter-button, .v-config-manningtonuptown .v-filter-on-button {
    color: #C75B12
}

    .v-config-manningtonuptown .v-filter-button.v-active {
        background-color: #C75B12;
        color: #fff
    }

.v-config-manningtonuptown .v-decorate-button p {
    margin: 1px
}

.v-config-manningtonuptown .v-main-popup-open-icon {
    width: 48px;
    padding-left: 12px;
    padding-top: 27px
}

    .v-config-manningtonuptown .v-main-popup-open-icon span {
        position: absolute;
        margin-left: -32px;
        margin-top: -20px;
        font-size: 13px;
        font-weight: 700
    }

.v-config-manningtonuptown .v-main-logo {
    margin-left: 8px;
    margin-top: 2px;
    height: 45px;
    zzbackground-color: red
}

.v-config-manningtonuptown .v-title {
    font-size: 20px;
    top: 13px
}

.v-config-daltile :not(.glyphicon):not(.fa) {
    font-family: geometriaregular
}

.v-config-daltile .v-show-filters-button1 button, .v-config-daltile .v-show-filters-button2 button, .v-config-daltile .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-daltile .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-daltile .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-daltile .v-main-logo {
    margin-left: 8px;
    margin-top: 8px;
    height: 34px
}

.v-config-daltile .v-config-selection-thumbnail-border.v-active {
    border-color: #CD002C !important
}

.v-config-daltile .v-product-thumbnail-centre-box {
    height: 82px;
    zzbackground-color: red
}

.v-config-daltile .v-product-thumbnail-col {
    position: relative;
    float: left;
    width: 12.5%;
    padding-left: 0;
    padding-right: 0
}

.v-config-daltile .v-product-thumbnail-container {
    zzheight: 92px;
    height: 103px
}

.v-config-daltile .v-product-thumbnail-text {
    zzdisplay: none;
    zzpadding-top: 0;
    zzfont-size: 9px;
    zzbackground-color: #ff0;
    height: 20px;
    margin-top: -6px
}

.v-config-daltile .v-actions-popup-tabs li a {
    padding-left: 13px;
    padding-right: 13px
}

.v-config-daltile .v-product-thumbnails-container {
    top: 229px
}

.v-config-daltile .v-filters-container {
    top: 229px
}

.v-config-daltile .v-paint-thumbnails-container {
    top: 229px
}

.v-config-daltile .v-worktop-colours-thumbnails-container {
    top: 229px
}

.v-config-daltile .v-cabinet-colours-thumbnails-container {
    top: 229px
}

.v-config-daltile .v-grout-thumbnails-container {
    top: 229px
}

.v-config-daltile .v-tools-container {
    top: 229px
}

.v-config-daltile .v-patterns-thumbnails-container {
    top: 229px
}

.v-config-daltile .v-daltile-product-info-container {
    display: block;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 125px;
    margin-bottom: 10px
}

.v-config-daltile .v-product-info-thumbnail-centre-box {
    position: relative;
    width: 100%;
    height: 100px;
    zzbackground-color: #ff0
}

.v-config-daltile .v-product-info-thumbnail {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.v-config-daltile .v-product-info-column {
    margin-top: 5px;
    height: 80px;
    text-align: left;
    zzbackground-color: red
}

.v-config-daltile .v-product-info-entry {
    margin-top: 5px;
    zzbackground-color: green
}

.v-config-daltile .v-product-info-details-title-text {
    font-size: 14px;
    font-weight: 700
}

.v-config-daltile .v-product-info-details-sub-title {
    font-size: 12px;
    margin-top: 6px;
    zzbackground-color: #ff0
}

.v-config-daltile .v-product-info-details-text {
    font-size: 12px;
    padding-left: 3px;
    zzbackground-color: #0ff
}

.v-config-daltile .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-daltile .v-add-to-favourites-button button {
        color: #CD002C
    }

.v-config-daltile .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-daltile .v-delete-from-favourites-button button {
        color: #CD002C
    }

.v-config-daltile .v-product-info-details-help {
    margin-top: 45px
}

.v-config-daltile .v-daltile-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #CD002C;
    pointer-events: none
}

.v-config-daltile .v-print-tile-thumbnail-container {
    height: 205px
}

.v-config-daltile .zzv-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-config-daltile .v-print-tile-thumbnail-text {
    line-height: 130%
}

.v-config-daltile .v-actions-popup .v-grout-thumbnail-container {
    height: auto
}

.v-config-daltile .v-grout-thumbnail-text {
    position: absolute;
    margin-left: 50px !important;
    margin-top: -39px !important;
    font-size: 14px !important;
    pointer-events: none
}

.v-config-daltile .v-grout-thumbnails-container .v-actions-title-text, .v-config-daltile .v-patterns-thumbnails-container .v-actions-title-text {
    display: none
}

.v-config-demo .v-show-filters-button1 button, .v-config-demo .v-show-filters-button2 button, .v-config-demo .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-demo .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-demo .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-demo .v-main-logo {
    margin-left: 5px;
    margin-top: 5px;
    height: 40px
}

.v-config-demo .v-title {
    font-size: 31px;
    top: 2px;
    left: 16px
}

.v-config-demo .v-config-active-tabs li.v-active a, .v-config-demo .v-config-active-tabs li.v-active a:hover {
    color: #CD002C
}

.v-config-demo .v-config-selection-thumbnail-border.v-active {
    border-color: #CD002C !important
}

.v-config-demo .v-product-thumbnail-centre-box {
    height: 82px;
    zzbackground-color: red
}

.v-config-demo .v-product-thumbnail-col {
    position: relative;
    float: left;
    width: 12.5%;
    padding-left: 0;
    padding-right: 0
}

.v-config-demo .v-product-thumbnail-container {
    height: 92px
}

.v-config-demo .v-product-thumbnail-text {
    display: none;
    zzpadding-top: 0;
    zzfont-size: 9px
}

.v-config-demo .v-actions-popup-tabs li a {
    padding-left: 13px;
    padding-right: 13px
}

.v-config-demo .v-product-thumbnails-container {
    top: 229px
}

.v-config-demo .v-filters-container {
    top: 229px
}

.v-config-demo .v-paint-thumbnails-container {
    top: 229px
}

.v-config-demo .v-grout-thumbnails-container {
    top: 229px
}

.v-config-demo .v-tools-container {
    top: 229px
}

.v-config-demo .v-patterns-thumbnails-container {
    top: 229px
}

.v-config-demo .v-demo-product-info-container {
    display: block;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 125px;
    margin-bottom: 10px
}

.v-config-demo .v-product-info-thumbnail-centre-box {
    position: relative;
    width: 100%;
    height: 100px;
    zzbackground-color: #ff0
}

.v-config-demo .v-product-info-thumbnail {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.v-config-demo .v-product-info-details-title-text {
    font-size: 14px;
    font-weight: 700
}

.v-config-demo .v-product-info-details-sub-title {
    font-size: 12px;
    margin-top: 6px
}

.v-config-demo .v-product-info-details-text {
    font-size: 12px
}

.v-config-demo .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-demo .v-add-to-favourites-button button {
        color: #CD002C
    }

.v-config-demo .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-demo .v-delete-from-favourites-button button {
        color: #CD002C
    }

.v-config-demo .v-product-info-details-help {
    margin-top: 45px
}

.v-config-demo .v-demo-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #CD002C;
    pointer-events: none
}

.v-config-hillarysdemo .v-main-logo {
    margin-left: 8px;
    margin-top: 5px;
    height: 40px
}

.v-config-hillarysdemo .v-prepare-add-window-button p {
    margin-top: 2px
}

.v-config-grafbrosdemo .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-grafbrosdemo .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-grafbrosdemo .v-main-logo {
    margin-left: 3px;
    margin-top: 3px;
    height: 44px
}

.v-config-grafbrosdemo .v-title {
    font-size: 30px;
    top: 2px;
    left: 16px
}

.v-config-newdemo1 .v-show-filters-button1 button, .v-config-newdemo1 .v-show-filters-button2 button, .v-config-newdemo1 .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-newdemo1 .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-newdemo1 .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-newdemo1 .v-main-logo {
    margin-left: 3px;
    margin-top: 3px;
    height: 44px
}

.v-config-newdemo1 .v-config-selection-thumbnail-border.v-active {
    border-color: #CD002C !important
}

.v-config-newdemo1 .v-actions-popup-tabs li a {
    padding-left: 10px;
    padding-right: 10px
}

.v-config-newdemo1 .v-product-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-filters-container {
    top: 229px
}

.v-config-newdemo1 .v-paint-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-worktop-colours-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-cabinet-colours-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-grout-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-tools-container {
    top: 229px
}

.v-config-newdemo1 .v-patterns-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-newdemo1-product-info-container {
    display: block;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 125px;
    margin-bottom: 10px
}

.v-config-newdemo1 .v-product-info-thumbnail-centre-box {
    position: relative;
    width: 100%;
    height: 100px;
    zzbackground-color: #ff0
}

.v-config-newdemo1 .v-product-info-thumbnail {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.v-config-newdemo1 .v-product-info-column {
    margin-top: 5px;
    height: 80px;
    text-align: left;
    zzbackground-color: red
}

.v-config-newdemo1 .v-product-info-entry {
    margin-top: 5px;
    zzbackground-color: green
}

.v-config-newdemo1 .v-product-info-details-title-text {
    font-size: 14px;
    font-weight: 700
}

.v-config-newdemo1 .v-product-info-details-sub-title {
    font-size: 12px;
    margin-top: 6px;
    zzbackground-color: #ff0
}

.v-config-newdemo1 .v-product-info-details-text {
    font-size: 12px;
    padding-left: 3px;
    zzbackground-color: #0ff
}

.v-config-newdemo1 .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-newdemo1 .v-add-to-favourites-button button {
        color: #CD002C
    }

.v-config-newdemo1 .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-newdemo1 .v-delete-from-favourites-button button {
        color: #CD002C
    }

.v-config-newdemo1 .v-product-info-details-help {
    margin-top: 45px
}

.v-config-newdemo1 .v-newdemo1-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #CD002C;
    pointer-events: none
}

.v-config-newdemo1 .v-print-tile-thumbnail-container {
    height: 205px
}

.v-config-newdemo1 .zzv-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-config-newdemo1 .v-print-tile-thumbnail-text {
    line-height: 130%
}

.v-config-newdemo1 .v-actions-popup .v-grout-thumbnail-container {
    height: auto
}

.v-config-newdemo1 .v-grout-thumbnail-text {
    zposition: absolute;
    zmargin-left: 50px !important;
    zmargin-top: -39px !important;
    zfont-size: 14px !important;
    zpointer-events: none
}

.v-config-newdemo1 .v-product-thumbnail-container {
    height: 159px;
    zzbackground-color: #ff0
}

.v-config-newdemo1 .v-target-area {
    width: 30px;
    height: 30px
}

    .v-config-newdemo1 .v-target-area.v-single-tile-target-area {
        width: 24px;
        height: 24px;
        margin-left: -12px;
        margin-top: -12px
    }

.v-config-newdemo1 .v-floor-and-decor-target-area {
    width: 60px;
    height: 60px
}

.v-config-newdemo1 .v-product-info-buttons span {
    margin-left: 10px
}

.v-config-newdemo1 .v-product-info-buttons span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px
}

.v-config-newdemo1 .v-product-info-buttons button {
    width: 150px;
    height: 31px
}

.v-config-newdemo1 .decosaz-logo-with-graphic-and-specifix {
    position: absolute;
    width: 135px;
    height: 25px;
    zzleft: 0;
    zzright: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    zzbackground-color: green
}

.v-config-tilesdemo .v-show-filters-button1 button, .v-config-tilesdemo .v-show-filters-button2 button, .v-config-tilesdemo .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-tilesdemo .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-tilesdemo .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-tilesdemo .v-main-logo {
    margin-left: 3px;
    margin-top: 3px;
    height: 44px
}

.v-config-tilesdemo .v-config-selection-thumbnail-border.v-active {
    border-color: #CD002C !important
}

.v-config-tilesdemo .v-actions-popup-tabs li a {
    padding-left: 13px;
    padding-right: 13px
}

.v-config-tilesdemo .v-product-thumbnails-container {
    top: 229px
}

.v-config-tilesdemo .v-filters-container {
    top: 229px
}

.v-config-tilesdemo .v-paint-thumbnails-container {
    top: 229px
}

.v-config-tilesdemo .v-worktop-colours-thumbnails-container {
    top: 229px
}

.v-config-tilesdemo .v-cabinet-colours-thumbnails-container {
    top: 229px
}

.v-config-tilesdemo .v-grout-thumbnails-container {
    top: 229px
}

.v-config-tilesdemo .v-tools-container {
    top: 229px
}

.v-config-tilesdemo .v-patterns-thumbnails-container {
    top: 229px
}

.v-config-tilesdemo .v-tilesdemo-product-info-container {
    display: block;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 125px;
    margin-bottom: 10px
}

.v-config-tilesdemo .v-product-info-thumbnail-centre-box {
    position: relative;
    width: 100%;
    height: 100px;
    zzbackground-color: #ff0
}

.v-config-tilesdemo .v-product-info-thumbnail {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.v-config-tilesdemo .v-product-info-column {
    margin-top: 5px;
    height: 80px;
    text-align: left;
    zzbackground-color: red
}

.v-config-tilesdemo .v-product-info-entry {
    margin-top: 5px;
    zzbackground-color: green
}

.v-config-tilesdemo .v-product-info-details-title-text {
    font-size: 14px;
    font-weight: 700
}

.v-config-tilesdemo .v-product-info-details-sub-title {
    font-size: 12px;
    margin-top: 6px;
    zzbackground-color: #ff0
}

.v-config-tilesdemo .v-product-info-details-text {
    font-size: 12px;
    padding-left: 3px;
    zzbackground-color: #0ff
}

.v-config-tilesdemo .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-tilesdemo .v-add-to-favourites-button button {
        color: #CD002C
    }

.v-config-tilesdemo .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-tilesdemo .v-delete-from-favourites-button button {
        color: #CD002C
    }

.v-config-tilesdemo .v-product-info-details-help {
    margin-top: 45px
}

.v-config-tilesdemo .v-tilesdemo-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #CD002C;
    pointer-events: none
}

.v-config-tilesdemo .v-print-tile-thumbnail-container {
    height: 205px
}

.v-config-tilesdemo .zzv-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-config-tilesdemo .v-print-tile-thumbnail-text {
    line-height: 130%
}

.v-config-tilesdemo .v-actions-popup .v-grout-thumbnail-container {
    height: auto
}

.v-config-tilesdemo .v-grout-thumbnail-text {
    position: absolute;
    margin-left: 50px !important;
    margin-top: -39px !important;
    font-size: 14px !important;
    pointer-events: none
}

.v-config-tilesdemo .v-product-thumbnail-container {
    height: 159px;
    zzbackground-color: #ff0
}

.v-config-tilesdemo .v-target-area {
    width: 30px;
    height: 30px
}

.v-config-tilesdemo .v-floor-and-decor-target-area {
    width: 60px;
    height: 60px
}

.v-config-tilesdemo .v-product-info-buttons span {
    margin-left: 10px
}

.v-config-tilesdemo .v-product-info-buttons span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px
}

.v-config-tilesdemo .v-product-info-buttons button {
    width: 150px;
    height: 31px
}

.v-config-tilesdemo .decosaz-logo-with-graphic-and-specifix {
    position: absolute;
    width: 135px;
    height: 25px;
    zzleft: 0;
    zzright: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    zzbackground-color: green
}

.v-config-hyattdemo .v-show-filters-button1 button, .v-config-hyattdemo .v-show-filters-button2 button, .v-config-hyattdemo .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-hyattdemo .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-hyattdemo .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-hyattdemo .v-main-logo {
    margin-left: 5px;
    margin-top: 5px;
    height: 40px
}

.v-config-hyattdemo .v-config-selection-thumbnail-border.v-active {
    border-color: #CD002C !important
}

.v-config-hyattdemo .v-actions-popup-tabs li a {
    padding-left: 13px;
    padding-right: 13px
}

.v-config-hyattdemo .v-print-tile-thumbnail-container {
    height: 205px
}

.v-config-hyattdemo .zzv-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-config-hyattdemo .v-print-tile-thumbnail-text {
    line-height: 130%
}

.v-config-hyattdemo .v-actions-popup .v-grout-thumbnail-container {
    height: auto
}

.v-config-hyattdemo .v-grout-thumbnail-text {
    position: absolute;
    margin-left: 50px !important;
    margin-top: -39px !important;
    font-size: 14px !important;
    pointer-events: none
}

.v-config-hyattdemo .v-product-thumbnail-container {
    height: 159px;
    zzbackground-color: #ff0
}

.v-config-hyattdemo .v-target-area {
    width: 30px;
    height: 30px
}

.v-config-hyattdemo .v-hunter-douglas-target-area {
    width: 60px;
    height: 60px
}

.v-config-hyattdemo .v-product-info-buttons span {
    margin-left: 10px
}

.v-config-hyattdemo .v-product-info-buttons span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px
}

.v-config-hyattdemo .v-product-info-buttons button {
    width: 150px;
    height: 31px
}

.v-config-hyattdemo .decosaz-logo-with-graphic-and-specifix {
    position: absolute;
    width: 135px;
    height: 25px;
    zzleft: 0;
    zzright: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    zzbackground-color: green
}

.v-config-hyattdemo .v-gui-style-2 .v-full-view-button, .v-config-hyattdemo .v-gui-style-2 .v-normal-view-button, .v-config-hyattdemo .v-gui-style-2 .v-targets-on-off-container {
    background-color: #484848
}

.v-config-flooranddecordemo .v-show-filters-button1 button, .v-config-flooranddecordemo .v-show-filters-button2 button, .v-config-flooranddecordemo .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-flooranddecordemo .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-flooranddecordemo .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-flooranddecordemo .v-main-logo {
    zzmargin-left: 3px;
    zzmargin-top: 3px;
    zzheight: 44px;
    margin-left: 5px;
    margin-top: 4px;
    height: 40px
}

.v-config-flooranddecordemo .v-config-selection-thumbnail-border.v-active {
    border-color: #CD002C !important
}

.v-config-flooranddecordemo .v-actions-popup-tabs li a {
    padding-left: 13px;
    padding-right: 13px
}

.v-config-flooranddecordemo .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-flooranddecordemo .v-add-to-favourites-button button {
        color: #CD002C
    }

.v-config-flooranddecordemo .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-flooranddecordemo .v-delete-from-favourites-button button {
        color: #CD002C
    }

.v-config-flooranddecordemo .v-product-info-details-help {
    margin-top: 45px
}

.v-config-flooranddecordemo .v-newdemo1-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #CD002C;
    pointer-events: none
}

.v-config-flooranddecordemo .v-print-tile-thumbnail-container {
    height: 205px
}

.v-config-flooranddecordemo .zzv-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-config-flooranddecordemo .v-print-tile-thumbnail-text {
    line-height: 130%
}

.v-config-flooranddecordemo .v-actions-popup .v-grout-thumbnail-container {
    height: auto
}

.v-config-flooranddecordemo .v-grout-thumbnail-text {
    position: absolute;
    margin-left: 50px !important;
    margin-top: -39px !important;
    font-size: 14px !important;
    pointer-events: none
}

.v-config-flooranddecordemo .v-product-thumbnail-container {
    height: 159px;
    zzbackground-color: #ff0
}

.v-config-flooranddecordemo .v-target-area {
    width: 30px;
    height: 30px
}

.v-config-flooranddecordemo .v-floor-and-decor-target-area {
    width: 42px;
    height: 42px
}

.v-config-flooranddecordemo .v-product-info-buttons span {
    margin-left: 10px
}

.v-config-flooranddecordemo .v-product-info-buttons span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px
}

.v-config-flooranddecordemo .v-product-info-buttons button {
    width: 150px;
    height: 31px
}

.v-config-flooranddecordemo .decosaz-logo-with-graphic-and-specifix {
    position: absolute;
    width: 135px;
    height: 25px;
    zzleft: 0;
    zzright: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    zzbackground-color: green
}

.v-config-flooranddecordemo .vv-save-project {
    display: block !important
}

.v-config-flooranddecordemo .v-targets-on-off-container img {
    width: 22px;
    height: 22px;
    margin-left: 4px;
    margin-top: 4px
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-message {
    position: fixed;
    left: 50%;
    width: 500px;
    top: 120px;
    margin-left: -250px;
    padding: 50px;
    text-align: center;
    font-size: 18px;
    background-color: #323232;
    color: #fff;
    z-index: 1999
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-target-area {
    width: 100px;
    height: 100px
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-main-popup {
    width: 235px
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-main-popup-button {
    zzbackground-color: #ff0;
    width: 215px;
    height: 90px;
    text-align: center;
    padding-top: 35px;
    font-size: 18px
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-main-popup-close-icon {
    width: 85px;
    height: 85px;
    right: -85px;
    padding-left: 29px;
    padding-top: 29px
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-main-popup-open-icon {
    width: 85px;
    height: 85px;
    padding-left: 29px;
    padding-top: 29px
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-rooms-popup-tabs li a {
    padding: 20px 50px;
    font-size: 18px
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-room-thumbnails-container {
    top: 122px
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-actions-popup-tabs li a {
    padding: 20px 50px;
    font-size: 18px
}

.v-config-flooranddecordemo.v-segmentation.v-phone .v-product-thumbnails-container {
    top: 122px
}

.v-config-hunterdouglasdemo .v-show-filters-button1 button, .v-config-hunterdouglasdemo .v-show-filters-button2 button, .v-config-hunterdouglasdemo .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-hunterdouglasdemo .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-hunterdouglasdemo .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-hunterdouglasdemo .v-main-logo {
    margin-left: 5px;
    margin-top: 8px;
    height: 40px
}

.v-config-hunterdouglasdemo .v-config-selection-thumbnail-border.v-active {
    border-color: #CD002C !important
}

.v-config-hunterdouglasdemo .v-actions-popup-tabs li a {
    padding-left: 13px;
    padding-right: 13px
}

.v-config-hunterdouglasdemo .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-hunterdouglasdemo .v-add-to-favourites-button button {
        color: #CD002C
    }

.v-config-hunterdouglasdemo .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-hunterdouglasdemo .v-delete-from-favourites-button button {
        color: #CD002C
    }

.v-config-hunterdouglasdemo .v-product-info-details-help {
    margin-top: 45px
}

.v-config-hunterdouglasdemo .v-print-tile-thumbnail-container {
    height: 205px
}

.v-config-hunterdouglasdemo .zzv-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-config-hunterdouglasdemo .v-print-tile-thumbnail-text {
    line-height: 130%
}

.v-config-hunterdouglasdemo .v-actions-popup .v-grout-thumbnail-container {
    height: auto
}

.v-config-hunterdouglasdemo .v-grout-thumbnail-text {
    position: absolute;
    margin-left: 50px !important;
    margin-top: -39px !important;
    font-size: 14px !important;
    pointer-events: none
}

.v-config-hunterdouglasdemo .v-product-thumbnail-container {
    height: 159px;
    zzbackground-color: #ff0
}

.v-config-hunterdouglasdemo .v-target-area {
    width: 30px;
    height: 30px
}

.v-config-hunterdouglasdemo .v-floor-and-decor-target-area {
    width: 42px;
    height: 42px
}

.v-config-hunterdouglasdemo .v-product-info-buttons span {
    margin-left: 10px
}

.v-config-hunterdouglasdemo .v-product-info-buttons span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px
}

.v-config-hunterdouglasdemo .v-product-info-buttons button {
    width: 150px;
    height: 31px
}

.v-config-hunterdouglasdemo .decosaz-logo-with-graphic-and-specifix {
    position: absolute;
    width: 135px;
    height: 25px;
    zzleft: 0;
    zzright: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    zzbackground-color: green
}

.v-config-hunterdouglasdemo .vv-save-project {
    display: block !important
}

.v-config-hunterdouglasdemo .v-targets-on-off-container img {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    margin-top: 4px
}

.v-config-hunterdouglasdemo .v-actions-popup-tabs a {
    font-size: 11px;
    height: 42px;
    padding-top: 12px;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center
}

.v-config-hunterdouglasdemo .v-blind-colours-button, .v-config-hunterdouglasdemo .v-blind-types-button {
    display: inline-block !important
}

.v-config-hunterdouglasdemo .v-tiles-button:not(.v-blind-types-button):not(.v-blind-colours-button) {
    display: none !important
}

.v-config-hunterdouglasdemo .v-blind-types-button p {
    margin-top: 1px
}

.v-config-hunterdouglasdemo .v-blind-colours-button.v-blind-colours-button-force-hide {
    display: none !important
}

.v-config-hunterdouglasdemo .v-blind-buttons-container {
    display: none;
    position: fixed;
    top: 3px;
    z-index: 99999;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    zzbackground-color: #ff0
}

    .v-config-hunterdouglasdemo .v-blind-buttons-container .v-blind-day-night-button, .v-config-hunterdouglasdemo .v-blind-buttons-container .v-blind-default-up-down-button, .v-config-hunterdouglasdemo .v-blind-buttons-container .v-blind-fully-across-button, .v-config-hunterdouglasdemo .v-blind-buttons-container .v-blind-fully-down-button, .v-config-hunterdouglasdemo .v-blind-buttons-container .v-blind-half-down-button, .v-config-hunterdouglasdemo .v-blind-buttons-container .v-blind-mount-button, .v-config-hunterdouglasdemo .v-blind-buttons-container .v-blind-part-across-button, .v-config-hunterdouglasdemo .v-blind-buttons-container .v-blind-quarter-down-button {
        display: inline-block;
        top: 0;
        margin-left: 2px;
        margin-right: 2px;
        width: 40px;
        height: 40px;
        padding: 5px;
        border: 2px solid #444;
        cursor: pointer;
        vertical-align: text-top
    }

    .v-config-hunterdouglasdemo .v-blind-buttons-container .v-blind-mount-button {
        padding: 2px 7px 11px 7px;
        font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
        font-weight: 700;
        font-size: 12px;
        color: #444;
        width: 100px
    }

.v-config-hunterdouglasdemo .v-product-thumbnail-container, .v-config-hunterdouglasdemo .v-room-thumbnail-container {
    border: 0 solid #00f !important
}

.v-config-hunterdouglasdemo .v-message {
    background-color: #000
}

.v-config-carpetdemo .v-main-logo {
    margin-left: 5px;
    margin-top: 2px;
    height: 46px
}

.v-config-carpetdemo .v-title {
    font-size: 28px;
    top: 5px;
    left: 6px
}

.v-config-carpetdemo .v-product-thumbnail-container {
    height: 152px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.v-config-carpetdemo .v-product-thumbnail-text {
    padding-top: 0
}

.v-config-carpetdemo .v-main-popup-close-icon, .v-config-carpetdemo .v-main-popup-open-icon {
    zzcolor: #F36523 !important
}

.v-config-carpetdemo .v-config-active-tabs li.v-active a, .v-config-carpetdemo .v-config-active-tabs li.v-active a:hover {
    color: #C75B12
}

.v-config-carpetdemo .v-config-selection-thumbnail-border.v-active {
    border-color: #C75B12 !important
}

.v-config-carpetdemo .v-actions-popup-tabs li a {
    padding-top: 5px;
    beforeflanagan-padding-left: 8px;
    beforeflanagan-padding-right: 8px;
    padding-left: 28px;
    padding-right: 28px;
    font-size: 13px;
    height: 41px;
    beforeflanagan-line-height: 15px;
    line-height: 28px;
    text-align: center;
    zzbackground-color: #0ff
}

.v-config-carpetdemo .v-product-thumbnails-container {
    zztop: 229px
}

.v-config-carpetdemo .v-filters-container {
    zztop: 229px
}

.v-config-carpetdemo .v-paint-thumbnails-container {
    zztop: 229px
}

.v-config-carpetdemo .v-tools-container {
    zztop: 229px
}

.v-config-carpetright .v-main-logo {
    margin-left: 10px;
    margin-top: 5px;
    height: 40px
}

.v-config-carpetright .v-title {
    position: relative;
    left: 15px;
    top: 8px;
    font-size: 22px
}

.v-config-carpetright .v-actions-popup-container, .v-config-carpetright .v-decorate-actions-popup-container, .v-config-carpetright .v-email-popup-container, .v-config-carpetright .v-full-view-button, .v-config-carpetright .v-last-renders-popup-container, .v-config-carpetright .v-message, .v-config-carpetright .v-normal-view-button, .v-config-carpetright .v-paint-popup-container, .v-config-carpetright .v-rooms-popup-container, .v-config-carpetright .v-share-popup-container, .v-config-carpetright .v-uyo-mesh-size-popup-container, .v-config-carpetright .v-uyo-message {
    background-color: #ECFFFF
}

.v-config-carpetright .v-view-container {
    left: 360px;
    right: auto
}

.v-config-carpetright .v-current-selections {
    right: 2px
}

.v-config-carpetright .v-rooms-popup-container {
    height: 72%
}

.v-config-carpetright .v-rooms-popup-tabs li a {
    padding: 10px 15px
}

.v-config-carpetright .v-actions-popup-container {
    height: 90%
}

.v-config-carpetright .v-actions-popup-tabs li a {
    padding: 10px 15px
}

.v-config-carpetright .v-product-thumbnail-col {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

.v-config-carpetright .v-product-thumbnails-inject {
    padding: 0
}

.v-config-carpetright .v-product-thumbnail-container {
    padding: 0;
    height: 128px;
    margin-bottom: 15px
}

.v-config-carpetright .v-product-thumbnail {
    max-width: 70%;
    max-height: 70%;
    margin-top: 7px
}

.v-config-carpetright .v-product-thumbnail-text {
    margin-top: -33px;
    height: 30px;
    line-height: 12px;
    padding-top: 7px
}

.v-config-carpetright .v-paint-popup-container {
    top: 5%;
    height: 90%
}

.v-config-carpetright .v-email-popup-container, .v-config-carpetright .v-share-popup-container {
    top: 0
}

.v-config-carpetright .v-icon-button.v-active {
    background-color: #FEA992
}

.v-config-carpetright .v-print-tile-thumbnail-container {
    height: 130px
}

.v-config-carpetright .v-print-tile-thumbnail-text {
    line-height: 12px
}

.v-config-carpetright .v-filter-groups-list .panel-heading {
    background-color: #67C7C5;
    color: #fff
}

.v-config-carpetright .v-filter-button.v-active {
    background-color: #67C7C5
}

.v-config-carpetright .v-selected-tile-thumbnail.v-active {
    border-color: #67C7C5
}

.v-config-carpetright .v-product-thumbnail-container {
    background-color: #fff !important
}

.v-config-carpetright .v-product-thumbnails-container, .v-config-carpetright .v-room-thumbnails-container {
    background-color: #F8F8F8
}

.v-config-carpetright .v-actions-popup-tabs li.v-active a, .v-config-carpetright .v-actions-popup-tabs li.v-active a:hover, .v-config-carpetright .v-rooms-popup-tabs li.v-active a, .v-config-carpetright .v-rooms-popup-tabs li.v-active a:hover {
    background-color: #F8F8F8
}

.IGNOREFORNOW.v-config-carpetright .v-icon-button.v-active {
    background-color: #FEA992
}

    .IGNOREFORNOW.v-config-carpetright .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.IGNOREFORNOW.v-config-carpetright .v-product-thumbnail-container {
    height: 158px;
    zzbackground-color: #ff0 !important
}

.IGNOREFORNOW.v-config-carpetright .v-rotate-floor-button span {
    background-position: -650px 0
}

.IGNOREFORNOW.v-config-carpetright .v-rotate-floor-button:not(.v-disable-touch-button-hover):hover span {
    background-position: -675px 0
}

.IGNOREFORNOW.v-config-carpetright .v-config-filter-button.v-active {
    background-color: #FEA992
}

    .IGNOREFORNOW.v-config-carpetright .v-config-filter-button.v-active:hover {
        background-color: #EE9982
    }

.IGNOREFORNOW.v-config-carpetright .v-config-filter-groups-heading {
    background-color: #A6D23E !important;
    color: #fff !important
}

.IGNOREFORNOW.v-config-carpetright .v-config-active-tabs li.v-active a, .IGNOREFORNOW.v-config-carpetright .v-config-active-tabs li.v-active a:hover {
    color: #A6D23E
}

.IGNOREFORNOW.v-config-carpetright .v-config-selection-thumbnail-border.v-active {
    border-color: #A6D23E
}

.IGNOREFORNOW.v-config-carpetright .v-config-uyo-room-thumbnail-text {
    text-align: left;
    color: #A6D23E
}

.IGNOREFORNOW.v-config-carpetright .v-actions-popup-tabs li a {
    padding-left: 5px;
    padding-right: 5px
}

.v-config-crucialtradingdemo .v-main-logo {
    margin-left: 5px;
    margin-top: 4px;
    height: 44px
}

.v-config-crucialtradingdemo .v-title {
    font-size: 28px;
    top: 5px;
    left: 6px
}

.v-config-crucialtradingdemo .v-product-thumbnail-container {
    height: 152px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.v-config-crucialtradingdemo .v-product-thumbnail-text {
    padding-top: 0
}

.v-config-crucialtradingdemo .v-main-popup-close-icon, .v-config-crucialtradingdemo .v-main-popup-open-icon {
    zzcolor: #F36523 !important
}

.v-config-crucialtradingdemo .v-config-active-tabs li.v-active a, .v-config-crucialtradingdemo .v-config-active-tabs li.v-active a:hover {
    color: #C75B12
}

.v-config-crucialtradingdemo .v-config-selection-thumbnail-border.v-active {
    border-color: #C75B12 !important
}

.v-config-crucialtradingdemo .v-actions-popup-tabs li a {
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13px;
    height: 41px;
    line-height: 15px;
    text-align: center;
    zzbackground-color: #0ff
}

.v-config-crucialtradingdemo .v-product-thumbnails-container {
    zztop: 229px
}

.v-config-crucialtradingdemo .v-filters-container {
    zztop: 229px
}

.v-config-crucialtradingdemo .v-paint-thumbnails-container {
    zztop: 229px
}

.v-config-crucialtradingdemo .v-tools-container {
    zztop: 229px
}

.v-config-smg .v-main-logo {
    margin-left: 10px;
    margin-top: 5px;
    height: 40px
}

.v-config-smg .v-title {
    position: relative;
    left: 15px;
    top: 8px;
    font-size: 22px
}

.v-config-smg .v-actions-popup-container, .v-config-smg .v-decorate-actions-popup-container, .v-config-smg .v-email-popup-container, .v-config-smg .v-full-view-button, .v-config-smg .v-last-renders-popup-container, .v-config-smg .v-message, .v-config-smg .v-normal-view-button, .v-config-smg .v-paint-popup-container, .v-config-smg .v-rooms-popup-container, .v-config-smg .v-share-popup-container, .v-config-smg .v-uyo-mesh-size-popup-container, .v-config-smg .v-uyo-message {
    qqqqqbackground-color: #ECFFFF
}

.v-config-smg .v-view-container {
    qqqqqleft: 360px;
    qqqqqright: auto
}

.v-config-smg .v-current-selections {
    qqqqqright: 2px
}

.v-config-smg .v-rooms-popup-container {
    height: 72%
}

.v-config-smg .v-rooms-popup-tabs li a {
    qqqqqpadding: 10px 15px
}

.v-config-smg .v-actions-popup-container {
    height: 90%
}

.v-config-smg .v-actions-popup-tabs li a {
    padding: 10px 11px
}

.v-config-smg .v-product-thumbnail-col {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

.v-config-smg .v-product-thumbnails-inject {
    padding: 0
}

.v-config-smg .v-product-thumbnail-container {
    padding: 0;
    height: 128px;
    margin-bottom: 15px
}

.v-config-smg .v-product-thumbnail {
    max-width: 70%;
    max-height: 70%;
    margin-top: 7px
}

.v-config-smg .v-product-thumbnail-text {
    qqqqqmargin-top: -33px;
    margin-top: -27px;
    height: 30px;
    line-height: 12px
}

.v-config-smg .v-paint-popup-container {
    top: 5%;
    height: 90%
}

.v-config-smg .v-email-popup-container, .v-config-smg .v-share-popup-container {
    top: 0
}

.v-config-smg .v-icon-button.v-active {
    background-color: #FEA992
}

.v-config-smg .v-print-tile-thumbnail-container {
    height: 130px
}

.v-config-smg .v-print-tile-thumbnail-text {
    line-height: 12px
}

.v-config-smg .v-filter-groups-list .panel-heading {
    qqqqqbackground-color: #67C7C5;
    background-color: #CD002C;
    color: #fff
}

.v-config-smg .v-filter-button.v-active {
    qqqqqbackground-color: #67C7C5;
    background-color: #CD002C;
    color: #fff
}

.v-config-smg .v-selected-tile-thumbnail.v-active {
    border-color: #67C7C5
}

.v-config-smg .v-product-thumbnails-container, .v-config-smg .v-room-thumbnails-container {
    background-color: #F0F0F0
}

.v-config-smg .v-product-thumbnail-container {
    background-color: #F0F0F0
}

.v-config-smg .v-actions-popup-tabs li.v-active a, .v-config-smg .v-rooms-popup-tabs li.v-active a {
    color: #CD002C;
    background-color: #F0F0F0
}

.v-config-smg .v-delete-favourite-2 {
    right: 30px;
    top: 0
}

.v-config-asiaticdemo .v-main-logo {
    margin-left: 10px;
    margin-top: 5px;
    height: 40px
}

.v-config-asiaticdemo .v-title {
    position: relative;
    left: 15px;
    top: 8px;
    font-size: 22px
}

.v-config-asiaticdemo .v-actions-popup-container, .v-config-asiaticdemo .v-decorate-actions-popup-container, .v-config-asiaticdemo .v-email-popup-container, .v-config-asiaticdemo .v-full-view-button, .v-config-asiaticdemo .v-last-renders-popup-container, .v-config-asiaticdemo .v-message, .v-config-asiaticdemo .v-normal-view-button, .v-config-asiaticdemo .v-paint-popup-container, .v-config-asiaticdemo .v-rooms-popup-container, .v-config-asiaticdemo .v-share-popup-container, .v-config-asiaticdemo .v-uyo-mesh-size-popup-container, .v-config-asiaticdemo .v-uyo-message {
    qqqqqbackground-color: #ECFFFF
}

.v-config-asiaticdemo .v-view-container {
    qqqqqleft: 360px;
    qqqqqright: auto
}

.v-config-asiaticdemo .v-current-selections {
    qqqqqright: 2px
}

.v-config-asiaticdemo .v-rooms-popup-container {
    height: 72%
}

.v-config-asiaticdemo .v-rooms-popup-tabs li a {
    qqqqqpadding: 10px 15px
}

.v-config-asiaticdemo .v-actions-popup-container {
    height: 90%
}

.v-config-asiaticdemo .v-actions-popup-tabs li a {
    padding: 10px 11px
}

.v-config-asiaticdemo .v-product-thumbnail-col {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

.v-config-asiaticdemo .v-product-thumbnails-inject {
    padding: 0
}

.v-config-asiaticdemo .v-product-thumbnail-container {
    padding: 0;
    height: 128px;
    margin-bottom: 15px
}

.v-config-asiaticdemo .v-product-thumbnail {
    max-width: 70%;
    max-height: 70%;
    margin-top: 7px
}

.v-config-asiaticdemo .v-product-thumbnail-text {
    qqqqqmargin-top: -33px;
    margin-top: -27px;
    height: 30px;
    line-height: 12px
}

.v-config-asiaticdemo .v-paint-popup-container {
    top: 5%;
    height: 90%
}

.v-config-asiaticdemo .v-email-popup-container, .v-config-asiaticdemo .v-share-popup-container {
    top: 0
}

.v-config-asiaticdemo .v-icon-button.v-active {
    background-color: #FEA992
}

.v-config-asiaticdemo .v-print-tile-thumbnail-container {
    height: 130px
}

.v-config-asiaticdemo .v-print-tile-thumbnail-text {
    line-height: 12px
}

.v-config-asiaticdemo .v-filter-groups-list .panel-heading {
    qqqqqbackground-color: #67C7C5;
    background-color: #CD002C;
    color: #fff
}

.v-config-asiaticdemo .v-filter-button.v-active {
    qqqqqbackground-color: #67C7C5;
    background-color: #CD002C;
    color: #fff
}

.v-config-asiaticdemo .v-selected-tile-thumbnail.v-active {
    border-color: #67C7C5
}

.v-config-asiaticdemo .v-product-thumbnails-container, .v-config-asiaticdemo .v-room-thumbnails-container {
    background-color: #F0F0F0
}

.v-config-asiaticdemo .v-product-thumbnail-container {
    background-color: #F0F0F0
}

.v-config-asiaticdemo .v-actions-popup-tabs li.v-active a, .v-config-asiaticdemo .v-rooms-popup-tabs li.v-active a {
    color: #CD002C;
    background-color: #F0F0F0
}

.v-config-asiaticdemo .v-delete-favourite-2 {
    right: 30px;
    top: 0
}

.v-config-asiaticdemo .v-target-area.v-single-tile-target-area {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px
}

.v-config-flooringdirectdemo .v-show-filters-button1 button, .v-config-flooringdirectdemo .v-show-filters-button2 button, .v-config-flooringdirectdemo .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-flooringdirectdemo .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-flooringdirectdemo .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-flooringdirectdemo .v-main-logo {
    margin-left: 3px;
    margin-top: 8px;
    height: 40px
}

.v-config-flooringdirectdemo .v-config-selection-thumbnail-border.v-active {
    border-color: #229A98 !important
}

.v-config-flooringdirectdemo .v-actions-popup-tabs li a {
    padding-left: 10px;
    padding-right: 10px
}

.v-config-flooringdirectdemo .v-product-thumbnails-container {
    zztop: 229px
}

.v-config-flooringdirectdemo .v-filters-container {
    zztop: 229px
}

.v-config-flooringdirectdemo .v-paint-thumbnails-container {
    top: 229px
}

.v-config-flooringdirectdemo .v-worktop-colours-thumbnails-container {
    top: 229px
}

.v-config-flooringdirectdemo .v-cabinet-colours-thumbnails-container {
    top: 229px
}

.v-config-flooringdirectdemo .v-grout-thumbnails-container {
    top: 229px
}

.v-config-flooringdirectdemo .v-tools-container {
    top: 229px
}

.v-config-flooringdirectdemo .v-patterns-thumbnails-container {
    top: 229px
}

.v-config-flooringdirectdemo .zzzv-newdemo1-product-info-container {
    display: block;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 125px;
    margin-bottom: 10px
}

.v-config-flooringdirectdemo .v-product-info-thumbnail-centre-box {
    position: relative;
    width: 100%;
    height: 100px;
    zzbackground-color: #ff0
}

.v-config-flooringdirectdemo .v-product-info-thumbnail {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.v-config-flooringdirectdemo .v-product-info-column {
    margin-top: 5px;
    height: 80px;
    text-align: left;
    zzbackground-color: red
}

.v-config-flooringdirectdemo .v-product-info-entry {
    margin-top: 5px;
    zzbackground-color: green
}

.v-config-flooringdirectdemo .v-product-info-details-title-text {
    font-size: 14px;
    font-weight: 700
}

.v-config-flooringdirectdemo .v-product-info-details-sub-title {
    font-size: 12px;
    margin-top: 6px;
    zzbackground-color: #ff0
}

.v-config-flooringdirectdemo .v-product-info-details-text {
    font-size: 12px;
    padding-left: 3px;
    zzbackground-color: #0ff
}

.v-config-flooringdirectdemo .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-flooringdirectdemo .v-add-to-favourites-button button {
        color: #CD002C
    }

.v-config-flooringdirectdemo .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-flooringdirectdemo .v-delete-from-favourites-button button {
        color: #CD002C
    }

.v-config-flooringdirectdemo .v-product-info-details-help {
    margin-top: 45px
}

.v-config-flooringdirectdemo .v-newdemo1-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #CD002C;
    pointer-events: none
}

.v-config-flooringdirectdemo .v-print-tile-thumbnail-container {
    height: 205px
}

.v-config-flooringdirectdemo .zzv-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-config-flooringdirectdemo .v-print-tile-thumbnail-text {
    line-height: 130%
}

.v-config-flooringdirectdemo .v-actions-popup .v-grout-thumbnail-container {
    height: auto
}

.v-config-flooringdirectdemo .v-grout-thumbnail-text {
    position: absolute;
    margin-left: 50px !important;
    margin-top: -39px !important;
    font-size: 14px !important;
    pointer-events: none
}

.v-config-flooringdirectdemo .v-product-thumbnail-container {
    height: 159px;
    zzbackground-color: #ff0
}

.v-config-flooringdirectdemo .v-target-area {
    width: 30px;
    height: 30px
}

    .v-config-flooringdirectdemo .v-target-area.v-single-tile-target-area {
        width: 24px;
        height: 24px;
        margin-left: -12px;
        margin-top: -12px
    }

.v-config-flooringdirectdemo .v-floor-and-decor-target-area {
    width: 60px;
    height: 60px
}

.v-config-flooringdirectdemo .v-product-info-buttons span {
    margin-left: 10px
}

.v-config-flooringdirectdemo .v-product-info-buttons span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px
}

.v-config-flooringdirectdemo .v-product-info-buttons button {
    width: 150px;
    height: 31px
}

.v-config-flooringdirectdemo .decosaz-logo-with-graphic-and-specifix {
    position: absolute;
    width: 135px;
    height: 25px;
    zzleft: 0;
    zzright: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    zzbackground-color: green
}

.v-config-newdemo1 .v-show-filters-button1 button, .v-config-newdemo1 .v-show-filters-button2 button, .v-config-newdemo1 .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-newdemo1 .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-newdemo1 .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-newdemo1 .v-main-logo {
    margin-left: 3px;
    margin-top: 3px;
    height: 44px
}

.v-config-newdemo1 .v-config-selection-thumbnail-border.v-active {
    border-color: #CD002C !important
}

.v-config-newdemo1 .v-actions-popup-tabs li a {
    padding-left: 10px;
    padding-right: 10px
}

.v-config-newdemo1 .v-product-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-filters-container {
    top: 229px
}

.v-config-newdemo1 .v-paint-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-worktop-colours-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-cabinet-colours-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-grout-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-tools-container {
    top: 229px
}

.v-config-newdemo1 .v-patterns-thumbnails-container {
    top: 229px
}

.v-config-newdemo1 .v-newdemo1-product-info-container {
    display: block;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 125px;
    margin-bottom: 10px
}

.v-config-newdemo1 .v-product-info-thumbnail-centre-box {
    position: relative;
    width: 100%;
    height: 100px;
    zzbackground-color: #ff0
}

.v-config-newdemo1 .v-product-info-thumbnail {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.v-config-newdemo1 .v-product-info-column {
    margin-top: 5px;
    height: 80px;
    text-align: left;
    zzbackground-color: red
}

.v-config-newdemo1 .v-product-info-entry {
    margin-top: 5px;
    zzbackground-color: green
}

.v-config-newdemo1 .v-product-info-details-title-text {
    font-size: 14px;
    font-weight: 700
}

.v-config-newdemo1 .v-product-info-details-sub-title {
    font-size: 12px;
    margin-top: 6px;
    zzbackground-color: #ff0
}

.v-config-newdemo1 .v-product-info-details-text {
    font-size: 12px;
    padding-left: 3px;
    zzbackground-color: #0ff
}

.v-config-newdemo1 .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-newdemo1 .v-add-to-favourites-button button {
        color: #CD002C
    }

.v-config-newdemo1 .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-newdemo1 .v-delete-from-favourites-button button {
        color: #CD002C
    }

.v-config-newdemo1 .v-product-info-details-help {
    margin-top: 45px
}

.v-config-newdemo1 .v-newdemo1-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #CD002C;
    pointer-events: none
}

.v-config-newdemo1 .v-print-tile-thumbnail-container {
    height: 205px
}

.v-config-newdemo1 .zzv-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-config-newdemo1 .v-print-tile-thumbnail-text {
    line-height: 130%
}

.v-config-newdemo1 .v-actions-popup .v-grout-thumbnail-container {
    height: auto
}

.v-config-newdemo1 .v-grout-thumbnail-text {
    zposition: absolute;
    zmargin-left: 50px !important;
    zmargin-top: -39px !important;
    zfont-size: 14px !important;
    zpointer-events: none
}

.v-config-newdemo1 .v-product-thumbnail-container {
    height: 159px;
    zzbackground-color: #ff0
}

.v-config-newdemo1 .v-target-area {
    width: 30px;
    height: 30px
}

    .v-config-newdemo1 .v-target-area.v-single-tile-target-area {
        width: 24px;
        height: 24px;
        margin-left: -12px;
        margin-top: -12px
    }

.v-config-newdemo1 .v-floor-and-decor-target-area {
    width: 60px;
    height: 60px
}

.v-config-newdemo1 .v-product-info-buttons span {
    margin-left: 10px
}

.v-config-newdemo1 .v-product-info-buttons span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px
}

.v-config-newdemo1 .v-product-info-buttons button {
    width: 150px;
    height: 31px
}

.v-config-newdemo1 .decosaz-logo-with-graphic-and-specifix {
    position: absolute;
    width: 135px;
    height: 25px;
    zzleft: 0;
    zzright: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    zzbackground-color: green
}

.v-config-texturetesttool .v-show-filters-button1 button, .v-config-texturetesttool .v-show-filters-button2 button, .v-config-texturetesttool .v-show-filters-button2b button {
    background-color: #CD002C;
    color: #fff
}

.v-config-texturetesttool .v-icon-button.v-active {
    background-color: #FEA992
}

    .v-config-texturetesttool .v-icon-button.v-active:not(.v-disable-touch-button-hover):hover {
        background-color: #B44000
    }

.v-config-texturetesttool .v-main-logo {
    margin-left: 3px;
    margin-top: 3px;
    height: 44px
}

.v-config-texturetesttool .v-config-selection-thumbnail-border.v-active {
    border-color: #CD002C !important
}

.v-config-texturetesttool .v-actions-popup-tabs li a {
    padding-left: 10px;
    padding-right: 10px
}

.v-config-texturetesttool .v-product-thumbnails-container {
    top: 229px
}

.v-config-texturetesttool .v-filters-container {
    top: 229px
}

.v-config-texturetesttool .v-paint-thumbnails-container {
    top: 229px
}

.v-config-texturetesttool .v-worktop-colours-thumbnails-container {
    top: 229px
}

.v-config-texturetesttool .v-cabinet-colours-thumbnails-container {
    top: 229px
}

.v-config-texturetesttool .v-grout-thumbnails-container {
    top: 229px
}

.v-config-texturetesttool .v-tools-container {
    top: 229px
}

.v-config-texturetesttool .v-patterns-thumbnails-container {
    top: 229px
}

.v-config-texturetesttool .v-newdemo1-product-info-container {
    display: block;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 125px;
    margin-bottom: 10px
}

.v-config-texturetesttool .v-product-info-thumbnail-centre-box {
    position: relative;
    width: 100%;
    height: 100px;
    zzbackground-color: #ff0
}

.v-config-texturetesttool .v-product-info-thumbnail {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.v-config-texturetesttool .v-product-info-column {
    margin-top: 5px;
    height: 80px;
    text-align: left;
    zzbackground-color: red
}

.v-config-texturetesttool .v-product-info-entry {
    margin-top: 5px;
    zzbackground-color: green
}

.v-config-texturetesttool .v-product-info-details-title-text {
    font-size: 14px;
    font-weight: 700
}

.v-config-texturetesttool .v-product-info-details-sub-title {
    font-size: 12px;
    margin-top: 6px;
    zzbackground-color: #ff0
}

.v-config-texturetesttool .v-product-info-details-text {
    font-size: 12px;
    padding-left: 3px;
    zzbackground-color: #0ff
}

.v-config-texturetesttool .v-add-to-favourites-button {
    margin-top: 25px;
    color: red
}

    .v-config-texturetesttool .v-add-to-favourites-button button {
        color: #CD002C
    }

.v-config-texturetesttool .v-delete-from-favourites-button {
    margin-top: 25px
}

    .v-config-texturetesttool .v-delete-from-favourites-button button {
        color: #CD002C
    }

.v-config-texturetesttool .v-product-info-details-help {
    margin-top: 45px
}

.v-config-texturetesttool .v-newdemo1-product-info-container i {
    position: absolute;
    left: 57px;
    top: 58px;
    color: #CD002C;
    pointer-events: none
}

.v-config-texturetesttool .v-print-tile-thumbnail-container {
    height: 205px
}

.v-config-texturetesttool .zzv-print-tile-thumbnail {
    max-width: 72%;
    max-height: 72%
}

.v-config-texturetesttool .v-print-tile-thumbnail-text {
    line-height: 130%
}

.v-config-texturetesttool .v-actions-popup .v-grout-thumbnail-container {
    height: auto
}

.v-config-texturetesttool .v-grout-thumbnail-text {
    zposition: absolute;
    zmargin-left: 50px !important;
    zmargin-top: -39px !important;
    zfont-size: 14px !important;
    zpointer-events: none
}

.v-config-texturetesttool .v-product-thumbnail-container {
    height: 159px;
    zzbackground-color: #ff0
}

.v-config-texturetesttool .v-target-area {
    width: 30px;
    height: 30px
}

    .v-config-texturetesttool .v-target-area.v-single-tile-target-area {
        width: 24px;
        height: 24px;
        margin-left: -12px;
        margin-top: -12px
    }

.v-config-texturetesttool .v-floor-and-decor-target-area {
    width: 60px;
    height: 60px
}

.v-config-texturetesttool .v-product-info-buttons span {
    margin-left: 10px
}

.v-config-texturetesttool .v-product-info-buttons span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px
}

.v-config-texturetesttool .v-product-info-buttons button {
    width: 150px;
    height: 31px
}

.v-config-texturetesttool .decosaz-logo-with-graphic-and-specifix {
    position: absolute;
    width: 135px;
    height: 25px;
    zzleft: 0;
    zzright: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "iransans",Trebuchet MS,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    zzbackground-color: green
}