.innerBannertext {background: url(../images/reseller_banner.jpg);background-size: cover;text-align: center;background-position: center top;background-repeat: no-repeat; background-size:cover !important;}
.innerBannertext h1 {color: #FFF;padding: 140px 0;margin: 0px;font-weight:600;font-size: 48px;}
.sentIcon {padding:30px 0px 20px 0px; max-width:158px;}
.thankHeading {font-size:45px !important;font-weight:500 !important;color:#f13030;padding-top:18px;padding-bottom:24px;width:100%;display:block;margin:0px;line-height:normal;}
.headingBar {padding: 0px 0px 9px 0px;border-bottom:2px solid #e83030;float:left;width:100%;margin-bottom:36px; display:flex; align-items:center;}
.headingBar h3 {font-size:28px;color:white;font-weight: 500;line-height:25px;float:left; font-weight:600; margin-top:10px;}
.headingBar span {float:left;padding:0 0px 0px 12px;}
.brandItems {border: 2px solid #FFF;width: 100%;height: 278px;padding: 40px 0px;text-align: center;margin: 0px 0px 30px;}
.brandItems a {color:#fff;}
.clientInfo {font-size:19px;color:#fff;display:table;height:96px;width:100%;}
.clientInfoText {display:table-cell;vertical-align:middle;text-align:center; font-size:16px; line-height:1.3em;}
.clientInfoText a { cursor:default; }
.clientInfo.smallText {font-size:20px;color:#fff;}
.firstOrderInfo {padding-top:30px; text-align:center;}
.firstOrderInfo h4 {color: #f13030;font-size: 50px;font-weight: 300;margin: 0;padding: 34px 0 0 0px;}
.firstOrderInfo h4 span {color: #ffffff;font-size: 28px;font-weight: 300;margin: 0;padding: 0 15px 0 0;position: relative;top: -3px;}
.firstOrderInfo .plusIcon {padding: 0 0 0 24px;}
.firstCartIcon img {/*max-width:430px;*/ max-width:370px;}
.firstOrderinfoRightColumn {padding-left:53px;padding-top:120px;}
.deliveryInfoBlock {text-align:center;padding:100px 0px;}
.deliveryInfoBlock .infoBlocks {padding:0px 20px 80px 20px;}
.deliveryInfoBlock p {text-align:left;padding:0px 16px; line-height:1.6em; padding-top:13px; margin-bottom:18px;}
.infoBlocksIcons {padding-bottom:10px;}
.registrationColumn h2.mainheading {background: rgba(0, 0, 0, 0) url("../images/registerbg.png") no-repeat scroll center top / cover;text-align: center;font-size: 48px !important;	font-weight: bold !important;padding: 140px 0;color:#333333;margin-bottom:42px !important;}
.formHeadings {background: #f13030 none repeat scroll 0 0;color: #ffffff;font-size: 24px;font-weight: 700;line-height: 40px;margin-bottom: 52px;margin-top: 36px;padding: 12px 28px;}
.formHeadings span {padding-right:28px;}
.formHeadings-title {flex:1; line-height:1em;}
.option-chkbox { display:flex; align-items:center; flex-wrap:wrap; }
.option-chkbox .chkbox { /* flex:1; */ text-align:right; display:flex; justify-content:flex-end; }
.option-chkbox .chkbox input[type="checkbox"] { margin-left:.5em; margin-top:0; }
.option-chkbox .chkbox-icon { margin-right:.5em; width:10px; }
.option-chkbox .chkbox-label { margin:0; padding:0; font-size:1.5rem !important; line-height:1em; border:1px solid white; border-radius:2em; padding:.5em 1em; display:flex; align-items:center; white-space:nowrap; cursor:pointer; user-select:none; -webkit-user-select:none; -ms-user-select:none; }
.option-chkbox .chkbox-label * { cursor:pointer; }
.option-chkbox .chkbox-label:hover { background-color:rgba(255,255,255,.3); }

.inputBlock{margin-bottom:28px;}
input.inputText {background: #FFF;height: 48px;border-radius: 8px !important;color: #545454;font-size: 18px;font-weight: 300;padding: 0px 16px;margin: 0px;}
select.inputText {	-webkit-appearance: none;-moz-appearance: none; text-indent: 1px;text-overflow: ''; background-color:rgb(255, 255, 255) none repeat scroll 0 0;background-image: url(../images/gry_drop.png);background-position: right center;background-repeat: no-repeat;border: 0 none;border-radius: 8px !important; color: rgb(161, 161, 161) !important;	font-size: 18px;font-weight: 300;height: 48px;margin: 0;padding: 0 40px 0 10px;width: 100%;}
label {color: #FFF !important;font-size: 16px !important;font-weight: 400 !important;padding: 0 0 6px 0px;margin: 0px;}
input[type="file"] {   opacity: 0;position: relative;z-index: 99999;}
.browseImage {background: #4f4f4f;padding-bottom:100%;width: 100%;text-align: center;text-transform: uppercase; /*width: 98%;*/ margin: 0px auto; position:relative; background-size:contain; background-repeat:no-repeat; background-position:center; }
.browseImage h3 {color:#FFF;font-size: 29px;margin: 0px;text-align: center;font-weight: normal;padding: 20px 0 0;font-weight: 400;}
.preview_overlay {
	position:absolute; top:50%; width:100%; left:0; filter:drop-shadow(0 0 0.75rem rgba(0,0,0,1));
	transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
}
.preview_overlay h3 { filter:drop-shadow(0 0 0.75rem rgba(0,0,0,1)); }
.browseImageCol {background: rgb(255, 255, 255) none repeat scroll 0 0;border-radius: 8px;bottom: 0;height: 60px; left: 16px;position: absolute;right: 16px; top: 31px; }
.browseImageCol > img {float: left;padding: 11px 20px 0;}
.browseImageCol h6 {color: rgb(161, 161, 161);float: left;font-size: 22px;font-weight: 600;margin: 0;padding: 18px 0 0;}
.browseImage i {color: #FFF;font-size: 80px;}
.uploadedImg {width: 98%;margin: 0px auto;background: url(../images/uploadedimg.jpg);text-align: center;padding: 195px 0px;background-size: cover;background-position: center top;background-repeat: no-repeat;}
.uploadedImg i {color: #FFF;font-size: 80px;}
input.errorMessage,select.errorMessage,div.errorMessage{border:3px solid #F1302F;border-top-right-radius: 0px !important;}
.erorContent { background-color: rgb(241, 48, 47);border-top-left-radius: 12px;border-top-right-radius: 12px;color: rgb(255, 255, 255);font-size: 18px;padding: 0 11px;position: absolute;right: 0px;top: -13px;z-index:999;}
.erorContentRightAligned {top: -43px;}
.erorContent p{margin: 0px;font-size: 18px;}
.inputRightAligned {width:83%;}
textarea.textareaBox {background: #ffffff none repeat scroll 0 0;height: 220px;border-radius: 8px !important;border: 0px;color: #a1a1a1;font-size: 22px; font-weight: 500;margin: 0 0 0;padding: 18px 0 0 20px;width: 100%;}
.submitButton {font-size:18px;color:#ffffff;font-weight:500;background:#f13030;border-radius: 8px !important;border:none;margin:7px auto;max-width:350px;height:auto;padding:16px 2em 16px 2em;float:left; width:100%; width:auto; max-width:none; }
.fullTwoColumnInfo {padding:0px;margin:36px 0px 0px 0px;display:table;width: 100%;background:#fff;}
.fullwidthLeftCol {background:#fff;display:table-cell;width:50%;}
.fullwidthRightCol {background:url(../images/product-offer-bg.jpg) no-repeat left top;background-size:cover;display:table-cell;width:50%;vertical-align:top;}
.fullTwoColumnInfo .content {padding:194px 130px 214px 130px;text-align:center;}
.fullTwoColumnInfo .content .greyColorText { text-align:left; }
.fullwidthLeftCol .content{float:right;max-width:950px;}
.fullwidthRightCol .content{max-width:950px;float:left;}
.fullwidthRightCol .content p {text-align:left;}
.fullTwoColumnInfo .content a.buttonStyle {border:1px solid #f04a4a;color:#f04a4a;font-size:16px;font-weight:300;padding:16px 25px;margin-top:36px;cursor:default;text-align:left;}
.fullTwoColumnInfo .content h2{padding-bottom:39px;padding-top:48px;font-weight:600 !important;}
.fullwidthLeftCol .content h2 {font-size:36px !important;}
.fullwidthRightCol .content h2 {color:#fff;font-size:36px !important;}
.productInfoIcons img {margin:45px 24px 0px 24px; width:16%;}
.ourProductsIncludes h2.mainHeadingBrands {background: rgba(0, 0, 0, 0) url("../images/brandbg.jpg") no-repeat scroll center top / cover;text-align: center;font-size: 48px !important;font-weight: 600 !important;padding: 130px 0;color:#fff;margin-bottom:62px !important;}
.products {background:#3b3b3b;padding:40px 20px;text-align:center;margin-bottom:30px;max-width:100%;width:100%;}
.products img { width:60%;}
.productHeadingBar {margin-top:18px;margin-bottom:30px !important;float:left;width:100%;border-bottom:1px solid #ee3124;padding-bottom:12px; display:flex; align-items:center; }
.productHeadingBar h2 {font-size: 37px;color: #fff;font-weight: 500;line-height:25px;float:left; font-weight:500 !important; padding-top:0; padding-bottom:0; }
.productHeadingBar span {float:left;padding:0 0px 0px 12px;}
.warningInfo {background: rgb(238, 48, 48) none repeat scroll 0 0; color: rgb(255, 255, 255);font-size: 16px;line-height: 1.3em;padding: 17px 23px;float: left; display:flex; align-items:center;}
.warningIcon {/*display:inline-block;*/float:left;padding-right:27px;}
#sample {float: right;}
.desc { color:#FFF;}
.desc a {color:#FFF;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; 	padding:0px; }
.dropdown dd { position:relative;}
.dropdown a, .dropdown a:visited { color:#FFF;text-decoration:none;outline:none;}
.dropdown a:hover {color:#ee3124;}
.dropdown dt a:hover { color:#ee3124;}
.dropdown dt a {background:url('../images/dropdown.png') no-repeat scroll right center;font-weight: 500;color: #FFF!important;display:block;padding-right:20px;}
.dropdown dt a span {cursor:pointer;display:block;padding:5px;}
.dropdown dd ul {background:#ee3124 none repeat scroll 0 0; color:#FFF;display:none;right: 0;left:0px;padding:0px 0px 0;position:absolute;top:2px;width:auto;min-width:110px; list-style:none; z-index:999;}
.dropdown span.value {display:none;}
.dropdown dd ul li a {padding:5px;display:block;}
.dropdown dd ul li a:hover { background-color:#FFF;}
.dropdown img.flag { border: medium none; margin-right: 6px; vertical-align: middle; width:67px; height:34px; object-fit:scale-down; object-position:center; }
.flagvisibility {display:none;}
.content-left-image img {filter: grayscale(1);float:right;object-fit:cover;object-position:center;}
.content-left-image img:hover{filter: grayscale(0);}
.content-right-image{float: left;}
.content-right-image img {object-fit:cover;object-position:center;}
.Remove-margin{margin-top: 0px;}
.fullwidthLeftColimage {background:#333;display: table-cell;width: 50%;}
.fullwidth-textRightCol{background: #333333;display:table-cell; vertical-align:middle; width:50%;}
.fullwidthRightCol .content-right-text { float: left;max-width: 950px;}
.fullwidth-textRightCol .content-right-text {float: left;max-width: 950px;}
.fullTwoColumnInfo .content-right-text {padding: 0px 92px 0px;text-align: left;}
.content-right-text h3 {color: rgb(226, 35, 26);font-size: 36px;font-weight: 500;margin: 0;padding: 0 0 18px;}
.content-right-text p { color: rgb(255, 255, 255);font-size:16px;font-weight: 300;line-height:1.6em;margin:0 0 18px;padding:0;text-align:left;}
.content-right-text h5 {color: rgb(226, 35, 26);font-size: 28px;font-weight: 500;margin: 0;padding: 17px 0 16px;}
.content-right-text a {background: rgb(226, 35, 26) none repeat scroll 0 0;color: rgb(255, 255, 255);font-size: 22px;font-weight: 600;margin: 3px 0 17px;padding: 17px 20px;}
.Shipment-content h6 {color: rgb(238, 48, 48);font-size:28px;margin: 0;padding: 31px 0 18px;text-align: center;width: 100%;font-weight:500; text-align:left;}
.Shipment-content{float: right!important;max-width: 950px;}
.Shipment-content {padding: 0 130px 0px !important;}
.Shipment-content p {color: rgb(255, 255, 255);font-size: 16px;font-weight: 300;line-height: 27px;margin: 0;padding: 7px 0 0;text-align: left;}
.Shipment-content h5 {color: rgb(255, 255, 255);font-size: 16px;font-weight: 300;line-height: 27px;margin: 0;padding: 10px 0px;text-align: left;}
.mobileview-Ouredge{display: none;}
.Background_view {background: rgba(0, 0, 0, 0) url("../images/mobile_view.png") no-repeat scroll center top / cover ;padding: 93px 0;}
.Text-background {background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;padding: 28px 30px;text-align: center;}
.Text-background h2 {border-bottom: 1px solid rgb(127, 126, 126);font-size: 24px!important;margin: 0; padding: 0 0 12px;color: #333333; font-weight: bold!important; }
.Text-background > p {color: rgb(51, 51, 51);font-size: 14px;font-weight: normal;line-height: 1.6em;margin: 0;padding: 10px 0 0;text-align: left;}
.Our-prices{display: none;}
.Our-prices {padding: 78px 0;}
.Our-prices > div:first-child { padding-left:28px; padding-right:28px; }
.Our-prices img {padding: 27px 0 0;}
.Our-prices h5 {color: rgb(226, 35, 26);font-size: 28px;font-weight: 500;margin: 0;padding: 0 0 8px;}
.Our-prices a {background: rgb(226, 35, 26) none repeat scroll 0 0;color: rgb(255, 255, 255);display: inline-block;font-size: 20px;font-weight: bold;margin: 0 0 7px;padding: 10px 20px 13px;}
.Our-prices p {color: rgb(255, 255, 255);font-size: 14px;font-weight: normal;line-height: 17px;margin: 0;padding: 0; text-align:left;}
.notification{display: none;}
.ourClientsIncludes {margin: 18px 0px 0px 0px !important;}
.clientIcons > img {width: 40%;}
.infoBlocksIcons > img {width: 40%;}
.firstCartIcon  { text-align:center !important;}
.firstOrderinfoRightColumn h2 , .infoBlocks h2 { font-weight:600 !important;}
.inputBlock { float:left; width:100%; position:relative;}
.flex_inputblock { display:flex; }
.flex_inputblock .inputBlock { flex:1; }
.flex_inputblock .inputBlock.small { flex:0; white-space:nowrap; padding-left:18px; }
.toggler { font-size:36px; color:white; float:left; }
.toggler:hover { color:white; }
.toggler .on { display:none; }
.toggler.active .on { display:block; color:#00cc00; }
.toggler.active .off { display:none; }
.browseImageCol { width:100%; left:0;}
.deliveryInfoBlock .infoBlocks { padding:0px;}
.warningIcon {width: 85px;}
/******************************/
.copyRight span { color:#ec342e;}
.rightBlock { float:left; border-right:1px solid #d3d3d3; padding-right:9px; margin-right:9px; min-height:65px;}
.rightBlock.last { border:0px solid #000 !important; padding:0; margin:0px;}
.shareBlock { float:left; width:100%;}
.shareBlock a { float:left; height:20px; width:74px; margin:0 8px 0 0;}
.shareBlock a:nth-child(2) { width:42px; height:20px;margin:0 0px 0 0;}
p.copyRight { font-size:11.5px;}










/*******************************/
.registrationColumnLogin { float:left; width:100%; padding:95px 0 40px;}
.registrationColumnLogin 
.centerbutton { float:left; width:100%; text-align:center; margin:20px 0 50px;}
.centerbutton input.redButon { float:none; display:inline-block; border:0px solid #fff; border-radius:10px 10px 10px 10px !important ; background:#f13030; color:#fff; font-size:24px; font-weight:600; padding:20px 50px;}
.centerbutton input.redButon + input.redButon { margin-left:8px; }
.registrationColumnLogin input.errorMessage { background:#ffecec;}
.inputOuter { float:left; width:100%; position:relative;}
.inputOuter span img { position:absolute; left:15px; top:4px; padding:4px 15px 5px 0; margin:10px 0 0px 0; border-right:1px solid #dfdfdf; max-width:37px; }
.registrationColumnLogin input.inputText { padding:0 20px 0 85px;}
.inputOuter.lock span img { margin-left:0px; margin-top:3px;}
.checkBoxOuter { float:left; width:50%; display:flex; align-items:center; }
.checkBoxOuter input { float:left; width:14px; height:14px; margin:6px 8px 0 0; margin:0 8px 0 0; background-color:white;}
.checkBoxOuter span { float:left; color:#fff; font-size:16px;}
.forgot { float:right; width:50%;}
.forgot ul { float:left;}
.forgot ul li { float:left;}
.forgot ul li a { color:#fff; font-size:16px;}
.forgot ul li a:hover { color:#f13030;}
.forgot ul li span  { color:#fff; font-size:16px; line-height:normal; padding:0 10px;}
.captcha { float:left; width:100%;}
.captcha img { float:left; width:100%;}

.innerBannertext.resetPwd { background:url(../images/resetpwd.jpg) no-repeat left top;}
.centerbutton.sent { margin-top:20px;}


.breadcrumbOuter { float:left; width:100%; background:#9a0a00;}
.breadcrumb { margin:0px; background-color:transparent; border-radius:0px; padding:15px 0;}
.breadcrumb li a { color:#fff;}
.breadcrumb li { color:#fff; font-size:16px;}
.breadcrumb > li + li::before { background:url(../images/breadarrow.png) no-repeat 8px 5px; padding:0 15px;} 
.breadcrumb > .active { color:#fff;}



.twoColumn { float:left; width:100%; display:table;}
.leftCol {
    background: #494949 none repeat scroll 0 0;
    float: left;
    min-height: 660px;
    padding: 24px;
    width: 292px;
}
.rightCol { float:none; display:table-cell;width:100%; position:relative; vertical-align:top;} 
.hotlineBar.margin0 { margin:0px;}
h1.title { font-size:32px; font-weight:700; color:#fff; }
h1.title span { font-size:26px; }
.centerImg { float:left; width:100%; text-align:center; margin:95px 0 20px;}
.centerImg img { float:none; display:inline-block; width:auto; max-width:100%; height:auto;}
.thead h1 { margin:0px;}


.redbar {display:table; }
.redbar.flex { display:flex; align-items:center; }
.redbar p { font-size:13px; margin:0px; line-height:16px; padding:0px; }
.redbar .warning-text {float:none; display:table-cell; width:100%; vertical-align:top; padding:0px;}
.icon { float:left; width:25px; margin-right:15px; margin-left:70px;}
.redBarOuter { position:absolute; left:0; bottom:0; width:100%; background:#9a0a00;padding:15px 15px; }

.productID , .keyword , .selOuter { float:left; width:100%; margin-bottom:20px;}
.productID label, .keyword label, .selOuter label, .tags label {
    color: #fff;
    float: left;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 15px;
    width: 100%;
}
.productID .inputFeild {
    background: #fff none repeat scroll 0 0;
    border: 0 solid #000;
    border-radius: 8px !important;
    color: #9f0a00;
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: 25px;
    margin: 0;
    padding: 2px 10px;
    width: 100%;
}
.keyword .inputFeild {
    background: #5d5d5d none repeat scroll 0 0;
    border: 2px solid #6a6a6a;
    border-radius: 8px !important;
    color: #bbbbbb;
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: 25px;
    margin: 0;
    padding: 2px 10px;
    width: 100%;
}
.selOuter select { -webkit-appearance: none ; -moz-appearance: none ; -o-appearance: none ;}
.selOuter .selecBg { float:left; width:100%; padding:7px 5px; background:#5d5d5d; border-radius:8px 8px 8px 8px;}
.selOuter .selecBg select { float:left; width:100%; background:url(../images/selarrow.png) no-repeat 95% 8px; font-size:14px; color:#bbbbbb; font-weight:600; border:0px solid #000; }



.tags { float:left; width:100%; margin-bottom:20px;}
.tags a {
    border: 2px solid #a1a1a1;
    border-radius: 50px;
    color: #a1a1a1;
    font-size: 13px;
    line-height: 17px;
    margin-right: 13px;
    padding: 1px 9px;
}
.tags a:last-child{
	margin-right:0
}
.tags.tegForBtn a{
	margin-right:0;
}
.tags a.redtag { background:#ffc1c1; border-color:#e83735; color:#e83735;}

.enterdata { float:left; width:100%;  color:#bbbbbb; font-weight:600; text-align:center; margin-bottom:20px;}
.enterdata a {
    background: #5d5d5d none repeat scroll 0 0;
    border-radius: 8px;
    color: #bbbbbb;
    float: left;
	border: 2px solid #6a6a6a;
    font-size: 14px;
    height: 27px;
    padding: 1px 9px;
    width: 100%;
}
.enterdata a.active {
    border: 2px solid #ee3124;
}
.placeholder { float:left; width:100%;  color:#bbbbbb; font-weight:600; text-align:center;}
.placeholder a { color:#fff; float:left; width:100%;background:#ee3124; padding:15px; font-size:20px;border-radius:8px 8px 8px 8px; }


#sample.dropdownSel {
    background: #5d5d5d none repeat scroll 0 0;
    border: 2px solid #6a6a6a;
    border-radius: 8px;
    float: left;
    height: 27px;
    width: 100%;
}
.dropdownSel { position:relative;}
.dropdownSel dd, .dropdownSel dt, .dropdownSel ul { margin:0px; 	padding:0px; }
.dropdownSel dd { position:relative;}
.dropdownSel a, .dropdownSel a:visited { color:#FFF;text-decoration:none;outline:none; line-height:36px;}
.dropdownSel a:hover {color:#ee3124;}
.dropdownSel dt a:hover { color:#ee3124;}
.dropdownSel dt a {
    /*background: rgba(0, 0, 0, 0) url("../images/selarrow.png") no-repeat scroll 97% 8px;*/
    background: rgba(0, 0, 0, 0) url("../images/selarrow.png") no-repeat scroll 97% 16px;
    color: #bbbbbb !important;
    display: block;
    font-weight: 400;
    padding-right: 17px;
}
.dropdownSel dt a span {
    color: #bbbbbb;
    cursor: pointer;
    display: block;
    padding: 2px 0 0 9px;
    font-weight:300;
}
.dropdownSel dd ul {
  background:#5d5d5d none repeat scroll 0 0;
  color:#FFF;
  display:none;
  right: 0;
  left:0px;
  padding:0px 0px 0;
  position:absolute;
  top:10px;
  width:auto;
  min-width:110px;
  list-style:none;
  z-index:999;
  max-height:300px;
  overflow-y:scroll;
}
.dropdownSel dd ul::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.dropdownSel dd ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.dropdownSel span.value {display:none;}
.dropdownSel dd ul li a {padding:5px;display:block;}
.dropdownSel dd ul li a:hover { background-color:#FFF;}
.dropdownSel img.flag { border: medium none; margin-right: 6px; vertical-align: middle; width:58px; height:34px; object-fit:scale-down; object-position:center; }
.dropdownSel .flagvisibility {display:none;}
.selOuter dl { margin:0px;}


#sample.dropdownSelnew {
	float:left; 
	width:100%;
	background:#5d5d5d ;
	border-radius:8px 8px 8px 8px; 
	border: 2px solid #6a6a6a;
  height: 27px; height: 40px;
}
#sample.dropdownSel {
    background: #5d5d5d none repeat scroll 0 0;
    border: 2px solid #6a6a6a;
    border-radius: 8px;
    float: left;
    height: 27px; height: 40px;
    width: 100%;
}
.dropdownSelnew { position:relative;}
.dropdownSelnew dd, .dropdownSelnew dt, .dropdownSelnew ul { margin:0px; 	padding:0px; }
.dropdownSelnew dd { position:relative;}
.dropdownSelnew a, .dropdownSelnew a:visited { color:#FFF;text-decoration:none;outline:none; line-height:36px;}
.dropdownSelnew a:hover {color:#ee3124;}
.dropdownSelnew dt a:hover { color:#ee3124;}
.dropdownSelnew dt a {
    /*background: rgba(0, 0, 0, 0) url("../images/selarrow.png") no-repeat scroll 97% 8px;*/
    background: rgba(0, 0, 0, 0) url("../images/selarrow.png") no-repeat scroll 97% 16px;
    color: #bbbbbb !important;
    display: block;
    font-weight: 400;
    padding-right: 35px;
}
.dropdownSelnew dt a span {
    color: #bbbbbb;
    cursor: pointer;
    display: block;
    padding: 1px 0 0 9px;
}
.dropdownSelnew dd ul {
  background:#5d5d5d none repeat scroll 0 0;
  color:#FFF;
  display:none;
  right: 0;
  left:0px;
  padding:0px 0px 0;
  position:absolute;
  top:10px;
  width:auto;
  min-width:110px;
  list-style:none;
  z-index:999;
  max-height:310px;
  overflow-y:scroll;
}
.dropdownSelnew dd ul::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.dropdownSelnew dd ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.dropdownSelnew span.value {display:none;}
.dropdownSelnew dd ul li a {padding:5px;display:block;}
.dropdownSelnew dd ul li a:hover { background-color:#FFF;}
.dropdownSelnew img.flag { border: medium none; margin-right: 6px; vertical-align: middle; width:58px; height:34px; object-fit:scale-down; object-position:center; }
.dropdownSelnew .flagvisibility {display:none;}


.bill .dropdownRemote.sender { position:absolute; top:0; right:0; left:0; bottom:0; cursor:pointer; }
.dropdownRemote .dropdownTrigger { color:white; cursor:pointer; float:right; width:100%; height:100%; }
.dropdownRemote .dropdownTrigger i { position: absolute; top:20px; right:24px; font-size:24px; }
.dropdownRemote .dropdownList { display: none; position: absolute; top:100%; width:100%; right:0; }
.dropdownRemote .dropdownList ul {
  background:#5d5d5d none repeat scroll 0 0;
  color:#FFF;
  right: 0;
  left:0px;
  padding:0px 0px 0;
  position:absolute;
  top:0px;
  width:auto;
  min-width:110px;
  list-style:none;
  z-index:999;
  max-height:310px;
  overflow-y:scroll;
  font-size:14px;
  color:white;
  border:2px solid #6a6a6a;
  user-select:none;
}
.dropdownRemote .dropdownList ul::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.dropdownRemote .dropdownList ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.dropdownRemote .dropdownList ul li a { padding:5px 18px 5px 18px; display:block; color:white; cursor:pointer; font-weight:normal; }
.dropdownRemote .dropdownList ul li a:hover { background-color:white; color:#ee3124;}

.dropdownRemote .dropdownData { display: none; }
.dropdownRemote .dropdownData.active { display: block; }


.selOuter dl { margin:0px;}

.navbar-header { width:250px; }

/*.afterLoginHeader{ padding-bottom:33px;}*/
.afterLoginHeader .navbar-default .navbar-nav > li{ border:0 !important; padding-right:0;}
.afterLoginHeader .navbar-default .navbar-nav > li a{ display:inline-block; vertical-align:middle; padding:9px 0px 9px 4px !important;}
.afterLoginHeader .navbar-collapse {float: left;width: 73%; float:right; width:auto;}
.afterLoginHeader .navbar-header {float: left;width:27%;width:250px;}
.afterLoginHeader .Search {float:none;width: 204px;padding:0;margin-right:12px;display:inline-block;vertical-align:middle;}
.afterLoginHeader .Search > input{width:100%;margin:0;padding:0 40px 0 20px;}
.navbar-nav li img{float:none !important; display:inline-block; vertical-align:middle; width:24px;}
.logBlk .navbar-right {margin-right: 0px;}
.navbar-collapse{padding:0;}
/*.logBlk.innerHeader .navbar-brand img {max-width: 294px; width: 100%;}*/
.logBlk .logo {margin-left: 0px;}
.logBlk .Search > input{background-position:right 10px center;height:35px;}
/*.innerHeader.logBlk{padding: 18px 0;}*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background-color: rgba(0, 0, 0, 0);}
.navbar-right .dropdown-menu {background: #333333;left:0;top:72px;width:200px;}
.dropdown-menu > li > a {padding: 10px 20px;}
.navbar-nav li img.greyThumb {float: left;width: 9%;display:none;}





.innerBannertext.shopingcart { background:url(../images/shopingcart.jpg) no-repeat left top;}
/*.innerBannertext.shopingcart h1 { padding:70px 0; } */


#shopingCart { float:left; width:100%; padding:80px 0px;}
.shopBlock { float:left; width:100%; margin:0 0 30px 0; margin:28px 0 30px 0; }
#shopingCart .formHeadings { margin:0px 0  25px;}
#shopingCart .formHeadings span { font-size:16px;}
/*--------*/
.bill_wrapper {
  display:flex;
}
.bill {
border-right: 2px solid rgb(56, 56, 56);
float: left;
margin-bottom:0px;
width: 50%;
background: rgb(73, 73, 73) none repeat scroll 0 0;
}
.bill .formHeadings span {
  padding-right:15px;
}
.billdesc
{
/*background: rgb(73, 73, 73) none repeat scroll 0 0;*/
float: left;
padding: 0 25px 24px;
width: 100%;
}
.billdesc h6
{
color: rgb(255, 255, 255);
font-size: 20px;
font-style: italic;
font-weight: 600;
margin-bottom: 0;
margin-top: 20px;
max-height: 60px;
min-height: 60px;
}
.billdesc p
{
color: rgb(255, 255, 255);
font-size: 17px;
font-style: normal;
font-weight: 400;
min-height: 108px;
}
.billdesc > ul {
  margin: 0;
  padding: 0;
}
.billdesc ul li {
float: left;
font-weight: 400;
width: 100%;
}
.billdesc ul li a {
color:#fff;
}
.billdesc ul li span {
  padding-right: 10px;
}
.bill .formHeadings {
  margin-bottom: 0px!important;
  position:relative;
}
/*--------*/
.boxOuter { float:left; width:100%; border:1px solid #fff; margin:0 0 30px 0;}
.boxOuter a {float:left; width:100%;padding:15px 20px;}
.boxOuter a:hover { background:#5c5c5c;}
.boxOuter.off { filter:brightness(50%); margin:0 0 30px 0; }
.boxOuter.off a { cursor:default; }
.boxOuter.off a:hover { background:unset; }
.boxOuter.off .boximg { filter:saturate(0); }
.box { display:table; float:left; width:100%;}
.box .boximg { float:left; width:170px; margin-right:20px;}
.box .boximg img { float:left; width:auto; max-width:100%; height:auto;}
.box .boxinfo { float:none; display:table-cell; vertical-align:middle; font-size:18px; font-weight:700; color:#fff; width:100%;}
.box .boxinfo h4 {
  float: left;
  margin: 0 12px 0 0;
  width: auto;
}
.box .boxinfo span { float: left;
font-size: 14px;
font-weight: 300;
width: auto;}
p .largetext { font-size:20px; font-weight:700;}
.shopBlock p a { color:#fff;}

.shopBlock.cards .box .boximg { width:60px;}
.ivoiceColOuter { float:left; width:100%; margin:0 0 45px 0;}
.invoiceCol  { float:left; width:100%;}
.invoiceCol h1 {
color: rgb(255, 255, 255);
float: left;
font-size:50px;
font-weight: 600;
letter-spacing: 3px;
margin: 0 0 30px;
text-transform: uppercase;
width: 100%;
}
.invoicetext {
color: rgb(255, 255, 255);
float: left;
font-size: 21px;
font-weight: 400;
margin-bottom: 16px;
padding: 5px 0;
width: 100%;
}
.invoicetext span {
  float: left;
  font-size: 35px;
  font-weight: 400;
  margin-top: 7px;
  width: 100%;
}
.proTables
{
	width:100%;
	float:left;
	margin-bottom:45px;
}
.proTables tr:nth-child(even) {background: #333333; color:#fff;}
.proTables tr:nth-child(even):hover {background: #333333; color:#fff;}
.proTables tr:nth-child(odd) {background: #494949;  color: rgb(255, 255, 255);}
.proTables tr:nth-child(odd):hover {background: #494949;  color: rgb(255, 255, 255);}
.proTables tbody:nth-last-of-type(1) tr:last-child
{background: #626262; color:#fff;}
.proTables tbody:nth-last-of-type(1) tr:last-child:hover
{background: #626262; color:#fff;}
.proTables .table thead tr {
  background: rgb(255, 0, 0) none repeat scroll 0 0;
  color:#fff;
  font-size:17px;
  font-weight:600;
}
.proTables .table thead tr:hover {
  background: rgb(255, 0, 0) none repeat scroll 0 0;
}
.proTables .table thead tr th
{
padding:11px 8px;
}
.proTables .table > thead > tr > th {
  border-bottom: 0px solid rgb(221, 221, 221);
  vertical-align: bottom;
}
.proTables .table tbody tr td {
  border-top: 0 solid;
}
.proTables .purchasevalue {
  float: none;
  margin: 0 auto;
  border: 0 !important;
}
.proTables .purchasevalue .input-group {
  margin-right: 8px;
}
.proTables .purchasevalue a {
  line-height: 1;
}
.proTables .row .row { margin-top:18px; }
.nobordertop {
  border-top:0 !important;
}

.productid {
  font-size:18px;
  font-weight: 600;
}
.productname {
  font-size: 15px;
  font-weight: 600;
  text-align:left;
  margin-bottom: 6px;
  max-width: 200px;
}
.qty
{
color: rgb(255, 255, 255);
font-size: 40px;
font-weight: 600;
padding: 22px 0;
position: relative;
top: -19px;
}
.order
{
	font-size:40px;
	font-weight:600;
	color:#fff;
}
.order + .getfree_wrapper {
  margin-top:8px;
}
.unitcost {
  font-size: 15px;
  font-weight: bold;
}
.unitcost .hkd {
  left: -19px;
  position: relative;
}
.cost {
  font-size:30px;
}
.subtotal
{
font-size: 15px;
font-weight: bold;
}
.subTotal1 {
  font-size:25px;
}
.discount {
  margin: 0 0 14px;
}
.discount p {
font-size: 8px;
font-weight: bold;
left:0px;
margin: 0 0 6px;
padding: 0;
position: relative;
}
.discount h3{
color: rgb(255, 255, 255);
display: inline-block;
font-size:35px;
font-weight: bold;
margin: 0;
padding-right: 7px;
width: auto;
}
.discount span {
font-size: 15px;
font-weight: bold;
}
.proTables .getthumb {
  display: block;
  margin: 6px auto 0;
  text-align: center;
  width: 50%;
}
.finaltotal
{
font-size: 30px;
font-weight: bold;
left: -44px;
position: relative;
top: 3px;
}
.productimage {
  margin: 0 auto;
  width: 50%;
  max-width:160px;
}
.finalsubtotal {
font-weight: 600;
left: -43px;
position: relative;
}
.subtotallast
{
  font-size:35px;
  font-weight: bold;	
}
.proTables .table tbody tr td {
  padding:30px 0;
  vertical-align: middle;
}
.proTables .table tbody tr:nth-child(2) td {
  padding:10px 0;
  vertical-align: middle;
}
.proTables .table tbody tr:last-child td {
  padding:10px 0;
  vertical-align: middle;
}
.proTables .table tbody tr.tiny {
  background-color:#262626;
  border-bottom:2px solid #494949;
}
.proTables .table tbody tr.tiny td {
  padding:10px 0;
  vertical-align: middle;
}
.proTables tr:nth-child(even) + tr.tiny {
  border-top:2px solid #494949;
}
.desc_txt {
  color:#808080;
  font-weight:normal;
}
.proTables .table
{
	margin-bottom:10px;
}
.protext {
  float: left;
  width: 100%;
}
.protext > p {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 3px;
  padding: 0;
}.modal-title {
  text-align: center;
  font-size:20px;
  font-weight:600;
  color:#9a0a00;
  
}
.centerbutton {
  text-align: center;
  font-size:0;
}
.centerbutton > * {
  font-size:24px;
}
.casediscount
{
font-size:18px;
padding: 0;
top: 0;
}
.modal-dialog{ margin-top: 80px;
width: 745px;}
.modal-body {padding: 0 30px 30px;}
.modal-body p{ font-weight:600; font-size:12px; color:#404040;}
.modal-body p span{color:#9a0a00;}
.modal-body .form-control{ box-shadow:none; border-color:#ee3124; border-radius:5px !important; height:150px;}
.modal-body textarea{ resize:none;}
.modal-header {text-align: center; border:0 none ;}
.modal-header img {display: inline-block;margin-top: -80px;}

.modal-header .icon { float:none; display:inline-block; vertical-align:middle; background-color:#9a1003; border:8px solid white; border-radius:100px; margin:-80px 0 0; width:119px; height:119px; color:white; }
.modal-header .icon .fa { font-size:72px; line-height:103px; }

.modal-content{ border-radius:15px;}
.innerBannertext.accounCreate{
	background:url(../images/accountbg.jpg) no-repeat center top;
	background-size:cover;
}
/*.innerBannertext.accounCreate h1 {
  padding: 80px 0 82px;
}*/
.btnwrapper {
  float: left;
  width:100%;
}
.form-control.submitButton {
  float: none;
  display:inline-block;
}
.submitted {
  background-color:grey;
  color:darkgrey;
  cursor:wait !important;
}
.customBlk {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 8px;
  color: #a1a1a1;
  font-size: 18px;
  font-weight: 300;
  height: 48px;
  margin: 0;
  padding: 0 16px;
}
.customBlk .inputText {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
  float: left;
  width: 82%;
}
.customBlk .left {
  border-right: 1px solid #d0d0d0;
  float: left;
  margin-top: 6px;
  padding: 6px;
  width: 16%;
}

.accountPage { float:left; width:100%; padding:36px 0px;}
/*.accountPage .formHeadings { margin:0 0 45px 0;}*/

/*--------order details-------*/
.thanks {
  padding: 50px 0 0;
  text-align: center;
}
.thankyou {
  float: left;
  width: 100%;
}
.thankyou > img {
  max-width: 158px;
}
.thankyou h1 {
font-size:45px;
font-weight:600;
color:#f13030;
}

.thankyou p {
font-size:19px;
font-weight:400;
color:#ffffff;
line-height:40px;
}
.thankyou .business {
  font-size:26px;
  font-weight: bold;
}
.thankyou .business .three {
  font-size: 50px;
  font-weight: bold;
}
.centerbutton.amend {
  margin: 50px 0 0;
}
.centerbutton.amend .redButon {
  padding: 35px 50px;
}
.heading
{
float: left;
width: 100%;
}
.heading h6
{
color: rgb(196, 196, 196);
font-size: 21px;
font-weight: 400;
margin: 0 0 10px;
}
.box .orderboximg {
  float: left;
  margin-right: 20px;
  width: 170px;
}
.shopBlock.cards .box .orderboximg {
  width: 110px;
}
.shopBlock.cards .box .orderboxinfo {
color: rgb(255, 255, 255);
display: table-cell;
float: left;
font-size: 20px;
font-weight: 700;
line-height: 38px;
text-transform: capitalize;
vertical-align: top;
}
.boxOuter.orderboxouter {
border: 0 solid;
margin-bottom: 0;
}
.shopBlock .box .orderboximg.orderboximg1 {
  width: auto;
}
.ordertStatus {
  float: left;
  width: 100%;
}
.ordertStatus ul {
margin:0px;
padding:0px;
}
.ordertStatus ul li:first-child{
float: left;
width:220px;
height:60px;
}
.ordertStatus ul li:nth-child(2)
{
float: left;
margin: 0 8px 0 20px;
width: 525px;
height:60px;
}
.ordertStatus ul li:last-child
{
float: left;
width: 390px;
height:60px;
float:left;
}
.payHeadings {
  background: #404040;
  color:#b8b8b8;
  font-size: 21px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 12px 45px;
}
.payHeadings > span {
  padding-right: 10px;
}
.authorized {
float: left;
margin-bottom: 72px;
padding: 0 45px;
width: 100%;
}
.tickimage {
  /*display: inline-block;*/
  width: auto;float: left;
}
.authorizedheading {
color: rgb(255, 255, 255);
/*display: inline-block;*/
float: left;
font-size: 20px;
font-weight: bold;
line-height: normal;
margin: 4px 20px 0 15px;
width: auto;
}
.credit {
/*display: inline-block;*/
float: left;
margin-top: 5px;
width: auto;
}
.credit > img {
  max-width: 127px;
}
.shippingstatus {
  float: left;
  padding: 0 45px;
  width: 100%;
     margin-bottom: 72px;
}
.shippingimage {
  float: left;
  margin: 0 17px 0 0;
  width: auto;
}
.shippingimage > img {
  width:45px;
}
.shippingtitle {
color: rgb(255, 255, 255);
float: left;
font-size: 20px;
font-weight: 600;
padding-top: 7px;
width: auto;
}
.payinstruct {
border-bottom: 1px solid rgb(98, 98, 98);
float: left;
margin: 0 50px;
padding: 40px 0 30px;
width: 91%;
}
.payinstructimage {
float: left;
margin-right:4%;
text-align: center;
width: 25%;
}
.payinstructimage > img {
margin: 0 0 10px;
max-width: 105px;
}
.payinstructimage h4 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: bold;
}
.payinstructdesc {
float: left;
padding: 10px 0;
width: 70%;
}
.payinstructdesc > ul {
  margin: 0;
  padding: 0;
}
.payinstructdesc > ul li {
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
.payinstructdesc > ul li b{
font-size: 20px;
font-weight: 600;
}
.payinstructdesc > h4 {
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: 600;
margin: 0;
}
.payinstructdesc > p {
  font-size:16px;
  font-weight: 400;
}
.payinstructdesc input {
  background: rgb(241, 48, 48) none repeat scroll 0 0;
  border: 0 solid rgb(0, 0, 0);
  border-radius: 8px!important;
  color: rgb(255, 255, 255);
  display: inline-block;
  float: none;
  font-size:16px;
  font-weight: bold;
  padding: 20px 26px;
}

.payinstruct.creditcard {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin:0;
  width:100%;
  padding-top:1em;
}
.payinstruct.creditcard .payinstructimage {
  flex:100%;
  margin-right:0;
  max-width:600px;
}
.payinstruct.creditcard .payinstructdesc {
  flex:100%;
  padding:1em 0;
  width:unset;
  display:flex;
  justify-content:center;
  max-width:600px;
}
.payinstruct.creditcard .payinstructdesc.spec_list {
  flex:100%;
  background-color:white;
  padding:0;
  border-radius:.5em;
  width:unset;
  max-width:600px;
  overflow:hidden;
}
.payinstruct.creditcard .payinstructdesc input[type="submit"] {
  width:100%;
}
.payinstruct.creditcard .payinstructdesc input[type="text"] {
  background-color:transparent;
  color:black;
  border-bottom:1px solid #cccccc;
  border-radius:0 !important;
  padding:.25em 0;
  width:100%;
}

.spec_list { float:left; }
.spec_list table { width:100%; border:1px solid #cccccc; font-size:14px; }
.spec_list table > * > * > * { border-top:1px solid #cccccc; padding:10px 16px; text-align:left; }
.spec_list table th { color:#ee3124; white-space:nowrap; vertical-align:top; }
.spec_list table td { /* width:100%; */ /* word-break:break-all; */ }
.spec_list table .desktop { display:table-row !important; }
.spec_list table .mobile { display:none !important; }
.spec_list .divider { border-bottom:1px solid #cccccc; }
.spec_list p { margin-bottom:8px; }

.spec_list [name=feature_description] { width:auto; }
.spec_list [name=feature_description] > * > * > * { width:auto; padding:0; white-space:normal; }

.payinstruct:last-child {
  border-bottom: medium none;
}
.payinstruct .qrimg {
  max-width:300px;
  width:100%;
}
.paydialog {
  display: none;
  margin-top:12px;
}
.paydialog_contents {
  border:5px solid #f13030;
  border-radius:10px;
  padding:12px;
  display:inline-block;
  text-align:center;
}
/*-----------*/
.rightCol.rightpad {
  padding: 20px 30px;
}
.filters {
  float: left;
  margin-bottom:30px;
  width: 100%;
}
.filters a {
    border: 1px solid #5f5f5f;
    border-radius: 50px;
    color: rgb(161, 161, 161);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding: 4px 10px;
    text-transform: capitalize;
}
.filters a.redtag {
  background:#ffeaea;
  border-color: rgb(232, 55, 53);
  color: rgb(232, 55, 53);
}
.sampsonproduct
{
float: left;
margin: 0 0 30px;
width: 100%;
display: flex;
}
.sampleftsection
{
float: left;
margin-right: 3%;
width: 20%;
position: relative;
}
.sampimage {
  float: left;
  width: 100%;
  position: absolute;
  padding-bottom:100%;
  background-color: white;
}
.sampimage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.samprightsection
{
float: left;
width:77%;
}
.sampbox {
  float: left;
  width:65%;
}
.samphead {
  float: left;
  width: 100%;
}
.samphead h5 {
  color: rgb(255, 255, 255);
  font-size: 19px;
  font-weight: bold;
  width: 100%;
}
.samplist {
float: left;
margin: 0 0 12px;
width: 100%;
}
/*-- 20240422 Start --*/
.sampProduct .samplist .pull-left:last-child {
  clear:both;
}
/*-- 20240422 End --*/
.ean {
  float: left;
  width: 100%;
}
.ean > img {
  padding-right: 8px;
}
.ean > label {
  color: rgb(131, 131, 131)!important;
  font-size: 14px!important;
  border-right: 2px solid #c3c3c3;
padding: 0 12px 0 0;
text-transform:uppercase;
}
.ean > span {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 12px;
}
.ean > .fa {
  color: #838383;
  font-size: 14px;
  margin-right:.5em;
}
.orderhistory {
  float: left;
  width: 100%;
}
.lastorder
{
float: left;
width: auto;
}
.lastorder > img {
  padding-right: 8px;
}
.lastorder > label {
  color: rgb(131, 131, 131)!important;
  font-size: 14px!important;
padding: 0 12px 0 0;
text-transform:uppercase;
}
.lastorderdate {
  float: left;
  width: auto;
  background:#7f7f7f;
}
.lastorderdate > label {
  float: left;
  font-size: 11px!important;
  font-weight: 600!important;
  text-align: center;
  width: 100%;
  padding:0px;  line-height: 16px;color:#fff;
}
.lastorderdate > span {
  float: left;
  font-size: 12px!important;
  font-weight: 600!important;
  text-align: center;
  width: 100%;  line-height: 16px;color:#fff;
}
.lastorderdate > p {
  float: left;
  font-size: 17px!important;
background: rgb(255, 255, 255) none repeat scroll 0 0;
color: rgb(104, 104, 104);
font-weight: 600!important;
margin: 0;
padding: 0;
text-align: center;
width: 100%; 
}
.lasthkd {
float: left;
margin: 0 0 0 7px;
padding: 10px 0;
width: auto;
}
.lasthkd h6 {
color: rgb(255, 255, 255);
font-size: 14px;
font-weight: 600;
margin: 0 0 2px;
}
.lasthkd p {
color: rgb(255, 255, 255);
font-size: 26px;
font-weight: 600;
margin: 0;
padding: 0;
}
.unisection
{
float: left;
margin: 0 0 10px;
width: 100%;
}
.getfree {
float: left;
margin-right: 10px;
width: auto;
}
.getfree_wrapper * {
  cursor:pointer !important;
}
.getfree_wrapper {
  /*width:100%;
  max-width:138px;*/
  width:138px; width:165px;
  /*height:57px;*/
  position: relative;
  margin-right:10px;
  /*overflow:hidden;*/
  font-size:12px;
  margin-bottom:8px;
  margin: 0 auto;
}
.getfree_wrapper .costhead {
  text-align:center;
}
.sampbox .getfree_wrapper {
  width:30%; width:35%;
  float: left;
  margin-right:4px;
}
.getfree_tag {
  /*width:138px;
  height:57px;*/
  width:100%;
  padding-bottom:41.304%; padding-bottom:35.405%;
  position: relative;
  background:url('../images/tag-getfree.svg') no-repeat left top;
  background-size:cover;
  font-family: Montserrat;
  font-weight: 700;
  color:gray;
  /*transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);
  transform-origin: left top; -webkit-transform-origin: left top; -ms-transform-origin: left top;*/
}
.getfree_tag > * {
  position:absolute;
  z-index:2;
  cursor:default;
  white-space:nowrap;
}
.getfree_tag .label_buy {
  top:20%;
  left:5.2%;
  font-weight: 800;
  font-size:1em;
  line-height:1;
  width:25%;
  text-align:center;
}
.getfree_tag .txt_buy {
  top:42%;
  left:5.2%;
  line-height:1;
  font-size:2.25em; /* 27px */
  letter-spacing:-1px;
  text-align:center;
  width:25%;
}
.getfree_tag .label_free {
  top:13%;
  left:36.231%;
  font-size:1.91em; /* 23px */
  line-height:1;
  color:white;
  font-weight:700;
  text-align:left;
}
.getfree_tag .txt_free {
  top:11%;
  left:82%; left:77%;
  line-height:1;
  font-size:4.33em; /* 52px */
  color:white;
}
.getfree_tag .box_bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width: 69.565%; /* 96px */
  background-color:gray;
  z-index:1;
}

.getfree_tag.blue { color:#0072b2; }
.getfree_tag.blue .box_bg { background-color:#0072b2; }

.getfree_tag.green { color:#008945; }
.getfree_tag.green .box_bg { background-color:#008945; }


.costbonus {
float: left;
width: auto;
width:calc(65% - 4px - 8px);
}
.costbonus > ul {
  margin: 0;
  padding: 0;
  width:100%;
  display:flex;
}
.costbonus li {
border-right: 2px solid rgb(131, 131, 131);
display: inline-block;
width: auto;
flex:1 0 62%;
}
.costbonus li:last-child {
  border: medium none;
  /*margin-left: -3px;*/
  white-space: nowrap;
  flex:1 38%;
}
.costbonus.full {
  width:calc(100% - 8px);
}
.costbonus.full > ul {
  width:100%;
  display:flex;
}
.costbonus.full li {
  flex:0 38%;
}
.costbonus.full li:first-child {
  /*margin-right:-3px;*/
  flex:1;
}
.costbonus.full li:last-child {
  /*margin-right:-3px;*/
  flex:0 24%;
}
.costhead {
background: rgb(0, 113, 179) none repeat scroll 0 0;
color: rgb(255, 255, 255);
font-size: 11px;
font-weight: bold;
/*padding: 0 13px;*/
text-align:center;
}
.costhead.costheadgreen {
  background: rgb(0, 137, 69) none repeat scroll 0 0;
}
.costhead.costheadyellow {
  background:#e5ab0b;
}
.costdesc {
background: rgb(76, 76, 76) none repeat scroll 0 0;
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: bold;
min-height: 34px;
padding: 3px;
text-align: center;
}
.costdesc span {
  font-size: 11px;
  font-weight: bold;
}
.unisection
{
float: left;
margin: 0 0 10px;
width: 100%;
}
.costbonus1 {
float: left;
width: auto;
width:calc(100% - 8px);
}
.costbonus1 > ul {
  margin: 0;
  padding: 0;
  width:100%;
  display:flex;
}
.costbonus1 li {
border-right: 2px solid rgb(131, 131, 131);
display: inline-block;
width: auto;
flex:0 58%;
}
.costbonus1 li:last-child {
  border: medium none;
  /*margin-left: -3px;*/
  white-space: nowrap;
  flex:0 42%;
}
.costhead1 {
background: rgb(176, 10, 0) none repeat scroll 0 0;
color: rgb(255, 162, 159);
font-size: 11px;
font-weight: bold;
/*padding: 0 49px;*/
text-align:center;
}
.costdesc1 {
background: rgb(76, 76, 76) none repeat scroll 0 0;
color:#00bb46;
font-size: 20px;
font-weight: bold;
min-height: 34px;
padding: 3px;
text-align: center;
}
.costdesc1 span {
  font-size: 11px;
  font-weight: bold;
}
.sampbox2 {
float: right;
position: relative;
width: 30%;
}
.righthkd {
  float: left;
  width: 100%;
  flex:1;
}
.purchasequan {
bottom: -233px;
position: absolute;
width: 100%;
}
.purchasequan > span {
  color: rgb(131, 131, 131);
  float: right;
  font-size: 15px;
  font-weight: 400;
  text-align: right;
  width: 100%;
}
.purchasevalue {
border: 2px solid rgb(70, 70, 70);
float: left;
width: 66%;
display: flex;
align-items: center;
}
.quanorder {
background: rgb(227, 29, 26) none repeat scroll 0 0;
color: rgb(255, 255, 255);
float: left;
font-size: 17px;
font-weight: bold;
padding: 6px 0;
text-align: center;
width: 34%;
cursor: pointer;
}
.purchasevalue .btn-default {
  background-color:#000;
  border-color:#000;
  color:#626262;
  padding-left: 8px;
  padding-right: 8px;
}
.purchasevalue .form-control {
background-color: rgb(0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0);
color: rgb(255, 255, 255);
font-weight: bold;
text-align: center;
min-width: 50px; min-width: 30px;
padding-left:0;
padding-right:0;
}
.samphkd {
  float: left;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.samphkd > label {
  color: rgb(0, 187, 70)!important;
  font-size: 21px;
  font-weight: 600!important;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  width: auto;
}
.samphkd > span {
  color: rgb(0, 187, 70);
  font-size:48px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  width: auto;
  letter-spacing: -4px;
  font-family: Roboto;
  line-height:1;
}
.samphkd.discount {
  cursor: default;
  margin:0;
}
.samphkd.discount > p {
  font-weight:normal;
  font-size:14px;
  letter-spacing:0;
  margin:0;
  padding:0;
  line-height:1;
  color:#838383;
  background-color: black;
  padding: 3px 5px;
  border-radius: 4px;
  position:relative;
}
.samphkd.discount span {
  font-weight:normal;
}
.crossout {
  position:relative;
  display:inline-block;
}
.crossout:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;

  -webkit-transform:rotate(-7deg);
  -moz-transform:rotate(-7deg);
  -ms-transform:rotate(-7deg);
  -o-transform:rotate(-7deg);
  transform:rotate(-7deg);
}
.crossout:hover:before{
  border-color:transparent;
}
.samprsp {
  float: left;
  width: 100%;
}
.samprsp > span {
  color: rgb(131, 131, 131);
  float: right;
  font-size: 15px;
  font-weight: 400;
  width: auto;
  line-height: 18px;
}
.samprsp > p {
color: rgb(131, 131, 131);
float: right;
font-size: 15px;
font-weight: 400;
margin: 0 3px 0 14px;
padding: 0;
width: auto;
}
.sampbox3
{
float: left;
margin-top: 6px;
width: 100%;
}
.quantitybox
{
background: rgb(110, 10, 0) none repeat scroll 0 0;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
float: left;
width: 100%;
}
.quantitybox ul
{
	margin:0px;
	padding:0px;
}
.quantitybox ul li
{
border-top: 4px solid rgb(227, 29, 26);
float: left;
padding:4px 24px;
width: 100%;
}
.totalquan {
float: left;
margin-right: 15px;
width: auto;
}
.totalquan > span {
color: rgb(220, 118, 118);
float: left;
font-size: 13px;
font-weight: bold;
margin: 5px 8px 0 0;
width: auto;
}
.totalquan > p {
color: rgb(255, 255, 255);
float: left;
font-size: 19px;
font-weight: 600;
margin: 3px 0 0;
padding: 0;
width: auto;
}
.totalquan span.valuehkd {
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-weight: bold;
  vertical-align: bottom;
}
.totalvalue
{
float: left;
width:auto;
}
.totalvalue > span {
color: rgb(220, 118, 118);
float: left;
font-size: 13px;
font-weight: bold;
margin: 5px 8px 0 0;
width: auto;
}
.totalvalue span.valuehkd {
color: rgb(255, 255, 255);
font-size: 13px;
font-weight: bold;
margin-top: 6px;
}
.totalvalue > p {
color: rgb(255, 255, 255);
float: left;
font-size: 22px;
font-weight: 600;
margin: 0;
padding: 0;
width: auto;
}
.totalquan span.valuehkd.valuegreen {
color: rgb(0, 187, 70);
margin-left: 8px;
margin-top: 6px;
}
.totalquan p.valuegreen {
color: rgb(0, 187, 70);
font-size: 22px;
font-weight: bold;
margin-left:0px;
}
 
/* ------------------- 3-29-18 -------------------------*/
.sampProduct .ean > label {
    border-right: 1px solid #c3c3c3;
    line-height: 16px;
    padding: 0 7px 0 0;
}
.sampProduct .ean > span {
    padding: 0 0 0 9px;
}
.sampProduct .sampbox2 {
    padding-top: 17px;
    display:flex;
    flex-direction:column;
}
.sampProduct .samprsp > p {
    line-height: 23px; line-height: 18px;
}
.sampProduct .lastorderdate {
    position: relative;  margin-left: 11px;
}
.sampProduct .lastorderdate::before {
    background-color: #c3c3c3;
    content: "";
    height: 100%;
    left: -13px;
    position: absolute;
    width: 2px;
}
.sampProduct .lasthkd p {
    font-size: 25px;
}
.sampProduct .samplist .pull-right {
    margin-right: 13px;
}
.sampProduct .purchasequan {
    bottom: 0;
    top: 95px; top:auto;
    position:relative;
}
.sampProduct.withoutList .purchasequan{
    /*top: 168px;*/
    flex:0;
}
.sampProduct.singleList .purchasequan{
    /*top: 103px;*/
    top: auto;
    flex:0;
}
.sampProduct.doubleList .purchasequan{
    /*top: 236px;*/
    top: auto;
    bottom: auto;
    position:relative;
    flex:0;
}

.sampProduct .quantitybox ul li {
    border-top: 3px solid #ee3124;
	position:relative;
}
.sampProduct .quantitybox.multiList li:last-child {
    border-top: 0 none;
}
.sampProduct .quantitybox.multiList li:last-child::before {
    background-color: #cc1915;
    content: "";
    height: 2px;
    left: 11px;
    position: absolute;
    top: 0;
    width: 96%;
}
.sampProduct .totalquan > p {
    margin: 5px 0 0;
}
.sampProduct .totalquan p.valuegreen {
    margin-top: 2px;
}
.sampProduct .form-control.input-number {
    border-left: 1px solid #353535;
    border-right: 1px solid #353535;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 0 !important;
}
.sampProduct .input-group {
    background-color: #1d1d1d;
}
.sampProduct .purchasevalue .form-control {
    background-color: transparent;
}
.sampProduct .purchasevalue .btn-default {
    background-color: transparent;
    border-color: transparent;
    color: #626262;
}
.sampProduct .purchasevalue .btn-default {
    background-color: transparent;
    border-color: transparent;
    color: red;
    padding: 0 12px;
}
.sampProduct .input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
    height: 23px;
}
.sampProduct .quanorder {
    font-size: 16px;
    padding: 4px 0;
}
/* pagination */
.Paginaton .pagination > li > a, .Paginaton .pagination > li > span {
    background-color: transparent;
    border-image: none;
    border-radius: 0;
	border:0;
    border-left:1px solid #d8d8d8;
    color: #686868;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    line-height: 5px;
    padding: 7px 11px;
    text-align: center;
    width: auto;
}
.Paginaton .pagination > li:first-child > a, .Paginaton .pagination > li:first-child > span {
    background-color: transparent;
    border-left: 0 none;
/*     display: none; */
}
.Paginaton .pagination > li:last-child > a, .Paginaton .pagination > li:last-child > span {
    background-color: transparent;
    border-left: 1px solid #d8d8d8;
}
.Paginaton .pagination > li:last-child > a:hover, .Paginaton .pagination > li:last-child > span:hover {
    background-color: transparent !important;
}
.Paginaton .pagination > li > a:hover .fa {
    color: #000 !important;
}
.Paginaton .pagination > li.select > a:hover .fa {
    color: #fff !important;
}
.Paginaton .pagination > .active > a, .Paginaton .pagination > .active > a:focus, .Paginaton .pagination > .active > a:hover, .Paginaton .pagination > .active > span, .Paginaton .pagination > .active > span:focus, .Paginaton .pagination > .active > span:hover {
    background-color: transparent;
    border-left: 1px solid #d8d8d8;
    border-radius: 0;
    color: #686868 !important;
    cursor: default;
    z-index: 3;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: transparent !important;
    color: #686868 !important;
    z-index: 2;
}
.Paginaton .pagination > li > a .fa {
    color: #4d4d4d;
    font-size: 20px;
    line-height: 31px;
}
.Paginaton li.select a {
    background-color: transparent;
    border: 1px solid transparent;
}
.Paginaton li.select a .fa {
    color: #fff !important;
}
.Paginaton {
    float: left;
    text-align: center;
    width: 100%;
}
.Paginaton .pagination {
    border-radius: 0;
    margin: 0;
}
.pagination > li {
    float: left;
    margin-right: 4px;
}
.pmGpage.sections.text-center.coursePaging {
    float: left;
    margin-bottom: 59px;
    width: 100%;
}
.filters a {
    padding: 4px 10px;
}
.filters img {
    max-height: 13px;
    position: relative;
    top: -1px;
}
/* pagination */
/* 3-29-18 E*/


/*---updated-----*/

.innerBannertext.accounCreate.orderHistory{
	background:url(../images/historybg.jpg) no-repeat center top;
	background-size:cover;
}
.usefulStatistic{
	 border: 1px solid #ffffff;
  text-align:center;
  padding:28px 0 0 0;
  min-height:290px;
  float:left;
  width:100%;
  margin-bottom: 19px;
}
.usefulStatistic img{
	width:30%;
	margin-bottom:30px;
}
.statisticInfoText p {
  font-size: 25px;
  font-weight: 600;
  margin:0;
  padding:0px 0 0 0;
  line-height:44px;
}
.statisticInfoText p span {
	font-size:38px;
	 font-weight: 600;
  text-transform: uppercase;
  color:#e63725;
}
.dropdown-menu > li > a {
	color:#ffffff;width:100%;
}
.table01 td.black{ background:#292929;padding: 15px 14px 9px 25px;}
.table01 td{ color:#ffffff; background:#454545; padding:15px 20px 9px 20px; font-weight:400px; font-size:20px;}
.table01 td.green{ color:#00ff00; font-size:15px; padding:0 13px; font-weight:600;}
.table01 td.redClr{ color:#ff0000; font-size:15px; padding:0 13px; font-weight:600; font-size:15px;}
.table01 tr {border-bottom: 1px solid #5e5e5e;}
.table01 td{ font-weight:400; font-size:17px;padding: 15px 0 9px 18px;}
tr.noBorder{ border:0 none;}
table{ float:left; width:100%;}
.table02 th{ text-align:center; font-weight:700; font-size:17px; background:#ee3124; color:#ffffff; padding:11px 0 !important; border-right:1px solid #888888;}
.table02 td{ text-align:center; border-right:1px solid #888888; background:rgba(0,0,0,0);padding: 18px 0 13px !important; vertical-align:middle !important; font-weight:600; font-size:14px; color:#ffffff;}
.table02 tr.darkGrey{ background:#494949;}
.table02 tr.lightGrey{ background:#545454;}
.table02 tbody tr.lightGrey{ background:#545454;}

.table02 td:last-child , .table02 th:last-child {
  border: medium none;
}
.table02 td img {
  float: right;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-top: 0px solid #a1a1a1;
}
.mobileTable {
  display: none;
}
.table01 {
  margin-top: 10px;
}
.graphThumb {
  margin-top: 6px;
}
.table02 {
  margin-top: 89px;
}
.historyPage {
  padding-bottom: 68px;
}
.table02 td span {
color: rgb(255, 255, 255);
display: inline-block;
padding-right: 26px;
padding-top: 5px;
}
.table02 td img {
  margin-right: 28px;
  width: 33px;
}
.rightBlk.fullTable {
  float: left;
}
.leftBlk {
  float: left;
  width: 77%;
}

.redBarOuter.acoountRed {
  position: inherit;
  background:#333333;
  border:1px solid #ee3124;
}
.redBarOuter.acoountRed + .datacards {
  margin-top:2em;
  margin-bottom:2em;
}
.acoountRed .redbar p {
	color:#e43824;
	font-weight:600;
	font-size:18px;
	line-height:22px;
}
.acoountRed .icon{
	width:33px;
	margin-left: 37px;
    margin-right: 28px;
}
.acoountRed .icon.iconfont {
  width:auto;
}
.acoountRed .icon .fa{
  font-size:56px; color:#e43824;
}
	.accountTable {
  margin: 0;
}
.accountTable td {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 13px !important;
  text-align: left;
}
.accountTable td img{
	width:19px;
	float:left;
	margin-right:8px;
}
.disable {
  margin: 5px 0;
}
/* .updateButton{
	max-width:274px;
} */
.topText p{
	font-size:20px;
	font-weight:200;
}
.topText span{
	font-size:32px;
	font-weight:600;
	color:#ffffff;
}
.topText {
  margin-bottom: 54px;
}
.socialBlk p{
	font-weight:200;
	font-size:22px;
  color:#ffffff;
  padding:0;
}
.socialBlk span{
	font-weight:200;
	font-size:22px;
	color:#ffffff;
}
.socialBlk{
	white-space:nowrap;
}
.inputBlock.outerDiv {
  margin-top: 30px;
}
.customSelect .form-control{
	background:#ffffff url(../images/droparrow.png) no-repeat right 39px top 28px;
	border-radius:7px !important;
	height:66px;
}
option {
  height: 72px;
  padding:27px 0 0 16px;
}
option:hover{
	background:#000 !important;
}
option:checked:hover{
	background:#000 !important;
}
textarea.form-control.active {
  background-color:#eeeeee;
}
.form-control.submitButton.branchBtn {
  margin: 54px 0;
}
.form-control.submitButton.updateButton {
  margin: 29px 0 13px;
}
#sample.dropdownSel.dropdownSel01 {
  background: #ffffff;
  height:48px;
}
.dropdownSel.dropdownSel01 dt a {
  font-size: 22px;
  font-weight: 400;
  line-height:38px;
  background: rgba(0, 0, 0, 0) url("../images/selarrow.png") no-repeat scroll 96% 20px;
}
.dropdownSel.dropdownSel01 dd ul {
  background: #ffffff;
  color: #a1a1a1;
  top: -2px;
}
.dropdownSel.dropdownSel01 dd ul li a {
	color:#a1a1a1;
	padding: 12px 22px;
	font-weight:300;
	font-size:18px;
}
.dropdownSel.dropdownSel01 dd ul li a:hover {
  background-color: #bbbbbb;
  color:#ffffff;
}
.dropdownSel.dropdownSel01 dt a span {
  padding: 5px 0 0 25px;
}
.dropdownSel.dropdownSel01 dd ul li:first-child a{
	border-top:1px solid #dddddd;
}
.selOuter.selOuter01 label{
  font-size: 22px !important;
}
.table > thead > tr > th {
  border-bottom: 0px solid #dddddd !important;
}
.stockOuter .thumb {	float:left;}
.stockOuter.stockOuter01 .thumb { width:12%; text-align:center; }
.stockOuter.stockOuter01 .thumb img{ display:inline-block; }
.blk01 {
  float: left;
  width: 39%;
}
.blk01 img{
	float:left;
	margin-top:5px;
	margin-right:5px;
}
.stockOuter .detail {
  float: left;
  width:70%;
  margin-left:19px;
}
.stockOuter .detail p{
	font-weight:600;
	font-size:18px;
	margin-bottom: 1px;
}
.blk01 label{
	font-size:13px !important;
	font-weight:600 !important;
	color:#404040 !important;
	line-height:20px;
	padding:0;
	border-left:1px solid #c3c3c3;
	padding-left:5px;
	margin-left:5px;
}
.blk01 > span {
  float: left;
  line-height: 26px;
}
.modal-content {
  float: left;
  width: 100%;
}
.removeBlk > a {
  background: #ee3124;
  border-radius: 5px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  padding: 1px 6px;
  text-transform: capitalize;
  width:100%;
  text-align:center;
}
.removeBlk > a + a {
  margin-top:4px;
}
.removeBlk p{
	font-weight:600;
	font-size:29px;
  padding-top:7px;
}
.removeBlk {
  float: right;
  text-align: right;
}
.stockOuter {
  border: 1px solid #df0000;
  float: left;
  width: 100%;
  padding: 5px 14px 10px 10px;
  position:relative;
  margin-bottom:56px;
}
.stockOuter .erorContent {
  background-color: #ee3124;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  color: #ffffff;
  font-size: 18px;
  left: -1px;
  padding: 0;
  position: absolute;
  top: -37px;
  right:inherit;
}
.stockOuter .erorContent img{
	float:left;
	margin: 4px 9px 4px 12px;
}
.stockOuter .erorContent p{
	padding:0 !important;
}
.stockOuter .erorContent span{
	float:left;
	color:#FFFFFF;
	font-size:17px;
	padding:12px 4px 0 0;
}
.stockOuter.stockOuter01 .detail {
  width: 57%;
}
.stockOuter.stockOuter01{
	margin-bottom:26px;
}
.stockOuter.stockOuter01:first-child{
	margin-top:37px;
}
.stockOuter.stockOuter01 + .stockOuter01{
	margin-top:22px;
}
.stockOuter.stockOuter01 .blk01 {
  width: 49%;
}
.stockOuter.stockOuter01 .detail {
  flex:1;
  margin-right:12px;
}
.stockOuter.stockOuter01 .removeBlk {
  width:25%;
  width:20%;
}
.removeBlk > a.confirm{
	margin-right:10px;
}
.redBlk {
  border: 1px solid #ee3124;
  border-radius: 8px;
  float: left;
  width: 100%;
  padding: 0px 13px;
  margin-top: 8px;
}
.redBlk span{
	font-weight:600;
	font-size:14px;
	color:#e31d16;
}
.redBlk img {
  float: left;
  padding-top: 5px;
  margin-right:13px;
}
.outer01 {
  float: left;
  width: 100%;
  border-bottom:1px solid #969696;
  margin-bottom:11px;
  padding-bottom:14px;
  display:flex;
}
.outer01.noBorder{
	border:0px none;
	padding:0;
	margin-bottom: 6px;
}
.stockOuter.stockOuter01 .removeBlk p {
  margin-bottom: 24px;
}
.threeOuter {
  float: left;
  padding: 0 20px;
  width: 100%;
}
.pagination > li:first-child{
	border-left:0 solid none;
}
.productname .ean {
  float: none;
  width: 100%;
}
.productname .ean > span {
  font-size: 12px;
}
.productname .ean > label {
  font-size: 12px !important;
   border-right: 2px solid #aeaeae;
}
.purchaseLog{
	width:540px;
}
.table02 td a{
	display:table-cell;
	float:right;
}
/*-------*/
.acct {
  float: left;
  width: 100%;
}
.acct > ul {
  margin: 0;
  padding: 0;
}
.acct ul li {
float: left;
text-align: center;
width: 15%;
}
.acct ul li:nth-child(5) {
float: left;
text-align: center;
width:30%;
}
.acct ul li:last-child {
float: left;
text-align: center;
width:10%;
}
.acct ul li.redcolor
{
	background: rgb(227, 29, 26) none repeat scroll 0 0;
    border-right: 1px solid #ffffff;
    color: rgb(255, 255, 255);
    font-size:17px;
    font-weight: 700; padding: 10px 0;
}
.acct ul li.lightgrey
{
background: rgb(84, 84, 84) none repeat scroll 0 0;
border-right: 1px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
display: table;
font-size: 14px;
font-weight: 600;
height: 103px;
min-height: 103px;
text-align: left;
}
.acct ul li.darkgrey
{
background:#494949;
border-right: 1px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
display: table;
font-size: 16px;
font-weight: 600;
height: 103px;
min-height: 103px;
text-align: left;
}
.acct ul li.lightgrey span,.acct ul li.darkgrey span {
  display: table-cell;
  padding: 0 15px;
  vertical-align: middle;
}
.acct ul li.redcolor:last-child,.acct ul li.lightgrey:last-child,.acct ul li.darkgrey:last-child
{
border-right: 1px solid transparent;
}
.edit
{
	font-size:14px;
}
.edit img {
float: left;
margin-right: 6px;
margin-top: 3px;
width: auto;
}
.acctmob
{
float: left;
margin-bottom: 12px;
width: 100%;
}
.acctmob ul
{
	margin:0px;
	padding:0px;
}
.acctmob ul li
{
background: rgb(84, 84, 84) none repeat scroll 0 0;
border-bottom: 1px solid rgb(110, 110, 110);
float: left;
width: 100%;
}
.acctmob ul li .leftacct
{
background: rgb(227, 29, 26) none repeat scroll 0 0;
color: rgb(255, 255, 255);
float: left;
font-size: 18px;
font-weight: 700;
padding: 14px 16px;
width: 25%;	
}
.acctmob ul li:nth-child(5) .leftacct
{
	min-height:100px;
}
.acctmob ul li .righttacct
{
color: rgb(255, 255, 255);
float: left;
font-size: 16px;
font-weight: 700;
padding: 14px 30px;
width:75%;	
}
.editmob {
  float: left;
  width:33%;
}
.editmob img {
float: left;
margin-right:6px;
margin-top:2px;
width: auto;
}
.editmob span {
  float: left;
  width: auto;
}
/*-------*/
.orderstatus {
float: left;
padding: 0 6%;
width: 100%;
}
.orderstatus ul{
margin:0px;
padding:0px;
}
.orderstatus ul li{
border-left: 7px solid rgb(255, 0, 0);
float: left;
padding-bottom:50px;
padding-left: 49px;
width: 100%;
position:relative;
}
.orderstatus ul li:last-child
{
	border-left: 0px solid rgb(255, 0, 0);
}
.orderstatus ul li::before {
background: rgb(227, 29, 26) none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 30px;
left: -18px;
position: absolute;
top: -2px;
width: 30px;
}
.orderstatus ul li:last-child::before {
background: rgb(227, 29, 26) none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 30px;
left: -12px;
position: absolute;
top: -13px;
width: 30px;
}
.statusdate {
  float: left;
  width: 100%;
   margin-bottom: 14px;
}
.statusdate h6 {
color: rgb(255, 255, 255);
float: left;
font-size: 20px;
font-weight: 600;
margin: 0 15px 6px 0;
width: auto;
}
.statusdate > p {
background: rgb(166, 166, 166) none repeat scroll 0 0;
border-radius: 4px;
color: rgb(51, 51, 51);
float: left;
font-size: 12px;
font-weight: 600;
line-height: normal;
padding: 3px 12px;
width: auto;
}
.statusauth {
  float: left;
  width: 100%;
   margin-bottom: 14px;
}
.tickmob {
float: left;
text-align: center;
width: 8%;
}
.authhead {
color: rgb(255, 255, 255);
/*display: inline-block;*/
float: left;
font-size: 15px;
font-weight: bold;
line-height: normal;
margin: 9px 26px 0 31px;
width: auto;
}
.authimage {
  float: left;
  width: auto;
}
.statusdel {
  float: left;
  width: 100%;
}
.statusdelimage {
  float: left;
  margin-right: 17px;
  text-align: center;
  width: 10%;
}
.statusdelhead {
color: rgb(255, 255, 255);
float: left;
font-size: 15px;
font-weight: 600;
padding-top: 7px;
width: auto;
}
.paymentinstruct
{
float: left;
margin: 30px 0 0;
width: 100%;
}
.paymentinstruct ul
{
margin:0px;
padding:0px;
}
.paymentinstruct ul li
{
float: left;
padding: 0 0 40px;
width: 100%;
}
.orderdate {
  float: left;
  margin-bottom: 0;
  position: relative;
  width: 18%;
}
.authorized {
  float: left;
  margin-bottom: 0;
  padding: 0 45px;
  width: 46%;
}
.shippingstatus {
  float: left;
  margin-bottom: 0;
  padding: 0 45px;
  width:35%;
}

.orderdate h5 {
color: rgb(255, 255, 255);
float: left;
font-size: 20px;
font-weight: 600;
margin: 0 0 6px;
width: 100%;
}
.orderdate > p {
background: rgb(166, 166, 166) none repeat scroll 0 0;
border-radius: 4px;
color: rgb(51, 51, 51);
float: left;
font-size: 16px;
font-weight: 600;
line-height: normal;
padding: 3px 12px;
width: auto;
}
.orderdate::before {
  background: rgb(255, 0, 0) none repeat scroll 0 0;
content: "";
height: 105px;
position: absolute;
right: 22px;
width: 10px;
}
.paymentinstruct ul li:last-child .orderdate::before {
  height: 20px;
}
.orderdate::after {
  background: rgb(255, 0, 0) none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 30px;
position: absolute;
right: 12px;
top: -5px;
width: 30px;
}




.shopBlock ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	border-bottom: 1px solid #333;
	width: 100%;
}

.shopBlock ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	line-height: 31px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color:transparent;
	color: #ccc;
	overflow: hidden;
	position: relative;
}

.shopBlock .tab_last { border-right: 1px solid #333; }

.shopBlock ul.tabs li:hover {
background-color: rgba(0, 0, 0, 0);
color: rgb(51, 51, 51);
}

.shopBlock ul.tabs li.active {
background-color: rgba(0, 0, 0, 0);
color: rgb(51, 51, 51);
display: block;
}

.shopBlock .tab_container {
	border: 1px solid #333;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background:transparent;
	overflow: auto;
}

.shopBlock .tab_content {
	padding: 20px;
	display: none;
}

.shopBlock .tab_drawer_heading { display: none; }
.mobvisible
{
	display:none;
}

.historyPage .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border-bottom-width: 0px;
}
.historyPage .table-bordered > tbody > tr > td, 
.historyPage .table-bordered > tbody > tr > th, 
.historyPage .table-bordered > tfoot > tr > td, 
.historyPage .table-bordered > tfoot > tr > th, 
.historyPage .table-bordered > thead > tr > td,
.historyPage .table-bordered > thead > tr > th {
    border-color: currentcolor rgb(136, 136, 136) currentcolor currentcolor;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
}
.historyPage .table-bordered {
  border: 0 solid rgb(221, 221, 221);
}

/* new change */

.innerBannertext.resetPwd {  background-position:center top;
}
.prductNumber {  background-color: #fff;  border: 1px solid #ee3124;  border-radius: 999px;  color: #ee3124;  font-size: 12px;  height: 24px;
  left: -16px;  padding: 4px 0;  position: absolute;  text-align: center;  top: -8px;  width: 24px;
}
.Paginaton li.select.prevExt a .fa { color: #fff;  left: -4px;  line-height: 20px;  top: 0; position: absolute; color:#686868 !important;
}
.Paginaton li.select.nextExt a .fa { color: #fff;  right: -4px;  line-height: 20px;  top: 0; position: absolute; color:#686868 !important;
}
.hotlineBar h6 span {  color: #fff;
}
/*---21june-----*/
.productbar {
    text-align: left;
}
.productbar .eanname {
    border-right: 1px solid #aeaeae;
    color: #aeaeae;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
    padding-right: 2px;
    text-transform: uppercase;
}
.productbar .procode {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
}

.homehit {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	display:flex;
	align-items:center;
	margin-top:0;
}

.datacards { width:100%; display:flex; justify-content:space-between; float:left; margin-bottom:5em; }
.datacard { padding:2em; display:flex; width:49%; background-color:var(--ssb2b-ui-darkgray); border:1px solid var(--ssb2b-ui-lightgray); border-radius:1em; cursor:default; }
.datacard.single { width:100%; }
.datacard a { color:white; text-decoration:underline !important; }
.datacard:hover { background-color:var(--ssb2b-ui-gray); }
.datacard-avartar { /* width:100px; height:100px; */ overflow:hidden; margin-right:1em; width:25%; max-width:100px; }
.datacard-avartar img { width:100%; border-radius:100px; }
.datacard-data { flex:1; color:white; display:flex; flex-direction:column; }
.datacard-name { margin-bottom:0; padding:0; color:white; margin-top:0; }
.datacard-title { padding:0; }
.datacard-desc { font-size:1em; line-height:1.6em; margin-bottom:2em; flex:1; }
.datacard-divider { height:1px; width:100%; background-color:var(--ssb2b-ui-lightgray); margin-bottom:1em; }
.datacard-infoblocks { display:flex; flex-wrap:wrap; }
.datacard-infoblock { margin-right:2em; }
.datacard-infoblock.full { flex:100%; }
.datacard-caption { color:var(--ssb2b-ui-lightgray); margin-bottom:0; padding:0; }
.datacard-value { margin:0; padding:0; display:block; font-size:1em; }