.fr {float: right;}
.fl {float: left;}
.clr {clear: both;}

.tr {text-align: right;}
.tl {text-align: left;}
.tc {text-align: center;}

hr { display: block; height: 1px;
        border: 0; border-top: 1px solid #ccc;
        margin: 2px 0 5px 0; padding: 0; }

.uppercase {text-transform: uppercase !important;}
.strike {text-decoration: line-through;}
.bold {font-weight: bold;}
b, strong { font-weight: bold;}
.normal {font-weight: normal;}

select {
    background-color: #ffffff;
}

.price, .priceEn, .numeric {width: 80px !important; text-align: right; }
.date {width: 92px !important; mix-width: 85px !important; }

.CopyMe {cursor: pointer;}

.sort {cursor: pointer; font-size: 13px; line-height: 10px; color: #aaa;}
.sort:hover {color: #000;}

.hover {}
.hover:hover {background-color: #e9edf2 !important;}

.w1 {width: 1%;} .w2 {width: 2%;} .w3 {width: 3%;} .w4 {width: 4%;} .w5 {width: 5%;} .w6 {width: 6%;} .w7 {width: 7%;} .w8 {width: 8%;} .w9 {width: 9%;}
.w10 {width: 10%;} .w11 {width: 11%;} .w12 {width: 12%;} .w13 {width: 13%;} .w14 {width: 14%;} .w15 {width: 15%;} .w16 {width: 16%;} .w17 {width: 17%;} .w18 {width: 18%;} .w19 {width: 19%;}
.w20 {width: 20%;} .w21 {width: 21%;} .w22 {width: 22%;} .w23 {width: 23%;} .w24 {width: 24%;} .w25 {width: 25%;} .w26 {width: 26%;} .w27 {width: 27%;} .w28 {width: 28%;} .w29 {width: 29%;}
.w30 {width: 30%;} .w31 {width: 31%;} .w32 {width: 32%;} .w33 {width: 33%;} .w34 {width: 34%;} .w35 {width: 35%;} .w36 {width: 36%;} .w37 {width: 37%;} .w38 {width: 38%;} .w39 {width: 39%;}
.w40 {width: 40%;} .w41 {width: 41%;} .w42 {width: 42%;} .w43 {width: 43%;} .w44 {width: 44%;} .w45 {width: 45%;} .w46 {width: 46%;} .w47 {width: 47%;} .w48 {width: 48%;} .w49 {width: 49%;}
.w50 {width: 50%;} .w51 {width: 51%;} .w52 {width: 52%;} .w53 {width: 53%;} .w54 {width: 54%;} .w55 {width: 55%;} .w56 {width: 56%;} .w57 {width: 57%;} .w58 {width: 58%;} .w59 {width: 59%;}
.w60 {width: 60%;} .w61 {width: 61%;} .w62 {width: 62%;} .w63 {width: 63%;} .w64 {width: 64%;} .w65 {width: 65%;} .w66 {width: 66%;} .w67 {width: 67%;} .w68 {width: 68%;} .w69 {width: 69%;}
.w70 {width: 70%;} .w71 {width: 71%;} .w72 {width: 72%;} .w73 {width: 73%;} .w74 {width: 74%;} .w75 {width: 75%;} .w76 {width: 76%;} .w77 {width: 77%;} .w78 {width: 78%;} .w79 {width: 79%;}
.w80 {width: 80%;} .w81 {width: 81%;} .w82 {width: 82%;} .w83 {width: 83%;} .w84 {width: 84%;} .w85 {width: 85%;} .w86 {width: 86%;} .w87 {width: 87%;} .w88 {width: 88%;} .w89 {width: 89%;}
.w90 {width: 90%;} .w91 {width: 91%;} .w92 {width: 92%;} .w93 {width: 93%;} .w94 {width: 94%;} .w95 {width: 95%;} .w96 {width: 96%;} .w97 {width: 97%;} .w98 {width: 98%;} .w99 {width: 99%;}
.w100 {width: 100%;}

.fs8 {font-size: 8px;} .fs9 {font-size: 9px;}
.fs10 {font-size: 10px;} .fs11 {font-size: 11px;} .fs12 {font-size: 12px;} .fs13 {font-size: 13px;} .fs14 {font-size: 14px;}
.fs15 {font-size: 15px;} .fs16 {font-size: 16px;} .fs17 {font-size: 17px;} .fs18 {font-size: 18px;} .fs19 {font-size: 19px;}
.fs20 {font-size: 20px;} .fs21 {font-size: 21px;} .fs22 {font-size: 22px;} .fs23 {font-size: 23px;} .fs24 {font-size: 24px;}
.fs25 {font-size: 25px;} .fs26 {font-size: 26px;} .fs27 {font-size: 27px;} .fs28 {font-size: 28px;} .fs29 {font-size: 29px;}
.fs30 {font-size: 30px;} .fs31 {font-size: 31px;} .fs32 {font-size: 32px;} .fs33 {font-size: 33px;} .fs34 {font-size: 34px;}
.fs35 {font-size: 32px;} .fs36 {font-size: 36px;} .fs37 {font-size: 37px;} .fs38 {font-size: 38px;} .fs29 {font-size: 39px;}
.fs35 {font-size: 40px;}

.lh10 {line-height: 10px;} .lh11 {line-height: 11px;} .lh12 {line-height: 12px;} .lh13 {line-height: 13px;} .lh14 {line-height: 14px;}
.lh15 {line-height: 15px;} .lh16 {line-height: 16px;} .lh17 {line-height: 17px;} .lh18 {line-height: 18px;} .lh19 {line-height: 19px;}
.lh20 {line-height: 20px;}
.lh25 {line-height: 25px;}
.lh30 {line-height: 30px;}

.black  {color: #000 !important;}
.black2  {color: #3F3F3F !important;}
.white  {color: #fff !important;}
.red  {color: #f00 !important;}
.red2  {color: #f30 !important;}
.green  {color: #00c000 !important;}
.green2  {color: #32cd32 !important;}
.green3  {color: #008000 !important;}
.blue  {color: #3278dc !important;}
.blue2  {color: #06f !important;}
.blue3  {color: #69b7f7 !important;}
.bluedark  {color: #8f98ff !important;}
.yellow  {color: #ff0 !important;}
.yellow2  {color: #fff55c !important;}
.yellow2  {color: #ffffaa !important;}
.orange  {color: #f93 !important;}
.orange2  {color: #f90 !important;}
.gray  {color: #808080 !important;}
.gray2  {color: #dedede !important;}
.grey  {color: #5f5f5f !important;}
.grey2  {color: #696969 !important;}

.bgblack {background-color: #000 !important; text-shadow: none !important;}
.bgwhite {background-color: #fff !important; text-shadow: none !important;}
.bgred  {background-color: #ff6666 !important; text-shadow: none !important;}
.bgred2  {background-color: #ff9999 !important; text-shadow: none !important;}
.bggreen {background-color: #66cc66 !important; text-shadow: none !important;}
.bggreen2 {background-color: #32cd32 !important; text-shadow: none !important;}
.bgblue  {background-color: #3278dc !important; text-shadow: none !important;}
.bgblue2  {background-color: #06f !important; text-shadow: none !important;}
.bgbluedark  {background-color: #8f98ff !important; text-shadow: none !important;}
.bgyellow {background-color: #ff0 !important; text-shadow: none !important;}
.bgyellow2 {background-color: #fff55c !important; text-shadow: none !important;}
.bgyellow3 {background-color: #ffffaa !important; text-shadow: none !important;}
.bgorange {background-color: #f93 !important; text-shadow: none !important;}
.bggrey  {background-color: #a9a9a9 !important; text-shadow: none !important;}
.bggray  {background-color: #eee !important; text-shadow: none !important;}

.bgared  {background-color: rgba(255, 102, 102, 0.32) !important; text-shadow: none !important;}
.bgared2  {background-color: rgba(255, 102, 102, 0.24) !important; text-shadow: none !important;}
.bgagreen {background-color: rgba(102, 204, 102, 0.32) !important; text-shadow: none !important;}
.bgagreen2 {background-color: rgba(102, 204, 102, 0.86) !important; text-shadow: none !important;}
.bgaorange {background-color: rgba(255, 153, 51, 0.32) !important; text-shadow: none !important;}

.border_red  {border: 1px solid #f00 !important;}
.border_green {border: 1px solid #00bf2a !important;}
.border_blue {border: 1px solid #3c99d7 !important;}
.border_dark {border: 1px solid #6f6f6f !important;}
.border_grey {border: 1px solid #aaaaaa !important;}

.ts {text-shadow: 1px 1px #bbb !important;}

.cnt {position: absolute; right: 15px;}

code, .code { font-family: Courier New, Consolas, monospace; }
kbd, .kbd {
    display: inline-block; margin: 0 0.1em; padding: 0.1em 0.6em;
    background-color: #f7f7f7; border: 1px solid #cccccc; border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.4; text-shadow: 0 1px 0 #ffffff;
    white-space: nowrap;
	color: #333333;
}

::-webkit-input-placeholder {color: #ccc; font-style: italic; font-size: 11px; }  /* Chrome/Opera/Safari */
::-moz-placeholder { color: #ccc; font-style: italic; opacity: 1; font-size: 11px; } /* Firefox 19+ */
:-ms-input-placeholder {color: #ccc; font-style: italic; font-size: 11px; } /* IE 10+ */
:-moz-placeholder {color: #ccc; font-style: italic; font-size: 11px; } /* Firefox 18- */

.box180 {position: relative; display: inline-block; vertical-align: top; max-width: 180px; width: 180px;}
.box200 {position: relative; display: inline-block; vertical-align: top; max-width: 200px; width: 200px;}
.box220 {position: relative; display: inline-block; vertical-align: top; max-width: 220px; width: 220px;}
.box240 {position: relative; display: inline-block; vertical-align: top; max-width: 240px; width: 240px;}
.box300 {position: relative; display: inline-block; vertical-align: top; max-width: 300px; width: 300px;}
.box320 {position: relative; display: inline-block; vertical-align: top; max-width: 320px; width: 320px; padding: 5px 15px 0 0;}
.box350 {position: relative; display: inline-block; vertical-align: top; max-width: 350px; width: 350px; padding: 5px 15px 0 0;}
.box715 {position: relative; display: inline-block; vertical-align: top; max-width: 715px; width: 715px; padding: 5px 15px 0 0;}

.form-menu {width: 100%; font-size: 11px; margin-bottom: 8px; border-bottom: 1px solid #eeeeee;}
.form-menu a {color: #aaa; font-size: 10px;}
.form-menu br {clear: both;}
.form-menu > div:first-child {float: left; width: 5%; padding-top: 8px;}
.form-menu > div:nth-child(2) {float: left; width: 95%; text-align: right;}
.form-menu > div:nth-child(2) div {float: right;}
.form-menu div div {margin: 2px;}
.form-menu .SaveAlert {display: none; font-size: 12px; color: #ff3300; padding: 5px 10px; border: 1px solid red;}

.displayed-box {font-size: 10px; color: #5f5f5f; border: 1px solid #ccc; padding: 0 10px; margin: 0;}
.displayed-box b {font-size: 11px;}

.search-menu {font-size: 12px;}
.search-menu div {display: inline-block; vertical-align: top;}
.search-menu label {display: block;}
.search-menu label::before { content: " | "; color: #ccc;}

.search-menu input[type=radio] { display:none; margin:10px; }
.search-menu input[type=radio] + label {
    display:inline-block; cursor: pointer;
    margin-right: -1px; padding: 5px 16px;
    border: 1px solid #ccc; background-color: #efefef;
}
.search-menu input[type=radio]:checked + label {
    background-image: none; background-color:#69b7f7; color: #fff;
}
.search-menu input[type=radio] + label::before { content: none; }

.line2 {width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 2px;}
.line2 > div {margin-top: 2px;}

.small_btn {padding: 2px 8px !important;}

.ball {width: 12px; height: 12px; border: 1px solid #ccc; border-radius: 7px; margin: 2px 0 0 2px;}

.imgBox {margin: 2px 0 0 0; padding: 2px; border: 1px solid #cccccc;}
.wh50 {width: 50px; height: 50px;}
.wh100 {width: 100px; height: 100px;}
.wh150 {width: 150px; height: 150px;}
.wh200 {width: 200px; height: 200px;}
.wh250 {width: 250px; height: 250px;}
.wh300 {width: 300px; height: 300px;}

.tooltip-title {
    padding: 10px;
    margin: 10px;
    border-radius: 0 !important;
    box-shadow: 0 0 10px #aaa;
    font-size: 14px;
}

.tooltip-title.ui-widget.ui-widget-content {
    padding: 5px 10px;
    margin: 0;
}

.ModelAlert {
    font-weight: normal; display: block; padding: 5px; margin-bottom: 2px; border: 1px dashed red;
}

.setStatus {cursor: pointer !important;}

.color-box {display: inline-block; padding-right: 4px; width: 16px; height: 10px; border: 1px solid #dddddd;}


.LanguageContentBox {margin: 1%; padding: 1px 2px; line-height: 11px;}
.LanguageContentDot {
    display: inline-block; border: 1px solid #dddddd; border-radius: 5px; margin: 0; padding: 0; line-height: 1px;
}

.product-quantity-box { border: 1px solid #cccccc; padding: 4px 8px; margin: 2px; }
.product-quantity-box:empty {display: none;}