#content {
    margin: 0 15px;
}

nav .quick {
    cursor: pointer;
}

#content .callLogin {
    cursor: pointer;
}

#mainpath {
    margin: 0;
}

#contentnav {
    border-bottom: 1px solid #d9d9d9;
    height: 40px;
    position: relative;
}

    #contentnav.fixed {
        background: #f9f9f9;
        box-shadow: 0 15px 25px -4px #fff;
        position: fixed;
        top: 0;
        z-index: 9998;
        margin: 0 -15px;
    }

    #contentnav ul {
        float: right;
        text-align: right;
        position: relative;
    }

    #contentnav.fixed ul {
        margin-right: 15px;
    }

    #contentnav.fixed .leftspace {
        margin-left: 15px;
    }

    #contentnav ul li {
        float: left;
        height: 39px;
        width: 100px;
        display: block;
        position: relative;
        top: 1px;
    }

        #contentnav ul li a {
            height: 40px;
            line-height: 40px;
            text-align: center;
            text-decoration: none;
            width: 100%;
            display: block;
        }

            #contentnav ul li a .border {
                height: 5px;
                width: 100px;
                top: 37px;
                position: absolute;
                display: block;
            }

    #contentnav ul .gs {
        border-bottom: 1px solid #b42d32;
    }

        #contentnav ul .gs a:active {
            color: #b42d32;
        }

        #contentnav ul .gs a:hover {
            color: #b42d32;
        }

            #contentnav ul .gs a:hover .border {
                background-color: #b42d32;
            }

        #contentnav ul .gs .selected {
            color: #b42d32;
        }

            #contentnav ul .gs .selected span {
                background-color: #b42d32;
            }

    #contentnav ul .rp {
        border-bottom: 1px solid #d24b28;
    }

        #contentnav ul .rp a:focus {
            color: #d24b28;
        }

        #contentnav ul .rp a:hover {
            color: #d24b28;
        }

            #contentnav ul .rp a:hover .border {
                background-color: #d24b28;
            }

        #contentnav ul .rp .selected {
            color: #d24b28;
        }

            #contentnav ul .rp .selected span {
                background-color: #d24b28;
            }

    #contentnav ul .ts {
        border-bottom: 1px solid #dca528;
    }

        #contentnav ul .ts a:focus {
            color: #dca528;
        }

        #contentnav ul .ts a:hover {
            color: #dca528;
        }

            #contentnav ul .ts a:hover .border {
                background-color: #dca528;
            }

        #contentnav ul .ts .selected {
            color: #dca528;
        }

            #contentnav ul .ts .selected span {
                background-color: #dca528;
            }

    #contentnav ul .rw {
        border-bottom: 1px solid #a0b40f;
    }

        #contentnav ul .rw a:focus {
            color: #a0b40f;
        }

        #contentnav ul .rw a:hover {
            color: #a0b40f;
        }

            #contentnav ul .rw a:hover .border {
                background-color: #a0b40f;
            }

        #contentnav ul .rw .selected {
            color: #a0b40f;
        }

            #contentnav ul .rw .selected span {
                background-color: #a0b40f;
            }

    #contentnav ul .ur {
        border-bottom: 1px solid #0f91af;
    }

        #contentnav ul .ur a:focus {
            color: #0f91af;
        }

        #contentnav ul .ur a:hover {
            color: #0f91af;
        }

            #contentnav ul .ur a:hover .border {
                background-color: #0f91af;
            }

        #contentnav ul .ur .selected {
            color: #0f91af;
        }

            #contentnav ul .ur .selected span {
                background-color: #0f91af;
            }

    #contentnav ul .uc {
        border-bottom: 1px solid #550fb4;
    }

        #contentnav ul .uc a:focus {
            color: #550fb4;
        }

        #contentnav ul .uc a:hover {
            color: #550fb4;
        }

            #contentnav ul .uc a:hover .border {
                background-color: #550fb4;
            }

        #contentnav ul .uc .selected {
            color: #550fb4;
        }

            #contentnav ul .uc .selected span {
                background-color: #550fb4;
            }

    #contentnav ul .pc {
        border-bottom: 1px solid #aa0fb4;
    }

        #contentnav ul .pc a:focus {
            color: #aa0fb4;
        }

        #contentnav ul .pc a:hover {
            color: #aa0fb4;
        }

            #contentnav ul .pc a:hover .border {
                background-color: #aa0fb4;
            }

        #contentnav ul .pc .selected {
            color: #aa0fb4;
        }

            #contentnav ul .pc .selected span {
                background-color: #aa0fb4;
            }

    #contentnav .scrollarrow {
        width: 20px;
        height: 24px;
        background-image: url("../Image/Public/scrollarrow.png");
        background-repeat: no-repeat;
        background-position: 0 -48px;
        display: block;
        position: absolute;
        left: 0;
        top: 39px;
    }

        #contentnav .scrollarrow.enable {
            background-position: 0 0;
            left: 15px;
        }

            #contentnav .scrollarrow.enable:hover {
                background-position: 0 -24px;
            }

    #contentnav .active {
        background: url("../Image/Public/scrollarrow.png") no-repeat;
    }

#productdetails {
    margin-top: 25px;
}

    #productdetails .text {
        direction: rtl;
        padding: 20px 25px;
        clear: both;
        font-size: 12px;
        text-align: justify;
    }

    #productdetails .container {
        position: relative;
        background: url("../Image/Public/spaceseparator.gif") no-repeat 817px bottom;
        margin-bottom: 15px;
    }

.wmin #productdetails .container {
    background-position: 597px bottom;
}

#productdetails .container .sep {
    float: right;
    width: 1px;
    padding: 0 15px;
    height: 95px;
    background: url("../Image/Public/spaceseparator-top.gif") no-repeat center top;
}

