﻿body {
}

.span3 .hasViidit {
    position: relative;
    background: url(img/bg_includes_viidit.png) no-repeat;
    width: 100%;
    margin-top: -10px;
    padding: 3px 0 6px 0;
    font-size: 11px;
    text-align: center;
    left: 0px;
    color: #ffffff;
    float: left;
    position: absolute;
    top: 10px;
    text-align: center;
}

.freeShipping {
    background-color: #D10031;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
}

.link {
    color: #E96C3A;
    cursor: pointer;
}

/* Product Zoom
-----------------------------------------------------------------------------*/
#productZoom {
    background: #ffffff url(img/product_summary_bg.jpg) repeat-x left bottom;
    position: absolute;
    width: 650px;
    height: 460px;
    top: 0px;
    left: 0px;
    border: solid 1px #757575;
    display: none;
    z-index: 1000;
}

#productZoom-Close {
    background: #999999 url(img/close.png) no-repeat 3px 8px;
    cursor: pointer;
    float: right;
    padding: 0px 5px 2px 16px;
    color: #ffffff;
    font-size: 9px;
    margin: 0px 0px 5px 0px;
}

#productZoom-Prev {
    background: #999999 url(img/arrow-left.png) no-repeat left 9px;
    float: left;
    padding: 5px 10px 5px 20px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

#productZoom-Next {
    background: #999999 url(img/arrow-right.png) no-repeat right 9px;
    float: right;
    padding: 5px 20px 5px 10px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

#productZoom-Content {
    clear: both;
}

#productZoom .loading {
    background: url(img/ajax-loader.gif) no-repeat center bottom;
    padding-top: 200px;
}

.productZoomC {
    padding: 0px 20px 0px 20px;
}

    .productZoomC .image {
        float: left;
        width: 300px;
        height: 400px;
        background: url(img/ajax-loader2.gif) no-repeat center center;
    }

    .productZoomC .separator {
        float: left;
        border-right: dashed 1px #757575;
        width: 20px;
        height: 430px;
    }

    .productZoomC .info {
        float: right;
        width: 270px;
    }

    .productZoomC .infoWrapper {
        height: 300px;
        overflow: hidden;
    }

    .productZoomC .name {
        font-weight: bold;
        overflow: hidden;
    }

    .productZoomC .description {
        font-size: 11px;
    }

    .productZoomC .price {
        background-color: #4c4c4c;
        color: #ffffff;
        font-weight: bold;
        padding: 8px 8px 8px 8px;
        margin: 0px 0px 5px 0px;
    }

    .productZoomC .addtocart {
        height: 40px;
    }

        .productZoomC .addtocart a {
            background: url(img/cart.png) no-repeat;
            color: #ff6600;
            font-weight: bold;
            padding: 5px 0px 10px 33px;
            display: inline-block;
        }
/* PRODUCT DETAIL
-----------------------------------------------------------------------------*/

.pdOption-CustomImgItemWrapper {
    float: left;
    border: 1px solid #ccc;
    margin: 0px 10px 10px 0px;
}

.pdOption-CustomImgItem {
    width: 90px;
}

.pdOption-CustomImgImage {
    height: 90px;
    overflow: hidden;
}

.pdOption-CustomImgTitle {
    font-size: 10px;
    padding: 2px 4px 2px 2px;
    background-color: #e9e9e9;
}

    .pdOption-CustomImgTitle a {
        float: right;
    }

.pdOption-CustomImgForm {
    display: block;
    float: left;
    font-size: 11px;
    margin-right: 22px;
    width: 180px;
}

.pdOption-CustomImgPreview {
    display: block;
    float: left;
    margin-right: 20px;
}

#pdOption-CustomImgFormTitle {
    height: 24px;
    font-weight: bold;
    text-align: center;
    padding: 6px 0px 0px 0px;
    background-color: #e9e9e9;
    font-size: 14px;
    width: 182px;
}

#pdOption-CustomImgViewer {
    width: 100%;
    height: 130px;
    background: url(img/ajax-loader2.gif) no-repeat center center;
    border: solid 1px #e9e9e9;
}

.pdOption-CustomImgImage {
    background: url(img/ajax-loader2.gif) no-repeat center center;
}

#customImageEditor-Uploader {
}

.pdOption-CustomTxtForm {
    display: block;
    float: left;
    font-size: 11px;
    margin-right: 22px;
    width: 180px;
}

