﻿

.vww_skin_mainBox
{
    background-color: #ffffff;
    color: Black;
    font-family: Verdana;
}
.vww_guide_txt
{
    font-family: Comic Sans MS, Verdana;
}

.vwwbl
{
    width: 13px;
    height: 13px;
    background: transparent url('/Net/vww/images/panelBottomLeftStretch.png') no-repeat bottom left;
}

.vwwbm
{
    height: 13px;
    background: transparent url('/Net/vww/images/panelBottomStretch.png') repeat-x bottom;
}

.vwwbr
{
    width: 13px;
    height: 13px;
    background: transparent url('/Net/vww/images/panelBottomRightStretch.png') no-repeat bottom right;
}

.vwwml
{
    width: 13px;
    background: transparent url('/Net/vww/images/panelMidLeftStretch.png') repeat-y left;
}

.vwwmm
{
    background: transparent url('/Net/vww/images/panelMidStretch.png');
}

.vwwmr
{
    width: 13px;
    background: transparent url('/Net/vww/images/panelMidRightStretch.png') repeat-y right;
}


.vwwtl
{
    width: 13px;
    height: 13px;
    background: transparent url('/Net/vww/images/panelTopLeftStretch.png') no-repeat top left;
}

.vwwtm
{
    height: 13px;
    background: transparent url('/Net/vww/images/panelTopStretch.png') repeat-x top;
}

.vwwtr
{
    width: 13px;
    height: 13px;
    background: transparent url('/Net/vww/images/panelTopRightStretch.png') no-repeat top right;
}

/* Buttons */


.button:hover
{
    border: #993399 1px solid;
    background: url('/App_Themes/LoveCity3D/Images/ui-bg_glass_30_bd05a5_1x400.png') 15% 15% repeat-x;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none !important;
}
.button
{
    padding: 5px;    
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 5px;
    display: inline-block;
    border: 1px solid #fff;
    color: #bd05a5;
    text-decoration: underline;
    background: none;
}

.showroom
{
    padding: 12px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #111111;
}

.propNavBar
{
    padding: 5px;
    overflow: hidden;
    margin-bottom: 12px;
    margin-top: 12px;
    font-size: 14px;
    padding: 6px 0px 6px 14px;
    color: white;
    background: #b34da5;
}

a.propNavBarItem
{
    padding-left:10px;
    padding-right:10px;
    float:right;
    cursor:pointer;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    display: block;
    font-size: 12px;
    letter-spacing: 0.07em;
}

    a.propNavBarItem:hover {
        color: papayawhip;
    }

.propItem
{
    /*width: 100%;
    border-collapse: collapse; border-spacing: 0;*/
    vertical-align:top;
    margin-left:3px;
    margin-right:3px;
    margin-top:4px;
    margin-bottom:4px;
    display:inline-block;
    font-size:12px;
    padding-top:5px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #e7e4d9;
    border-radius:3px;
    /*overflow:hidden; pp dropdown should overflow*/
    width: 444px;
}
    
    .propItem .discountImg {
        width: 40px;
        position: absolute;
        left: 195px;
        top: 5px;
    }

.propNewItemContainer
{
    /*overflow:hidden;*/
    float:right;
}

.propNewItem
{
    margin-top:12px;
    margin-right: 0;
    /*overflow:hidden;*/
    border: none;
    display:block;
    font-size:12px;
    width:728px;
}

    .propNewThumb
    {
        width:350px;
        height:200px;
    }

    .propNewPurchase
    {
        margin-top:15px;
        /*width:400px;*/
        float:right;
        text-align: right;
    }

        .propNewPurchase .btn-group {
            width: 220px;
        }

        .propNewPurchase .propNewPurchaseLabel
        {
            display: inline-block;
            margin-right: 16px;
        }

.cartBtnBox
{
    overflow: hidden;
    margin-top:7px;
    padding-bottom: 1px; /*dashed underline*/
    font-size:11px;
    margin-right: 2px;
}

.cartBtnBoxNew
{
        width: 218px;
        float: right;
}


.giftMember{
    display: none;
    margin-top: 20px;
    /* overflow: hidden; */
    width: 217px;
    /*background: #f0f0f0;*/
    border: 1px solid darkgray;
}

.giftMember>div {
    padding:7px;
}

.giftMember input[type="button"]
{
    width: 90px!important;
    font-weight: normal!important;
    margin-right: 0!important;
    width: 90px!important;
    padding: 1px!important;
    border-radius: 2px!important;
    padding-bottom: 3px!important;
}