#productdetails .container .gallery {
    float: right;
    width: 327px;
    position: relative;
}

    #productdetails .container .gallery .pimg {
        text-align: center;
        margin-top: 15px;
    }

        #productdetails .container .gallery .pimg img {
            max-width: 280px;
        }

        #productdetails .container .gallery .pimg .offers {
            right: 14px;
            position: absolute;
        }

        #productdetails .container .gallery .pimg .specialoffer {
            top: 50px;
        }

        #productdetails .container .gallery .pimg .amazingoffer {
            top: 73px;
        }

        #productdetails .container .gallery .pimg .auction {
            top: 100px;
        }

    #productdetails .container .gallery .colorList {
        margin: 0 20px;
        height: 23px;
        text-align: right;
    }

        #productdetails .container .gallery .colorList label {
            display: inline-block;
            margin-left: 10px;
        }

        #productdetails .container .gallery .colorList span {
            width: 10px;
            height: 10px;
            display: inline-block;
            border: 1px solid #ccc;
            margin: 6px 0 0 5px;
            background: url("../Image/Public/glass.png") no-repeat 50% 50%;
        }

        #productdetails .container .gallery .colorList .rating {
            float: left;
        }

            #productdetails .container .gallery .colorList .rating .txt {
                direction: rtl;
                float: right;
                margin-left: 60px;
            }

            #productdetails .container .gallery .colorList .rating .gray {
                width: 55px;
                height: 9px;
                background: url("../Image/Public/stars.png") repeat-x 0 -9px;
                position: relative;
                top: 7px;
            }

            #productdetails .container .gallery .colorList .rating .red {
                height: 9px;
                background: url("../Image/Public/stars.png") repeat-x 0 0;
            }

    #productdetails .container .gallery .thumbnails {
        margin-top: 20px;
        position: relative;
        height: 52px;
    }

        #productdetails .container .gallery .thumbnails .rightarrow, #productdetails .container .gallery .thumbnails .leftarrow {
            cursor: pointer;
            display: block;
            float: right;
            font-size: 1px;
            margin: 0;
            width: 8px;
            height: 15px;
        }

        #productdetails .container .gallery .thumbnails .rightarrow {
            background: url("../Image/Public/galleryarrows.png") repeat-x 0 0;
            margin-right: 7.5px;
        }

            #productdetails .container .gallery .thumbnails .rightarrow:hover {
                background: url("../Image/Public/galleryarrows.png") repeat-x 0 -30px;
            }

            #productdetails .container .gallery .thumbnails .rightarrow.disabled {
                background: url("../Image/Public/galleryarrows.png") repeat-x 0 -15px;
                cursor: default;
            }

        #productdetails .container .gallery .thumbnails .leftarrow {
            background: url("../Image/Public/galleryarrows.png") repeat-x -8px 0;
            margin-left: 7.5px;
        }

            #productdetails .container .gallery .thumbnails .leftarrow:hover {
                background: url("../Image/Public/galleryarrows.png") repeat-x -8px -30px;
            }

            #productdetails .container .gallery .thumbnails .leftarrow.disabled {
                background: url("../Image/Public/galleryarrows.png") repeat-x -8px -15px;
                cursor: default;
            }

        #productdetails .container .gallery .thumbnails .scroller {
            float: right;
            height: 70px;
            overflow: hidden;
            position: relative;
        }

            #productdetails .container .gallery .thumbnails .scroller .items {
                width: 20000em;
                position: absolute;
                right: 0;
            }

                #productdetails .container .gallery .thumbnails .scroller .items .productItem {
                    float: right;
                    cursor: pointer;
                    height: 52px;
                    position: relative;
                }

                    #productdetails .container .gallery .thumbnails .scroller .items .productItem img {
                        max-width: 70px;
                        max-height: 52px;
                    }

    #productdetails .container .gallery .videos {
        margin-top: 30px;
        text-align: center;
        height: 77px;
    }

    #productdetails .container .gallery .video {
        width: 133px;
        height: 75px;
        display: inline-block;
        position: relative;
        border: 1px solid #828282;
    }

    #productdetails .container .gallery .second {
        margin-left: 20px;
    }

    #productdetails .container .gallery .play {
        width: 133px;
        height: 75px;
        background: url("../Image/Icon/play.png") no-repeat 50% 50%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #productdetails .container .gallery .social {
        margin-top: 40px;
        text-align: center;
    }

    #productdetails .container .gallery .facilities {
        text-align: center;
    }

        #productdetails .container .gallery .facilities a {
            float: right;
        }

        #productdetails .container .gallery .facilities .addtowishlist {
            width: 165px;
            background: url("../Image/Icon/addtofavorite.png") no-repeat 100% 50%;
            margin: 25px 20px 0 0;
        }

        #productdetails .container .gallery .facilities .sendtofriend {
            width: 126px;
            background: url("../Image/Icon/sendtofriend.jpg") no-repeat 100% 50%;
            margin: 25px 12px 0 0;
        }

