@import url('reset.css');



::-webkit-input-placeholder { /* WebKit browsers */

    color:    #c9c9c9;

    font-size: 11px;

    text-align: center;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color:    #c9c9c9;

    font-size: 11px;

    text-align: center;

    opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

    color:    #c9c9c9;

    font-size: 11px;

    text-align: center;

    opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

    color:    #c9c9c9;

    text-align: center;

    font-size: 11px;

}


html { overflow-y: auto; }

body {

    background:#292a2f;

    font-family: Calibri, Arial, sans-serif ; 

    font-size:14px;

    color:#000;

}

img{ border:none}

a {font-family: Calibri, Arial, sans-serif ;color:#303030; }

a:link {color:#303030;text-decoration:none;}

a:visited {color:#000;text-decoration:none;}

a:hover {color:#303030;text-decoration:none;}

a:active {color:#303030;text-decoration:none;}



.left{ float:left}

.right{ float:right}

.clear{ clear:both}

.cursor{ cursor:pointer;}

.errortxt {color:red;font-size: 16px;font-weight:bold;}



/* AJAX DISPLAY */

.pajax_block { position: fixed; display: none; top: 0; left: 50%; margin-left: -65px; width: 130px; height: 50px; border: none; background: transparent url(../images/main/loader_pajax_bg.png) center center no-repeat; z-index: 10; }

.pajax_block_inner { display: block; width: 100px; height: 38px; margin: 0 auto; background: transparent url(../images/main/icon_loading_notification_black.gif) center center no-repeat; }

.border_check { border: 1px solid red; }

/*COLOR*/

.red{ color:#f06232; font-size:13px;}

.white{color:#fff;}

.blue{ color:#03ccf1}

.gray{ color: #999}

.cred { color: #ff0000; }



.green{ color:#3bb515}

.orange{ color: #F60}

.sky{ color:#0ca4bf}

.redmark { color: #C20E0E; font-weight: bold; }

/*PADDING*/

.pd1{ padding-top:15px;}

.pd2{ padding-top:40px;}

.pd3{ padding-right:35px;}

.pd4{ padding-top:28px;}

.pd5{ padding-left:50px;}

.pd6{ padding-left:80px;}

.pd7{ padding-top:5px;padding-bottom:5px;}

.pd8{ padding-top:15px;padding-bottom:10px;}

.pd9{ padding:5px;}

.pd10{ padding:20px;}

/*SPACE*/

.space{ height:76px; clear:both}

.space2{ height:5px; clear:both}

.space3{ height:10px; clear:both}

.space4{ height:40px; clear:both}

.space5{ height:20px; clear:both}

.space6{ height:50px; clear:both}



/*INPUT*/

.input{ border:none; background: #FFF; padding:3px; color:#303030; width:190px; height:25px;}

.input2{ border:none; background:#FFF; padding:3px; color:#303030; width:100%; height:23px;}

.input3{ border:none; background:#FFF; padding:3px; color:#303030; width:70px; height:20px;}

.input4{ border:none; background:#FFF; padding:3px; color:#666666; width:190px; height:25px;}

.input5{ border:none; background:#FFF; padding:3px; color:#000; width:100%; height:31px;}

.input6{ border:none; background:#FFF; padding:3px; color:#303030; width:130px; height:25px;}

.input7{ border:none; background:#FFF; padding:3px; color:#303030; width:130px; height:20px;}

.input8{ border:none; background:#FFF; padding:3px; color:#303030; width:430px; height:150px;resize: none;}

.input9{ border:none; background:#e9e9e9; padding:3px; color:#303030; width:190px; height:25px;}

.input10{ border:none; background:#FFF; padding:3px; color:#303030; width:180px; height:25px;}

.input11{ border:1px solid #CCC; background: #FF0; padding:3px; color:#303030; width:180px; height:25px;}

.input12{ border:1px solid #CCC; background: #FF0; padding:3px; color:#303030; width:120px; height:25px;}

.input13{ border:none; background:#FFF; padding:3px; color:#303030; width:70px; height:20px;}

.input14{ border:none; background:#FFF; padding:3px; color:#303030; width:120px; height:25px;}

.input15{ border:none; background:#FFF; padding:3px; color:#303030; width:60px; height:25px;}

.input16{ border:none; background:#FFF; padding:3px; color:#303030; width:180px; height:25px;}

.input17{ border:none; background:#FFF; padding:3px; color:#303030; width:70px; height:20px;margin-left: 57px;}

.input18{ border:none; background:#FFF; padding:3px; color:#303030; width:70px; height:20px;margin-left: 18px;margin-right:2px;}



.input19{ border:none; background:#FFF; padding:3px; color:#303030; width:40px; height:20px; margin-left:38px;}

.input20{ border:none; background:#FFF; padding:3px; color:#303030; width:40px; height:20px; margin-left:12px;margin-right:3px;}

.input21{ border:none; background:#FFF; padding:3px; color:#303030; width:40px; height:20px; }

.input22{ border:none; background:#FFF; padding:3px; color:#303030; width:30px; height:20px; margin-right: 3px; }

.input23{ border:none; background:#FFF; padding:3px; color:#303030; width:40px; height:20px; margin-left: 3px;}

.tipboxmea { position: absolute; display: none; text-align: center; width: 425px; left: 190px; top: 0; padding: 10px 20px 10px; background-color: #e3e3e3; border: 2px solid #999; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; z-index: 1500; }



.input24{ border:none; background:#FFF; padding:3px; color:#303030; width:40px; height:20px; margin-left: 26px; margin-right: 3px;}

.input25{ border:none; background:#FFF; padding:3px; color:#303030; width:40px; height:20px;  }

.input26{ border:none; background:#FFF; padding:3px; color:#303030; width:40px; height:20px; margin-left:50px;}

.input27{ border:none; background:#FFF; padding:3px; color:#303030; width:40px; height:20px; margin-left: 5px;}

.input28{ border:none; background:#FFF; padding:3px; color:#303030; width:40px; height:20px;}

.input29{ border:none; background:#FFF; padding:3px; color:#303030; width:220px; height:30px;}

.input30{ border:none; background:#FFF; padding:3px; color:#303030; width:99%; height:23px;}


/*---------------- NEW MEASUREMENT*/

.left_header { float: left; width: 110px; line-height: 30px; height: 35px; border-bottom: 2px solid #9C9C9C;margin-top: 15px; margin-bottom: 10px; }

.left_header_title { float: left; width: 120px; text-align: center; line-height: 35px; height: 35px; margin-top: 15px;  font-weight: bold; color: #333; margin-right: 1px; border-bottom: 2px solid #333;margin-bottom: 10px; }

.left_header_title_pant { float: left; width: 150px; text-align: center; line-height: 35px; height: 35px; margin-top: 15px;  font-weight: bold; color: #333; margin-right: 1px; border-bottom: 2px solid #333;margin-bottom: 10px; }

.left_body { float: left; width: 100px; height: auto; padding-top: 3px; padding-left: 10px; line-height: 23px; border-right: 1px dotted #d3d3d3; }

.left_body_info { float: left; width: 120px; text-align: center; margin: auto; display: block; vertical-align: middle; }

.left_body_info_pant { float: left; width: 150px; text-align: center; margin: auto; display: block; vertical-align: middle; }

.left_body_info > ul,.left_body_info_pant > ul { margin-top: 2px; }

.left_body_info > ul > li,.left_body_info_pant > ul > li { position: relative; display: block; text-align: center; width: 100%; line-height: 23px; height: 29px; margin: 0 auto; border-right: 1px dotted #d3d3d3; }

.left_body_info > ul > li.merg { border-top: 1px solid #d3d3d3; border-right: none; }

.left_body_info > ul > li.mergd { border-bottom: 1px solid #d3d3d3; border-right: none; }

.left_body_info > ul > li.none { border: none; }

.space_line { margin-top: 15px; margin-bottom: 15px; border-bottom: 2px solid #9C9C9C;margin-bottom: 10px; }



.dropdown{border:none; background:#FFF;  color:#303030; width:102%; height:29px; padding:3px;}

.dropdown2{border:none; background:#FFF;  color:#303030; width:70px; height:29px;}

.checkbox{ background:#fff; border:none}

.dropdown_list_search{border:none; background:#FFF;  color:#303030; width:120px; height:31px; padding:3px;margin-left: 2px;}



.order { width: 860px; height: 445px; }

/*TEXT*/

.title{ font-size:30px; color:#000}

.title2{ font-size:18px; color:#000}

.title3{ font-size:18px; color:#fff}

.title4{ font-size:14px; color:#fff}

.title4 a{ font-size:14px; color:#fff}

.title4 a:hover{ font-size:14px; color:#03ccf1}

.title5{ font-size:48px; color:#fff; text-transform:uppercase}

.title6{ font-size:16px; color:#000;}



.txt{font-size:14px; color:#000}

.txt2{font-size:14px; color:#303030}

.txt3{font-size:18px; color:#ff0000; text-align:center}

.txt4{font-size:14px; color:#1a972f}

.txt5{font-size:14px; color:#737373}

.txt6{font-size:11px; color:#878787}

.txt7{font-size:14px; color:#303030;text-align:center}



/*-------------------------LOGIN*/

.login-bg{ margin:0 auto; padding:0; background:url(../images/main/login.png) no-repeat; width:376px; height:191px;}

.logo{ width:800px; margin:0 auto; padding:0px;}

.login{ width:300px; margin:0 auto; padding:0px;}

.content{ background:#f0f0f0; height:590px; width:100%; margin: 0; padding: 0;}

.inline-block { display: inline-block; }

/*-------------------------HEADER*/

.header{ margin:0 auto; padding:0; width:1160px; height:100px; color:#86878a; line-height:35px;  }

.header a{color:#86878a; text-decoration:none}

.header a:hover{color:#03ccf1; text-decoration:none}



/*-------------------------HEADER*/

.menu{margin:0 auto; padding:0; width:1200px; height:50px; background:url(../images/main/menu-bg.png) repeat-x; color:#fff; font-size:18px; position:relative}

.menu ul{ padding:0px; line-height:50px;}

.menu ul li{ display:inline-block; *zoom: 1;*display: inline;padding-left:30px; padding-right:30px; background:url(../images/main/menu-line.png) right no-repeat;position:relative}



.menu ul li:last-child{ background:none}

.menu ul li a{color:#fff; text-decoration:none}

.menu ul li a:hover{color:#03ccf1; text-decoration:none}

.menu ul li ul{

    visibility: hidden;

    position: absolute;

    top:50px;

    left:-5px;

    line-height:35px;

	z-index: 150;

    /* 

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s linear;

    */

}

.menu ul li ul li{ background:url(../images/main/dropmenu-bg.png) ; width:186px; height:37px; padding:0px; text-align:center; color:#2e2e2e }

.menu ul li ul li a{color:#2e2e2e}

.menu ul li ul li:last-child{ background:url(../images/main/dropmenu-shadow.png) ; width:186px; height:31px; }



.menu ul li:hover > ul {

    opacity: 1;

    visibility: visible;

    margin: 0;

}



.totalcustomer{

    width:20px;

    height:20px;

    color:#fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    background:#ff0000;

    text-align:center;

    position:absolute;

    font-size:10px;

    top:5px;

    right:15px;

    line-height:18px;

}

/*-------------------------ORDER*/

.order-left{width:864px;	padding-top:20px; height:530px; }

.order-measurement ul{ padding:0px}

.order-measurement ul li{ list-style:none; border-bottom:1px solid #c0c0c0; line-height:25px; color:#000}

.order-measurement ul li:last-child{ border:none;}



.order-bullet{width:30px;}

.order-add{width:836px; margin:0 auto; padding:0px; }

.order-add ul{ padding:0px}

.order-add ul li{ display: inline; padding:15px; line-height:55px;}



.order-box-position{width:140px; height:170px; float:left}

.order-box{width:120px; height:120px; background:#fff; box-shadow: 0px 0px 5px #cccccc; text-align: center;  position:relative}

.order-make{ position:absolute; height:20px; width:100%; background:#F00; bottom:0px;}

.order-title,.order-remove{width:119px; color:#303030; text-align:center; line-height:22px;}

.order-remove,.order-remove a{ color:#8e8e8e; font-size:12px;}

.order-remove a:hover{ text-decoration:underline}



.img-pd { float: left; margin: 2px auto 0 2px; width: 15px; height: 15px; }

.text-pd { float: left; margin: 2px auto 0 4px; font-family: 'Calibri'; width: 85px; height: auto; line-height: 15px; font-size: 10px; text-align: left; } 



.order-submit{ }

/*-------------------------ORDER POPUP*/

.icon{ height:196px;  position:relative}

.icon2{ height:135px;  position:relative}

.icon3{ height:210px;  position:relative}

.popup-title{ 

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg); /* Safari/Chrome */

    -moz-transform: rotate(-90deg); /* Firefox */

    -o-transform: rotate(-90deg); /* Opera */

    -ms-transform: rotate(-90deg); /* IE 9 */

    font-size:22px;

    position: absolute;

    width:196px;

    text-align:center;

    left:-60px;

    top:85px;

}

.popup-title1{ 

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg); /* Safari/Chrome */

    -moz-transform: rotate(-90deg); /* Firefox */

    -o-transform: rotate(-90deg); /* Opera */

    -ms-transform: rotate(-90deg); /* IE 9 */

    font-size:22px;

    position: absolute;

    width:196px;

    text-align:center;

    left:550px;

    top:85px;

}

.popup-title3{ 

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg); /* Safari/Chrome */

    -moz-transform: rotate(-90deg); /* Firefox */

    -o-transform: rotate(-90deg); /* Opera */

    -ms-transform: rotate(-90deg); /* IE 9 */

    font-size:22px;

    position: absolute;

    width:196px;

    text-align:center;

    left:-60px;

    top:55px;

}

.popup-title4{ 

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg); /* Safari/Chrome */

    -moz-transform: rotate(-90deg); /* Firefox */

    -o-transform: rotate(-90deg); /* Opera */

    -ms-transform: rotate(-90deg); /* IE 9 */

    font-size:22px;

    position: absolute;

    width:196px;

    text-align:center;

    left:550px;

    top:50px;

}

.popup-title5{ 

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg); /* Safari/Chrome */

    -moz-transform: rotate(-90deg); /* Firefox */

    -o-transform: rotate(-90deg); /* Opera */

    -ms-transform: rotate(-90deg); /* IE 9 */

    font-size:22px;

    position: absolute;

    width:196px;

    text-align:center;

    left:500px;

    top:50px;

}



.popup-title6{ 

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg); /* Safari/Chrome */

    -moz-transform: rotate(-90deg); /* Firefox */

    -o-transform: rotate(-90deg); /* Opera */

    -ms-transform: rotate(-90deg); /* IE 9 */

    font-size:22px;

    position: absolute;

    width:196px;

    text-align:center;

    left:500px;

    top:85px;

}



.icon-img{ position:absolute; left:70px;}

.icon-select{text-align:center; width:72px; height:105px;}

.icon-select2{text-align:center; width:68px; height:105px;}

.icon-nomal{border:2px solid #fff}

.icon-active{ border:2px solid #d1041d}



.icon-content{ width:650px;}

.icon-content2{ width:140px; padding-left:30px;}

.icon-content3{ padding-left:30px;}

.icon-content4{ width:100%;}

.icon-content5{ width:600px;}

.icon-content6{ width:500px;padding-left:30px;}

.icon-content7{ width:600px;}

.icon-content8{ width:400px;padding-left:80px;}

/*-------------------------RESELER*/

.reseller{padding-top:20px; }

.reseller-left{width:495px;}

/*-------------------------CUSTOMER*/

.main{margin:0 auto; padding:0px; width:1160px;}

.main-height{ height:540px;}

.customer-left{width:495px;padding-top:20px;}

.customer-right{ width:618px; }

.measurementchoice{ line-height:30px; padding-top:20px; }

.measurementchoice li{ list-style:none; border-bottom:1px solid #c0c0c0; width:410px; }

.measurementchoice li:last-child{ border:none}

.customer-add,.customer-add a{color:#787878;}



#browsepicture {

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    -o-border-radius: 7px;

    border-radius: 7px;

    background:#f0f0f0;

    width:370px;

    height:280px;

    position: fixed;

    z-index:5000; 

    display:none;

    border:1px solid #333

}

.close{ position:absolute; bottom:-15px; right:-10px;}

.browsepicture-content{ padding:5px;}

.browsepicture-title{

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    -o-border-radius: 7px;

    border-radius: 7px;

    background:#474747;

    width:97%;

    height:30px;
    line-height:25px;

    padding-left:10px;

}



.browsepicture-txt{font-size:14px; color:#000; line-height:30px; padding-right:10px; padding-left:35px;}

.customer-shape{

    padding:7px; cursor:pointer;

    filter:alpha(opacity=50); 

    -moz-opacity:0.5; 

    -khtml-opacity: 0.5; 

    opacity: 0.5; 

}

.customer-shape-select{

    padding:7px; cursor:pointer;

    filter:alpha(opacity=100); 

    -moz-opacity:1; 

    -khtml-opacity: 1; 

    opacity: 1; 

}



.edit-picture{ width:156px; margin:0 auto; padding:0px;}

.customer-picture{ text-align:center}



/*-------------------------MEASUREMENT*/ 

#measurement {

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    -o-border-radius: 7px;

    border-radius: 7px;

    background:#f0f0f0;

    width:1163px;

    height:690px;

    position: fixed;

    z-index:5000; 

    display:none;

}

#measurement td {height: 30px;}

.measurement-content{ padding:5px;}

.measurement-title{

    width:100%;

    height:41px;

    cursor:pointer;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    -o-border-radius: 7px;

    border-radius: 7px;

    background:#acabab;

    cursor:default



}



.measurement-title li{cursor:pointer;display: inline-block; list-style:none; text-align:center; padding:5px 15px; width:140px; line-height:30px; font-size:16px; color:#fff;  }

.measurement-title li:first-child{ width:270px;}

.measurement-title li:hover{background:#474747; }

.measurement-title li:first-child:hover,.measurement-title li:first-child{

    -webkit-border-top-left-radius: 7px;

    -moz-border-top-left-radius: 7px;

    -ms-border-top-left-radius: 7px;

    -o-border-top-left-radius: 7px;

    border-top-left-radius: 7px;



    -webkit-border-bottom-left-radius: 7px;

    -moz-border-top-left-radius: 7px;

    -ms-border-top-left-radius: 7px;

    -o-border-top-left-radius: 7px;

    border-bottom-left-radius: 7px;



}



.measurement-title li:last-child:hover,.measurement-title li:last-child{

    -webkit-border-top-right-radius: 7px;

    -moz-border-top-right-radius: 7px;

    -ms-border-top-right-radius: 7px;

    -o-border-top-right-radius: 7px;

    border-top-right-radius: 7px;



    -webkit-border-bottom-right-radius: 7px;

    -moz-border-top-right-radius: 7px;

    -ms-border-top-right-radius: 7px;

    -o-border-top-right-radius: 7px;

    border-bottom-right-radius: 7px;

}



.popup{background:#acabab;}

.popup-active{background:#474747;}

.poup-detail{ display:none}

.body{ margin:0 auto; padding:0px; width:1074px; padding-top:30px;}

.measurementslider{ width:300px;}

.measurementslider-border{

    margin:0 auto; padding:0px;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    -o-border-radius: 7px;

    border-radius: 7px;

    border:5px solid #FFF;

    width:400px;

    height:120px;

    margin-top:35px;

    position:relative;

    color:#5e5c5b;

}

.measurementslider-position{

    position:absolute; left:25px; top:75px;

}

.measurementtitle{ text-align:center; padding-top:5px;}



.min-max-position{position:absolute; left:25px; top:90px;}

.suggest{width:290px; color:#0092da; text-align:center}







.measurementpicture{width:100%; height:230px; text-align:center}

.measurementdetail{width:340px;}





.measurementslider-body,.measurementslider-shirt,.measurementslider-jacket,.measurementslider-vest,.measurementslider-pant{

    width:340px;

    height:8px;

    background:url(../images/main/sliderbg.png) repeat-x;

    position:relative;

    margin:0 auto;

    padding:0px;

    cursor:pointer;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    -o-border-radius: 7px;

    border-radius: 7px;



}

.tooltip-body ,.tooltip-shirt,.tooltip-jacket,.tooltip-vest,.tooltip-pant{

    position: absolute;

    top: -40px;

    left: -20px;

    width: 60px;

    height: 29px;

    line-height:30px;

    text-align:center;

    font-family: calibri, arial, sans-serif;

    font-size:14px; 

    color:#5e5c5b;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    background: #FFFFFF;

    border:1px solid #ccc

}



.tooltip-body:after,.tooltip-shirt:after,.tooltip-jacket:after,.tooltip-vest:after,.tooltip-pant:after

{

    content: '';

    position: absolute;

    border-style: solid;

    border-width: 9px 8px 0;

    border-color: #FFFFFF transparent;

    display: block;

    width: 0;

    z-index: 1;

    bottom: -8px;

    left: 20px;

}



.tooltip-body:before,.tooltip-shirt:before,.tooltip-jacket:before,.tooltip-vest:before,.tooltip-pant:before

{

    content: '';

    position: absolute;

    border-style: solid;

    border-width: 9px 8px 0;

    border-color: #ccc transparent;

    display: block;

    width: 0;

    z-index: 0;

    bottom: -9px;

    left: 20px;

}



.Weight-Height{ position:absolute; top:80px; left:320px;}



.line{ height:1px; background:#c0c0c0; width:100%}



/*-------------------------CUSTOMER*/

.customer-list{ width: auto; line-height:38px; vertical-align: middle;}

.customer-list:hover{ background: url(../images/main/line.png);}

.customer-list-unred { width: auto; line-height:38px; vertical-align: middle;}

.customer-list-unred:hover{ background: url(../images/main/line.png);}

.customer-list-unred > td { color: red !important; font-weight: bold; }

/*-------------------------BUTTON*/

.bt{ margin:0 auto; padding:0px;text-align:center; cursor:pointer;padding-left:15px; padding-right:15px; line-height:30px; color:#fff; text-transform:uppercase; height:32px; font-family:calibri, arial, sans-serif; font-size:16px;}



.bt{-webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -ms-border-radius: 8px;

    -o-border-radius: 8px;

    border-radius: 8px;

    background: url(../images/main/bt-bg.png) repeat-x;

    text-align:center;

}



.bt:hover{

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -ms-border-radius: 8px;

    -o-border-radius: 8px;

    border-radius: 8px;

    background: url(../images/main/bt-bg-hover.png) repeat-x;

    color:#303030;}





.bt2{ cursor:pointer;

      padding-left:15px; padding-right:15px; 

      line-height:30px; color:#fff; text-transform:uppercase;

      height:28px; font-family:calibri, arial, sans-serif; font-size:12px; float:left}



.bt2{-webkit-border-radius: 5px;

     -moz-border-radius: 5px;

     -ms-border-radius: 5px;

     -o-border-radius: 5px;

     border-radius: 5px;

     background:#0db7d6;

     text-align:center;

}



.bt2:hover{

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    background:#9e9f9f;

    color:#ea0823;}



.bt3{ cursor:pointer;

      width:250px;

      padding-left:15px; padding-right:15px; 

      color:#fff; text-transform:uppercase;

      font-family:calibri, arial, sans-serif; }



.bt3{-webkit-border-radius: 5px;

     -moz-border-radius: 5px;

     -ms-border-radius: 5px;

     -o-border-radius: 5px;

     border-radius: 5px;

     background:#ea0823;

     text-align:center;

}



.bt3:hover{

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    background:#e72d44;

    color:#000;}



.bt4{ 

    cursor:pointer;

    width:117px;

    padding:5px;

    color:#fff; text-transform:uppercase;

    font-family:calibri, arial, sans-serif;

    position:absolute;

    bottom:0px; line-height:20px; }



.bt4{-webkit-border-radius: 5px;

     -moz-border-radius: 5px;

     -ms-border-radius: 5px;

     -o-border-radius: 5px;

     border-radius: 5px;

     background:#ea0823;

     text-align:center;

}



.bt4:hover{

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    background:#e72d44;

    color:#000;}





.bt5{ 

    cursor:pointer;

    width:250px;

    padding:10px;

    color:#fff; text-transform:uppercase;

    font-family:calibri, arial, sans-serif;

    position: relative;

    line-height:30px;

    margin:0 auto; padding:0px;  }



.bt5{-webkit-border-radius: 5px;

     -moz-border-radius: 5px;

     -ms-border-radius: 5px;

     -o-border-radius: 5px;

     border-radius: 5px;

     background:#ea0823;

     text-align:center;

}



.bt5:hover{

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    background:#e72d44;

    color:#000;}

.bt5 a{ display: block; color:#fff;}

.bt5 a:hover{color:#000;}



.form input[type="file"]{

    z-index: 999;

    line-height: 0;

    font-size: 10px;

    position: absolute;

    opacity: 0;

    filter: alpha(opacity = 0);

    -ms-filter: "alpha(opacity=0)";

    cursor: pointer;

    _cursor: hand;

    margin: 0;

    padding:0;

}



input[type="text"]{

    float:left;

}



tr:nth-of-type(1) { height: 22px; line-height: 22px; }

.bg_beauti { float: left; width: auto; height: 20px; line-height: 20px; text-align: left; padding: 1px 15px 1px 15px; font-family: 'Calibri'; font-size: 14px; color: #fff; background: rgba(158,158,158,0.9); margin: auto 10px auto 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

td img { display: block; vertical-align: middle; }

hr.gray { height: 1px; background: #c7c7c7; border: none; }

.icon_line { height: 30px; line-height: 30px; padding-left: 3px; }

.icon_line > a { display: inline-block; vertical-align: middle; margin-left: 1px; }

.show_image { margin: 15px auto 10px 10px; }

/*---------------- SEND MAIL SYSTEM*/

.snd_info_mail { display: block; font-size: 18px; padding: 10px 0 10px 0; margin: 0 auto 10px auto; line-height: 1.5; }

.snd_info_mail > a { color: #00abea; text-decoration: none; }

.snd_info_mail > a:hover { color: #08cfe7; text-decoration: none; }

.snd_btn_zone { display: block; width: 100%; height: 50px; }

.snd_btn_zone > a.yes { display: inline-block; width: 100px; height: 34px; line-height: 34px; text-align: center; font-family: 'Calibri'; font-weight: normal; color: white; text-transform: uppercase; background: #8bb33d; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.snd_btn_zone > a.no { display: inline-block; margin-left: 5px; width: 100px; height: 34px; line-height: 34px; text-align: center; font-family: 'Calibri'; font-weight: normal; color: white; text-transform: uppercase; background: #ae3235; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.snd_btn_zone > a:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }

/*------------------------------------------*/

.welcomer2 { display: block; font-family: 'Calibri'; font-size: 32px;width: 100%; color: #333; text-align: center; margin-top: 100px; padding: 0; }

.fabric_id > img { width: 24px; height: 24px; }

.contrast_fabric_id > img { width: 24px; height: 24px; }



/*  */



#preview{

    position:absolute;

    border:1px solid #ccc;

    background:transparent;

    padding:0px;

    display:none;

    color:#fff;

}

/*  */



/* ------------------------------- Kiss tooltips box*/

.ks_tooltips_box { position: absolute; width: 130px; display: none; text-align: center; font-family: 'Tahoma'; font-size: 14px; color: #333; padding: 10px; line-height: 1.3px; border: 1px solid #666; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F5F5F5; }



/*-------------------------------- Upload Button */

.noteupload-input {

    visibility: hidden;

    width: 0;

    position: relative;

}

.noteupload-input::before {

    content: 'Upload new file';

    color: #363636;

    display: inline-block;

    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);

    border: 1px solid #999;

    border-radius: 3px;

    padding: 5px 8px;

    outline: none;

    white-space: nowrap;

    -webkit-user-select: none;

    cursor: pointer;

    text-shadow: 1px 1px #fff;

    font-weight: 700;

    font-size: 10pt;

    visibility: visible;

    position: absolute;

}

.noteupload-input:hover::before {

    border-color: black;

}

.noteupload-input:active::before {

    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);

}



div.upload-note {

    width: 100px;

    height: 30px;

    overflow: hidden;

    text-align: center;

    line-height: 30px;

    background: #45484d; /* Old browsers */

    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}



div.upload-note > .up-txt {

    font-family: 'Calibri';

    font-size: 12px;

    color: white;

    font-weight: normal;

}



div.upload-note input {

    display: block !important;

    width: 157px !important;

    height: 57px !important;

    opacity: 0 !important;

    overflow: hidden !important;

}



.upload_attachment { float: right; margin-top: 10px; width: 165px; height: 32px; line-height: 32px;text-align: left; font-family: 'Calibri'; font-size: 18px; font-weight: bold; color: #666; border-bottom: 1px dotted #999; }

.upload_order_btn { float: right; margin: 12px auto; width:145px;padding: 0 15px 10px 0; }

.respone_upload { display: none; float: right; margin-top: -18px; }

.upload_box_show { float: right; margin: 5px auto; width: 160px;padding: 0; }

.upload_box_show > li { display: inline-block; margin-top: 3px; width: 45px; height: 45px; border: 1px solid #c3c3c3; margin-right: 3px; }



.measurementorder { float: left; width: 350px; height: 150px; margin: 22px 580px auto; }