.row-bg-1 {
    background-color: #f9f9f9;
}

.row-bg-2 {
    background-color: #f5f5f5;
}

.row-bg-3 {
    background-color: #f3f3f3;
    border-bottom: 1px solid #ccc;
}

.div-center-1080 {
    width: 1260px;
    margin: auto;
}

.div-drag {
    background: url(../../images/icons/drag-bg.png);
}

.div-drop-shadow {
    padding-top: 1px;
    padding-bottom: 4px;
    background-color: #fafafa;
    box-shadow: 3px 3px 2px #ddd;
}

.div-saving-16x16 {
    padding-left: 20px;
    padding-top: 2px;
    background: url(../../images/icons/dollar-16x16.png) no-repeat center left;
}

.div-category-point {
    padding-left: 12px;
    padding-top: 2px;
    background: url(../../images/icons/gray_arrow.gif) no-repeat center left;
}

.div-content-filter-32x32 {
    padding-left: 35px;
    height: 32px;
    background: url(../../images/icons/filter-32x32.png) no-repeat center left;
}

.div-check-green {
    width: 16px;
    height: 16px;
    background: url(../../images/icons/check-16x16-green.png) no-repeat center center;
}

.div-check-gray {
    width: 16px;
    height: 16px;
    background: url(../../images/icons/check-16x16-gray.png) no-repeat center center;
}

.bg-bar-green {
    height: 16px;
    background: url(../../images/icons/bg-bar-green.gif) center center;
}

.bg-bar-gray {
    height: 16px;
    background: url(../../images/icons/bg-bar-gray.gif) center center;
}

.div-add-item {
    padding-left: 20px;
    padding-top: 2px;
    background: url(../../images/icons/add-16x16.png) no-repeat center left;
}

.div-header2 {
    color: #222;
    background: #ffffff;
    font: 10px verdana;
    font-weight: bold;
    border: 1px dashed #aaa;
    padding: 6px;
    text-align: center;
}

.main-menu-box {
    border: 1px solid #eee;
    background-color: #fafafa;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 4px;
}

.main-menu-box-active {
    border: 1px solid #eee;
    background-color: #fafafa;
    padding: 8px;
}

.main-menu-box-orange {
    border-top: 2px solid #444;
    border-radius: 10px 10px 0 0;
    margin-right: 2px;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 1px;
    background: url(/rental/images/site/orange-bar.png);
}

    .main-menu-box-orange:hover, .main-menu-box-orange-active {
        border-top: 2px solid #333;
        border-radius: 10px 10px 0 0;
        margin-right: 2px;
        padding-right: 2px;
        padding-top: 4px;
        padding-bottom: 1px;
        background: url(/rental/images/site/orange-bar-active.png);
    }

.content-box-white {
    border: 1px solid #eee;
    background-color: #fff;
    padding: 8px;
}

.content-box {
    border: 1px solid #eee;
    background-color: #fafafa;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 4px;
}

.page-box-active {
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid #ccc;
    font-size: 19px;
    font-weight: bold;
    color: #666;
    padding: 3px;
    line-height: 100%;
    background-color: #ddd;
}

.page-box-inactive {
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid #ccc;
    font-size: 19px;
    font-weight: bold;
    color: #999;
    padding: 3px;
    line-height: 100%;
    background-color: #fafafa;
    cursor: pointer;
}

    .page-box-inactive:hover {
        margin-left: 2px;
        margin-right: 2px;
        border: 1px solid #ccc;
        font-size: 19px;
        font-weight: bold;
        color: #777;
        padding: 3px;
        line-height: 100%;
        background-color: #ececec;
        cursor: pointer;
    }

.content-box-white {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #fff;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 4px;
}

.content-box-shadow {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background-color: #fafafa;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 4px;
    box-shadow: 3px 3px 2px #ddd;
}

    .content-box-shadow:hover {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        background-color: #f4f4f4;
        padding-right: 2px;
        padding-top: 2px;
        padding-bottom: 4px;
        box-shadow: 3px 3px 2px #ddd;
    }

.content-box-shadow-right {
    border: 1px solid #eee;
    background-color: #fafafa;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 4px;
}

.content-arrow-16 {
    width: 10px;
    height: 12px;
    background: url(../../images/icons/arrow_lightgray_10x10.png) no-repeat center right;
}

.content-grid-4 {
    width: 16px;
    height: 16px;
    background: url(../../images/shop/gridView4.png) no-repeat center center;
}

.content-grid-8 {
    width: 16px;
    height: 16px;
    background: url(../../images/shop/grid_view.gif) no-repeat center center;
}

.div-box-package-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/package-48x48.png) no-repeat center center;
    cursor: pointer;
}

.content-grid-4-32x32 {
    width: 32px;
    height: 32px;
    background: url(../../images/icons/grid-4-32x32.png) no-repeat center center;
    cursor: pointer;
}

.content-grid-9-32x32 {
    width: 32px;
    height: 32px;
    background: url(../../images/icons/grid-9-32x32.png) no-repeat center center;
    cursor: pointer;
}

.content-grid-12-32x32 {
    width: 32px;
    height: 32px;
    background: url(../../images/icons/grid-12-32x32.png) no-repeat center center;
    cursor: pointer;
}

.content-grid-100-32x32 {
    width: 32px;
    height: 32px;
    background: url(../../images/icons/grid-100-32x32.png) no-repeat center center;
    cursor: pointer;
}

.content-grid-4-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/grid-4-48x48.png) no-repeat center center;
    cursor: pointer;
}

.content-grid-9-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/grid-9-48x48.png) no-repeat center center;
    cursor: pointer;
}

.content-grid-12-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/grid-12-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-view-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/view-48x48.png) no-repeat center center;
}