#productdetails .container .description {
    margin: 0 358px 0 25px;
    text-align: right;
}

    #productdetails .container .description h1 {
        font-size: 18px;
        direction: rtl;
    }

    #productdetails .container .description h3 {
        direction: rtl;
        display: inline-block;
    }

    #productdetails .container .description .spectbl {
        direction: rtl;
        width: 100%;
    }

        #productdetails .container .description .spectbl th {
            vertical-align: top;
            height: 28px;
            width: 50px;
            text-align: left;
            font-weight: normal;
            padding: 0 0 8px 10px;
            white-space: nowrap;
        }

        #productdetails .container .description .spectbl td {
            vertical-align: top;
            height: 28px;
            padding-bottom: 8px;
        }

            #productdetails .container .description .spectbl td.border {
                height: auto;
            }

                #productdetails .container .description .spectbl td.border div {
                    height: 1px;
                    background-color: #e5e5e5;
                    margin: 5px 5px 5px 15px;
                }

            #productdetails .container .description .spectbl td.nopaddingbottom {
                padding-bottom: 0;
            }

            #productdetails .container .description .spectbl td label {
                padding-right: 3px;
            }

        #productdetails .container .description .spectbl .status > td, #productdetails .container .description .spectbl .status > th {
            padding-top: 15px;
        }

        #productdetails .container .description .spectbl .cartbtn > td {
            padding: 10px 10px 10px 0;
        }

        #productdetails .container .description .spectbl .cartbtn .incredibleoffer {
            vertical-align: top;
            padding-right: 30px;
            background: url("../Image/Icon/incredibleoffer.png") no-repeat 99% 8px;
        }

            #productdetails .container .description .spectbl .cartbtn .incredibleoffer .timer {
                margin-top: 2px;
            }

                #productdetails .container .description .spectbl .cartbtn .incredibleoffer .timer .cntSeparator {
                    color: #2c2c2c;
                    font-family: Times New Roman;
                    font-size: 25px;
                    font-weight: bold;
                    margin: 5px 0 0;
                }

        #productdetails .container .description .spectbl td img, #productdetails .description .spectbl input {
            vertical-align: middle;
        }

        #productdetails .container .description .spectbl td .btn-addtocart {
            margin-left: 35px;
        }

        #productdetails .container .description .spectbl td .sevendays.wrap {
            margin: 10px 5px 0 0;
            display: block;
        }

        #productdetails .container .description .spectbl td .sevendays img {
            margin-left: 5px;
            width: 32px;
            height: 32px;
        }

        #productdetails .container .description .spectbl td .sevendays span {
            font-family: "web_Yekan","B Koodak","X Koodak","Koodak",Arial;
            font-size: 12px;
        }

.wmax #productdetails .container .description .spectbl td .sevendays span {
    margin-left: 25px;
}

.wmin #productdetails .container .description .spectbl td .sevendays span {
    margin-left: 11px;
}

#productdetails .container .description .spectbl .color {
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 1px solid #ccc;
    margin-left: 5px;
    background-image: url("../Image/Public/glass.png");
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    top: 6px;
}

#productdetails .container .description .spectbl .selected {
    border: 2px solid #ed1b2f;
}

#productdetails .container .description .spectbl .gifts {
    padding: 10px 0 0;
}

    #productdetails .container .description .spectbl .gifts td {
        padding-left: 8px;
        vertical-align: middle;
    }

    #productdetails .container .description .spectbl .gifts .gift img {
        width: 70px;
        border: 1px solid #ccc;
    }

#productdetails .container .description .spectbl .listprice {
    font-size: 14px;
    margin-left: 5px;
    text-decoration: line-through;
    float: right;
}

#productdetails .container .description .spectbl .dkprice {
    font-size: 15px;
    margin-left: 5px;
    text-decoration: line-through;
}

#productdetails .container .description .spectbl .finalprice {
    font-size: 20px;
    margin-left: 5px;
    float: right;
}

#productdetails .container .description .spectbl .btn {
    padding: 15px 5px 0 0;
}

#productdetails .container .description .spectbl .ticket {
    background: url("../Image/Icon/ticketbg.gif") repeat-x 0 0;
    height: 23px;
    display: inline-block;
}

    #productdetails .container .description .spectbl .ticket span {
        float: right;
    }

#productdetails .container .description .spectbl .ticketright {
    background: url("../Image/Icon/ticketright.gif") no-repeat 0 0;
    width: 14px;
    height: 23px;
}

#productdetails .container .description .spectbl .ticketcenter {
    height: 23px;
    padding: 0 5px;
    white-space: nowrap;
}

#productdetails .container .description .spectbl .ticketleft {
    background: url("../Image/Icon/ticketleft.gif") no-repeat 0 0;
    width: 3px;
    height: 23px;
}

#productdetails .container .description .spectbl .productcolor td {
    padding-left: 10px;
    min-width: 72px;
    white-space: nowrap;
}

#productdetails .container .description .delivery {
    margin-right: 10px;
}

    #productdetails .container .description .delivery td {
        background: url("../Image/Icon/tick.png") no-repeat 100% 10px;
        vertical-align: middle;
        padding: 0 20px 0 0;
        font-size: 10px;
    }

        #productdetails .container .description .delivery td a {
            color: #3c3c3c!important;
            border: 0;
        }

        #productdetails .container .description .delivery td.first {
            width: 300px;
        }

        #productdetails .container .description .delivery td.last {
            width: 250px;
        }

#productdetails .container .arrow {
    min-height: 430px;
}

#productdetails .specs, #technicalspecs .specs {
    margin: 25px 30px 0;
    direction: rtl;
    font-size: 12px;
}

    #productdetails .specs .title, #technicalspecs .specs .title {
        font-weight: bold;
        color: #09498a;
        padding-left: 3px;
    }

#productdetails .speclogo, #technicalspecs .speclogo {
    margin: 20px 10px 5px 0;
}

    #productdetails .speclogo ul li, #technicalspecs .speclogo ul li {
        display: inline-block;
        margin-left: 20px;
    }

#productdetails .container #ordernow {
    position: absolute;
    left: 0;
    top: 30px;
    width: 230px;
}

    #productdetails .container #ordernow .order {
        padding: 10px;
        border: 1px solid #ccc;
        border-top-width: 2px;
        border-radius: 2px;
        position: relative;
    }

        #productdetails .container #ordernow .order input {
            vertical-align: middle;
        }

        #productdetails .container #ordernow .order label {
            margin-right: 5px;
        }

        #productdetails .container #ordernow .order header .checkouttitle {
            height: 12px;
            right: 76px;
            top: -12px;
            width: 107px;
            position: absolute;
        }

        #productdetails .container #ordernow .order table {
            width: 100%;
        }

            #productdetails .container #ordernow .order table.white {
                width: 100%;
                background-color: #828282;
            }

                #productdetails .container #ordernow .order table.white td {
                    padding: 0 10px 3px;
                }

            #productdetails .container #ordernow .order table td.first {
                padding-top: 10px;
            }

            #productdetails .container #ordernow .order table td.last {
                padding-bottom: 10px;
            }

            #productdetails .container #ordernow .order table td.sum span {
                background-color: #fff;
                border-radius: 5px;
                padding: 0 6px;
                line-height: 20px;
                color: #3c3c3c;
                display: inline-block;
            }

            #productdetails .container #ordernow .order table td.lft {
                text-align: left;
            }

        #productdetails .container #ordernow .order .rtl div {
            margin-top: 5px;
        }

        #productdetails .container #ordernow .order .rtl .vsep {
            border-top: 1px dashed #828282;
            margin-top: 5px;
            padding-bottom: 5px;
        }

        #productdetails .container #ordernow .order .rtl .center {
            margin-top: 10px;
            line-height: 8px;
        }

        #productdetails .container #ordernow .order .total {
            background-color: #64a000;
            border-radius: 5px;
            padding: 0 5px;
            height: 22px;
            color: #fff;
            display: block;
        }

        #productdetails .container #ordernow .order .notebox {
            direction: rtl;
            padding: 5px 5px 0;
        }

        #productdetails .container #ordernow .order .note {
            color: #0f91af;
            font-size: 8pt;
            font-weight: bold;
            text-decoration: none;
        }

