/* Product-Group */
.divProductGroup {padding-bottom:0px;}
.divPageHeader {}
.divListHdr {}
.divHdrBrand {float:left; width:500px; font-size:24px; padding-bottom:15px; color:#ff4800;}
.divListHeader { } 
/*.divHeader { text-transform:uppercase;}
.borderDotted { border-top:1px dotted #979797;}*/
.divTopProdGroup {/*padding-bottom:30px;*/ min-height: 60px; max-width: 960px; background: #f2f2f2;}
/*.ddl_sort {width:200px; padding:4px 4px 4px 4px; border:1px solid #d9d9d9; font-size:14px;}
.ddl_show {width:50px; padding:4px 4px 4px 4px; border:1px solid #d9d9d9; font-size:14px;}*/
.ddl_sort, .ddl_show {color: #292929; width: 246px; height: 60px; padding: 5px 20px 5px 30px; border: none; border-left: 1px solid #ddd; font-size: 14px; outline: none; box-sizing: border-box; -webkit-appearance: none; background: transparent;}
.divSorting {float:right; height: 100%; /*padding-left:15px;display:flex;align-items:center;*/}
.divSortBy {float:right; /*padding-right:5px; padding-top:4px;*/ display: none;}
.divDdlSort {float:right; height: 100%; position: relative;}
.divDdlSort:after {content: 'keyboard_arrow_down'; font-family: 'Material Icons'; font-size: 16px; position: absolute; top: 50%; right: 0; transform: translate(-100%, -50%); color: #292929;}
.divDdlSort:hover:after {color: #f9661c;}
.divListTop {height:auto; overflow:hidden; float:left; padding-top:8px;}
.divListBtm {height:auto; overflow:hidden; float:left; color:#434343; margin-bottom:20px; width:960px; background: #f2f2f2;} /*border-top:1px dotted #979797; */
.divListTopInner {color: #292929; /*padding: 3px 10px;*/}
.divListTopInnerBtm {color: #656565; padding-top: 15px;}
.divListNoOfPage {float:left; padding-left:10px; height:auto; overflow:hidden; padding-top: 5px;}
.divListPagination {float:right; height:auto; overflow:hidden; vertical-align:top; border: 1px solid #ddd;}
.divListNoOfItem {float:right; padding-right:20px; height:auto; overflow:hidden;}
/*.divAddCart {text-align:center; padding-top:20px;}*/

.divProdNoFound {clear:both; width:100%; margin:auto; margin-bottom:30px; text-align:center; font-size:14px; font-style:italic;}
.spanPagination {/*padding-left:5px; padding-right:5px;*/}

.header2 {clear:both; color:#000;}
/* End of Product-Group */


/* Buttons */
.btnProd {color:#000;}
a.btnProd:link {color:#000; text-decoration:none;}
a.btnProd:visited {color:#000; text-decoration:none;}
a.btnProd:hover {color:#888888; text-decoration:none;}
a.btnProd:active {color:#888888; text-decoration:none;}

.imgbtnMoreDetail {background:url(../img/usr/btn-moreDetail.gif) no-repeat; float:left; margin-top:20px;}
.imgbtnMoreDetail:hover {background:url(../img/usr/btn-moreDetail.gif) no-repeat 0px -45px; }

.imgbtnViewNew {background:url(../img/usr/icon-new.gif) no-repeat;}
.imgbtnViewNew:hover {background:url(../img/usr/icon-new.gif) no-repeat 0px -30px;}

.imgbtnViewRecommend {background:url(../img/usr/icon-recomended.gif) no-repeat;}
.imgbtnViewRecommend:hover {background:url(../img/usr/icon-recomended.gif) no-repeat 0px -30px;}

.btnPaginationProduct {color:#292929;}
.btnPaginationProduct:hover {color:#f9661c; text-decoration:none;}

.btnPagination {color:#656565; padding: 21.5px 20.5px; border-right: 1px solid #ddd;}
a.btnPagination:link, a.btnPagination:visited {color:#656565; text-decoration:none;}
a.btnPagination:hover, a.btnPagination:active {color:#292929; text-decoration:none;}

.btnPaginationSel {color:#292929; padding: 21.5px 20.5px; border-right: 1px solid #ddd; /*border-left: 1px solid #ddd;*/}
a.btnPaginationSel:link, a.btnPaginationSel:visited {color:#292929; text-decoration:none;}
a.btnPaginationSel:hover, a.btnPaginationSel:active {color:#292929; text-decoration:none;}

.imgbtnPageFirst {float: left; height: 33px; width: 33px; display: block; background: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center; color: #000 !important; text-decoration: none !important;}
.imgbtnPageFirst:hover {color: #000 !important; text-decoration: none;}
.imgbtnPageFirstDisabled {float: left; color: #000;height: 33px; width: 33px; display: block; background: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center; text-decoration: none;}

.imgbtnPageFirstBottom {float: left; height: 60px; width: 50px; display: block; background: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center; color: #000 !important; text-decoration: none !important; border-right: 1px solid #ddd;}
.imgbtnPageFirstBottom:hover {color: #000 !important; text-decoration: none;}
.imgbtnPageFirstBottomDisabled {float: left; color: #000;height: 60px; width: 50px; display: block; background: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center; text-decoration: none; border-right: 1px solid #ddd;}

.imgbtnPageLast {float: left; height: 33px; width: 33px; display: block; background: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center; color: #000 !important; text-decoration: none !important;}
.imgbtnPageLast:hover {color: #000 !important; background: transparent; text-decoration: none;}
.imgbtnPageLastDisabled {float:left; color: #000; height: 33px; width: 33px; display:block;background: transparent;cursor: pointer; display: flex;justify-content: center;align-items: center; text-decoration: none;}

.imgbtnPageLastBottom {float: left; height: 60px; width: 50px; display: block; background: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center; color: #000 !important; text-decoration: none !important;}
.imgbtnPageLastBottom:hover {color: #000 !important; background: transparent; text-decoration: none;}
.imgbtnPageLastBottomDisabled {float:left; color: #000; height: 60px; width: 50px; display:block;background: transparent; cursor: pointer; display: flex;justify-content: center;align-items: center; text-decoration: none; border-right: 1px solid #ddd;}

.material-icons.right {width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #656565;}
.material-icons.left {width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #656565;}
.imgbtnPageLast .material-icons.left:hover, .imgbtnPageLast .material-icons.right:hover {font-size: 18px;  color: #f9661c; text-decoration: none;}
.imgbtnPageFirst .material-icons.left:hover, .imgbtnPageFirst .material-icons.right:hover {font-size: 18px;  color: #f9661c; text-decoration: none;}

.material-icons.rightBottom {width: 50px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #656565;}
.material-icons.leftBottom {width: 50px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #656565;}
.imgbtnPageLastBottom .material-icons.leftBottom:hover, .imgbtnPageLastBottom .material-icons.rightBottom:hover {font-size: 18px;  color: #292929; text-decoration: none;}
.imgbtnPageFirstBottom .material-icons.leftBottom:hover, .imgbtnPageFirstBottom .material-icons.rightBottom:hover {font-size: 18px;  color: #292929; text-decoration: none;}

/* End of Buttons */

/* List */
.divItemList {height:auto; overflow:hidden; width:104%; padding:30px 0px;margin:0 -6px;display:flex;flex-wrap: wrap;}

/* Group List */
.divGroupRow {height:auto; overflow:hidden;}
.divIndGroupItem {float:left; width:150px; height:auto; overflow:hidden; margin-top:20px; text-align:center; margin-right:15px; }
.divGroupItemProdFound {color:#222222; text-align:center;}
.divGroupItemImg {height:auto; overflow:hidden; }
.divGroupDetails {height:auto; overflow:hidden;}
.divGroupImgBack {float:left; width:90px; height:90px; background:#ffffff; overflow:hidden; padding:5px 5px 5px 5px; margin-right:30px; margin-bottom:30px;}

.hypGroupDName {color:#22201f; display:block; margin-bottom:5px;}
a.hypGroupDName:link {color:#22201f; text-decoration:none;}
a.hypGroupDName:visited {color:#22201f; text-decoration:none;}
a.hypGroupDName:hover {color:#22201f; text-decoration:none;}
a.hypGroupDName:active {color:#22201f; text-decoration:none;}
/* End of Group List */

/* Prod List */
.divProdRow {height:auto; overflow:hidden; width:690px;}
.divIndProdItem{width:calc(88.5%/4); height:auto; overflow:hidden;box-sizing: border-box; margin-bottom:15px !important; position:relative; margin: 0px 20px 0px 8px;}

.pnlNewProduct, .pnlRecProduct {
    position:relative;
}
.hypViewAllNewRec {
    position:absolute;
    top:5px;
    right:20px;
}
.divIndProdItemNewRec {
    width: calc(90%/5);
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 15px !important;
    position: relative;
    border: 1px solid #dddddd;
    margin: 0px 0.8%;
}
.divProdItemDName {height:32px; overflow:hidden; text-align:center;}
.divViewNewRecommend {padding-top:20px;width:99%;position:relative;/*left:-120px;*/}

.divProdItemImg {overflow:hidden; height:auto;}
.divProdImgInn {overflow:hidden; position:relative;}
.divIndProdItemNewRec:hover .divProdImgInn, .divIndProdItem:hover .divProdImgInn {}
.divProdItemImgInner {width: 98%;vertical-align:middle; overflow:hidden; position:relative; text-align:center; border: 1px solid #ddd;}
.divProdItemImgInner img {position: absolute; width: 100%; height: auto;  top: 50%; left: 50%; transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.divProdItemImgInner img.potrait {position: absolute; width: 100%; height: 100%;  top: 50%; left: 50%; transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.divProdItemImgInner a {display:block;width:100%;padding-bottom:0% !important; height:162px;}
.divProdItemDetail {height:auto; overflow:hidden; /*width:216px;*/ padding-top:10px;padding-bottom:45px;position:relative;}
.divProdSnapShot {margin-top:10px; text-align:justify; clear:both; font-style:italic;}
.divProdItemSnapshot {padding-top:20px; text-align:justify; }
.divProdItemLink {position:absolute; bottom:0px; right:0px;}
.divImgThumb {float:right; width:25px; height:25px; margin-left:0px;}
.fontColor2 {color:#4fcfd1;}
.divProdPrice {padding-top:5px; text-align:center;width:100%;}
.btnThumb img {position:absolute; height:20px; top:0px; left:1px;}
.btnNew img {position:absolute; height:20px; top:25px; left:1px;}
.btnNewProd {position:absolute; height:20px; top:-25px; left:0px;}
.divProdThumbnew {overflow:hidden; position:absolute; top:5px; left:0px; width:40px;}
.divProdThumbnew img { position:static !important;}
.divProdAddToCart {position:absolute;bottom:0px;width:100%;}

.hypProdDName {color:#656565;}
a.hypProdDName:link, a.hypProdDName:visited {color:#656565; text-decoration:none;}
a.hypProdDName:hover, a.hypProdDName:active {color:#656565; text-decoration:none;}
/* End of Prod List */
/* End of List */

/* =============== Filter Price Range ======================*/
.pricerange-filter {
    width: 100%;
    /*padding: 10px;*/
    margin-top: 15px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
}

    .pricerange-filter .title {
        font-weight: 700;
        /*padding-bottom: 10px;*/
    }

    .pricerange-filter .ui-widget-header {
        border: 1px solid #00aff0;
        background: #00aff0;
    }

    .pricerange-filter .action {
        padding-top: 15px;
        display: flex;
        justify-content: space-between;
    }

    .pricerange-filter .slider {
    }

    .pricerange-filter .text {
        display: inline-block;
        width: 90px;
    }

    .pricerange-filter .button {
        width: 230px;
        height: 30px;
        background-color: #00aff0;
        color: white;
        /*margin: 0 5px;*/
        /*text-align: center;*/
        display: block;
        padding-top: 5px;
        box-sizing: border-box;
        position: absolute;
        margin: 0px 0 0 -11px;
        padding-left: 8px;
        background: #00aff0 url(../img/usr/btn-arrow-price-range.png) no-repeat 206px 7px;
        background-size: 14px;
    }

        .pricerange-filter .button:hover {
            text-decoration: none;
            opacity: 0.9;
        }

    .pricerange-filter .splitter {
        padding: 5px 2px;
    }
/* =============== Filter Price Range ======================*/
.pricerange-filter {
    width: 100%;
    /*padding: 10px;*/
    margin-top: 15px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    margin-bottom:50px;
}

.pricerange-filter .title {
    font-weight: 700;
    /*padding-bottom: 10px;*/
}

.pricerange-filter .ui-widget-header {
  border: 1px solid #00aff0;
  background: #00aff0;
 }

 .pricerange-filter .action {
     padding-top: 15px;
     display: flex;
     justify-content: space-between;
 }

 .pricerange-filter .slider {
 }

 .pricerange-filter .text {
     display: inline-block;
     width: 90px;
 }

 .pricerange-filter .button {
    height: 35px;
    padding-left: 15px;
    padding-top: 9px;
    width: 220px;
    position: absolute;
    margin: 0px 0 0 -11px;
    text-align: left;
    background: #00aff0 url(../img/usr/icon-product-price-range.gif) no-repeat top right;
}

.pricerange-filter .button:hover {
    text-decoration: none;
    opacity: 0.9;
}

.pricerange-filter .splitter {
    padding: 5px 2px;
}

.formTblprdgrp {/*border: solid 2px #dddddd;*/width: 100%;position: relative;/*left: -110px;*/border-radius: 30px;}
.imgNotFound {background:url(../img/usr/icon-error-page.png) no-repeat center;height: 100px;position: relative;/*right: -390px;*/top: 30px;}
.divOption{position: relative;top: 80px;width: 100%;/*left: 100px;*/}
.divOption1{border-bottom: solid 1px #dddddd;position: relative;top: 60px;width: 4px;/*left: 110px;*/}
.divOption2{position: absolute;top: 105%;width: 100%;/*left: 16%;*/}
.divMatching {position: absolute;top: 60%;/*right: 18%;*/font-size:20px;line-height: 20px;font-weight:700;margin:0px;margin-bottom:5px;font-family: Cabin, Arial, KaiTi;color:#292929;width: 100%;/*left: 16%;*/}
.tblbdr {border: solid 2px #dddddd; border-radius: 30px; height: 350px;}
.tbl2{text-align: -webkit-center;position: relative;top: 15px;}
.divTbl {border: solid 2px #dddddd;/*border-bottom:none;*/border-radius: 30px;height: 330px;width: 99%;position: relative;/*left: -110px;*/}
.divTbl1 {/*background:url(../img/usr/img-bg-error-page-btm.png) no-repeat top;background-position: -1px 0px;background-size: 693px;*/height: 38px;width: 690px;position: relative;left: -109px;top: -44px;margin-bottom: -40px;}

/*Group*/
.divGroup{height:auto; overflow:hidden; }
.divGroupOuter {height:auto; overflow:hidden;} 

.divGroupContentSubOuter {height:auto; width:228px; overflow:hidden;}
.divGroupHeader {height:auto; overflow:hidden; width:auto; padding: 10px 0px 15px 0px; border-bottom: 1px solid #ddd;}
.divGroupCat {height:auto; overflow:hidden; width:auto; padding-bottom:15px;}
.divGroupDNameSub {height:auto; overflow:hidden;}
.divGroupDNameSubLv2 {height:auto; overflow:hidden; padding-top:10px;}
.divGroupViewCategory {text-align:left;}
.divProdSpliter {height:1px; width:180px; display:block; background:#0b4e66;}
.divProdSpliterLv2 {height:10px; width:1px; display:block;}
.divNewProductsRecommendedOuter {padding-top:10px;}
.divNewProductsRecommended {overflow:hidden; padding-bottom:5px;}
.divCheckStockNow{font-size:14px; color:#ffffff; height:30px; overflow:hidden; width:200px; padding-left:20px; padding-top:10px;}

/*.divGroupDNameSub:after {content: 'keyboard_arrow_right'; font-family: 'Material Icons'; font-size: 16px; position: absolute; top: 17%; right: 0; transform: translate(-100%, -50%); color: #292929;}
.divGroupDNameSub:hover:after {color: #f9661c;}*/

.hypGrpNameCat {color:#656565; display:block; padding:15px 15px 10px 20px;}
a.hypGrpNameCat:link, a.hypGrpNameCat:visited {color:#656565; text-decoration:none;}
a.hypGrpNameCat:hover, a.hypGrpNameCat:active {color:#f9661c; text-decoration:none; background: url(../img/usr/keyboard_next.png) no-repeat 0px 25px; background-size: 8px;}

.hypGrpNameCatSel {color:#f9661c; display:block; padding:15px 15px 10px 20px; background: url(../img/usr/keyboard_next.png) no-repeat 0px 25px; background-size: 8px;}
a.hypGrpNameCatSel:link, a.hypGrpNameCatSel:visited {color:#f9661c; text-decoration:none;}
a.hypGrpNameCatSel:hover, a.hypGrpNameCatSel:active {color:#f9661c; text-decoration:none;}

.hypGrpNameCatLv2 {font-size:12px; color:#919191; display:block; font-weight:normal; padding-left:15px;}
a.hypGrpNameCatLv2:link, a.hypGrpNameCatLv2:visited {color:#919191; text-decoration:none;}
a.hypGrpNameCatLv2:hover, a.hypGrpNameCatLv2:active {color:#007fd2; text-decoration:none; }

.hypGrpNameCatLv2Sel {font-size:12px; color:#007fd2; display:block; font-weight:normal; padding-left:15px;}
a.hypGrpNameCatLv2Sel:link, a.hypGrpNameCatLv2Sel:visited {color:#007fd2; text-decoration:none;}
a.hypGrpNameCatLv2Sel:hover, a.hypGrpNameCatLv2Sel:active {color:#007fd2; text-decoration:none;}

.hypGrpNewProductRecommended {height: 40px !important; font-family: 'Cabin', sans-serif !important; padding-left:23% !important; font-size: 18px; font-weight: 700; background:url(../img/usr/icon-subpage-left-panel-recommended.gif) no-repeat; background-size:contain; }
.hypGrpNewProduct {height: 40px !important; font-family: 'Cabin', sans-serif !important; padding-left:23% !important; font-size: 18px; font-weight: 700; background:url(../img/usr/icon-subpage-left-panel-new.gif) no-repeat; background-size:contain;}


/*End Group*/


.divIndProdItemRel{width:calc(93%/5);}