@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_Black.eot' );
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix' ) format( 'embedded-opentype' ), /* IE6-8 */ url( '../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2' ) format( 'woff2' ), /* FF39+,Chrome36+, Opera24+*/ url( '../fonts/woff/IRANSansWeb(FaNum)_Black.woff' ) format( 'woff' ), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url( '../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf' ) format( 'truetype' );
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_Bold.eot' );
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix' ) format( 'embedded-opentype' ), /* IE6-8 */ url( '../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2' ) format( 'woff2' ), /* FF39+,Chrome36+, Opera24+*/ url( '../fonts/woff/IRANSansWeb(FaNum)_Bold.woff' ) format( 'woff' ), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url( '../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf' ) format( 'truetype' );
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_Medium.eot' );
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix' ) format( 'embedded-opentype' ), /* IE6-8 */ url( '../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2' ) format( 'woff2' ), /* FF39+,Chrome36+, Opera24+*/ url( '../fonts/woff/IRANSansWeb(FaNum)_Medium.woff' ) format( 'woff' ), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url( '../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf' ) format( 'truetype' );
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_Light.eot' );
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix' ) format( 'embedded-opentype' ), /* IE6-8 */ url( '../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2' ) format( 'woff2' ), /* FF39+,Chrome36+, Opera24+*/ url( '../fonts/woff/IRANSansWeb(FaNum)_Light.woff' ) format( 'woff' ), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url( '../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf' ) format( 'truetype' );
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot' );
    src: url( '../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix' ) format( 'embedded-opentype' ), /* IE6-8 */ url( '../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2' ) format( 'woff2' ), /* FF39+,Chrome36+, Opera24+*/ url( '../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff' ) format( 'woff' ), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url( '../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf' ) format( 'truetype' );
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url( '../fonts/eot/IRANSansWeb(FaNum).eot' );
    src: url( '../fonts/eot/IRANSansWeb(FaNum).eot?#iefix' ) format( 'embedded-opentype' ), /* IE6-8 */ url( '../fonts/woff2/IRANSansWeb(FaNum).woff2' ) format( 'woff2' ), /* FF39+,Chrome36+, Opera24+*/ url( '../fonts/woff/IRANSansWeb(FaNum).woff' ) format( 'woff' ), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url( '../fonts/ttf/IRANSansWeb(FaNum).ttf' ) format( 'truetype' );
}

body {
    margin: 0;
    padding: 0;
    direction: rtl;
    font-family: IRANSans, Tahoma;
    font-size: 11pt;
    line-height: 190%;
    background-color: #fff;
}

img {
    border: 0;
}

.Row {
    width: 100%;
    display: inline-block;
    text-align: center;
}

article {
    width: 100%;
    float: right;
    text-align: justify;
}

    article h2 {
        display: inline-block;
        width: 100%;
        text-align: justify;
        margin: 20px 0 10px 0;
        padding: 0;
        font-size: 12pt;
        color: #555;
    }

.RowTextFive {
    width: 48%;
    margin: 3px 1% 0 1%;
    float: right;
    text-align: justify;
}

    .RowTextFive .Title {
        color: #999;
    }

.RowText {
    width: 100%;
    display: inline-block;
    text-align: justify;
}