#productdetails .container .options {
    text-align: center;
}

#productdetails .container .like {
    width: 66px;
    height: 30px;
    background: url("../Image/Btn/like.gif") no-repeat;
    margin: 10px 0 0 5px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    #productdetails .container .like:hover, #productdetails .container .selected {
        background-position: 0 -30px;
    }

    #productdetails .container .like .num {
        position: absolute;
        top: 3px;
        left: 0;
        font-size: 14px;
        width: 32px;
        text-align: center;
        font-weight: bold;
    }

#productdetails .container .notification {
    margin: 10px 5px 0 0;
    display: inline-block;
}

#productdetails .container .imagecompare {
    position: absolute;
    top: 55px;
    left: 20px;
}

#lightbox {
    position: fixed;
    top: 50%;
    left: 50%;
    color: #333;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 10px 0 10px;
    z-index: 10000;
    display: none;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

    #lightbox .inner-box {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #lightbox .content {
        z-index: 1;
    }

        #lightbox .content img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            border: 0;
        }

    #lightbox .cpanel {
        position: relative;
        width: 100%;
        height: 30px;
        overflow: hidden;
        display: none;
    }

    #lightbox #close-btn {
        position: relative;
        width: 26px;
        height: 30px;
        cursor: pointer;
        float: right;
        background: url('../Image/Icon/lightboxicons.png') -54px 0 no-repeat;
        z-index: 2;
    }

    #lightbox #play-btn {
        position: relative;
        width: 26px;
        height: 30px;
        cursor: pointer;
        float: left;
        background: url('../Image/Icon/lightboxicons.png') 0 -30px no-repeat;
        z-index: 2;
    }

        #lightbox #play-btn.pause {
            background-position: -30px -30px;
        }

    #lightbox #info {
        position: absolute;
        width: 100%;
        color: #222;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        z-index: 0;
        text-align: center;
        direction: rtl;
    }

    #lightbox #back-btn, #lightbox #fwd-btn {
        position: absolute;
        width: 20px;
        height: 70px;
        top: 50%;
        margin-top: -35px;
        cursor: pointer;
    }

    #lightbox #back-btn {
        left: 0;
        margin-left: -20px;
        background: rgba(0,0,0,.75) url('../Image/Icon/d_arrows.png') 0 center no-repeat;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    #lightbox #fwd-btn {
        left: 100%;
        background: rgba(0,0,0,.75) url('../Image/Icon/d_arrows.png') -20px center no-repeat;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    #lightbox .btn-panel {
        background: url('../Image/Icon/spacer.png') no-repeat;
        position: relative;
        float: left;
        width: 50%;
        height: 0;
        z-index: 3;
        cursor: pointer;
    }

    #lightbox .timer {
        position: absolute;
        left: 10px;
        background-color: rgba(0,0,0,.75);
        filter: alpha(opacity=50);
        opacity: .5;
        width: 0;
        height: 5px;
        z-index: 2;
        visibility: hidden;
        font-size: 0;
    }

    #lightbox .carouselContainer {
        height: 62px;
        margin: 0;
        width: 100%;
        z-index: 10;
    }

        #lightbox .carouselContainer .carouselBtn {
            background: #333;
            bottom: 0;
            color: #fff;
            opacity: .99;
            cursor: pointer;
            font-size: 13px;
            height: 20px;
            padding: 0 10px;
            position: absolute;
            right: 30px;
            text-align: center;
            line-height: 14px;
            z-index: 3;
            border-radius: 0 0 5px 5px;
        }

        #lightbox .carouselContainer .carousel {
            background: #333;
            color: #fff;
            height: 62px;
            left: 0;
            margin: 0;
            overflow: hidden;
            position: relative;
            text-indent: 0;
            top: 0;
            width: 100%;
        }

            #lightbox .carouselContainer .carousel .carouselWrapper {
                height: 42px;
                left: 0;
                overflow: hidden;
                position: absolute;
                top: 10px;
                width: 100%;
            }

                #lightbox .carouselContainer .carousel .carouselWrapper .carouselInner {
                    position: relative;
                }

                    #lightbox .carouselContainer .carousel .carouselWrapper .carouselInner .thumbnail {
                        background: #000;
                        border: 1px solid #fff;
                        cursor: pointer;
                        float: left;
                        height: 38px;
                        margin-left: 10px;
                        padding: 1px;
                        opacity: .2;
                    }

                        #lightbox .carouselContainer .carousel .carouselWrapper .carouselInner .thumbnail img {
                            max-height: 38px;
                            max-width: 56px;
                        }

    #lightbox .desc {
        position: absolute;
        left: 0;
        color: #fff;
        font-size: 13px;
        text-align: left;
        width: 100%;
        z-index: 4;
        overflow: hidden;
        display: none;
    }

    #lightbox .desc {
        direction: rtl;
        text-align: right;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
        background-color: rgba(0,0,0,.75);
    }

    #lightbox .inner-text {
        padding: 5px;
        color: #fff;
    }

        #lightbox .inner-text span {
            font-weight: bold;
        }

    #lightbox .preloader {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -16px;
        margin-top: -16px;
        width: 32px;
        height: 32px;
        background: url('../Image/Icon/loader.gif') center no-repeat;
        z-index: 2;
        display: none;
    }

#galleryoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: #000;
    z-index: 9999;
    display: none;
}

.hide-selects {
    visibility: hidden;
}

#dynamicBundle {
    margin: 25px auto 0;
    width: 950px;
    position: relative;
    border: 1px solid #ccc;
    border-top-width: 2px;
    border-radius: 2px;
}

    #dynamicBundle header img {
        right: 10px;
        top: -9px;
        position: absolute;
    }

    #dynamicBundle #bundle {
        width: 98%;
        margin: 15px 10px;
        direction: rtl;
    }

    #dynamicBundle #suggestions {
        padding: 0;
        height: 140px;
        width: 98%;
        margin: 0 auto;
    }

    #dynamicBundle .product {
        width: 130px;
        border: 3px solid #78ae00;
        text-align: center;
        line-height: 15px;
    }

        #dynamicBundle .product p {
            margin: 0 auto;
            width: 120px;
        }

        #dynamicBundle .product img {
            max-width: 90px;
            max-height: 90px;
        }

    #dynamicBundle #suggestions .rightarrow, #dynamicBundle #suggestions .leftarrow {
        cursor: pointer;
        display: block;
        float: right;
        font-size: 1px;
        margin: 50px 0;
        width: 13px;
        height: 27px;
    }

    #dynamicBundle #suggestions .rightarrow {
        background: url("../Image/Public/relatedproductsarrows.png") repeat-x 0 0;
        margin-right: 5px;
    }

        #dynamicBundle #suggestions .rightarrow:hover {
            background: url("../Image/Public/relatedproductsarrows.png") repeat-x 0 -54px;
        }

        #dynamicBundle #suggestions .rightarrow.disabled {
            background: url("../Image/Public/relatedproductsarrows.png") repeat-x 0 -27px;
            cursor: default;
        }

    #dynamicBundle #suggestions .leftarrow {
        background: url("../Image/Public/relatedproductsarrows.png") repeat-x -13px 0;
        margin-left: 5px;
    }

        #dynamicBundle #suggestions .leftarrow:hover {
            background: url("../Image/Public/relatedproductsarrows.png") repeat-x -13px -54px;
        }

        #dynamicBundle #suggestions .leftarrow.disabled {
            background: url("../Image/Public/relatedproductsarrows.png") repeat-x -13px -27px;
            cursor: default;
        }

    #dynamicBundle #suggestions .scroller {
        float: right;
        height: 120px;
        overflow: hidden;
        position: relative;
        margin-top: 7px;
    }

        #dynamicBundle #suggestions .scroller .items {
            width: 20000em;
            position: absolute;
            right: 0;
        }

            #dynamicBundle #suggestions .scroller .items .productItem {
                float: right;
                height: 130px;
                background: url("../Image/Public/verticalseparator.png") no-repeat left;
                position: relative;
                vertical-align: top;
                text-align: center;
                line-height: 13px;
            }

                #dynamicBundle #suggestions .scroller .items .productItem img {
                    max-height: 74px;
                    max-width: 90px;
                }

                #dynamicBundle #suggestions .scroller .items .productItem p {
                    margin: 0 auto;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 90%;
                    line-height: 16px;
                }

    #dynamicBundle .plus {
        padding: 0 8px;
        width: 25px;
        text-align: center;
    }

    #dynamicBundle .bundles ul li {
        width: 130px;
        height: 145px;
        float: right;
        margin-left: 7px;
    }

    #dynamicBundle .bundles .item {
        border: 1px solid #ccc;
        position: relative;
        line-height: 15px;
        text-align: center;
    }

        #dynamicBundle .bundles .item p, #dynamicBundle .cat span {
            margin: 0 auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 90%;
            line-height: 16px;
        }

        #dynamicBundle .bundles .item img {
            margin: 10px 5px 10px 0;
        }

    #dynamicBundle .bundles ul li.empty {
        border: 1px dashed #ccc;
    }

    #dynamicBundle .bundles .del {
        width: 15px;
        height: 15px;
        background: url(../Image/Icon/deletebundle.gif) no-repeat 0 0;
        position: absolute;
        right: -5px;
        top: -6px;
        cursor: pointer;
        z-index: 1000;
    }

    #dynamicBundle .bundles .cat {
        margin: 0 auto;
        position: absolute;
        top: -13px;
        text-align: center;
        display: block;
        width: 100%;
    }

        #dynamicBundle .bundles .cat span {
            padding: 0 2px;
            background: #fff;
            width: auto;
            max-width: 77%;
            line-height: inherit;
        }

    #dynamicBundle .bundles .down {
        position: absolute;
        left: 0;
        top: 140px;
        cursor: pointer;
        height: 15px;
        top: 135px;
        width: 128px;
    }

        #dynamicBundle .bundles .down span {
            width: 15px;
            height: 8px;
            background-image: url(../Image/Public/bundlearrows.gif);
            background-repeat: no-repeat;
            background-position: -1px 0;
            display: block;
            margin: 5px 56.5px 0 0;
        }

            #dynamicBundle .bundles .down span.selected {
                background-position: -1px -9px;
            }

    #dynamicBundle .bundles .loader {
        width: 18px;
        height: 16px;
        background: #fff url(../Image/Public/smallloader.gif) no-repeat 50% 50%;
        position: absolute;
        left: 45%;
        top: 137px;
    }

    #dynamicBundle .bundles ul li:last-child {
        margin-left: 0;
    }

    #dynamicBundle .bundles ul li .option {
        margin: 15% auto 0;
        border: 1px dashed #ddd;
        width: 90px;
    }

    #dynamicBundle .bundles select {
        background: transparent;
        border: 0;
        color: #fff;
        font: normal 12px tahoma;
        padding: 3px;
        width: 90px;
        color: #333;
    }

    #dynamicBundle .bundles .btn {
        background: url(../Image/Icon/addremovebundle.gif) no-repeat -36px 0;
        width: 36px;
        height: 36px;
        margin: 55px auto 0;
        cursor: pointer;
    }

        #dynamicBundle .bundles .btn:hover {
            background: url(../Image/Icon/addremovebundle.gif) no-repeat 0 0;
        }

    #dynamicBundle .bundles .btns {
        background: url(../Image/Icon/addremovebundle.gif) no-repeat -36px -36px;
        width: 36px;
        height: 36px;
        margin: 55px auto 0;
        cursor: pointer;
    }

        #dynamicBundle .bundles .btns:hover {
            background: url(../Image/Icon/addremovebundle.gif) no-repeat 0 -36px;
        }

    #dynamicBundle .price {
        width: 205px;
        background: url(../Image/Public/bundleseparator.gif) no-repeat 95% 50%;
    }

        #dynamicBundle .price div {
            padding-right: 32px;
        }

        #dynamicBundle .price p {
            padding-top: 7px;
            font-size: 11px;
        }

        #dynamicBundle .price .cart {
            padding-top: 15px;
        }

    #dynamicBundle .oprice {
        color: #f90;
        text-decoration: line-through;
    }

    #dynamicBundle .dprice {
        color: #64a000;
    }

    #dynamicBundle .sum {
        font-size: 16px!important;
    }

