body {
    color: #656565;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    font-family: Roboto, Arial;
    font-weight: 400;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    line-height: 29px;
}

.errmsg {color:red; font-style:italic; padding-left:2px;}
.text_format {border:1px solid #8c8c8c; background:#ffffff;  padding:5px 5px 5px 5px; color:#363636;}
.text_format::placeholder,.text_format::-webkit-input-placeholder,.text_format option:first-child {color: #858585; }
.div_default{height:auto; overflow:hidden ;}

.width_46_ddl {height:46px; }
.width_106_ddl {height:106px;}
.width_136_ddl {width:136px;}
.width_206_ddl {height:206px;}
.width_406_ddl {width:406px;}

.border_radius_30{border-radius:30px;}
.padding_top_12{padding-top:12px;}
.padding_top_14{padding-top:14px;}
.padding_top_17{padding-top:17px;}

.padding_left_30{padding-left:30px;}
.padding_left_15{padding-left:15px;}
.padding_left_10{padding-left:10px;}

.margin_left_10{margin-left: 10px;}
.margin_auto {margin:auto;}

.width_40_prcnt {width:47%;}
.width_auto {width:auto;}
.width_full {width:100%;}
.width_40 {width:40px;}
.width_70 {width:70px;}
.width_100 {width:100px;}
.width_150 {width:150px !important;}
.width_170 {width:170px !important;}
.width_110 {width:110px;}
.width_200 {width:200px;}
.width_220 {width:220px;}
.width_400 {width:400px;}

.height_20 {height:20px!important;}
.height_30 {height:30px;}
.height_35 {height:35px !important;}
.height_40 {height:40px !important;}
.height_45 {height:45px !important;}
.height_50 {height:50px;}
.height_100 {height:100px;}
.height_195 {height:195px;}
.height_200 {height:200px;}
.height_400 {height:400px;}

.float_left{float: left;}

a.hypForgot {color:#ff00ba; font-weight:bold; font-size:14px;}
a.hypForgot:hover, a.hypForgot:active {color:#bb058a;}

h1 {font-size:30px;line-height:30px; margin:0px; color:#292929; font-family:'Titillium Web', Arial; font-weight:700; margin-bottom:22px;}
h2, h2 a {font-size:26px;line-height:26px; margin:0px; color:#292929; font-family:'Titillium Web', Arial; font-weight:700; margin-bottom:10px;}
h3 {font-size:22px;line-height:22px; margin:0px; color:#292929; font-family:'Titillium Web', Arial; font-weight:700; margin-bottom:8px;}
h4 {font-size:20px;line-height:20px; margin:0px; color:#292929; font-family:'Titillium Web', Arial; font-weight:700; margin-bottom:6px;}
h5 {font-size:18px;line-height:18px; margin:0px; color:#292929; font-family:'Titillium Web', Arial; font-weight:700; margin-bottom:5px;}
h6 {font-size:16px;line-height:16px; margin:0px; color:#292929; font-family:'Titillium Web', Arial; font-weight:700; margin-bottom:0px;}

strong, b, .iconReviewCart {color:#f9661c;}
.highlight {color: #292929; font-weight: 700;}

ul {padding: 0px;}
.ulContent{margin:0px;}
ul li,.ulContent li{padding-left:30px; /*padding-bottom:10px;*/ background: url(../img/usr/bullet-default-orange.png) no-repeat 14px 4px; background-size: 8px; list-style-type:none; margin:0px; line-height:18px;}
ulContent li, .ulContentHome li{padding-left:25px; background: url(../img/usr/bullet-default-white.png) no-repeat 7px 9px; background-size: 6px; line-height:25px;}
ol{padding:0px 0px 0px 30px; margin:0px; }
ol li,.olContent li{/*padding-left:5px; padding-bottom:10px;*/ line-height:18px;}

.tblContent {width:100%; text-align:left;border-collapse:collapse; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.tblContent td {padding:10px 20px; border:solid 1px #ddd; border-top:none; border-right:none;}
.tblContent td:last-child {border-right:solid 1px #ddd;}
.tblContent tr:first-child td {border-top:solid 1px #ddd;}
.tblContent th {font-weight:400; font-size:16px; color:#fff; background:#f9661c; padding:10px 20px;}
.tblContent .tdHeader {color:#292929; padding:10px 20px; font-weight:600;}
.tblContent .tdRemoveLine {border:none;}
.tblContent tr:nth-child(odd) {background-color:#fff;}
.tblContent tr:nth-child(even) {background-color:#fff;}

a, ul#filters li a {color: #f9661c;text-decoration: none;outline: none;}
a:hover, a:active, a.event-pagination.selected, ul#filters li a.selected, ul#filters li a:hover {color: #595959;text-decoration: none;}
a.event-pagination.selected {cursor: context-menu;}
a.event-arrow.disabled {cursor: not-allowed;}
ul#filters li a.selected, ul#filters li a:hover {border: solid 1px #00aff0;}

.divProdGroupSnapshot{width:90%;margin:auto;text-align:justify;}

.hypProdDCode{display:block;text-align:center;}

.enquiry-form .row{margin-bottom:10px;}
.enquiry-form input,.enquiry-form textarea{padding:10px 15px;width:100%;}
.enquiry-form select{padding:10px;width:100%;}
.recaptcha .errmsgEnquiry{padding-left:150px;}
/*For desktop view*/
@media only screen and (min-width:960px) {
    /*General*/
    .field-control{float:unset;}
    .field-label{float:left;width:110px; padding-top: 8px;}
    /*enquiry form*/
    .enquiry-form .field-label {float:left;width:150px; padding-top: 8px;}
    .enquiry-form .field-control {float:left;width:calc(100% - 150px);}
}
/*For mobile view*/
@media only screen and (max-width:600px) {
    .field-label{display:none;}
    .field-control{width:100%;}
    .recaptcha{text-align:center;}
    .enquiry-form .errmsg{/*padding-left:10px;*/}

    h1 {font-size:28px;margin-bottom:10px;}
    h2, h2 a {font-size:24px;margin-bottom:8px;}
    h3{font-size:20px;margin-bottom:6px;}
    h4{font-size:18px;margin-bottom:4px;}
    h5{font-size:17px;margin-bottom:2px;}
    h6{font-size:15px;margin-bottom:0px;}
    .recaptcha .errmsgEnquiry{padding-left:0px;}
}

.popUpErrMsg{padding-top:10px;}
.errmsg {color:red; font-style:italic; font-size:12px;}

.button1,a.button1, a.button1:link {cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#fa661c;text-decoration:none;box-sizing:border-box;}
.button1:hover, a.button1:hover, a.button1:active {cursor:pointer;background-color:#cf4b09;text-decoration:none;color:#fff;}

a.button2, a.button2:link {cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#292929;text-decoration:none;box-sizing:border-box;}
a.button2:hover, a.button2:active {cursor:pointer;background-color:#494949;text-decoration:none;color:#fff;}

a.button1 i, a.button2 i {font-size:11px;margin-right:5px;}


a.button3 {font-family:'Cabin',sans-serif, Arial;font-size:18px;font-weight:700;color:#222;user-select:none;border:none;border-radius:5px;box-sizing:border-box;background-color:#fff;}
a.button3:hover, a.button3:active {color:#fff;background-color:#222;text-decoration:none;}

/*Thickbox*/
#TB_title {height:60px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; background-color:#f9661c; box-sizing:border-box; z-index:100;}
#TB_closeAjaxWindow {position:absolute;right:20px;}
#TB_closeAjaxWindowButton {display:block; width:25px; height:25px; color:#fff; /*background:url(../img/usr/btn-close.png) no-repeat top 5px center;*/ float:right;}
#TB_closeAjaxWindowButton:hover {color:#fff;}

#divShowPassword, #divShowOldPassword, #divShowConfirmPassword {
    width: 30px;
    display: inline-flex;
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer;
    color: #6e8ba5;
}