.RowDarsad {
    width: 49%;
    float: right;
    text-align: center;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.RowMarginFive {
    float: right;
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    text-align: center;
}

.RowMarginTen {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    text-align: center;
}

.RowMargin20 {
    margin-top: 20px;
}

input, select, textarea {
    font-family: IRANSans, Tahoma;
}

A:hover {
    color: red;
}

A {
    color: #0066FF;
    text-decoration: none;
}

.BoxSizeAsli {
    display: inline-block;
    width: 1480px;
}

.slideMain {
}

fieldset {
    float: right;
    border: none;
}

legend {
    float: right;
    text-align: left;
    width: 125px;
    color: red;
}
/*-----------------------Banner------------------*/
.Banner {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

    .Banner .Item {
        width: 49%;
        height: auto;
        overflow: hidden;
        border-radius: 20px;
    }

        .Banner .Item img {
            width: 100%;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

    .Banner .ItemAds1 {
        float: right;
    }

    .Banner .ItemAds2 {
        float: left;
    }

    .Banner .Item img:hover {
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06);
    }
/*-----------------------Header Top ------------------*/
.IndexText {
    float: right;
    width: 100%;
    min-height: 473px;
    color: #fff;
    background: #000 url(../Administrator/Files/Design/Index.png) no-repeat top center;
    font-size: 12pt;
    margin-top: 10px;
}

    .IndexText .BoxCenter {
        float: right;
        width: 60%;
        font-size: 11pt;
        text-align: justify;
    }

    .IndexText h1 {
        float: right;
        border-bottom: solid 2px #0d5e9d;
        font-size: 16pt;
        padding: 10px 0;
    }

.HeaderTop {
    width: 100%;
    text-align: center;
    display: inline-block;
    background: #e5e5e5;
}

.HeaderTopRight {
    float: right;
    width: 100%;
    text-align: center;
    background: #fff;
    border-bottom: solid 1px #000;
    padding: 0;
}

.Tell {
    float: right;
    width: 217px;
    height: 32px;
    color: #000;
    background: url(../Administrator/Files/Design/Tell.png) no-repeat left;
    padding-left: 25px;
    padding-top: 8px;
    font-size: 12pt;
}

.Logo {
    float: right;
    width: 217px;
    height: 132px;
    background-image: url(../Administrator/Files/Design/Logo.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100% 100%;
    margin: 0 0;
}

.HeaderTopMenu {
    display: inline-block;
    width: 100%;
}

.HeaderTopMenuBox {
    display: inline-block;
    width: 100%;
    background: #0d5e9d;
    height: 70px;
}
/*----------------------------------------------------- MenuProduct ----------------------------------------*/
.MenuProductBox {
    float: right;
    width: 100%;
}

.MenuProduct {
    float: right;
    margin-top: 12px;
    position: relative;
    z-index: 999;
}

    .MenuProduct span {
        margin-left: 5px;
        float: right;
        font-size: 12pt;
        margin-top: 7px;
    }

    .MenuProduct a {
        float: right;
        padding: 0;
        text-align: center;
        height: 55px;
        color: #fff;
        margin-left: 6px;
        margin-right: 6px;
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 3px;
        background: url(../Administrator/Files/Design/arrowDown.png) no-repeat left center;
    }

        .MenuProduct a:hover {
            color: #ffff00;
        }

    .MenuProduct .Active {
        color: #ffff00;
    }

    .MenuProduct img {
        margin-left: 10px;
        margin-top: 0px;
        float: right;
        min-width: 24px;
        min-height: 24px;
    }

    .MenuProduct a h2 {
        padding: 0;
        margin: 0;
        margin: 0 auto;
        text-align: center;
        padding-top: 0px;
        font-weight: normal;
        font-size: 10pt;
    }
/*----------------------- MainMenu ------------------*/
.arrowimg {
    float: right;
    min-width: 9px !important;
    min-height: 5px !important;
    margin-top: 23px;
}

.MenuProductNode {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    width: 100%;
    display: none;
    position: relative;
    background-color: #fafafa;
    height: 45px;
    box-shadow: 0px 0px 7px #555;
    z-index: 9999999999999999999;
}

.MenuProductNodeActive {
    display: block;
}

.MenuProductNode li {
    float: right;
    display: block;
    z-index: 500;
    margin: 0;
    margin-right: 10px;
}

    .MenuProductNode li:hover > a {
        color: #ff0000;
        border-bottom: solid 3px #ff0000;
    }

    .MenuProductNode li a {
        display: block;
        height: 22px;
        padding: 7px 10px 13px 10px;
        color: #555;
        font-size: 12pt;
        text-align: center;
    }

.MenuProductNode .Active {
    color: #ff0000;
    border-bottom: solid 3px #ff0000;
}

.MenuProductNode ul {
    position: absolute;
    right: 0;
    display: none;
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    background-color: #fafafa;
    width: 100%;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 99999999999999;
    box-shadow: 0px 0px 7px #555;
    background-image: url(../Administrator/Files/Design/CategoryMenu.png);
    background-repeat: repeat-y;
    background-position: right top;
}

.MenuProductNodeRight {
    float: right;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    min-height: 250px;
    background-position: bottom left;
    padding-bottom: 20px;
}

.MenuProductNodePic {
    float: left;
    width: 150px;
    margin-top: 20px;
    margin-left: 20px;
}

.MenuProductNode ul .limenuhover3Box {
    width: 230px;
    float: right;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

.MenuProductNode ul .limenuhover3 {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.MenuProductNode ul .limenuhover4 {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

    .MenuProductNode ul .limenuhover4 a {
        color: #555;
        font-size: 10pt;
    }

.MenuProductNode ul li:hover > a {
    border: 0;
}

.MenuProductNode ul a {
    display: block;
    height: 20px;
    padding: 3px 5px 3px 5px;
    text-align: right;
    background-image: none;
    border: 0;
}

.MenuProductNode ul .amenuhover {
    color: #16C1F3;
    font-size: 11pt;
}

.MenuProductNode ul.submenu ul {
    display: block;
    float: right;
    padding: 0;
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0;
    background-color: Transparent;
    background: none;
}

.MenuProductNode ul.submenu li:hover > a {
    color: #0000FF;
}

.MenuProductNode ul.submenu ul a:hover {
    color: #FF0000;
}

.MenuProductNode .ArrowDown {
    border: 0px;
    padding: 0px;
    margin-right: 5px;
}

.MenuProductNode .ArrowDown2 {
    border: 0px;
    padding: 0px;
    margin-top: 9px;
    float: left;
}


.bulletMenu {
    background-image: url(../Administrator/Files/Design/arrowdown3.png);
    width: 5px;
    height: 8px;
    float: right;
    margin-top: 11px;
    margin-left: 5px;
    margin-right: 10px;
}

.ItemMenu {
    float: right;
    width: 130px;
    color: #000;
    font-weight: normal;
    font-size: 12pt;
}

/*-----------------------------------------Basketcontainer---------------------------------*/
.BasketBox {
    float: left;
    width: 190px;
    height: 50px;
    background: #fff url(../Administrator/Files/Design/BasketBox.png) no-repeat left;
    margin-top: 45px;
    color: #368f91;
    border-radius: 10px;
    box-shadow: 0px 0px 7px #ccc;
}

    .BasketBox .SabadKharid {
        float: right;
        margin-right: 40px;
        margin-top: 10px;
        font-size: 12pt;
    }

    .BasketBox .SabadKharidNumber {
        float: right;
        margin-right: 5px;
        font-size: 14pt;
        margin-top: 10px;
    }

    .BasketBox:hover {
        color: red;
    }

/*----------------------- SearchBox ------------------*/
.SearchBoxBox {
}

.SearchBox {
    float: left;
    padding: 0px;
    margin: 0px;
    height: 50px;
    float: left;
    width: 410px;
    font-size: 10pt;
    background: #fff url(../Administrator/Files/Design/SearchBox.png) no-repeat left;
    color: #368f91;
    border-radius: 10px;
    box-shadow: 0px 0px 7px #ccc;
    margin-top: 45px;
    margin-left: 10px;
}

.TextBoxBox {
    float: right;
    width: 100%;
}

.TextAutoCapmlet {
    float: right;
    text-align: justify;
}

.TextAutoButton {
    float: left;
    width: 50px;
    height: 34px;
    background-color: Transparent;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
}

.TextBoxAutoCapmlet {
    color: #bbb;
    padding: 0;
    margin: 0;
    float: right;
    width: 340px;
    padding-left: 4px;
    background-color: Transparent;
    border: 0;
    height: 50px;
    border-radius: 0px;
    border: 0px;
    padding-right: 5px;
    margin-top: 0px;
}

.AutoCamplet {
    margin-right: 5px;
    margin-top: 0px;
    border: solid 1px #d8d8d8;
    border-top: 0;
    width: 597px;
    float: right;
    z-index: 1000000000000;
    position: relative;
    top: 0;
    left: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #fff;
    -moz-box-shadow: 0 3px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 3px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    line-height: 150%;
    border-top: solid 4px #eee;
}

.AutoCampletProductBox {
    float: right;
    overflow-x: hidden;
    overflow-y: visible;
    width: 330px;
    max-height: 400px;
    direction: ltr;
    border-left: solid 2px #eee;
}

.AutoCampletProduct {
    float: right;
    width: 320px;
    border-left: solid 1px #eee;
    padding-bottom: 10px;
    direction: rtl;
}

.AutoCampletCategoryProductBox {
    float: right;
    overflow-x: hidden;
    overflow-y: visible;
    width: 265px;
    max-height: 400px;
    white-space: nowrap;
    direction: ltr;
}

.AutoCampletCategoryProduct {
    width: 255px;
    border: 0px;
    direction: rtl;
}

.AutoCampletTitleBox {
    float: right;
    width: 100%;
    font-size: 11pt;
    color: #fff;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #008000;
}

.AutoCamplet .Item {
    float: right;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    text-align: right;
}

    .AutoCamplet .Item:hover {
        background-color: #eee;
    }

    .AutoCamplet .Item .TitleBox {
        float: right;
        margin-right: 10px;
        color: #0969aa;
        width: 220px;
    }

    .AutoCamplet .Item .Title {
        float: right;
        color: #0969aa;
        width: 100%;
        text-align: justify;
    }

    .AutoCamplet .Item .Price {
        float: right;
        color: #555;
        width: 100%;
    }

    .AutoCamplet .Item img {
        float: right;
        width: 50px;
        height: 50px;
        border: solid 1px #ccc;
        margin-right: 10px;
        background-color: #fff;
    }

.AutoCamplet .Seprator {
    float: right;
    width: 100%;
    height: 1px;
    background-image: url(../Administrator/Files/Design/Sep.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.AutoCamplet .Empty {
    float: right;
    width: 100%;
    padding: 20px 0 10px 0;
    text-align: center;
    color: #ff0000;
    font-size: 12pt;
}
/*--------------------------SlidePicture-------------------*/
.SlidePicture {
    width: calc(100% - 540px);
    margin: 0 auto;
    float: left;
    font-weight: normal;
    margin-top: 3px;
    position: relative;
}
/*--------------------------SlidePictureRight-------------------*/
.SlidePictureRight {
    width: 500px;
    float: right;
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 7px #ccc;
    min-height: 475px;
}

    .SlidePictureRight .Item {
        width: 100%;
        float: right;
    }

    .SlidePictureRight img {
        float: right;
        width: 100%;
    }
/*--------------------------SlidePictureDown-------------------*/

.SlidePictureDown {
    width: 98%;
    float: none;
    display: inline-block;
    margin-top: 10px;
    background: #ececec;
    border-radius: 10px;
}

    .SlidePictureDown .Item {
        display: inline-block;
        color: #000;
        margin: 10px;
        font-size: 10pt;
    }

        .SlidePictureDown .Item:hover {
            color: #ff0000;
        }

    .SlidePictureDown img {
        float: none;
        display: inline-block;
        min-width: 10px;
        height: 61px;
    }

    .SlidePictureDown span {
        float: right;
        width: 100%;
        margin-right: 0px;
        margin-top: 10px;
    }

/*-------------------------CategorySpecialCategory-------------------------*/
.CategorySpecialCategory {
    float: right;
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
}

    .CategorySpecialCategory .Item {
        display: inline-table;
        width: 200px;
        border: 1px solid #ccc;
        margin: 20px 10px 0px 10px;
        border-radius: 5px;
        overflow: hidden;
        direction: rtl;
    }

    .CategorySpecialCategory .ItemImage {
        height: 150px;
        width: 100%;
    }

    .CategorySpecialCategory .ItemTitle {
        float: right;
        color: #fff;
        font-size: 9pt;
        font-weight: normal;
        width: 100%;
        text-align: center;
        padding: 5px 0 5px 0;
        height: 40px;
        background-color: #333;
        line-height: 170%;
        border-bottom: solid 1px #555;
    }

    .CategorySpecialCategory .Item:hover .ItemTitle {
        color: #90ff9d;
    }

/*-------------------------CategorySpecialCategoryIndex-------------------------*/
.CategorySpecialCategoryIndex {
    float: right;
    width: 100%;
    padding-bottom: 5px;
    text-align: center;
}

    .CategorySpecialCategoryIndex .Item {
        display: inline-table;
        width: 220px;
        margin: 10px;
        overflow: hidden;
        direction: rtl;
    }

    .CategorySpecialCategoryIndex .ItemImage {
        height: 220px;
        width: 100%;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        border-radius: 30px;
    }

        .CategorySpecialCategoryIndex .ItemImage:hover {
            -webkit-transform: scale(1.06);
            -moz-transform: scale(1.06);
            -ms-transform: scale(1.06);
            -o-transform: scale(1.06);
            transform: scale(1.06);
        }

    .CategorySpecialCategoryIndex .ItemTitle {
        float: right;
        color: #000;
        font-size: 12pt;
        font-weight: normal;
        width: 100%;
        text-align: center;
        padding: 10px 0 5px 0;
        height: 40px;
        line-height: 170%;
        border-bottom: solid 1px #368f91;
    }

    .CategorySpecialCategoryIndex .Item:hover .ItemTitle {
        color: red;
    }


/*-------------------------CategorySpecialProduct-------------------------*/
.CategorySpecialProduct {
    float: right;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: center;
}

    .CategorySpecialProduct .Item {
        display: inline-block;
        width: 210px;
        border: 2px solid #eee;
        margin: 10px 0px 10px 0px;
        border-radius: 10px;
        overflow: hidden;
        direction: rtl;
        position: relative;
        background: #fff;
    }

        .CategorySpecialProduct .Item .SpecialProduct {
            display: block;
            height: 110px;
            position: absolute;
            width: 110px;
            z-index: 2;
            top: 0;
            right: 0;
            display: none;
        }

        .CategorySpecialProduct .Item:hover {
            box-shadow: 0px 0px 7px #ccc;
            border-color: #ccc;
        }

    .CategorySpecialProduct .ItemImage {
        height: 170px;
        max-width: 200px;
        margin: 10px;
    }

    .CategorySpecialProduct .ItemTitle {
        display: inline-block;
        color: #555;
        font-size: 10pt;
        font-weight: normal;
        width: 100%;
        text-align: center;
        padding: 5px 0 5px 0;
        height: 40px;
        line-height: 170%;
    }

    .CategorySpecialProduct .Item:hover .ItemTitle {
        color: #000;
    }

    .CategorySpecialProduct .ItemTitlePrice {
        float: right;
        color: #000;
        font-size: 12pt;
        font-weight: normal;
        width: 100%;
        text-align: center;
        padding: 5px 0;
        line-height: 170%;
    }

    .CategorySpecialProduct .BoxPrice {
        float: right;
        background: #c0d8d8 url(../Administrator/Files/Design/ArrowBottom.png) no-repeat top center;
        width: 100%;
    }

    .CategorySpecialProduct .ShowMore {
        float: none;
        display: inline-block;
        color: #fff;
        background: #368f91;
        margin-left: 10px;
        cursor: pointer;
        margin: 10px 0;
        padding: 0px 10px;
        border-radius: 10px;
    }
/*-------------------------Box-------------------------*/

.Box {
    display: inline-block;
    width: calc(100% - 4px);
    margin-top: 10px;
    border: solid 2px #eee;
    background-color: #f3f4f4;
    border-radius: 10px;
}

.BoxProductDetail {
    background-color: #f5f6f8;
    width: calc(100% - 10px);
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.Box2 {
    min-height: 600px;
}

.BoxRelative {
    position: relative;
}

.Box .BoxTop {
    float: right;
    width: 100%;
    height: 40px;
    background-color: #0d5e9d;
    text-align: center;
    padding-top: 9px;
    font-size: 13pt;
    color: #fff;
    background-repeat: repeat-x;
    background-position: top center;
    border-radius: 10px 10px 0 0;
}

.Box .BoxTop2 {
    height: auto;
    padding-bottom: 5px;
}

.Box .BoxTopProductDetail {
    background: none;
    background-color: #f5f6f8;
    padding-top: 5px;
}

.Box .BoxTop h1, .Box .BoxTop h2, .Box .BoxTop h3 {
    float: right;
    margin: 0;
    padding: 0;
    font-weight: normal;
    margin-right: 10px;
    font-size: 13pt;
    line-height: 190%;
}

.Box .BoxTop h4 {
    float: right;
    margin: 0;
    padding: 0;
    font-weight: normal;
    margin-right: 10px;
    font-size: 9pt;
    line-height: 150%;
    color: #999;
}

.Box .BoxTop h1 a, .Box .BoxTop h2 a, .Box .BoxTop h3 a {
    color: #000;
}

.Box .BoxTop .LinkArchive {
    float: left;
    color: #fff;
    font-size: 11pt;
    margin-left: 10px;
}

    .Box .BoxTop .LinkArchive:hover {
        color: #ff0000;
    }

.Box .BoxCenter {
    float: right;
    width: 96%;
    padding: 10px 2% 10px 2%;
    text-align: justify;
    color: #333;
}

.BoxCenterMinHeight {
    min-height: 200px;
}

.Box .BoxCenter2 {
    width: 100%;
    padding: 0;
}

.Box .BoxCenter4 {
    background-color: #fff;
    padding-top: 10px;
}

.BoxText {
    width: 96%;
    padding: 10px 2% 10px 2%;
    text-align: justify;
}
/*------------------------------------CategoryGroup-----------------------------*/
.CategoryGroupLink {
    float: right;
    width: 95%;
    padding-right: 5%;
    text-align: right;
    margin-top: 5px;
    color: #000;
    font-size: 11pt;
}

    .CategoryGroupLink:hover {
        color: #ff0000;
    }

.CategoryGroupLink2 {
    float: right;
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    text-align: right;
    margin-bottom: 5px;
    margin-top: 3px;
    color: #555;
    font-size: 10pt;
    border-bottom: dashed 1px #999;
    padding-bottom: 5px;
}

    .CategoryGroupLink2:hover {
        color: #ff0000;
    }

.CategoryGroupLink3 {
    float: right;
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
    text-align: right;
    margin-bottom: 5px;
    color: #999;
    font-size: 9pt;
    border-bottom: dashed 1px #999;
    padding-bottom: 5px;
}

.CategoryGroupLink2:hover {
    color: #ff0000;
}

.ColorSideTitle {
    float: right;
    width: 15px;
    height: 15px;
    border: solid 1px #aaa;
    margin-top: 5px;
    margin-left: 5px;
    background-size: 100% 100%;
    border-radius: 50%;
}

.BrnadSideTitleEnglish {
    float: left;
    margin-top: 0px;
    margin-left: 5px;
}

/*------------------------------------FooterLink-----------------------------*/
.Footer {
    width: 100%;
    display: inline-block;
    color: #515151;
    background-image: url(../Administrator/Files/Design/Footer.png);
    overflow: hidden;
    margin-top: 10px;
}



.CopyRight {
    display: inline-block;
    width: 100%;
    color: #eee;
    text-align: center;
    margin-top: 30px;
    font-size: 10pt;
    background-image: url(../Administrator/Files/Design/CopyRight.png);
    padding-top: 15px;
    padding-bottom: 15px;
}

.CopyRightLeft {
    float: left;
    margin-left: 5%;
}

.CopyRightRight {
    float: right;
    margin-right: 5%;
}

.CopyRight a {
    color: #eee;
}

.FooterText {
    float: left;
    width: 40%;
    color: #fff;
    text-align: right;
    font-size: 11pt;
    padding: 5px 2% 5px 2%;
    border-radius: 10px;
    margin-top: 30px;
    margin-left: 5%;
}

    .FooterText a {
        color: #fff;
    }

    .FooterText .Title {
        background: url(../Administrator/Files/Design/loc.png) right no-repeat;
        padding-right: 40px;
        font-size: 14pt;
        float: right;
    }
/*------------------------------LinkShow-----------------------*/
#LinkShow {
    float: right;
    margin-top: 20px;
    width: 50%;
}

    #LinkShow .Item {
        float: right;
        width: 180px;
        margin-right: 20px;
    }

    #LinkShow .Title {
        text-align: center;
        width: 100%;
        font-size: 12pt;
        float: right;
        padding-bottom: 10px;
        color: #fff;
        border-bottom: dashed 1px #fff;
    }

    #LinkShow .ItemSub {
        text-align: center;
        width: 100%;
        font-size: 11pt;
        float: right;
        margin-top: 7px;
    }

        #LinkShow .ItemSub a {
            float: right;
            width: 100%;
            color: #fff;
        }

            #LinkShow .ItemSub a:hover {
                color: #62b8fb;
            }

/*------------------------------SharingBoxHeader-----------------------*/
.SharingBoxHeader {
    float: right;
    margin-top: 0px;
}

    .SharingBoxHeader .ItemRight:hover {
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06);
    }

    .SharingBoxHeader .ItemRight {
        display: inline-table;
        min-width: 10px;
        height: 27px;
        margin: 5px;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .SharingBoxHeader .ItemRight img {
            float: right;
            width: 100%;
            height: 100%;
        }
/*------------------------------SharingBox-----------------------*/
.SharingBox {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    background: #0d5e9d;
}

.Sharing {
    display: inline-table;
}

    .Sharing .ItemRight:hover {
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06);
    }

    .Sharing .ItemRight {
        display: inline-table;
        min-width: 10px;
        height: 40px;
        margin: 10px;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .Sharing .ItemRight img {
            float: right;
            width: 100%;
            height: 100%;
        }

.ServiceProduct {
    display: inline-block;
    width: 100%;
}

.ItemRightService {
    display: inline-block;
    width: 160px;
}

    .ItemRightService .ItemImage {
        float: none;
        height: 47px;
        min-width: 20px;
        display: inline-block;
    }

    .ItemRightService .Title {
        color: #555;
        font-size: 10pt;
        margin-top: 10px;
        float: right;
        width: 100%;
    }

        .ItemRightService .Title:hover {
            color: Red;
        }
/*----------------------ProductShow-------------------------*/
.ProductShowAll {
    float: right;
    width: calc(100% - 20px);
    padding: 0px 10px 10px 10px;
    background-color: #fff;
}

.BoxProductShowLeft {
    float: left;
    width: calc(100% - 270px);
}

/*----------------------ProductShowRight-------------------------*/

/* ====================BoxSmallSearchResButton================ */

.BoxSmallSearchRes {
    float: right;
    width: 250px;
    border-top: 0;
    margin-top: 0px;
    background-color: #FFF;
}

.BoxSmallSearchResButton:hover {
    background-color: #a00000;
}

.BoxSmallSearchResButton {
    position: fixed;
    float: right;
    width: 100%;
    background-color: #ff0000;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 9999999999;
}

.BoxSmallSearch {
    float: right;
    width: 250px;
    border-top: 0;
    margin-top: 10px;
    background-color: #FFF;
    position: relative;
}
/* ====================BoxSmallSearchResButton================ */

.BoxSmallSearchIndex {
    width: 100%;
    margin-top: 0px;
}

.BoxSmallSearch .BoxTop {
    float: right;
    width: 100%;
    height: 37px;
    background-color: #0d5e9d;
    color: #fff;
    padding-top: 9px;
}

.BoxSmallSearchIndex .BoxTop {
}

.BoxSmallSearch .BoxCenter {
    float: right;
    width: 230px;
    text-align: right;
    border: solid 1px #666;
    padding: 9px;
}

.BoxSmallSearchIndex .BoxCenter {
    width: 80%;
    margin-bottom: 0;
    background: #eeeeee;
    border: solid 1px #fff;
    text-align: center;
    float: none;
    display: inline-block;
    margin: 10px;
    border-radius: 10px;
}

.BoxSmallSearchIndex .FieldTitle {
    width: 100px;
    font-size: 9pt;
}

.BoxSmallSearchIndex .FieldTextBoxDrop {
    width: 160px;
}

.BoxSmallSearchIndex .ProductDetailButtonFormsaz {
    margin-right: 15px;
}

.BoxSmallSearchIndex .DropDownList2Box, .BoxSmallSearchIndex .DropDownList3Box, .BoxSmallSearchIndex .DropDownList4Box {
    display: block;
}

.BoxSmallSearch .BoxCenterSearch input {
    float: right;
    margin-top: 7px;
    cursor: pointer;
}

.BoxSmallSearchIndex .BoxCenterSearch input {
    background: url(../Administrator/Files/Design/SearchBtn.png);
    width: 246px;
    height: 60px;
    float: none;
    display: inline-block;
}

.BoxSmallSearch .BoxCenterSearch label {
    float: right;
    margin-right: 5px;
    cursor: pointer;
    color: #777;
    width: 180px;
    text-align: right;
}

    .BoxSmallSearch .BoxCenterSearch label:hover {
        color: #ff0000;
    }

.BoxSmallSearchIndexItem:hover {
    background: #368f91;
    color: #fff;
}

.BoxSmallSearchIndexItem {
    display: inline-block;
    margin: 5px;
    background-image: url(../Administrator/Files/Design/BoxSmallSearch.png);
    padding: 1px 15px 1px 15px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 10pt;
    color: #fff;
}

.BoxSmallSearchIndexItemActive {
    background: #368f91;
}

.BoxSmallSearchIndexItemBox {
    display: none;
}

.BoxSmallSearchIndexItemBox1 {
    display: block;
}
/*----------------------ProductShowTop-------------------------*/
.TextBoxListBox {
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 15px;
    display: inline-block;
    position: relative;
    width: 145px;
    font-size: 9pt;
    vertical-align: top;
    color: #777;
}

.SortTitle {
    float: right;
    font-size: 9pt;
    margin-top: 3px;
    width: 110px;
    text-align: left;
    color: #fff;
}

.Splitter {
    width: 100%;
    height: 10px;
    background-image: url( "../Administrator/Files/Design/BoxBottom.png" );
    background-repeat: no-repeat;
    padding: 5px;
    background-position: bottom;
    margin-top: 10px;
    float: right;
}

.SortDropDown {
    float: right;
    font-size: 11pt;
    width: 180px;
    text-align: right;
    border: solid 1px #bcbbcb;
    cursor: pointer;
    height: 32px;
    margin-top: 3px;
    margin-right: 5px;
    color: #333;
}

.SortDropDownButton {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: Transparent;
    float: right;
    cursor: pointer;
    background-image: url(../Administrator/Files/Design/search4.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 34px;
    border: solid 1px #bcbbcb;
    border-right: 0;
    height: 34px;
    margin-top: 7px;
}
/*------------------------------------ShowProductType-----------------------------*/
.ShowProductType1 {
    width: 27px;
    margin-right: 3px;
    height: 21px;
    float: left;
    background-image: url(../Administrator/Files/Design/Show2.png);
    cursor: pointer;
    margin-left: 20px;
    margin-top: 10px;
}

    .ShowProductType1:hover {
        background-image: url(../Administrator/Files/Design/Show2Active.png) !important;
    }

.ShowProductType1Active {
    background-image: url(../Administrator/Files/Design/Show2Active.png) !important;
}

.ShowProductType2 {
    width: 28px;
    height: 21px;
    float: left;
    background-image: url(../Administrator/Files/Design/Show1.png);
    cursor: pointer;
    margin-top: 10px;
    margin-left: 5px;
}

.ShowProductType2Active {
    background-image: url(../Administrator/Files/Design/Show1Active.png) !important;
}

.ShowProductType2:hover {
    background-image: url(../Administrator/Files/Design/Show1Active.png) !important;
}

.ShowProductType3 {
    width: 95px;
    height: 21px;
    float: left;
    background-image: url(../Administrator/Files/Design/Show3.png);
    cursor: pointer;
    margin-top: 10px;
    margin-left: 5px;
}

.ShowProductType3Active {
    background-image: url(../Administrator/Files/Design/Show3Active.png) !important;
}

.ShowProductType3:hover {
    background-image: url(../Administrator/Files/Design/Show3Active.png) !important;
}
/*------------------------------------Paging-----------------------------*/
.Paging {
    width: 100%;
    float: right;
    margin-top: 20px;
    text-align: center;
    border-top: solid 10px #f7f7f7;
    border-bottom: solid 10px #f7f7f7;
    padding: 10px 0;
    text-align: center;
}

    .Paging .ItemPaging {
        cursor: pointer;
        font-size: 10pt;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        color: #4a5f73;
        border-radius: 10px;
        padding: 2px 10px 0 10px;
        border: solid 2px #fff;
        margin-top: 1px;
    }

    .Paging .ItemPagingNow {
        cursor: pointer;
        font-size: 10pt;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        color: #4a5f73;
        border-radius: 10px;
        padding: 2px 10px 0 10px;
        border: solid 2px #00bfd6;
        margin-top: 1px;
    }

    .Paging .ItemPaging:hover {
        background-color: #ddd;
        color: #000;
    }

    .Paging .ItemSep {
        width: 5px;
        display: inline-block;
        padding: 3px;
        font-weight: bold;
        margin-top: 3px;
        margin-left: 5px;
        color: #000;
    }

    .Paging .DivDown {
        float: right;
        width: 100%;
    }

    .Paging .First {
        float: right;
        margin: 10px;
    }

    .Paging .Last {
        float: left;
        margin: 10px;
    }

    .Paging .SpanLeft {
        float: left;
        color: #777;
        font-size: 11pt;
        margin-top: 5px;
        margin-left: 10px;
    }

/* ------------------------------------------ProductIndexRepeaterDataList-----------------------------------*/

.ProductIndexRepeaterDataList {
    float: right;
    width: 100%;
    text-align: center;
}

    .ProductIndexRepeaterDataList .Item {
        width: 212px;
        height: 290px;
        display: inline-table;
        margin-right: 8px;
        margin-left: 8px;
        margin-top: 20px;
        border: solid 2px #eee;
        background-color: #fff;
        text-align: center;
    }

    .ProductIndexRepeaterDataList .ItemType1 {
        width: 100% !important;
        height: auto !important;
        display: inline-table !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-bottom: 20px !important;
    }

        .ProductIndexRepeaterDataList .ItemType1 .ItemType1Box {
            display: block !important;
        }

        .ProductIndexRepeaterDataList .ItemType1 .ItemType2Box {
            width: 34% !important;
            margin-right: 2% !important;
            margin-left: 2% !important;
        }

    .ProductIndexRepeaterDataList .Item .ItemType2Box {
        width: 100%;
        float: right;
        position: relative;
    }

    .ProductIndexRepeaterDataList .Item .ItemType1Box {
        display: none;
        width: 60%;
        float: right;
        text-align: justify;
        margin-left: 2%;
        font-size: 10pt;
        color: #555;
    }

    .ProductIndexRepeaterDataList .ItemType3 {
        width: 100%;
        height: auto;
        display: inline-table;
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 10px;
        margin-top: 5px;
    }

        .ProductIndexRepeaterDataList .ItemType3 .ItemImageLink {
            display: none !important;
        }

        .ProductIndexRepeaterDataList .ItemType3 .SpecialProduct {
            display: none !important;
        }

        .ProductIndexRepeaterDataList .ItemType3 .HarajiProduct {
            display: none !important;
        }

        .ProductIndexRepeaterDataList .ItemType3 .ProductShowColor {
            display: none !important;
        }

        .ProductIndexRepeaterDataList .ItemType3 .ShowMore {
            display: none !important;
        }

        .ProductIndexRepeaterDataList .ItemType3 .ItemTitle {
            width: 60% !important;
            text-align: right !important;
            margin-right: 2% !important;
        }

        .ProductIndexRepeaterDataList .ItemType3 .ItemTitle2 {
            display: none !important;
        }

        .ProductIndexRepeaterDataList .ItemType3 .ItemPrice {
            width: 25% !important;
            margin-top: 8px !important;
        }

            .ProductIndexRepeaterDataList .ItemType3 .ItemPrice .ItemPrice1 {
                width: 50% !important;
            }

            .ProductIndexRepeaterDataList .ItemType3 .ItemPrice .ItemPrice2 {
                width: 50% !important;
            }

    .ProductIndexRepeaterDataList .Item:hover {
        box-shadow: 0px 0px 7px #ccc;
        border-color: #ccc;
    }

    .ProductIndexRepeaterDataList .Item .ItemImageLink {
        width: 100%;
        height: 150px;
        float: right;
        text-align: center;
        margin-top: 10px;
    }

    .ProductIndexRepeaterDataList .Item .ItemImage {
        max-width: 210px;
        max-height: 150px;
    }

    .ProductIndexRepeaterDataList .Item:hover > .ItemType2Box .CheckBoxMoghayese {
        display: block;
    }

    .ProductIndexRepeaterDataList .Item .CheckBoxMoghayese {
        display: none;
        position: absolute;
        z-index: 2;
        top: 10px;
        left: 10px;
        background-color: #777;
        color: #fff;
        font-size: 8pt;
        width: 58px;
    }

    .ProductIndexRepeaterDataList .Item .CheckBoxMoghayeseActive {
        display: block;
    }

    .ProductIndexRepeaterDataList .Item .CheckBoxMoghayese input {
        float: right;
        margin: 7px 3px 0 0;
        cursor: pointer;
    }

    .ProductIndexRepeaterDataList .Item .CheckBoxMoghayese label {
        float: right;
        margin: 0 5px 0 5px;
        cursor: pointer;
    }

    .ProductIndexRepeaterDataList .Item .CheckBoxMoghayese:hover label {
        color: #ffff00;
    }

    .ProductIndexRepeaterDataList .Item .SpecialProduct {
        display: block;
        height: 110px;
        position: absolute;
        width: 110px;
        z-index: 2;
        top: 0;
        right: 0;
    }

        .ProductIndexRepeaterDataList .Item .SpecialProduct img {
            width: 110px;
            display: none;
        }

    .ProductIndexRepeaterDataList .Item .HarajiProduct {
        display: block;
        height: 34px;
        position: absolute;
        width: 34px;
        z-index: 2;
        top: 70px;
        left: 15px;
    }

    .ProductIndexRepeaterDataList .Item .GiftProduct {
        display: block;
        height: 34px;
        position: absolute;
        width: 34px;
        z-index: 2;
        top: 70px;
        right: 15px;
    }

    .ProductIndexRepeaterDataList .Item .ItemTitle {
        float: right;
        color: #555;
        text-align: center;
        font-size: 10pt;
        margin-top: 5px;
        height: 25px;
        overflow: hidden;
        width: 100%;
    }

    .ProductIndexRepeaterDataList .Item .ItemTitle2 {
        float: right;
        color: #999;
        text-align: center;
        font-size: 9pt;
        height: 25px;
        overflow: hidden;
        width: 100%;
    }

        .ProductIndexRepeaterDataList .Item .ItemTitle:hover, .ProductIndexRepeaterDataList .Item .ItemTitle2:hover {
            color: #ff0000;
        }

.ProductShowColor {
    text-align: center;
    float: right;
    width: 100%;
    height: 10px;
    margin-top: 13px;
}

.ProductShowColorItem {
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid #ccc;
    margin-right: 2px;
    margin-left: 2px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.ProductIndexRepeaterDataList .Item .ItemPrice {
    float: right;
    margin-right: 10px;
    width: 130px;
}

.ProductIndexRepeaterDataList .Item .ItemPrice2 {
    float: right;
    font-size: 9pt;
    color: #fe8484;
    text-decoration: line-through;
    height: 22px;
    width: 100%;
    text-align: right;
}

.ProductIndexRepeaterDataList .Item .ItemPrice1 {
    float: right;
    font-size: 11pt;
    color: #69a816;
    height: 25px;
    width: 100%;
    text-align: right;
}

.ProductIndexRepeaterDataList .Item .ShowMore {
    float: left;
    background-image: url(../Administrator/Files/Design/addtocart-min.png);
    width: 58px;
    height: 24px;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 20px;
}

/*-------------------------Step-------------------------*/
.NavBox {
    float: right;
    background-color: #fff;
    width: 90%;
    padding: 0 5% 0 5%;
    right: 0;
    border-bottom: dashed 2px #aaa;
}

.OrderRepairStep {
    float: right;
    width: 100%;
    overflow: hidden;
    height: 48px;
}

    .OrderRepairStep .Item {
        display: inline-table;
        text-align: center;
        font-size: 10pt;
        margin-top: 3px;
        margin-bottom: 10px;
        padding: 0px 0px 3px 0px;
        border-bottom: dashed 1px #888;
        color: #888;
        cursor: pointer;
        margin-right: 8px;
        margin-left: 8px;
    }

        .OrderRepairStep .Item:hover {
            color: #FB5235;
            border-bottom: solid 3px #fb5235;
        }

    .OrderRepairStep .Active {
        color: #FB5235;
        border-bottom: solid 3px #fb5235;
    }
/*-------------------------ProductDetail-------------------------*/
.ProductLeft {
    float: right;
    width: 35%;
    position: relative;
}

.ProductRight {
    float: left;
    width: 64%;
}

.HeightPic {
    float: right; /*height: 340px;*/
    width: 100%;
}

.ProductLeftCenter {
    float: right;
    width: 90%;
    border: solid 1px #eee;
    background-color: #fefefe;
    padding: 5%;
    position: relative;
    margin-top: 10px;
}

.ProductDetailCenter {
    float: right;
    width: 98%;
    border: 0;
    background-color: #fefefe;
    padding: 0px 1% 3px 1%;
    position: relative;
    padding-bottom: 20px;
    min-height: 515px;
}

.ProductDetailCenterRight {
    display: inline-block;
    width: 57%;
}

.ProductDetailCenterLeft {
    float: left;
    width: 41%;
    padding: 1%;
}

.ProductPath {
    width: calc(100% - 12px);
    border: solid 1px #eee;
    background-color: #fff;
    float: right;
    margin-top: 6px;
    margin-bottom: 5px;
    padding: 3px 5px 3px 5px;
}

    .ProductPath span {
        float: right;
        margin-right: 5px;
        color: #555;
    }

    .ProductPath a {
        float: right;
        margin-right: 5px;
        color: #555;
    }

        .ProductPath a:hover {
            color: #ff0000;
        }

.StatusDetail {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    z-index: 999;
}

.ProductDetailTitle {
    float: right;
    width: 130px;
    font-size: 10pt;
    color: #777;
    margin-left: 5px;
    text-align: left;
    margin-top: 5px;
}

.ProductDetailValue {
    float: right;
    font-size: 12pt;
    color: #333;
    text-align: right;
    margin-top: 2px;
    border: solid 1px #ddd;
    background-color: #fff;
    width: 250px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
}

.FieldTextBoxOption {
    float: right;
    width: 250px;
    font-size: 12pt;
    color: #333;
    cursor: pointer;
    border: solid 1px #ddd;
    background-color: #fff;
}

.ItemPriceMainPrice {
    color: #009735;
    font-size: 16pt;
}

.divPriceMainBox {
    margin-top: 30px;
}
/*------------------------------------Button-----------------------------*/
.ProductDetailButton {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: Transparent;
    float: right;
    padding-right: 59px;
    padding-left: 10px;
    text-align: right;
    height: 39px;
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 10px;
    color: #333;
    margin-right: 10px;
}

.ProductDetailBazdid {
    background-image: url(../Administrator/Files/Design/Bazdid.gif);
    padding: 0;
    height: 50px;
    width: 250px;
    border-radius: 0;
    margin-right: 0;
    float: right;
    margin-right: 130px;
}

.ProductDetailButtonAddBasket {
    background-image: url(../Administrator/Files/Design/ButtonBasket.png);
    margin-right: 30px;
    width: 358px;
    height: 55px;
    background-position: center right;
    transition: all 0.3s ease-out;
    padding: 0;
}

    .ProductDetailButtonAddBasket:hover {
        opacity: 0.7;
    }

.ProductDetailButtonCompare {
    border: 0;
    background-color: Transparent;
    cursor: pointer;
    background-image: url(../Administrator/Files/Design/Button2.png);
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
}

    .ProductDetailButtonCompare:hover {
    }

.ProductDetailButtonEttela {
    background-image: url(../Administrator/Files/Design/Button3.png);
    margin-right: 30px;
    padding: 0px;
    height: 55px;
    width: 358px;
    background-position: center left;
    transition: all 0.3s ease-out;
}

    .ProductDetailButtonEttela:hover {
        opacity: 0.7; /*---	background-position: center right; 	background-image: url(../Administrator/Files/Design/Button3.png);---*/
    }

.HyperLinkEtelaAlarm {
    float: right;
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    color: #4e4e4e;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
    background-image: url(../Administrator/Files/Design/AlarmEtela.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 55px;
    margin-top: 50px;
}

.ProductDetailButtonEttela2 {
    border: 0;
    background-color: Transparent;
    cursor: pointer;
    background-image: url(../Administrator/Files/Design/Button32.png);
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
}

.ProductDetailButtonCatalog {
    background-image: url(../Administrator/Files/Design/Button4.png);
    background-color: #ec7ef0;
    margin-right: 130px;
    padding-top: 6px;
    height: 33px;
    width: 177px;
}

    .ProductDetailButtonCatalog:hover {
        background-color: #f2adf4;
    }

.ProductDetailButton360 {
    background-image: url(../Administrator/Files/Design/Button11.png);
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
}

    .ProductDetailButton360:hover {
    }

.ProductDetailButtonOrderInsert2 {
    background-image: url(../Administrator/Files/Design/Button6.png);
    background-color: #41C91F;
    padding-top: 4px;
    height: 35px;
    float: left;
    margin-left: 0px;
    color: #fff;
}

.ProductDetailButtonOrderInsert3 {
    padding-top: 0;
    height: 39px;
}

.ProductDetailButtonOrderInsert2:hover {
    background-color: #48de25;
    color: #fff;
}

.ProductDetailButtonOrderInsert2Back {
    background-image: url(../Administrator/Files/Design/Button5.png);
    background-color: #777;
    padding-top: 4px;
    height: 35px;
    margin-right: 0px;
    margin-left: 10px;
    color: #fff;
}

    .ProductDetailButtonOrderInsert2Back:hover {
        background-color: #888;
        color: #fff;
    }

.ProductDetailButtonUser {
    background-image: url(../Administrator/Files/Design/Button8.png);
    background-color: #47ed21;
    margin-right: 145px;
}

    .ProductDetailButtonUser:hover {
        background-color: #4df590;
    }

.ProductDetailButtonUser2 {
    background-image: url(../Administrator/Files/Design/Button7.png);
    background-color: #47ed21;
    margin-right: 145px;
}

    .ProductDetailButtonUser2:hover {
        background-color: #4df590;
    }

.ProductDetailButtonFormsaz {
    background-image: url(../Administrator/Files/Design/Button6.png);
    background-color: #41C91F;
    color: #fff;
    margin-right: 145px;
}

    .ProductDetailButtonFormsaz:hover {
        background-color: #009910;
    }

.ProductDetailButtonFormsazCancel {
    background-image: url(../Administrator/Files/Design/Button5.png);
    background-color: #777;
    color: #fff;
    margin-right: 10px;
}

    .ProductDetailButtonFormsazCancel:hover {
        background-color: #999;
    }
/*------------------------------------ColorSize-----------------------------*/

.SizeTitleItem {
    float: right;
    width: 60px;
    margin-left: 10px;
    margin-top: 1px;
    border: 1px solid #DDD;
    padding-left: 10px;
    cursor: pointer;
    width: 108px;
    padding-bottom: 1px;
    padding-top: 2px;
    background-color: #fff;
}

.SizeTitleItem2 {
    background-color: #eee;
}

.FieldRadioRang td {
    border: solid 1px #ddd;
    margin-right: 10px;
    float: right;
    padding-top: 5px;
    padding-right: 10px;
    font-size: 11pt;
    padding-left: 10px;
    cursor: pointer;
    color: #333;
    margin-top: 2px;
    width: 100px;
    background-color: #fff;
}

    .FieldRadioRang td input {
        cursor: pointer;
    }

    .FieldRadioRang td:hover {
        color: #ff0000;
    }

.SizeTitle {
}

.FieldRadio2 {
    font-size: 11pt;
}

.ColorItem {
    width: 10px;
    height: 10px;
    float: right;
    margin-top: 4px;
    margin-left: 5px;
    margin-right: 2px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.FieldRadioRang .ColorDetail {
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 1px solid #ccc;
    margin-left: 5px;
    background-image: url( "../Administrator/Files/Design/glass.png" );
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    top: 2px;
    float: right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*-----------------ProductCompare--------------------*/
.ProductCompareBox {
    float: right;
    width: 100%;
    padding-bottom: 40px;
}

.ProductCompare {
    float: right;
    width: 96%;
    padding: 0 2% 0 2%;
}

.ProductCompareTitle {
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.ProductCompareItem {
    float: right;
    width: 100%;
    margin-top: 5px;
    background-color: #eee;
}

    .ProductCompareItem:hover {
        background-color: #ddd;
    }

        .ProductCompareItem:hover > .ProductCompareItemValueBox .ProductCompareItemValue {
            background-color: #cfcfcf;
        }

.ProductCompareItemTitle {
    float: right;
    width: 18%;
    padding: 5px 1% 5px 1%;
}

.ProductCompareItemValueBox {
    float: right;
    width: 80%;
}

.ProductCompareItemValue {
    float: right;
    width: 97.5%;
    background-color: #e5e5e5;
    padding: 5px 1% 5px 1%;
    text-align: justify;
    margin-right: 0.5%;
}
/*----------------------- ProductCompareSearch ------------------*/
.CompareSearchBoxTitle {
    float: right;
    text-align: right;
    font-size: 10pt;
    margin-right: 5px;
    margin-top: 30px;
}

.CompareSearchBox {
    padding: 0px;
    margin: 0px;
    height: 35px;
    float: right;
    width: 190px;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url(../Administrator/Files/Design/CompareSearchBox.png);
    font-size: 11pt;
}

.CompareTextBoxBox {
    float: right;
    width: 100%;
}

.CompareTextAutoCapmlet {
    float: right;
    text-align: justify;
}

.CompareTextBoxAutoCapmlet {
    color: #999;
    padding: 0;
    margin: 0;
    float: right;
    width: 150px;
    padding-left: 5px;
    background-color: Transparent;
    border: 0;
    height: 30px;
    border-radius: 0px;
    border: 0px;
    padding-right: 5px;
    margin-top: 2px;
}

.CompareAutoCamplet {
    margin-right: 1px;
    margin-top: 0px;
    border: solid 1px #d8d8d8;
    border-top: 0;
    width: 186px;
    float: right;
    z-index: 1000000000000;
    position: relative;
    top: 0;
    left: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    -moz-box-shadow: 0 3px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 3px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 3px 0 rgba(255,255,255,.4);
}

    .CompareAutoCamplet .Item {
        float: right;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
        text-align: right;
    }

        .CompareAutoCamplet .Item:hover {
            background-color: #eee;
        }

        .CompareAutoCamplet .Item .Title {
            float: right;
            margin-right: 7px;
            margin-left: 5px;
            color: #333;
            width: 125px;
            font-size: 9pt;
            text-align: justify;
            line-height: 180%;
        }

        .CompareAutoCamplet .Item img {
            float: right;
            width: 40px;
            height: 40px;
            border: solid 1px #ccc;
            margin-right: 5px;
            background-color: #fff;
        }

    .CompareAutoCamplet .Seprator {
        float: right;
        width: 100%;
        height: 1px;
        background-image: url(../Administrator/Files/Design/Sep.png);
        background-position: center;
    }

/*-----------------WhatchList--------------------*/
.ProductCompareTik {
    width: 100%;
    float: right;
}

.ProductCompareTikHidden {
    display: none;
}

.ProductCompareTikBox {
    width: 100%;
    float: right;
    margin-top: 20px;
    background-color: #eee;
    padding: 0px 0 20px 0;
    margin-bottom: 10px;
}

.ProductCompareTikTop {
    width: 100%;
    float: right;
}

.ProductCompareTikTopA {
    width: 100%;
    background-color: #777;
    color: #fff;
    float: right;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .ProductCompareTikTopA:hover {
        color: #ffff00;
    }

.ProductCompareTikTopOpen {
    background-position: 0 -56px;
}

    .ProductCompareTikTopOpen:hover {
        background-position: 0 -84px;
    }


.ProductCompareTikCenter {
    float: right;
    width: 100%;
}

.ProductCompareTikCenterOpen {
    display: block;
}

.ProductCompareTikShow {
    text-align: center;
    float: right;
    width: 100%;
    border: 0;
    margin: 0px;
}

    .ProductCompareTikShow .ItemBox {
        display: inline-block;
        width: 110px;
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 15px;
    }

    .ProductCompareTikShow .Item {
        float: right;
        background-color: #fff;
        border: solid 1px #ccc;
        width: 100%;
        height: 125px;
        margin-top: -10px;
    }

        .ProductCompareTikShow .Item:hover {
            border: solid 1px #555;
        }

            .ProductCompareTikShow .Item:hover > .ItemTitle {
                color: #ff0000;
            }

    .ProductCompareTikShow .ItemImage {
        max-width: 100px;
        height: 75px;
        margin-top: 5px;
        display: inline-block;
    }

    .ProductCompareTikShow .ItemTitle {
        width: 100%;
        float: right;
        height: 35px;
        font-size: 8pt;
        line-height: 150%;
        overflow: hidden;
        height: 34px;
        text-align: center;
        color: #333;
        margin-top: 7px;
    }

    .ProductCompareTikShow .ProductCompareTikItemDelete {
        float: left;
        width: 16px;
        height: 16px;
        background-image: url(../Administrator/Files/Design/Cancel.png);
        -moz-transition: all 0.01s ease-out;
        -o-transition: all 0.01s ease-out;
        -webkit-transition: all 0.01s ease-out;
        transition: all 0.01s ease-out;
        cursor: pointer;
        z-index: 999;
        position: relative;
    }

        .ProductCompareTikShow .ProductCompareTikItemDelete:hover {
            -webkit-transform: scale(1.16);
            -moz-transform: scale(1.16);
            -ms-transform: scale(1.16);
            -o-transform: scale(1.16);
            transform: scale(1.16);
        }
/*-----------------ProductCompareShow--------------------*/
.ProductItemInCompareShow {
    display: inline-block;
    background-color: #fff;
    border: solid 1px #ccc;
    width: 100%;
    height: 110px;
    text-align: center;
    max-width: 150px;
    margin-top: 7px;
}

    .ProductItemInCompareShow:hover {
        border: solid 1px #555;
    }

    .ProductItemInCompareShow .ProductItemInCompareShowDelete {
        float: left;
        width: 16px;
        height: 16px;
        background-image: url(../Administrator/Files/Design/Cancel.png);
        -moz-transition: all 0.01s ease-out;
        -o-transition: all 0.01s ease-out;
        -webkit-transition: all 0.01s ease-out;
        transition: all 0.01s ease-out;
        cursor: pointer;
        z-index: 999;
        position: relative;
        margin-top: -10px;
    }

        .ProductItemInCompareShow .ProductItemInCompareShowDelete:hover {
            -webkit-transform: scale(1.16);
            -moz-transform: scale(1.16);
            -ms-transform: scale(1.16);
            -o-transform: scale(1.16);
            transform: scale(1.16);
        }

    .ProductItemInCompareShow:hover > span {
        color: #ff0000;
    }

    .ProductItemInCompareShow img {
        max-width: 100px;
        height: 50px;
        margin-top: 5px;
        display: inline-block;
    }

    .ProductItemInCompareShow .Title {
        width: 100%;
        float: right;
        height: 35px;
        font-size: 9pt;
        line-height: 150%;
        overflow: hidden;
        height: 34px;
        text-align: center;
        color: #333;
        margin-top: 7px;
    }

        .ProductItemInCompareShow .Title:hover {
            color: #ff0000;
        }
/*-----------------WhatchList--------------------*/
.WatchList {
    bottom: 0px;
    right: 0px;
    position: fixed;
    width: 100%;
    overflow: hidden;
    z-index: 10000000000000000;
}

.WatchListHidden {
    display: none;
}

.WatchListBox {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.WatchListTop {
    height: 28px;
    width: 175px;
    display: inline-block;
    background-image: url(../Administrator/Files/Design/WatchList.png);
    cursor: pointer;
    font-size: 10pt;
    text-align: right;
    padding-top: 0px;
    padding-right: 36px;
}

    .WatchListTop:hover {
        background-position: 0 -28px;
    }

.WatchListTopOpen {
    background-position: 0 -56px;
}

    .WatchListTopOpen:hover {
        background-position: 0 -84px;
    }

.WatchListAllShow {
    height: 27px;
    display: inline-block;
    background-color: #fdeb6b;
    cursor: pointer;
    font-size: 9pt;
    text-align: right;
    padding-top: 1px;
    padding-right: 20px;
    padding-left: 20px;
    display: none;
}

.WatchListAllShowShow {
    display: none;
}

.WatchListCenter {
    min-height: 140px;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    border-top: solid 5px #fdeb6b;
    background-color: #fffad4;
    display: none;
    float: right;
}

.WatchListCenterOpen {
    display: block;
}

.WatchListShow {
    text-align: center;
    float: right;
    width: 100%;
    border: 0;
    margin: 0px;
}

    .WatchListShow .ItemBox {
        display: inline-block;
        width: 100px;
        margin-right: 9px;
        margin-left: 9px;
        margin-top: 5px;
    }

    .WatchListShow .Item {
        float: right;
        background-color: #f6f6f4;
        border: solid 1px #dddddd;
        width: 100px;
        height: 115px;
        -moz-transition: all 0.01s ease-out;
        -o-transition: all 0.01s ease-out;
        -webkit-transition: all 0.01s ease-out;
        transition: all 0.01s ease-out;
        -webkit-box-shadow: 0px 2px 6px #999999;
        -moz-box-shadow: 0px 2px 6px #999999;
        box-shadow: 0px 2px 6px #999999;
        border-radius: 4px;
    }

        .WatchListShow .Item:hover {
            -webkit-transform: scale(1.06);
            -moz-transform: scale(1.06);
            -ms-transform: scale(1.06);
            -o-transform: scale(1.06);
            transform: scale(1.06);
        }

    .WatchListShow .ItemImage {
        width: 80px;
        float: right;
        margin-right: 10px;
        height: 75px;
        margin-top: 5px;
    }

    .WatchListShow .ItemTitle {
        width: 90px;
        float: right;
        margin-right: 5px;
        margin-left: 5px;
        height: 35px;
        font-size: 8pt;
        line-height: 150%;
        overflow: hidden;
        height: 32px;
    }

    .WatchListShow .WatchListItemDelete {
        float: left;
        width: 16px;
        height: 16px;
        background-image: url(../Administrator/Files/Design/Cancel.png);
        -moz-transition: all 0.01s ease-out;
        -o-transition: all 0.01s ease-out;
        -webkit-transition: all 0.01s ease-out;
        transition: all 0.01s ease-out;
        cursor: pointer;
    }

        .WatchListShow .WatchListItemDelete:hover {
            -webkit-transform: scale(1.16);
            -moz-transform: scale(1.16);
            -ms-transform: scale(1.16);
            -o-transform: scale(1.16);
            transform: scale(1.16);
        }

.WatchListStar {
    float: left;
    height: 16px;
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 10px;
    color: #333;
    margin-right: 10px;
    background-image: url(../Administrator/Files/Design/WatchListButton.png);
    width: 16px;
}

.WatchListStar2 {
}

.WatchListStarDetail {
}

.WatchListStar:hover {
    background-position: right -16px;
}

.WatchListStarActive {
    background-position: right -16px;
}

/*-----------------GridShoping--------------------*/

.GridShoping {
    width: 99%;
    text-align: center;
    margin-top: 20px;
    border: solid 1px #ccc;
    display: inline-table;
    border-right: solid 2px #ccc;
    border-top: solid 2px #ccc;
}

.GridShopingMargin {
    margin-bottom: 20px;
    margin-top: 10px;
}

.GridShoping tbody {
    border-collapse: inherit;
}

.GridShoping .GridShopingHeader {
    text-align: center;
    background-color: #ddd;
    font-weight: normal;
}

    .GridShoping .GridShopingHeader th {
        font-weight: normal;
        padding: 5px 3px 5px 3px;
        font-size: 11pt;
        border: 0;
        border-left: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        vertical-align: middle;
        min-width: 110px;
    }

.GridShopingDelete {
    min-width: 50px !important;
}

.GridShoping .GridShopingItem {
    background-color: #fff;
}

.GridShoping .GridShopingItem2 {
    background-color: #fafafa;
}

.GridShoping .GridShopingItem:hover {
    background-color: #eee;
}

.GridShoping .GridShopingItem2:hover {
    background-color: #eee;
}

.GridShoping .GridShopingItem td, .GridShoping .GridShopingItem2 td {
    border: 0;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
    text-align: center;
}

.GridShoping .ItemTitleCell {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.GridShoping .Row {
    text-align: right !important;
}

    .GridShoping .Row a {
        color: #333;
    }

        .GridShoping .Row a:hover {
            color: #ff0000;
        }

.GridShoping .ColorDetail {
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    cursor: pointer;
    float: right;
    margin-top: 4px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.FactorRegisterCalc {
    display: inline-block;
    width: 99%;
    border: solid 1px #ccc;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 0;
}

.FactorRegisterCalcRow {
    float: right;
    width: 96%;
    font-size: 10pt;
    padding: 5px 2% 5px 2%;
    color: #777;
    border-bottom: solid 1px #ccc;
}

    .FactorRegisterCalcRow:hover {
        background-color: #eee;
    }

.FactorRegisterCalcRow2 {
    background-color: #f7fff7;
    color: #025102;
    font-size: 12pt;
}

.FactorRegisterCalcTitle {
    float: right;
}

.FactorRegisterCalcField {
    float: left;
    width: 120px;
    text-align: center;
    letter-spacing: 2px;
}

.FactorRegisterCalcFieldNormal {
    letter-spacing: normal;
}

.FactorRegisterCalcUnit {
    float: left;
    width: 50px;
    text-align: right;
}

/*-------------------SendInformation----------------------*/
.SendInformation {
    display: inline-block;
    width: 99%;
    border: solid 1px #ccc;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 0;
}

.SendInformationItem {
    float: right;
    width: 100%;
    border-bottom: solid 1px #ccc;
}

    .SendInformationItem:hover {
        background-color: #eee;
    }

.SendInformationItemImage {
    float: right;
    padding: 1%;
    margin-top: 2px;
}

    .SendInformationItemImage img {
        display: inline-block;
        width: 26px;
        height: 26px;
    }

.SendInformationItemText {
    padding: 1%;
}

    .SendInformationItemText span {
        color: #008000;
    }

/*-------------------Field----------------------*/
.FieldTitle {
    float: right;
    width: 140px;
    text-align: left;
    margin-top: 2px;
}

.FieldTextBox {
    float: right;
    width: 200px;
    background-color: #fff;
    border: solid 1px #ccc;
    font-size: 11pt;
    margin-right: 5px;
    padding: 0 5px 0 5px;
}

.FieldTextBoxDrop {
    width: 220px;
    cursor: pointer;
    margin-bottom: 5px;
}

.DropDownList2Box, .DropDownList3Box, .DropDownList4Box {
    display: none;
}

.RowTextTik {
    float: right;
    margin-top: 0px;
    margin-left: 10px;
}

.FieldUnit {
    color: #999;
    float: right;
    margin-right: 5px;
    margin-top: 2px;
}

.FieldTextBoxArea {
    width: 500px;
    height: 100px;
}

.FieldDropDownList {
    width: 210px;
}

.FieldRadioButton {
    width: auto;
    border: 0;
}

.FieldTextBoxSmall {
    width: 110px;
}

.FieldTextBoxLeft {
    text-align: left;
    direction: ltr;
}

.ValidationNormal {
    color: #ff0000;
    float: right;
    margin-right: 5px;
}

.Validation {
    color: #ff0000;
    float: right;
    width: 100%;
    text-align: center;
}

.ValidationGreen {
    color: #008000;
}

.FieldCaptcha {
    float: right;
    margin-right: 5px;
}

.FieldForgot {
    float: right;
    color: #005aff;
    margin-right: 20px;
    margin-top: 15px;
}

    .FieldForgot:hover {
        color: #ff0000;
    }

.divcls {
    border: 0;
    padding: 0;
    margin: 0;
}

    .divcls img {
        float: right;
        margin-top: 6px;
        margin-right: 6px;
        padding: 0;
        border: 0;
    }
/*-------------------------OrderInsertStep-------------------------*/
.OrderInsertStep {
    float: right;
    width: 100%;
    padding-top: 5px;
    background-image: url(../Administrator/Files/Design/OrderInsertStep.png);
    background-position: 0 26px;
    background-repeat: repeat-x;
    padding-bottom: 5px;
    text-align: center;
}

    .OrderInsertStep .Item {
        display: inline-block;
        text-align: center;
        font-size: 10pt;
        padding: 0px 15px 0px 15px;
        color: #000;
        cursor: pointer;
        margin: 0 15px 0 15px;
        padding-top: 50px;
        background-position: top center;
        background-repeat: no-repeat;
        background-image: url(../Administrator/Files/Design/OrderInsertStepItem.png);
    }

        .OrderInsertStep .Item:hover {
            color: #ff0000;
        }

    .OrderInsertStep .ItemNow {
        color: #008000;
        background-image: url(../Administrator/Files/Design/OrderInsertStepNow.png);
    }

    .OrderInsertStep .Active {
        color: #008000;
        background-image: url(../Administrator/Files/Design/OrderInsertStepTik.png);
    }

/*-------------------------UserOrderDetailStep-------------------------*/
.UserOrderDetailStep {
    float: right;
    width: 100%;
    padding-top: 35px;
    background-image: url(../Administrator/Files/Design/OrderInsertStep.png);
    background-position: 0 56px;
    background-repeat: repeat-x;
    padding-bottom: 25px;
    text-align: center;
}

    .UserOrderDetailStep .Item {
        display: inline-block;
        text-align: center;
        font-size: 10pt;
        padding: 0;
        color: #000;
        margin: 0 15px 0 15px;
        padding-top: 50px;
        background-position: top center;
        background-repeat: no-repeat;
        background-image: url(../Administrator/Files/Design/OrderInsertStepItem.png);
    }

        .UserOrderDetailStep .Item:hover {
        }

    .UserOrderDetailStep .ItemNow {
        color: #008000;
        background-image: url(../Administrator/Files/Design/OrderInsertStepNow.png);
    }

    .UserOrderDetailStep .Active {
        color: #008000;
        background-image: url(../Administrator/Files/Design/OrderInsertStepTik.png);
    }

/*-----------------UserAddressGrid--------------------*/
.UserAddressGrid {
    float: right;
    width: 100%;
    text-align: center;
}

.UserAddressGridItem {
    display: inline-block;
    width: 99%;
    border: solid 1px #999;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #999;
}

.UserAddressGridItemActive {
    color: #008000;
    box-shadow: 0px 0px 7px #999;
    border: solid 1px #008000;
    background-color: #f9f9f9;
}

.UserAddressGridItemName {
    float: right;
    width: 100%;
    border-bottom: dashed 1px #ddd;
    padding-bottom: 5px;
}

.UserAddressGridItemRadio {
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    cursor: pointer;
}

.UserAddressGridItemName label {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}

    .UserAddressGridItemName label:hover {
        color: #ff0000;
    }

.UserAddressGridItemOstanCity {
    float: right;
    width: 20%;
    text-align: right;
    padding: 5px 2% 5px 2%;
}

.UserAddressGridItemAddress {
    float: right;
    width: 48%;
    text-align: right;
    padding: 5px 2% 5px 2%;
}

.UserAddressGridItemCellTell {
    float: left;
    width: 20%;
    text-align: left;
    padding: 5px 2% 5px 2%;
}

.RowAddress {
    float: right;
    width: 100%;
}

.UserAddressGridItemDelete {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    background-image: url(../Administrator/Files/Design/UserAddressGridItemDelete.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 23px;
    color: #ff0000;
    cursor: pointer;
    font-size: 10pt;
}

    .UserAddressGridItemDelete:hover {
        color: #000;
    }

.UserAddressGridItemUpdate {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    background-image: url(../Administrator/Files/Design/UserAddressGridItemUpdate.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 23px;
    color: #0000ff;
    cursor: pointer;
    font-size: 10pt;
}

    .UserAddressGridItemUpdate:hover {
        color: #000;
    }

.ValidationUserAddress {
    float: right;
    color: #ff0000;
    text-align: center;
    width: 100%;
    display: none;
    margin-top: 10px;
}

.UserAddressButton {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: Transparent;
    float: right;
    padding-right: 64px;
    padding-left: 10px;
    text-align: right;
    height: 39px;
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 10px;
    color: #fff;
    margin-right: 10px;
    font-family: IRANSans, Tahoma;
}

.UserAddressButtonInsert {
    background-image: url(../Administrator/Files/Design/Button9.png);
    background-color: #4dd02f;
    margin-right: 145px;
}

    .UserAddressButtonInsert:hover {
        background-color: #4fe12e;
    }

.UserAddressButtonCancel {
    background-image: url(../Administrator/Files/Design/Button10.png);
    background-color: #ff5555;
    margin-right: 10px;
}

    .UserAddressButtonCancel:hover {
        background-color: #ff8080;
    }

.UserAddressModalTop {
    float: right;
    width: 100%;
    font-size: 12pt;
    background-color: #008000;
    padding: 10px 0 10px 0;
    color: #fff;
}

.UserAddressModalCenter {
    display: inline-block;
    width: 94%;
    padding: 10px 3% 0 3%;
}

.UserAddressNew {
    display: inline-block;
    padding-right: 64px;
    padding-left: 10px;
    text-align: right;
    height: 35px;
    padding-top: 4px;
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    background-image: url(../Administrator/Files/Design/Button9.png);
    background-color: #4dd02f;
}

    .UserAddressNew:hover {
        background-color: #4fe12e;
        color: #fff;
    }
/*-----------------OstanCityGrid--------------------*/
.OstanCitySendGrid {
    float: right;
    width: 100%;
    text-align: center;
}

.OstanCitySendGridItem {
    display: inline-block;
    width: 99%;
    border: solid 1px #999;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #999;
}

.OstanCitySendGridItemActive {
    color: #008000;
    box-shadow: 0px 0px 7px #999;
    border: solid 1px #008000;
    background-color: #f9f9f9;
}

.OstanCitySendGridItemPic {
    float: right;
    width: 8%;
    text-align: center;
    padding: 15px 1% 15px 1%;
}

    .OstanCitySendGridItemPic pic {
        max-width: 100%;
        display: inline-block;
    }

.OstanCitySendGridItemTitle {
    float: right;
    width: 72%;
    padding-bottom: 5px;
    padding-right: 1%;
    padding-left: 1%;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
}

.OstanCitySendGridItemText {
    float: right;
    width: 100%;
    margin-top: 5px;
    font-size: 10pt;
    color: #999;
    text-align: justify;
    min-height: 35px;
}

.OstanCitySendGridItemRadio {
    float: right;
    margin-top: 15px;
    cursor: pointer;
}

.OstanCitySendGridItemTitle label {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}

    .OstanCitySendGridItemTitle label:hover {
        color: #ff0000;
    }

.OstanCitySendGridItemPrice {
    float: right;
    width: 13%;
    padding-left: 1%;
    padding-right: 1%;
}

    .OstanCitySendGridItemPrice .RowPrice1 {
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }

    .OstanCitySendGridItemPrice .RowPrice2 {
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 5px;
        font-size: 13pt;
    }

.OstanCitySendGridItemActive .OstanCitySendGridItemPrice {
    color: #008000;
}

.ErrorUserAddress {
    display: inline-block;
    width: 100%;
    color: #ff0000;
    display: none;
}
/*-----------------UserPaymentGrid--------------------*/
.UserPaymentGrid {
    float: right;
    width: 100%;
    text-align: center;
}

.UserPaymentGridItem {
    display: inline-block;
    width: 99%;
    border: solid 1px #999;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #999;
}

.UserPaymentGridItemActive {
    color: #008000;
    box-shadow: 0px 0px 7px #999;
    border: solid 1px #008000;
    background-color: #f9f9f9;
}

.UserPaymentGridItemPic {
    float: right;
    width: 8%;
    text-align: center;
    padding: 15px 1% 15px 1%;
}

    .UserPaymentGridItemPic img {
        max-width: 100%;
        display: inline-block;
    }

.UserPaymentGridItemTitle {
    float: right;
    width: 87%;
    padding-bottom: 5px;
    padding-right: 1%;
    padding-left: 1%;
    border-right: solid 1px #999;
}

.UserPaymentGridItemText {
    float: right;
    width: 100%;
    margin-top: 5px;
    font-size: 10pt;
    color: #999;
    text-align: justify;
    min-height: 35px;
}

.UserPaymentGridItemRadio {
    float: right;
    margin-top: 15px;
    cursor: pointer;
}

.UserPaymentGridItemTitle label {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}

    .UserPaymentGridItemTitle label:hover {
        color: #ff0000;
    }
/*-----------------OrderDiscountBox--------------------*/

.OrderDiscountBox {
    display: inline-block;
    width: 99%;
    border: solid 1px #999;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #999;
}

.OrderDiscountBoxPic {
    float: right;
    width: 8%;
    text-align: center;
    padding: 12px 1% 0px 1%;
}

    .OrderDiscountBoxPic img {
        max-width: 100%;
        display: inline-block;
    }

.OrderDiscountBoxText {
    float: right;
    width: 87%;
    border-right: solid 1px #999;
    padding: 13px 1% 13px 1%;
    color: #999;
    text-align: justify;
    font-size: 10pt;
}

.OrderDiscountBoxTextSpan {
    float: right;
    margin-top: 6px;
}

.OrderDiscountBoxTextTextBox {
    margin-right: 10px;
    margin-top: 5px;
}

.OrderDiscountBoxTextValidation {
    margin-top: 8px;
}

.OrdrDiscountButton {
    float: right;
    margin-top: 0;
    margin-right: 10px;
}
/*-----------------News--------------------------*/
.Box .BoxCenter .Back {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #707070;
    min-width: 160px;
}

    .Box .BoxCenter .Back:hover {
        color: Red;
    }

.Box .BoxCenter .DateRegister {
    float: right;
    color: #707070;
    margin-top: 5px;
    margin-bottom: 5px;
}

.Box .BoxCenter .SepTop {
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    color: #707070;
    margin-top: 5px;
    margin-bottom: 5px;
}
/*----------------------UserProfileItem-------------------------*/
.UserProfileItemName {
    float: left;
    margin-left: 20px;
    font-size: 11pt;
    color: #7a7a7a;
    margin-top: 5px;
    border-bottom: solid 3px #d6d6d6;
    padding: 0px 15px 5px 15px;
}

.UserProfileItemImage {
    float: left;
    margin-left: 20px;
    width: 100px;
    height: 100px;
}

.UserProfileItem {
    display: inline-block;
    padding: 0px 15px 5px 15px;
    margin: 5px;
    border-bottom: solid 3px #d6d6d6;
    font-size: 11pt;
    color: #7a7a7a;
    text-align: center;
}

    .UserProfileItem:hover {
        color: #7a7a7a;
        border-bottom: solid 3px #0fc43d;
    }

.UserProfileItemActive {
    border-bottom: solid 3px #0fc43d;
    color: Red;
    color: #7a7a7a;
}

/*-----------------------navCategory ------------------*/
.navCategory {
    margin-top: 12px;
    padding: 0;
    list-style: none;
    float: right;
    width: 100%;
    position: relative;
    z-index: 9999;
}

    .navCategory li {
        float: right;
        display: block;
        position: relative;
        z-index: 400;
        margin-top: 0;
        height: 59px;
        z-index: 99;
        margin-left: 5px;
        margin-right: 0px;
    }

        .navCategory li:hover > a.SubMenu2 {
            color: #ffff00;
        }

    .navCategory img {
        min-width: 24px;
        float: right;
        min-height: 24px;
    }

    .navCategory li span {
        float: right;
        margin-right: 10px;
        margin-top: 9px;
    }

    .navCategory li a {
        float: right;
        padding: 0;
        text-align: center;
        height: 57px;
        color: #fff;
        padding-left: 8px;
        padding-right: 9px;
        font-size: 12pt;
        font-weight: normal;
    }

    .navCategory ul li a {
        font-weight: normal;
    }

.navCategoryDivBoxBox {
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.navCategoryDiv {
    position: absolute;
    width: 100%;
    display: none;
    top: 59px;
    z-index: 10000;
    background-image: url(../Administrator/Files/Design/CategoryMenu.png);
    background-color: #fafafa;
    background-repeat: repeat-y;
    background-position: right top;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0px 5px 10px #555;
    padding-bottom: 10px;
}

.navCategory ul {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
    width: 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
    min-height: 250px;
}

    .navCategory ul .SubMenu2Box {
        width: 230px;
        float: right;
        margin: 0;
        padding: 0;
        margin-right: 10px;
        min-height: 1px;
    }

    .navCategory ul li {
        width: 230px;
        float: right;
        margin: 0;
        padding: 0;
        height: auto;
        margin-top: 10px;
    }

        .navCategory ul li:hover > .SubMenu2 {
            color: #0000FF !important;
        }

        .navCategory ul li .SubMenu2 {
            height: auto;
            margin: 0;
            padding: 0;
            color: #16C1F3;
            font-size: 11pt;
            width: 100%;
            font-weight: bold;
            text-align: right;
        }

.navCategory .SubMenu3 {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
    float: right;
    text-align: right;
    color: #555;
    margin-top: 5px;
}

.navCategorybulletMenu {
    background-image: url(../Administrator/Files/Design/arrowdown3.png);
    width: 5px;
    height: 8px;
    float: right;
    margin-top: 11px;
    margin-left: 5px;
    margin-right: 10px;
}

.navCategory .SubMenu3:hover {
    color: #ff0000;
}

.navCategory .ArrowDown {
    border: 0px;
    padding: 0px;
    margin-right: 5px;
}

.navCategory .ArrowDown2 {
    border: 0px;
    padding: 0px;
    margin-top: 9px;
    float: left;
}

.ArrowDown2 {
    border: 0px;
    padding: 0px;
    margin-top: 9px;
    float: left;
}
/*-----------------backtotop--------------------*/
.backtotop {
    display: none;
    position: fixed;
    cursor: pointer;
    right: 10px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    background-image: url(../Administrator/Files/Design/circlearr.png);
    background-color: #777;
    transition: all 0.3s ease;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    z-index: 99999999;
}

    .backtotop:hover {
        background-color: #000;
    }

/*-----------------------navLogin ------------------*/

.HeaderTop .ItemLeft {
    float: left;
    margin-top: 6px;
    color: #000;
    font-size: 10pt;
    padding: 0px 5px 0px 5px;
}

    .HeaderTop .ItemLeft img {
        float: right;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        margin-top: 5px;
    }

    .HeaderTop .ItemLeft:hover {
        color: #ff0000;
    }

.navLogin {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

    .navLogin li {
        float: right;
        display: block;
        position: relative;
        z-index: 99999;
        margin: 0;
        padding: 0;
    }

        .navLogin li:hover > a {
            color: #ff0000;
        }

        .navLogin li a {
            display: block;
            font-size: 10pt;
            color: #000;
            padding: 0px 10px 0px 10px;
            text-decoration: none;
            cursor: pointer;
            margin-top: 8px;
        }

            .navLogin li a .icon {
                float: right;
                width: 16px;
                height: 16px;
                margin-left: 5px;
                margin-top: 5px;
            }

    .navLogin ul {
        position: absolute;
        right: 0;
        display: none;
        margin: 0 0 0 -1px;
        padding: 0;
        list-style: none;
        padding-top: 12px;
        background-repeat: no-repeat;
        background-position: right top;
        z-index: 9999999999999999;
    }

        .navLogin ul li {
            width: 200px;
            float: right;
            margin: 0;
            padding: 0;
        }

            .navLogin ul li:hover > a {
                color: #ffff00;
            }

        .navLogin ul a {
            margin: 0;
            display: block;
            height: 30px;
            padding: 7px 5px 3px 5px;
            text-align: right;
            background-image: none;
            background-color: #444;
            border: 0;
            border-bottom: solid 1px #666;
            color: #fff;
        }

        .navLogin ul.submenu ul {
            position: absolute;
            right: 200px;
            display: none;
            top: 0px;
            padding: 0;
            list-style: none;
        }

    .navLogin .ArrowDown {
        border: 0px;
        padding: 0px;
        margin-right: 5px;
    }

blockquote {
    border: solid 1px gray;
    margin: 40px;
    padding: 10px;
    background-color: #FFFFCC;
    line-height: 100%;
    text-align: center;
}
/*-----------------------SharingDealRight ------------------*/

.SharingDealRight {
    float: right;
    font-size: 13pt;
    margin-right: 10px;
    color: #555;
}

.SharingDeal {
    float: right;
    width: 25px;
    height: 25px;
    background-image: url(../Administrator/Files/Design/Sharing.png);
    margin-right: 10px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-top: 2px;
}

.SharingDeal1 {
    background-position: 0 0;
}

    .SharingDeal1:hover {
        background-position: 0 -25px;
    }

.SharingDeal2 {
    background-position: -25px 0;
}

    .SharingDeal2:hover {
        background-position: -25px -25px;
    }

.SharingDeal3 {
    background-position: -50px 0;
}

    .SharingDeal3:hover {
        background-position: -50px -25px;
    }

.SharingDeal4 {
    background-position: -75px 0;
}

    .SharingDeal4:hover {
        background-position: -75px -25px;
    }

.SharingDeal5 {
    background-position: -100px 0;
}

    .SharingDeal5:hover {
        background-position: -100px -25px;
    }

/*------------------ProductDetailSpecial-----------------*/
.ProductDetailSpecial {
    float: right;
    width: 96%;
    background-color: #fff5f5;
    padding: 10px 2% 10px 2%;
    text-align: center;
}

.ProductDetailSpecialTimer {
    float: left;
    direction: ltr;
}

.ProductDetailSpecialImage {
    float: right;
    margin-top: 12px;
}

.ProductDetailSpecialBox {
    float: left;
}

.ProductDetailSpecial1 {
    background-color: #ff5252;
    float: left;
    padding: 7px 15px 6px 15px;
    color: #fff;
    font-size: 12pt;
}

.ProductDetailSpecial2 {
    background-color: #e54949;
    float: left;
    padding: 7px 15px 6px 15px;
    margin-left: 20px;
    color: #fff;
    font-size: 14pt;
}

/*--------------------------------------Review---------------------------------------*/
.ReviewBoxBox {
    display: inline-block;
    width: 232px;
    border: solid 1px #eee;
    padding: 10px;
    margin: 10px 13px;
    font-size: 10pt;
    color: #888;
}

.ReviewTitle {
    float: right;
    width: 100%;
    text-align: right;
}

.ReviewBox {
    float: right;
    width: 100%;
    margin-top: 5px;
}

    .ReviewBox .nstSlider {
        float: right;
    }

        .ReviewBox .nstSlider .rightGrip, .ReviewBox .nstSlider .leftGrip {
            text-align: center;
            line-height: 140%;
            font-size: 12pt;
            background-color: green;
            color: #fff;
        }

.ReviewValue {
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 5px;
    font-size: 9pt;
}

    .ReviewValue .ReviewValueBox {
        float: left;
        color: green;
        font-size: 12pt;
        width: 150px;
        border: solid 1px #ddd;
        text-align: left;
    }

        .ReviewValue .ReviewValueBox span {
            float: left;
            background-color: #eee;
            text-align: left;
            padding-left: 2%;
        }

.span1 {
    float: right;
    text-align: center;
    font-size: 16pt;
    color: Red;
    width: 100%;
    margin-top: 20px;
}

.span2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 14pt;
    margin-top: 20px;
    color: #000;
}

.ProductDetailButtonUser3 {
    float: none !important;
    display: inline-table;
    margin: 0 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}


.FieldTitlePaymentBoxBox {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.FieldTitlePaymentBox {
    display: inline-block;
    width: 300px;
    border: double 3px #ccc;
    padding: 10px;
    margin-top: 10px;
    background-color: #f3f3f3;
}

.FieldTitlePaymentError {
    float: right;
    width: 100%;
    font-size: 13pt;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    color: Red;
}

.FieldTitlePaymentTitle {
    float: right;
    width: 100px;
    text-align: left;
    font-weight: bold;
    font-size: 10pt;
}

.FieldTitlePayment {
    float: right;
    width: 140px;
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
}

.FieldTitlePaymentUnit {
    float: right;
    font-weight: bold;
    font-size: 10pt;
}


.UserAddressModalCenter .DropDownList2Box {
    display: block !important;
}



.TextCatDetail {
    position: relative;
    overflow: hidden;
    text-align: justify;
}

    .TextCatDetail:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0px;
        height: 65px;
        z-index: 1;
        background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#00ffffff',endColorstr= '#ffffff',GradientType=0);
    }

.TextCatDetailOpen {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    display: none;
}

.without-after-element:after {
    content: none;
}


/*-------------------------Eshterak-------------------------*/
.Eshterak {
    float: left;
    position: relative;
    width: 16px;
    height: 16px;
    background-image: url(../Administrator/Files/Design/Share.png);
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 10px;
}

    .Eshterak:hover .EshterakBox {
        display: block;
    }

.EshterakBox {
    position: absolute;
    left: -80px;
    top: 16px;
    background-color: #aaa;
    border: solid 1px #000;
    border-radius: 5px;
    width: 185px;
    z-index: 999;
    padding: 5px 0;
    display: none;
}


.UserRes {
    display: none;
    cursor: pointer;
    position: fixed;
    top: 15px;
    left: 50px;
    width: 30px;
    height: 30px;
    z-index: 9999999999999999;
    background-image: url(../Administrator/Files/Design/user.png);
    background-size: 100% 100%;
}

.SearchRes {
    display: none;
    cursor: pointer;
    position: fixed;
    top: 15px;
    left: 85px;
    width: 30px;
    height: 30px;
    z-index: 9999999999999999;
    background-image: url(../Administrator/Files/Design/search.png);
    background-size: 100% 100%;
}

/* ====================BoxSmallSearchResButton================ */



.FixHeight200 {
    overflow: auto;
    max-height: 200px;
}

.BoxSmallSearch .DivClose {
    display: none;
}

.BoxSmallSearch .DivOpenTop {
    cursor: pointer;
    text-align: right;
    padding-right: 10px;
    width: calc(100% - 10px);
    position: relative;
}


    .BoxSmallSearch .DivOpenTop:before {
        content: "ߍ";
        position: absolute;
        left: 16px;
        top: 50%;
        -webkit-transform: rotate(180deg) translateY(60%);
        transform: rotate(180deg) translateY(60%);
        transition: all .3s ease-in-out;
    }

.BoxSmallSearch .DivOpenedTop:before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.SortLink:hover {
    border-color: #eee;
}

.SortLink {
    cursor: pointer;
    font-size: 10pt;
    float: right;
    margin-right: 10px;
    color: #4a5f73;
    border-radius: 10px;
    padding: 1px 10px 2px 10px;
    margin-top: 1px;
}

.SortLinkActive {
    background-color: #00bfd6;
    color: #fff;
}

.DropDownListSorting {
    display: none;
}

.TextBoxSearchTitle {
    height: 32px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
}

.switchHelp {
    float: left;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.Waiting .Item {
    opacity: 0.1;
    position: relative;
}

.Waiting:before {
    content: url('../Administrator/Files/Design/load.gif');
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    z-index: 9999999;
}

.CategoryProductBrandTextBoxBox {
    position: relative;
    float: right;
    width: 100%;
}

.CategoryProductBrandTextBox {
    width: calc(100% - 42px);
    margin-bottom: 10px;
    float: right;
    cursor: auto !important;
    height: 30px;
    padding-right: 10px;
    padding-left: 30px;
    font-size: 9pt;
}

.CategoryProductBrandTextBoxBox:before {
    content: "🔍";
    position: absolute;
    left: 5px;
    top: 12px;
    font-size: 24px;
    z-index: 999;
}

.SearchTopLeft {
    float: left;
}

.BoxRang {
}

    .BoxRang .BoxTopRang h1 {
        background: none;
        margin-right: 5px;
        padding-right: 0;
        margin-top: 2px;
        color: #000;
    }

.TextDetail {
    text-align: justify;
    padding: 0 10px;
    width: calc(100% - 20px);
}

.TedadMahsool {
    float: right;
    font-size: 9pt;
    margin-right: 10px;
    padding-right: 5px;
    margin-top: 3px;
}

.BoxSmallSearchFix {
    float: right;
    width: 100%;
}

.BoxProductShowLeft .SlidePicture {
    width: 100%;
}