#content .ads {
    text-align: center;
    margin-top: 30px;
}

#content #relatedproducts {
    height: 200px;
}

    #content #relatedproducts header {
        background: #e0e0e0;
        margin: 0 -15px;
        padding-top: 15px;
        text-align: right;
    }

    #content #relatedproducts .rightarrow, #content #relatedproducts .leftarrow {
        cursor: pointer;
        display: block;
        float: right;
        font-size: 1px;
        margin: 0;
        width: 13px;
        height: 27px;
    }

    #content #relatedproducts .rightarrow {
        background: url("../Image/Public/relatedproductsarrows.png") repeat-x 0 0;
        margin-right: 5px;
    }

        #content #relatedproducts .rightarrow:hover {
            background: url("../Image/Public/relatedproductsarrows.png") repeat-x 0 -54px;
        }

        #content #relatedproducts .rightarrow.disabled {
            background: url("../Image/Public/relatedproductsarrows.png") repeat-x 0 -27px;
            cursor: default;
        }

    #content #relatedproducts .leftarrow {
        background: url("../Image/Public/relatedproductsarrows.png") repeat-x -13px 0;
        margin-left: 5px;
    }

        #content #relatedproducts .leftarrow:hover {
            background: url("../Image/Public/relatedproductsarrows.png") repeat-x -13px -54px;
        }

        #content #relatedproducts .leftarrow.disabled {
            background: url("../Image/Public/relatedproductsarrows.png") repeat-x -13px -27px;
            cursor: default;
        }

    #content #relatedproducts .scroller {
        float: right;
        overflow: hidden;
        position: relative;
        margin-top: 25px;
    }

        #content #relatedproducts .scroller .items {
            width: 20000em;
            position: absolute;
            right: 0;
        }

            #content #relatedproducts .scroller .items .productItem {
                line-height: 13px;
                float: right;
                height: 130px;
                background: url("../Image/Public/verticalseparator.png") no-repeat left;
                position: relative;
                vertical-align: top;
                text-align: center;
            }

                #content #relatedproducts .scroller .items .productItem img {
                    max-height: 74px;
                    max-width: 90px;
                }

                #content #relatedproducts .scroller .items .productItem label {
                    display: block;
                    margin: 0 auto;
                    line-height: 15px;
                    cursor: pointer;
                }

                    #content #relatedproducts .scroller .items .productItem label.title {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    #content #relatedproducts .scroller .items .productItem label img {
                        padding: 10px 0 5px;
                    }

#content #technicalspecs {
    margin-top: 30px;
}

    #content #technicalspecs header {
        background: #e0e0e0;
        margin: 0 -15px;
        padding-top: 15px;
        text-align: right;
    }

    #content #technicalspecs table {
        width: 100%;
        direction: rtl;
    }

        #content #technicalspecs table tr td {
            height: 25px;
            border: 1px solid #fff;
            font-size: 12px;
        }

            #content #technicalspecs table tr td img {
                vertical-align: middle;
            }

        #content #technicalspecs table tr .icon {
            padding: 25px 0 8px;
            font-size: 14px;
        }

            #content #technicalspecs table tr .icon img {
                padding-left: 10px;
                vertical-align: middle;
            }

        #content #technicalspecs table tr .title {
            width: 175px;
            background-color: #666;
            color: #fff;
            padding-right: 10px;
        }

        #content #technicalspecs table tr .desc {
            padding: 0 10px;
        }

            #content #technicalspecs table tr .desc:nth-child(even) {
                background-color: #eaeaea;
            }

        #content #technicalspecs table tr .alter {
            background-color: #f0f0f0!important;
        }

    #content #technicalspecs .note {
        margin: 25px auto 0;
        width: 100%;
        background-color: #eaeaea;
        display: inline-block;
    }

        #content #technicalspecs .note .title {
            color: #fff;
            width: 185px;
            background-color: #00afc8;
            padding: 14px 0;
            font-size: 14px;
        }

        #content #technicalspecs .note .desc {
            color: #00afc8;
            padding: 14px 15px 14px 0;
            width: auto;
            font-size: 13px;
        }

#content #review {
    margin-top: 30px;
}

    #content #review header {
        background: #e0e0e0;
        margin: 0 -15px;
        padding-top: 15px;
        text-align: right;
    }

    #content #review .text {
        margin: 25px 70px 10px;
        font-size: 12px;
        text-align: justify;
    }