.content-grid-100-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/grid-100-48x48.png) no-repeat center center;
    cursor: pointer;
}

.content-grid-line {
    width: 16px;
    height: 16px;
    background: url(../../images/shop/list_view.gif) no-repeat center center;
    cursor: pointer;
}

.div-box-prev-35 {
    width: 35px;
    height: 35px;
    background: url(../../images/icons/arrow-prev-35x35.png) no-repeat center center;
}

.div-box-next-35 {
    width: 35px;
    height: 35px;
    background: url(../../images/icons/arrow-next-35x35.png) no-repeat center center;
}

.div-box-view-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/view-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-zoom-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/zoom-48x48.jpg) no-repeat center center;
    cursor: pointer;
}

.div-box-close-silver-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/close-silver-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-admin-tool-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/admin-tool-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-consumer-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/person-white-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-shopping-cart-accept-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/shopping-cart-accept-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-close-black-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/close-black-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-viewfolder-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/folder-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-viewfolder2-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/folder2-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-room-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/room2-48x48.jpg) no-repeat center center;
    cursor: pointer;
}

.div-box-design-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/design-48x48.png) no-repeat center center;
    cursor: pointer;
}

.div-box-search-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/search-48x48.png) no-repeat center center;
    cursor: pointer;
}

.btn-icon-add-cartx-32x32 {
    padding-left: 35px;
    height: 34px;
    background: url(../../images/icons/cart-gray-32x32.png) no-repeat left center;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    padding-top: 0px;
    background-color: #cc6666;
    color: White;
    font-weight: bold;
    border: 1px solid #444;
    cursor: pointer;
}

.btn-icon-add-cartx-24x24 {
    padding-left: 27px;
    height: 26px;
    background: url(../../images/icons/cart-gray-24x24.png) no-repeat left center;
    border-radius: 3px 3px 3px 3px;
    font-size: 11px;
    padding-top: 0px;
    background-color: #cc6666;
    color: White;
    font-weight: bold;
    border: 1px solid #444;
    cursor: pointer;
}

.div-icon-cart-gray-48x48 {
    width: 48px;
    height: 48px;
    background: url(../../images/icons/cart-gray-48x48.png) no-repeat center center;
    cursor: pointer;
    text-align: center;
}

.div-icon-cart-gray-32x32 {
    width: 32px;
    height: 32px;
    background: url(../../images/icons/cart-gray-32x32.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-cart-add-24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/cart_add2_24.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-cart-add-32 {
    width: 32px;
    height: 32px;
    background: url(../../images/icons/cart_add2_32.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-cart-gray-24x24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/cart-gray-24x24.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-next-35x35 {
    width: 35px;
    height: 35px;
    background: url(../../images/icons/arrow-next-35x35.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-prev-35x35 {
    width: 35px;
    height: 35px;
    background: url(../../images/icons/arrow-prev-35x35.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-prev-50x50 {
    width: 38px;
    height: 50px;
    background: url(../../images/icons/arrow-prev-50x50.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-prev-gray-50x50 {
    width: 38px;
    height: 50px;
    background: url(/images/icons/arrow-prev-50x50.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-prev-50x50:hover {
    width: 38px;
    height: 50px;
    background: url(../../images/icons/arrow-prev-active-50x50.png) no-repeat center center;
}

.div-icon-next-50x50 {
    width: 38px;
    height: 50px;
    background: url(../../images/icons/arrow-next-50x50.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-next-gray-50x50 {
    width: 38px;
    height: 50px;
    background: url(/images/icons/arrow-next-50x50.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-next-50x50:hover {
    width: 38px;
    height: 50px;
    background: url(../../images/icons/arrow-next-active-50x50.png) no-repeat center center;
}

.div-icon-printer-pdf {
    width: 40px;
    height: 16px;
    background: url(../../images/icons/printer-pdf.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-print-pdf-30 {
    width: 65px;
    height: 48px;
    background: url(../../images/icons/printer-pdf-x30x30.png) no-repeat right center;
    cursor: pointer;
}

.div-icon-edit-24x24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/edit-24x24.gif) no-repeat center center;
    cursor: pointer;
}

.div-icon-delete-24x24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/delete-24x24.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-basket-24x24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/basket-24x24.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-cart-24x24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/cart-24x24.gif) no-repeat center center;
    cursor: pointer;
}

.div-icon-tool-24x24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/tool-24x24.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-view-24x24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/view-24x24.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-pdf-16x16 {
    width: 16px;
    height: 16px;
    background: url(../../images/icons/pdf-16x16.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-pdf-24x24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/pdf-24x24.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-edit-24x24 {
    width: 24px;
    height: 24px;
    background: url(../../images/icons/edit-24x24.png) no-repeat center center;
    cursor: pointer;
}

.div-icon-cart-16x16 {
    width: 16px;
    height: 16px;
    background: url(../../images/icons/cart-16x16.png) no-repeat center center;
    cursor: pointer;
}

/*
input
*/
.input-number {
    text-align: right;
}

.input-number-kiosk {
    text-align: right;
    font-size: 15px;
    padding: 3px;
    font-weight: bold;
}

.f-kiosk {
    font-size: 15px;
    padding: 4px;
}

.input-search-header {
    padding: 4px;
    font-size: 25px;
    font-weight: bold;
}

.input-text-kiosk {
    padding: 4px;
    font-size: 20px;
    font-weight: bold;
}

.input-memo {
    text-align: left;
    vertical-align: top;
}

.order-status-late {
    color: Red;
}

/* others */
.dealer-title-name {
    font-weight: bold;
    font-size: 24px;
    color: #555;
    text-shadow: -1px 0 #ddd, 0 2px #ddd, 1px 0 #ddd, 0 -1px #ddd;
}