.giftPopup
{
    /*font-size: 11px;
    border-radius: 2px;*/
    font-size: 12px;
    border-radius: 2px;
    z-index: 1000 !important;
    /*min-width: 300px;*/
}

    /*ui*/
    .giftPopup .ui-dialog-titlebar-close {
        display: none; /* no titlebar close btn */
    }
    .giftPopup .ui-autocomplete-loading {
        background: white url('/App_Themes/LoveCity3D/Images/ui-anim_basic_16x16.gif') right center no-repeat;
    }
    .giftPopup .ui-state-focus
    {
        color:White;
        background:#96D4FF;
        outline:none;
    }    

    /*.gift-block-info*/
    .giftPopup .gift-block-info span.label {
        color: gray;
        display: inline-block;
        width: 110px;
    }

    .giftPopup .gift-block-info span.value {
        display: inline-block;
    }

    .giftPopup .gift-block-info div.line {
        margin-bottom:5px;
    }

    /*.gift-block-radio*/
    .giftPopup .gift-block-radio {
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 10px;
        /*background: #eeeeee;*/
    }
    .giftPopup .gift-block-radio .gift-block 
    {
        cursor: pointer;
        overflow: hidden;
    }
    .giftPopup .gift-block-radio .gift-block.selected {
        background: #eeeeee;
    }

    .giftPopup .gift-block-radio .radiospan {
        margin: 10px;
    }
    .giftPopup .gift-block-radio .note {
        color:Gray;
        font-size:11px;
        font-weight:normal;
        font-style:normal;
        margin-left: 17px;
    }
    .giftPopup .gift-block-radio .aligner
    {
        margin-left: 17px;
    }
    .giftPopup .gift-block-radio .clothing_gift_member_name 
    {
        /*width: 200px;*/
        width: 100%;
        margin-top: -3px;
        margin-bottom: 5px;
        /*box-sizing:border-box;
        margin-left:17px;*/

    }
    .giftPopup .gift-block-radio input[type='radio'] 
    {
        margin-left: 0px;
    }
    .giftPopup .gift-block-radio .clothing_gift_friends 
    {
        /*width:350px;*/
        /*width: 100%;*/
        max-height: 200px;
        overflow: auto;
        border: 1px solid silver;
        padding: 5px;
        box-sizing:border-box;
        margin-left:17px;
    }
        .giftPopup .gift-block-radio .clothing_gift_friends .no-friends {
            padding-left: 6px;
            color: gray;
        }
    
        .giftPopup .gift-block-radio .clothing_gift_friends .item-container {
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 6px;
            padding-right: 6px;
            display: block;
        }
            .giftPopup .gift-block-radio .clothing_gift_friends .item-container .rb-select {
                vertical-align: middle;
            }
            .giftPopup .gift-block-radio .clothing_gift_friends .item-container .avatar {
                margin-right:3px;float:none;
                vertical-align: middle;
            }
            .giftPopup .gift-block-radio .clothing_gift_friends .item-container .name {
                vertical-align: middle;
            }
            .giftPopup .gift-block-radio .clothing_gift_friends .item-container.selected {
                background: lightslategray;
                color: white;        
            }
    .frame40 {
        border-radius: 50%;
        transition: all 100ms;
    }
    .giftPopup .gift-block-radio .gift-block-separator {
        border-top: 1px solid silver;
    }
    .giftPopup .gift-block-radio .gift-block-1 {
    }
    .giftPopup .gift-block-radio .gift-block-2 {
    }
    .giftPopup .gift-block-radio input[type=radio] {
        cursor: pointer;
        outline: none;
        width: 17px;
        margin-right: 0;
    }

.giftPopupSuccessContent {
    /*background-color: lightgreen;*/
    vertical-align: middle;
    text-align: center;
    /*padding-bottom: 10px!important;*/
}

/* Send gift new */
/*.send-gift .clothing_gift_friends .frame 
{
    display: block;
    text-align :left;
    overflow: hidden;
    border: 1px solid transparent;
    cursor:default;
}
.send-gift .clothing_gift_friends .frame:hover 
{
    border: 1px solid gray;
    cursor:pointer;
}
.send-gift .clothing_gift_friends div.frame.select 
{
    
    background-color: #96D4FF;
}
.send-gift .clothing_gift_friends .member {
    font-weight: bold; display: block; vertical-align: top;
}
.send-gift .clothing_gift_friends img {
    float:left; margin-right:10px; width:50px;height:50px;
}*/
/* Send gift */


a.propCategoryItem {
    text-transform: uppercase;
    margin-bottom:10px;
    display: block;
    color: #535360;
    text-decoration: none;
    letter-spacing: 0.07em;
    font-weight: 500;
}

    .propCategoryItem:hover {
        /*color: #ef06d0;*/
        color:#bd05a5;
    }

.propCategoryContainer {
    float:left;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    background: #e6e6e6;
    width: 170px;
    border-radius: 3px;
    margin-top:12px;
    margin-bottom:12px;
}