#content .conspros {
    margin-top: 15px;
    clear: right;
    font-size: 12px;
}

    #content .conspros .pros {
        float: right;
        padding-left: 20px;
        border-left: 1px dashed #ccc;
        width: 50%;
    }

        #content .conspros .pros .title {
            background: url("../Image/Public/pros.gif") no-repeat 100% 50%;
            font-size: 14px;
            padding-right: 30px;
            margin-bottom: 5px;
        }

        #content .conspros .pros .items {
            padding-right: 20px;
            background: url("../Image/Icon/ligreen.png") repeat-y 99% 0;
        }

    #content .conspros .cons {
        float: right;
        margin-right: 20px;
    }

        #content .conspros .cons .title {
            background: url("../Image/Public/cons.gif") no-repeat 100% 50%;
            font-size: 14px;
            padding-right: 30px;
            margin-bottom: 5px;
        }

        #content .conspros .cons .items {
            padding-right: 20px;
            background: url("../Image/Icon/lired.png") repeat-y 98% 0;
        }

#content #userreview {
    margin-top: 30px;
    font-size: 12px;
}

    #content #userreview header {
        background: #e0e0e0;
        margin: 0 -15px;
        padding-top: 15px;
        text-align: right;
    }

    #content #userreview .items {
        margin: 25px 0;
    }

        #content #userreview .items .item {
            background: url("../Image/Public/userreviewarrow.gif") no-repeat 100% 50%;
            padding-right: 10px;
        }

        #content #userreview .items .text {
            margin: 15px 10px 15px 20px;
            border-bottom: 1px dashed #ccc;
        }

            #content #userreview .items .text .hidden {
                margin-bottom: 15px;
            }

        #content #userreview .items .last {
            border: 0;
        }

        #content #userreview .items .acts {
            float: left;
            margin-left: 20px;
        }

            #content #userreview .items .acts .container {
                background: url("../Image/Public/userreviewlikecontainer.png") no-repeat center center;
                float: left;
                height: 20px;
                margin-top: 3px;
                padding: 3px 5px;
                width: 45px;
            }

            #content #userreview .items .acts .dislike {
                background: url("../Image/Btn/userreviewdislike.png") no-repeat center center;
                cursor: pointer;
                display: inline-block;
                float: right;
                height: 19px;
                width: 19px;
            }

            #content #userreview .items .acts .like {
                background: url("../Image/Btn/userreviewlike.png") no-repeat center center;
                cursor: pointer;
                display: inline-block;
                float: left;
                height: 19px;
                width: 19px;
            }

            #content #userreview .items .acts span {
                color: #666;
                display: inline-block;
                float: right;
                font-weight: bold;
                line-height: 19px;
                text-align: center;
                width: 25px;
            }

    #content #userreview .userreviewform .title {
        margin-bottom: 5px;
        font-weight: bold;
        color: #494949;
        direction: rtl;
    }

#content .userform {
    direction: rtl;
}

    #content .userform .note {
        padding: 0 20px 15px;
    }

        #content .userform .note .part2 {
            margin-top: 5px;
            color: #b42d32;
        }

    #content .userform .forminput {
        width: 950px;
        margin: 0 auto;
        position: relative;
    }

        #content .userform .forminput .reviewtitle {
            width: 80px;
            text-align: left;
            padding-left: 5px;
            display: inline-block;
        }

        #content .userform .forminput .reviewtext {
            height: 100px;
            vertical-align: top;
        }

        #content .userform .forminput .charactercount {
            float: left;
            margin-left: 8px;
        }

        #content .userform .forminput .reviewagree {
            padding: 0 90px;
        }

            #content .userform .forminput .reviewagree label {
                position: relative;
                top: -3px;
                right: 5px;
            }

        #content .userform .forminput .addreview {
            margin-left: 7px;
        }

            #content .userform .forminput .addreview div {
                float: right;
                margin: 3px 0 0 5px;
            }

        #content .userform .forminput input[type=text] {
            width: 70%;
        }

        #content .userform .forminput textarea {
            height: 100px;
            width: 90%;
        }

        #content .userform .forminput .callLogin {
            position: absolute;
            left: 0;
            top: -5px;
            bottom: 0;
            width: 868px;
            z-index: 999;
            background-color: #fff;
            opacity: 0;
        }

#content #usercomments {
    margin-top: 30px;
    font-size: 12px;
}

    #content #usercomments header {
        background: #e0e0e0;
        margin: 0 -15px;
        padding-top: 15px;
        text-align: right;
    }

    #content #usercomments .items {
        margin: 25px 0;
    }

        #content #usercomments .items .item {
            padding-right: 10px;
        }

        #content #usercomments .items .text {
            margin: 5px 20px 15px;
            border-bottom: 1px dashed #ccc;
        }

        #content #usercomments .items .last {
            border: 0;
        }

        #content #usercomments .items .acts {
            float: left;
            margin-left: 20px;
        }

            #content #usercomments .items .acts .container {
                background: url("../Image/Public/userreviewlikecontainer.png") no-repeat center center;
                float: left;
                height: 20px;
                margin-top: 3px;
                padding: 3px 5px;
                width: 45px;
            }

            #content #usercomments .items .acts .dislike {
                background: url("../Image/Btn/userreviewdislike.png") no-repeat center center;
                cursor: pointer;
                display: inline-block;
                float: right;
                height: 19px;
                width: 19px;
            }

            #content #usercomments .items .acts .like {
                background: url("../Image/Btn/userreviewlike.png") no-repeat center center;
                cursor: pointer;
                display: inline-block;
                float: left;
                height: 19px;
                width: 19px;
            }

            #content #usercomments .items .acts span {
                color: #666;
                display: inline-block;
                float: right;
                font-weight: bold;
                line-height: 20px;
                text-align: center;
                width: 25px;
            }

    #content #usercomments .usercommentsform .title {
        margin-bottom: 5px;
        font-weight: bold;
        color: #494949;
        direction: rtl;
    }