.pdOption-CustomTxtPreview {
    display: block;
    float: left;
    margin-right: 20px;
}

.pdOption-CustomTxtItemWrapper {
    float: left;
    border: 1px solid #ccc;
    margin: 0px 10px 10px 0px;
}

.pdOption-CustomTxtItem {
    width: 90px;
}

.pdOption-CustomTxtTitle {
    font-size: 10px;
    padding: 2px 4px 2px 2px;
    background-color: #e9e9e9;
}

    .pdOption-CustomTxtTitle a {
        float: right;
    }

.pdOption-CustomTxtPhrase {
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    height: 70px;
}

#btnSaveCustomTxt {
    width: 100%;
    font-size: 12px;
}

/* UPSELL PRODUCT ZOOM
-----------------------------------------------------------------------------*/
#upsellProductZoom {
    background: #ffffff url(img/product_summary_bg.jpg) repeat-x left bottom;
    position: absolute;
    width: 340px;
    height: 460px;
    top: 0px;
    left: 0px;
    border: solid 1px #757575;
    display: none;
    z-index: 1000;
}

#upsellProductZoom-Close {
    background: #999999 url(img/close.png) no-repeat 3px 3px;
    cursor: pointer;
    float: right;
    padding: 0px 5px 2px 16px;
    color: #ffffff;
    font-size: 9px;
    margin: 0px 0px 5px 0px;
}

#upsellProductZoom-Prev {
    background: #999999 url(img/arrow-left.png) no-repeat left 5px;
    float: left;
    padding: 5px 10px 5px 20px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

#upsellProductZoom-Next {
    background: #999999 url(img/arrow-right.png) no-repeat right 5px;
    float: right;
    padding: 5px 20px 5px 10px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

#upsellProductZoom-Content {
    clear: both;
}

#upsellProductZoom .loading {
    background: url(img/ajax-loader.gif) no-repeat center bottom;
    padding-top: 200px;
}

.upsellProductZoomC {
    padding: 15px 20px 0px 20px;
}

    .upsellProductZoomC .image {
        width: 300px;
        height: 320px;
        overflow: hidden;
        background: url(img/ajax-loader2.gif) no-repeat center center;
    }

    .upsellProductZoomC .name {
        font-weight: bold;
        overflow: hidden;
        height: 40px;
        text-align: center;
    }

/* UPSELL DIALOG
-----------------------------------------------------------------------------*/
.ui-dialog {
    border: solid 3px #7C016D;
    background-color: #ffffff;
    text-align: left;
}

.ui-dialog-titlebar {
    text-align: center;
    background-color: #7C016D;
    color: #ffffff;
    font-size: 24px;
    padding: 7px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}

.ui-dialog-titlebar-close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 13px;
    color: white;
}

    .ui-dialog-titlebar-close:hover {
        color: white;
    }

.ui-dialog-content {
    padding: 0px 10px 0px 10px;
    overflow: auto;
}

.ui-dialog-buttonpane {
    margin: 0px 0px 0px 0px;
    text-align: center;
}

    .ui-dialog-buttonpane button {
        font-family: Verdana;
        font-weight: bold;
        margin: .5em .4em .5em 0;
        cursor: pointer;
        line-height: 1.4em;
        width: auto;
        overflow: visible;
        color: #ffffff;
        background: #7C016D url(img/arrow_right.png) no-repeat right 8px;
        border: solid 2px #ffffff;
        padding: 5px 30px 5px 20px;
    }

.upsell-ProductWrapper {
    margin: 10px 20px 0px 0px;
}

.upsell-Category {
    padding: 20px 10px 5px 0px;
    font-weight: bold;
    border-bottom: solid 1px #ff6600;
    clear: both;
    margin: 0px 0px 0px 0px;
}

.upsell-Product {
    float: left;
    width: 170px;
}

.upsell-Image {
    height: 120px;
    width: 120px;
    overflow: hidden;
    border: solid 1px #d9d9d9;
}

.upsell-ImageBorder {
    float: left;
}

.upsell-ProductName {
    color: #000000;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    font-size: 11px;
}

.upsell-ProductPrice {
    clear: both;
}

/* Media
-----------------------------------------------------------------------------*/
#mediaMenu {
    padding-top: 10px;
}

.pdFreeShipping {
    color: #fff;
    background: #F23863;
    text-align: center;
    font-weight: bold;
}