.ErrorBlockVWW {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    margin:12px 0;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.propsPager {
    margin-top:1em;
}

span.CurrentPageLabel {
    padding: 3px 8px;
}

a.NextResultSearch {
    padding: 3px 5px;
}

a.title_href {
    color:#434343;
    text-decoration: none;
    outline: none;
}

    a.title_href:hover {
        text-decoration:underline;
    }

.SCSubPanelHeader {
    /*background: #808080; /* modern violet */
    clear:both; /* overcome PropCat+PropItemNew non-overflow div holder */
}

.discountedPrice { /* from select menu */
    text-decoration: line-through;
    color: #a0a0a0;
}

/* Bootstrap select menu */

        .btn-group.open .dropdown-toggle {
            -webkit-box-shadow: none!important;
            box-shadow: none!important;
        }
        .btn:active{
            -webkit-box-shadow: none!important;
            box-shadow: none!important;
            -webkit-transition: none!important;
            transition: none!important;
        }
        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: white!important;
            text-decoration: none!important;
            background-color: #b34da5!important;
        }
        .dropdown-menu > li > a {
            color: #555555!important;
            font-size: 11px!important;
            font-family: Verdana,Arial,sans-serif!important;
            padding: 3px 10px!important;
        }
        .dropdown-toggle {
            color: #555555!important;
            font-size: 11px!important;
            font-family: Verdana,Arial,sans-serif!important;
            padding-top: 5px!important;
            padding-bottom: 5px!important;
        }
        .dropdown-toggle .caret {
            margin-top: 5px;
            float: right;
        }
        .dropdown-toggle .textus {
            float: left;
        }

/* Bootstrap select menu */


.purchasePopup
{
    font-size: 12px;
    border-radius: 2px;
    min-width: 300px;
    z-index: 1000 !important;
}

    .purchasePopup span.label {
        color: gray;
        display: inline-block;
        width: 110px;
    }

    .purchasePopup span.value {
        display: inline-block;
    }

    .purchasePopup div.line {
        margin-bottom:5px;
    }

    .purchasePopup .ui-dialog-titlebar-close {
        display: none; /* no titlebar close btn */
    }

    .purchasePopup .ui-dialog-titlebar {
        display: block!important; /* no titlebar close btn */
    }

.purchasePopupSuccess {
    font-size: 12px;
    border-radius: 2px;
    /*background-color: lightgreen;*/
    vertical-align: middle;
    text-align: center;
    /*padding-bottom: 10px!important;*/
}

    .purchasePopupSuccess .ui-dialog-titlebar-close {
        display: none; /* no titlebar close btn */
    }

    .purchasePopupSuccess .ui-dialog-titlebar {
        display: none!important;
    }

    .purchasePopupSuccess .ui-widget-content {
        padding-bottom: 10px;
    }

.preloader
{
    background: url(/images/preloader.gif)
         no-repeat
         center center;
    /* margin-top: 30px; */
    margin-bottom: 20px;
    /* width: 48px; */
    height: 32px;
    background-size: 32px Auto;
    border: none!important;
    margin-left: 0!important;
}

.page-preloader {
    height: 30px;
}
.page-preloader img {
    display:block;margin-left:auto;margin-right:auto;vertical-align:top;
}

.SCPageTitle {
}

.bc-container {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
}
.bc-container .bc-item {
    display: inline-block;
    position: relative;
    vertical-align:middle;
}
    .bc-container .bc-item:hover {
        text-decoration: underline;
    }

    .bc-container .bc-item a {
        text-decoration: none;
        color: #434343;
        vertical-align: middle;
        font-size: 12px;
    }
.bc-container .bc-item-cat {
    padding-left: 10px;
}
    .bc-container .bc-item-cat:before {
        content: '';
        position: absolute;
        top: 6px;
        left: 2px;
        width: 3px;
        height: 3px;
        background: #999;
        border-radius: 100%;
    }


.prop-search {
    display:inline-block;
    margin-right: 5px;
}
    .prop-search .text {
        border-bottom: 1px solid #cccccc;
        border-top: none;
        border-left: none;
        border-right: none;
        height: 29px;
        font-size: 14px;
        outline-style: none;
        padding: 0;    
        /*display:none;*/
        visibility:hidden;
    }
        .prop-search .text::-ms-clear {
            display: none;
        }
    .prop-search .loupe {
        display: inline-block;
        background-image: url(/images/loupe.png);
        background-size: 100% 100%;
        margin-left: -20px;
        vertical-align: middle;
        height: 24px;
        width: 24px;
        cursor:pointer;
    }

.prop-search-result {
    padding-bottom: 10px;
    padding-top:15px;
}
    .prop-search-result .term {
        font-weight: bold;
    }

.prop-item-holder {
    margin-left:-3px;margin-right:-6px;margin-top:8px;margin-bottom:8px;
}

.prop-item-holder.prop-item-holder-notfound {
    background: none;
    border: 3px solid #e6e6e6;
    padding: 20px 20px;
    text-align: center;
}