#content #userrating {
    margin: 30px 20px 0;
}

    #content #userrating .title {
        margin: 25px 0 5px;
        text-align: right;
        font-weight: bold;
        color: #550fb4;
    }

        #content #userrating .title span {
            color: #3c3c3c;
            font-weight: normal;
        }

    #content #userrating table td.rategrouptitle {
        padding-top: 10px;
        font-weight: bold;
        text-align: right;
    }

    #content #userrating table td.ratetitle {
        text-align: left;
    }

    #content #userrating table td .ratebar {
        background-color: #f0f0f0;
        direction: ltr;
        float: right;
        font-size: 1px;
        height: 10px;
        margin: 7px 7px 0 0;
        width: 280px;
        border-radius: 2px;
    }

    #content #userrating table td .rate {
        float: right;
        height: 10px;
        border-radius: 2px;
    }

    #content #userrating table td .i1 {
        background-color: #d90000;
    }

    #content #userrating table td .i2 {
        background-color: #ffa500;
    }

    #content #userrating table td .i3 {
        background-color: #fc3;
    }

    #content #userrating table td .i4 {
        background-color: #76c261;
    }

    #content #userrating table td .i5 {
        background-color: #0f41b4;
    }

    #content #userrating table td .i6 {
        background-color: #550fb4;
    }

    #content #userrating table td .i7 {
        background-color: #aa0fb4;
    }

    #content #userrating table td .i8 {
        background-color: #b40f5a;
    }

    #content #userrating table .mid {
        background: url("../Image/Public/userratingarrow2.gif") no-repeat 30px 50%;
        width: 210px;
        text-align: center;
    }

    #content #userrating table td span {
        display: block;
        float: right;
        font-weight: bold;
        padding: 1px 10px 0 0;
    }

    #content #userrating table td select {
        width: 70px;
    }

#content #pnlUserRating {
    direction: rtl;
    text-align: left;
    font-size: 12px;
}

    #content #pnlUserRating #upProgressRate {
        float: right;
        position: relative;
        width: 100%;
    }

        #content #pnlUserRating #upProgressRate img {
            position: absolute;
            top: 7px;
            left: 85px;
        }

#content #pricechart {
    margin-top: 30px;
}

    #content #pricechart header {
        background: #e0e0e0;
        margin: 0 -15px;
        padding-top: 15px;
        text-align: right;
    }

    #content #pricechart #productPriceChart {
        margin: 25px 0;
        text-align: center;
        min-height: 480px;
    }

#content #lastviewed {
    margin-top: 30px;
    position: relative;
    border: 1px solid #ccc;
    border-top-width: 2px;
    border-radius: 2px;
}

    #content #lastviewed header div {
        position: absolute;
    }

    #content #lastviewed header .lastviewed {
        height: 15px;
        width: 537px;
        background: url("../Image/Public/lastviewed.png") no-repeat;
        top: -10px;
        right: 10px;
    }

    #content #lastviewed .moreviewed {
        height: 15px;
        position: absolute;
        bottom: -7px;
        right: 10px;
    }

        #content #lastviewed .moreviewed img {
            height: 15px;
            width: 121px;
        }

    #content #lastviewed table {
        width: 100%;
    }

        #content #lastviewed table tr.last td {
            padding-bottom: 15px;
        }

        #content #lastviewed table td {
            vertical-align: top;
            text-align: center;
            padding: 7px 0 3px;
        }

            #content #lastviewed table td a {
                width: 145px;
            }

                #content #lastviewed table td a span {
                    height: 110px;
                    display: table-cell;
                    vertical-align: middle;
                    text-align: center;
                    width: 145px;
                }

                    #content #lastviewed table td a span img {
                        max-height: 90px;
                        max-width: 90px;
                    }

                #content #lastviewed table td a label {
                    display: block;
                    width: 130px;
                    margin: 0 auto;
                    line-height: 15px;
                }

            #content #lastviewed table td.ls {
                border-left: 1px solid #ccc;
                background: #f0f0f0 url("../Image/Public/lsshadow.png") repeat-y left;
            }

            #content #lastviewed table td.vsep {
                width: 1px;
                background: url("../Image/Public/verticalseparator.png") no-repeat center;
            }

            #content #lastviewed table td.hsep {
                height: 1px;
                background: url("../Image/Public/horizontalseparator.png") no-repeat center;
                padding: 0;
            }

            #content #lastviewed table td.hsepmin {
                height: 1px;
                background: url("../Image/Public/horizontalseparator-min.png") no-repeat center;
                padding: 0;
            }

            #content #lastviewed table td.lhsep {
                height: 1px;
                background: #f0f0f0 url("../Image/Public/lhorizontalseparator.png") no-repeat center;
                border-left: 1px solid #ccc;
                padding: 0;
            }

#content #latestproducts, #content #popularproducts {
    margin-top: 30px;
    position: relative;
    border: 1px solid #ccc;
    border-top-width: 2px;
    border-radius: 2px;
}

    #content #latestproducts header div, #content #popularproducts header div {
        position: absolute;
    }

    #content #latestproducts header .lastviewed {
        height: 15px;
        width: 208px;
        background: url("../Image/Public/latestproducts.gif") no-repeat;
        top: -10px;
        right: 10px;
    }

    #content #popularproducts header .lastviewed {
        height: 15px;
        width: 269px;
        background: url("../Image/Public/popularproducts.gif") no-repeat;
        top: -10px;
        right: 10px;
    }

    #content #latestproducts table, #content #popularproducts table {
        width: 100%;
    }

        #content #latestproducts table td, #content #popularproducts table td {
            vertical-align: top;
            text-align: center;
            padding: 7px 0;
        }

            #content #latestproducts table td a, #content #popularproducts table td a {
                width: 145px;
            }

                #content #latestproducts table td a span, #content #popularproducts table td a span {
                    height: 110px;
                    display: table-cell;
                    vertical-align: middle;
                    text-align: center;
                    width: 145px;
                }

                    #content #latestproducts table td a span img, #content #popularproducts table td a span img {
                        max-height: 90px;
                        max-width: 90px;
                    }

                #content #latestproducts table td a label, #content #popularproducts table td a label {
                    display: block;
                    width: 130px;
                    margin: 0 auto;
                    line-height: 15px;
                }

            #content #latestproducts table td.vsep, #content #popularproducts table td.vsep {
                width: 1px;
                background: url("../Image/Public/verticalseparator.png") no-repeat center;
            }
