h1 {margin-top: 10px;margin-bottom: 25px;font-size: 25px;text-transform: uppercase;font-weight: 300;color: #444546;text-align: center;}
hr{color:#CDCDCD;margin-top:45px;}
.brandBannerArea{background-color: #bac1b9;position: relative}
.bannerImg{width: 770px;margin: 0 auto;position: relative;}
.bannerImg>img{width: 100%;}
.bannerImgGray { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.leftGray{
    background: rgba(237,237,237,0);
    background: -moz-linear-gradient(left, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    background: -webkit-linear-gradient(left, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    background: -o-linear-gradient(left, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    background: -ms-linear-gradient(left, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    background: linear-gradient(to left, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#bac1b9', GradientType=1 );}
.rightGray{
    background: rgba(237,237,237,0);
    background: -moz-linear-gradient(left, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    background: -webkit-linear-gradient(left, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    background: -o-linear-gradient(left, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    background: -ms-linear-gradient(left, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    background: linear-gradient(to right, rgba(237,237,237,0) 55%, rgba(255,255,255,0) 55%, rgba(186,193,185,0) 55%, rgba(186,193,185,0) 78%, rgba(186,193,185,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#bac1b9', GradientType=1 );
}
.bannerBottomBar{bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.6);}
.brandNameArea{margin-left: 245px;padding: 10px 0;}
.brandNameArea>ul{margin-bottom: 5px;}
.brandNameArea>ul>li>h1{font-size: 25px;color: #FFFFFF;text-align: left;margin: 0}
.brandNameArea>ul>li>img{float: left;margin-right: 5px;}
.brandNameArea>ul>li{color: #FFFFFF}
.brandNameArea>p{color: #FFFFFF;font-weight: 200;margin: 0;}
.brandBlogArea>ul{ margin: 20px 0 0; }
.brandBlogArea>ul>li{ padding: 0 15px;}
.brandBlogArea>ul>li:last-child{padding-right: 0}
.blogTitle{font-size: 11px;text-transform: uppercase;color: #FFFFFF;text-align: center;}
.blogNum{font-size: 16px;color: #70bfd5;text-align: center;}
.brandHomeMenu{border-bottom: 1px solid #CDCDCD;margin-bottom: 30px;}
.brandHomeMenu>div.container{ position: relative;}
.brandLogo { height: 210px; width: 210px; border-radius: 50%; position: absolute; bottom: -92px; left: 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }
.brandHomeMenu>div.container>ul{margin: 0 0 0 245px;}
.brandHomeMenu>div.container>ul>li{padding: 0}
.brandHomeMenu>div.container>ul>li>a { text-transform: uppercase; font-size: 14px; font-weight: 500; color: #444546; padding: 15px 0 9px; display: block; margin: 0 30px 0 0; border-bottom: 3px solid #FFF;-webkit-transition: all 0.5s;transition: all 0.5s; }
.brandHomeMenu>div.container>ul>li.brandMoreMenu>a {text-transform: none;color: #4fa23a;font-weight: 400}
.brandHomeMenu>div.container>ul>li.brandFollow>a { color: #FFFFFF; font-size: 13px; font-weight: 300; background-color: #4fa23a; margin-right: 0; padding: 6px 12px; border-radius: 5px; border: 0; margin-top: 8px; }
.brandHomeMenu>div.container>ul>li.brandMoreMenu>a:hover {border-bottom-color: #FFFFFF}
.brandHomeMenu>div.container>ul>li>a:hover{border-bottom-color: #4fa23a; }
.brandHomeMenu>div.container>ul>li>a.active{border-bottom-color: #4fa23a; }
.brandMainCat>div.container>h1{margin: 60px 0 40px 0}
.brandCatList { display: inline-block; margin: -15px -15px 20px; }
.brandCatList>li { position: relative; padding: 0; margin: 15px; float: left; width: 204px; }
.catCaption{background-color:rgba(0, 0, 0, 0.8);padding: 15px;position: absolute;top: 50%;width: 100%;margin-top: -21px;}
.catCaption>a>h2{font-size: 12px;text-transform: uppercase;color: #FFFFFF;text-align: center;margin: 0;text-decoration: underline;}
.catCaption>a>h2>i:before{padding-right: 5px;}
/* ============ Furniture Home Shop By offer Area =========== */
.offers>div>h1{margin-bottom: 20px;margin-top: 20px;}
.offers>div>ul {margin: 0 -15px 40px -15px;padding: 0;}
.offers>div>ul>li {margin: 13px;padding: 0;text-align: center; width: 263px;}
/* ============ End of Furniture Home Shop By offer Area =========== */
/* ============ Furniture Home Row =========== */
.bookRowMenu{margin-bottom: 15px;}
.bookRowMenu>ul{margin: 0;border-bottom: 1px solid #CDCDCD;padding:0;}
.bookRowMenu>ul>li{margin:0 15px;padding:0}
.bookRowMenu>ul>li{text-transform: uppercase;font-size: 13px;font-weight: 500; color: #8f9495;padding-bottom: 6px;border-bottom: 2px solid #FFF}
div.bookRowMenu>ul>li:hover{color: #444546;border-bottom-color:#4fa23a;transition: border-bottom-color .5s;transition: color .5s;-webkit-transition: border-bottom-color .5s;-webkit-transition: color .5s;cursor:pointer}

/* ============ End of Furniture Home Row =========== */

.pHomeUnderFixedMenu {margin-top: 210px;}
.leftMenuArea{width:220px;margin:0;padding-right:15px;}
.catProductArea{width:720px;}

/* ============ Book Home Row =========== */
.bookHomeRow{margin: 45px auto;}
.bookMainCatRow,.pFirstCategory,.popularListRow,.recomendListCaro {margin-bottom: 30px;}
.bookRowMenu{margin-bottom: 15px;}
.bookRowMenu>ul{margin: 0;border-bottom: 1px solid #CDCDCD;padding:0;}
.bookRowMenu>ul>li{margin:0 15px;padding:0}
.bookRowMenu>ul>li{text-transform: uppercase;font-size: 13px;font-weight: 500; color: #8f9495;padding-bottom: 6px;border-bottom: 2px solid #FFF}
.bookRowMenu>ul>li:hover{color: #444546;border-bottom-color:#4fa23a;transition: border-bottom-color .5s;transition: color .5s;-webkit-transition: border-bottom-color .5s;-webkit-transition: color .5s;cursor:pointer}
.bookListItem {position: relative;border: 1px solid transparent;border-radius: 3px;padding:15px;transition: all .5s;-webkit-transition: all .5s;}
.bookListItem >a>img {width: 130px !important;margin: 0 auto;}
.bookListItem >a>h2 {font-size:14px;font-weight: 400;color: #444546;margin: 15px 0 12px;text-align:left;}
.bookListItem >a>p { border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;padding: 3px 0px;color: #979797;text-align:left}
.bookListItem>a{display: block;text-align: center;}
.bookListItem>a>ul{margin:0;padding: 0 0 0 14px;list-style: disc;}
.bookListItem>a>ul>li{margin:0;padding:0;color: #979797;font-size:12px;font-weight:400;text-align:left}
.bookListItem:hover { border: 1px solid #e4e4e4; box-shadow: 0px 0px 25px -8px rgb(141, 141, 141);}
.bookListItem:hover .bookHoverEffect{display:block}
.bookListItem:hover .bookFavourite{display:block}
/* ============ End of Book Home Row =========== */

/* ============ Category products =========== */
.catProductArea>h1{font-size:25px;font-weight:300;margin:0;text-align:center;color:#444546;text-transform:uppercase}
.btnGrid, .btnList {background: transparent;border-radius: 0;border: 1px solid #cdcdcd;color: #8f9495;padding: 1px 7px;font-size: 21px;float:left}
.activeView{color:#4fa23a}
.btnList{border-left:0;}
.searchInput{height:28px;width:192px;padding: 0 10px;border-radius:0;border:1px solid #cdcdcd;}
.btnSearchSubmit {position: absolute;top: 0;right: 0;font-size: 14px;padding: 3px 10px;background: transparent;color: #9a9a9a; height: 30px;}
.viewRow{margin: 20px 0 -10px;display:inline-block;width:100%}
.viewRow>li{float:left;}
.viewRow>li:first-child,.viewRow>li>p{text-transform:uppercase;font-size:13px;font-weight:400;color:#989c9d;line-height:50px;}
.view_style{margin: 7px 20px 7px 0;}
.keywordRow{margin: 12px;}
.keywordRow>li {margin: 0;color: #adaeaf;background-color: #f0f5ee;padding: 3px 10px;border-radius: 20px;font-size: 13px;}
.keywordRow>li:hover{cursor:pointer;background-color:#cadade}
.removeKeyWordBtn {border: 0;background: transparent;color: #adaeaf;font-size: 12px;line-height: 1; padding: 0 0 0 8px; }
.catList{margin: 0 0 30px;}
.catList>li{ margin: 7px 0 7px 12px; }
.catList>li:hover{cursor: pointer}
.catList>li>p>label:hover{cursor: pointer}
.catList>li>p>label>input:hover{cursor: pointer}
.catList>li>p{margin: 0}
.catList>li>p>label{font-size: 14px;font-weight: 400; margin-left: 20px; margin-bottom: 0;}
.catList>li>p>label>input{float: left;margin-left: -20px;}
.catTree {list-style: none;padding-left: 15px; width: 100%; overflow-x: auto;}
.catTree>li{line-height: 25px;}
.catTree>li:hover{cursor:pointer}
.catTree>li:before {padding: 0 5px;color: #000;content: '\f105';font-family: FontAwesome;font-size: 15px;}
/* ============ End of Category products =========== */
/* ============ Featured products =========== */
.featredProArea{width:200px;text-align:center;border-left:1px solid #CDCDCD}
.featredProArea>h1{font-size:14px;font-weight:400;text-align:center;text-transform:uppercase;margin:0;color:#444546;}
.featredProArea>ul{}
.featredProArea>ul>li{margin:30px 15px;padding:0;}
.featredProArea>ul>li:first-child{margin-top:15px;}
.featredProArea>ul>li>a{}
.featredProArea>ul>li>a>img{width:110px;margin-bottom:15px;}
.proName{color:#444546;margin:0;}
.authName{margin: 0;padding: 0;color: #979797;font-size: 12px;font-weight: 400;}

/* ============ End of Featured products =========== */
.menuRow{text-align:center;margin: 15px 30px 15px 0;border-bottom:1px solid #CDCDCD}
.menuRow>li{text-align:center;text-transform:uppercase;margin:0 20px;padding:0 0 6px 0;border-bottom:2px solid #ffffff;color:#909495}
.menuRow>li:hover{cursor:pointer;border-bottom-color:#4fa23a;color:#454545;transition: all 0.5s;-webkit-transition: all 0.5s;}
.menuRow>li.active{cursor:pointer;border-bottom-color:#4fa23a;color:#454545;transition: all 0.5s;-webkit-transition: all 0.5s;}
.products{text-align:left}
.products>li{width:33%;text-align:center}
.btnLoadMore{background-color:#eeeeee;border:1px solid #d4d2d2;color:#8f9495;width:200px;height:44px;border-radius:3px;font-size:16px;margin:30px;}
.shopByOffers{background-color:#f5f5f5;border:1px solid #efefef;width:100%;padding:20px;}
.shopByOffers>h2{font-size:14px;font-weight:400;text-transform:uppercase;color:#4fa23a;margin:0}
.shopByOffers>ul{margin:0}
.shopByOffers>ul>li{margin:10px 0;}
.shopByOffers>ul>li>label:hover{cursor:pointer}
.shopByOffers>ul>li>label{font-size:14px;font-weight:400;margin-left:20px;}
input.offerInput{float:left;margin-left:-20px;}
.leftMenuArea>h2:first-child{margin-top: 110px;}
.leftMenuArea>h2{font-size:14px;font-weight:400;color:#444546;text-align:left;text-transform:uppercase; margin: 20px 0 10px;}
.leftMenuArea>h2>i{padding-right:5px}
