﻿
body {
    color: #383838;
}


/* -------------------------*/
.Dir_LTR {
    direction: ltr;
    text-align: left;
}

.Dir_RTL {
    direction: rtl;
    text-align: right;
}
/* -------------------------*/



.box-sizing_border-box, .box-sizing_border-box * {
    /*applly to box-sizing_border-box class and all its contents */
    box-sizing: border-box;
}


.box-sizing_content-box, .box-sizing_content-box * {
    /*applly to box-sizing_content-box class and all its contents */
    /* content-box is the Default value */
    box-sizing: content-box;
}


.Display_Block {
    /*
        https://stackoverflow.com/questions/31444891/mystery-white-space-underneath-image-tag/31445364#31445364    
     */
    display: block;
}


.Vertical_Top {
    /*
        https://stackoverflow.com/questions/31444891/mystery-white-space-underneath-image-tag/31445364#31445364    
     */
    vertical-align: top;
}


a img {
    /* This is very important to remove any border
       on any Img inside any Anchor tag. */
    border-width: 0px;
}


div img {
}

a:link, a:visited {
    color: #1753AC;
    text-decoration: none;
}

a:hover {
    color: #CC0000;
    text-decoration: underline;
}



.DefaultPicImg {
    border: 1px solid #CCCCCC;
    cursor: pointer;
}


.DefaultPicImgNoImage {
    border: 1px solid #CCCCCC;
}

.SmallPicsImg {
}



/* ------------------------ */
.MsgHint {
    border-collapse: collapse;
    border-spacing: 0;
}

    .MsgHint td {
        border-width: 0;
        vertical-align: middle;
        line-height: normal;
    }


        .MsgHint td img {
            margin: 3px;
        }

/* ------------------------ */


.ImageAsLinkWithNoBorder {
    border-width: 0px;
}


.SmallPicsCell {
    width: 75px;
    height: 75px;
    border: 1px solid #CCCCCC;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.SmallPicsDivWhenMorePicRows {
    width: 292px;
    height: 115px;
    overflow-y: scroll;
    border: 1px dotted #a4a4a4;
    padding: 2px;
}




.CertTable {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border-spacing: 0;
}


.CertTextCell {
    font-size: small;
    color: gray;
}

.cellHeigth1 {
    line-height: 1px;
}





/* ------------------------ */
.rf {
    color: Gray;
}

.rfm {
    color: Gray;
    font-size: smaller;
}

.rfs {
    color: Gray;
    font-size: x-small;
}

.rfn {
    color: Gray;
    font-weight: normal;
}

.gi {
    color: Gray;
    font-style: italic;
}

.bb {
    font-weight: bold;
}


.butHeightMed {
    height: 24px;
}

.butHeight {
    height: 28px;
}

.butHeightBig {
    height: 32px;
}


.butPaddingwidth0 {
    padding: 0 5px 0 5px;
}

.butPaddingwidth1 {
    padding: 0 10px 0 10px;
}

.butPaddingwidth2 {
    padding: 0 25px 0 25px;
}


.butPaddingwidth3 {
    padding: 0 30px 0 30px;
}

/* ------------------------ */




/* ------------------------ */
.NoPaddingNoSpacingTable {
    border-collapse: collapse;
    border-spacing: 0;
}

    .NoPaddingNoSpacingTable td {
        padding: 0;
    }
/* ------------------------ */



/* ------------------------ */
.butSt1 {
    font-weight: bold;
    color: White;
    border: 1px solid #296BA9;
    background-color: #3399FF;
    background-image: url('/images/Butg1.jpg');
    cursor: pointer;
    /*-------- */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.butSt2 {
    font-weight: bold;
    color: White;
    border: 1px solid #34A25D;
    background-color: #60CC89;
    background-image: url('/images/Butg3.jpg');
    cursor: pointer;
    /*-------- */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.butred {
    font-weight: bold;
    color: White;
    border: 1px solid #B03636;
    background-color: #C94F4C;
    background-image: url('/images/Butg4.jpg');
    cursor: pointer;
    /*-------- */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.butgray {
    font-weight: bold;
    color: White;
    border: 1px solid #7291AC;
    background-color: #7291AC;
    background-image: url('/images/Butg2.jpg');
    cursor: pointer;
    /*-------- */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.butWhite {
    font-weight: bold;
    color: #434343;
    border: 1px solid #7291AC;
    background-color: #D7E1EA;
    background-image: url('/images/Butg5.jpg');
    cursor: pointer;
    /*-------- */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.butDisabled {
    font-weight: bold;
    border: 1px solid #CCCCCC;
    background-image: none;
    cursor: not-allowed;
    /*-------- */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* ------------------------ */





/* ------------------------ */
.ItemDisplaySmallTable {
    border-collapse: collapse;
    border-spacing: 0px;
}


    .ItemDisplaySmallTable td {
        vertical-align: top;
        text-align: center;
        background-color: transparent;
        border: 1px dotted #C5C5C5;
    }

        .ItemDisplaySmallTable td.Empty {
            background-color: transparent;
            border: 0px none transparent;
        }
/* ------------------------ */




/* ------------------------ */
.ItemDisplaySmallTable_NewItemsVert {
    border-collapse: collapse;
    border-spacing: 0px;
}

    .ItemDisplaySmallTable_NewItemsVert td {
        vertical-align: top;
        text-align: center;
        background-color: transparent;
        border: 0px none transparent;
        padding: 10px 0 10px 0;
    }

        .ItemDisplaySmallTable_NewItemsVert td.Empty {
            background-color: transparent;
            border: 0px none transparent;
        }
/* ------------------------ */



.ItemDisplaySmallDefPrice {
    color: #353535;
    font-size: medium;
}



.FixTextwidth {
    overflow: hidden;
    text-overflow: ellipsis;
}




/* ------------------------ */
.PackageType {
    margin: 10px 0 10px 0;
    font-size: small;
    font-style: italic;
}

.MarkingCode {
    color: #8f8f8f;
    font-style: italic;
    font-size: small;
}

.DisplayDataStyle11 {
    color: #383838;
    font-family: Arial, sans-serif;
}
/* ------------------------ */




.CaptchaTable {
    width: 280px;
    background-color: #DCE8F4;
}

    .CaptchaTable td {
        padding: 4px;
    }


.txtNearBlack {
    color: #494848;
}




.ManufacturerCont {
    margin: 2px 0 5px 0;
}


.CurrencyG1 {
    color: #585858;
}







/* --------- General --------------- */

.TableVAT td {
    vertical-align: top;
}


.TableCellTop {
    vertical-align: top;
}


.TableCellBottom {
    vertical-align: bottom;
}


.TAC {
    text-align: center;
}

.hide1 {
    display: none;
}

.Width100 {
    width: 100%;
}




/* ------ For Search [Start] ------ */
.SearchTB {
    padding-left: 5px;
    padding-right: 5px;
    border-width: 1px;
    border-color: #347489;
    border-style: solid;
}

.SearchNormal {
    color: #999999;
    background-color: #fefefe;
    font-style: italic;
}


.SearchActive {
    color: #000000;
    background-color: #ffffff;
    font-style: normal;
}

/* ------ For Search [ End ] ------ */




.CenterTableCells td {
    vertical-align: middle;
    text-align: center;
    padding: 7px;
}

    .CenterTableCells td img {
        display: block;
    }





/* Rounded Corners   */

.RoundedCorners3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.RoundedCorners5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.RoundedCorners7 {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.RoundedCorners9 {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
}


.Transform_FlipHorizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


.Transform_FlipVertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}