.account-home-row{margin:30px 0}.account-home-box{float:left;width:31%;background:#e5ded2;padding:30px 0;margin:0 1%;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor:pointer;outline:solid 4px #e5ded2;border:solid 2px #fff;position:relative}.account-home-box .icon{text-align:center;font-size:60px;color:#404040}.account-home-box .icon span{font-size:50px;font-weight:300}.account-home-box .heading,.account-home-box .text{float:left;width:100%;font-size:18px;line-height:24px;font-weight:600;color:#404040;text-align:center;margin:0 0 20px}.account-home-box .text{padding:0 15%;margin:0;font-size:15px;font-weight:300}.account-home-box:hover{background:#fff;outline:solid 4px #e5ded2;padding:20px 0 40px}.account-home-box.retail{background:#987779;outline:solid 4px #987779}.account-home-box.retail.dl{background:#fff}.account-home-box.retail .pdf-icon{position:absolute;top:-14px;left:-14px;color:#fff;background:#987779;font-size:30px;padding:6px}.account-home-box.retail .heading,.account-home-box.retail .icon,.account-home-box.retail .text,.best-sellers-wrapper a{color:#fff}.account-home-box.retail:hover{background:#000;outline:solid 4px #000}.account-home-box.retail.dl .heading,.account-home-box.retail.dl .icon,.account-home-box.retail.dl .text{color:#987779}.account-bottom-banner{width:98.5%;padding:0 0 0 .7%}.account-bottom-banner img{width:100%;height:auto}.account-box .account-heading{background:#e5ded2;text-align:center;color:#404040;font-size:14px;font-weight:600;padding:20px 0;margin:0 0 20px}.account-box .delivery-box{float:left;border:solid 2px #404040;width:24%;padding:1%;margin:12px 0 0 1.33%;font-size:14px;line-height:20px;color:#666;height:210px;position:relative}.account-box .delivery-box.default{margin:12px 0 0}.account-box .delivery-box .remove{position:absolute;top:0;right:0;background:#e5ded2;font-size:18px;color:#404040;padding:6px;z-index:99}.account-box .delivery-box .remove span{font-size:30px}.account-box .delivery-box .head,.account-box .head{text-transform:uppercase}.account-box .delivery-box .head,.account-box .delivery-box .name,.account-box .head{float:left;width:100%;color:#404040;font-weight:600;font-size:16px;margin:0 0 10px}.account-box .delivery-box p{float:left;width:100%;text-align:left;font-size:14px;line-height:20px;font-weight:300;margin:0 0 10px;padding:0}.account-box .delivery-box.add-new .icon{width:100%;padding:20px 0 10px;text-align:center}.account-box .delivery-box.add-new .icon span{color:#eee;font-size:100px}.account-box .delivery-box.add-new .button{background:#e5ded2;padding:10px 0;text-align:center;color:#404040;font-weight:600;font-size:14px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor:pointer}.account-box .delivery-box.add-new .button:hover{background:#404040;color:#e5ded2;text-decoration:none}.account-box .form-title{font-size:14px;color:#404040;font-weight:600;margin:0 0 6px;text-align:left}.account-box .form-title.small{font-size:12px;font-weight:300}.account-box .main-button{float:none;width:100%;padding:20px 0}.account-box .main-button.reg{margin:26px 0 0}.account-box .main-button.small{padding:12px 0}.account-box .error{border:solid 1px #f8d7da}.account-box .alert{height:0;padding:0;margin:none;border:0}.account-box .alert.alert-danger{height:auto;padding:.75rem 1.25rem;border:1px solid transparent}.account-box p{text-align:center;padding:0 10%}.account-box p.note{text-align:left;width:100%;padding:10px 2%;margin:0 0 10px;background:#404040;color:#fff}.account-box .required{color:#c00}.account-box .form-text{text-align:left;line-height:20px;font-size:14px;font-weight:300;color:#404040}.account-box .enter-manually{float:left;width:100%;margin:0 0 10px;color:#404040;font-weight:600;font-size:14px;font-style:italic;display:none}.account-box .orders-count{font-size:16px;color:#000;font-weight:600}.account-box .table thead{color:#404040;font-weight:600;font-size:14px;border:0}.account-box .table thead,.account-box .table thead tr{background:#e5ded2!important}.account-box .table thead th{padding:18px 0 18px 10px;border:0}.account-box .table tr:nth-child(2n+1){background:#eee}.account-box .table td{font-size:14px;color:#404040;border:0}.account-box .icon-link{color:#404040;font-size:18px}.account-box .icon-link span{font-size:18px}.account-box .search-box{position:relative}.account-box .search-box input{width:94%}.account-box .search-box .icon{position:absolute;background:#404040;top:0;right:6%;padding:6px;border-radius:3px}.account-box .orderSummary .orderSummary .row.mainTotal.vat .total,.account-box .orderSummary .orderSummary .row.mainTotal.vat .totalTitle,.account-box .search-box .icon span{color:#e5ded2}.account-box .grey-button{padding:13px 0;background:#404040;font-size:13px;font-weight:600;letter-spacing:.6px;color:#e5ded2;width:auto;text-transform:uppercase;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor:pointer;text-align:center;text-decoration:none!important}.account-box .grey-button.active,.account-box .grey-button:hover{background:#e5ded2;color:#404040;text-decoration:none!important}.account-box .retail{background:#987779;color:#fff}.account-box .pink{background:#d69090;color:#fff}.account-box .metal{float:left;width:24px;height:24px;margin:0 10px 0 0}.account-box .metal.col18Y,.account-box .metal.col9Y{background:#f3de9c}.account-box .metal.col18W,.account-box .metal.col9W{background:#f4f4f4;border:solid 1px #eee}.account-box .metal.col18R,.account-box .metal.col9R{background:#eecdbe}.account-box .metal.colPLAT{background:#cecece}.account-box .metal.colPALL{background:#dedede}.account-box .ppg-line{float:left;width:100%;border-bottom:solid 1px #ddd;margin:0 0 10px}.account-box .ppg{float:left;font-size:14px;color:#404040;padding:4px;width:100px}.account-box .ppg-price{float:right;background:#987779;color:#fff;padding:10px;font-size:14px;font-weight:600;width:70px;text-align:center}.account-box .order-delivery-wrapper{float:left;width:70%;background:#fff;border:solid 4px #fff;outline:solid 4px #e5ded2;padding:0 10px 10px;font-size:14px;line-height:20px;color:#404040;margin-left:4px}.account-box .order-delivery-wrapper .head{padding:10px 0;color:#404040;font-weight:600;font-size:14px;background:0 0}.account-box .order-delivery-wrapper p{line-height:22px;margin:0;padding:0;color:#404040;text-align:left}.account-box .tabs-wrapper{float:left;width:100%;background:0 0;z-index:999999;position:relative;background:#e5ded2}.account-box .tabs-wrapper .tab{float:left;background:#fff;padding:20px 60px;font-size:16px;color:#404040;font-weight:500;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;cursor:pointer;border:solid 1px #404040}.account-box .tabs-wrapper .tab.active{background:#404040;color:#e5ded2}.account-box .orderSummary{float:left;width:100%;padding:0;border:solid 2px #e5ded2;margin:0}.account-box .orderSummary .heading{float:left;width:100%;font-size:18px;line-height:24px;font-weight:600;color:#404040;background:#e5ded2;margin:0;padding:20px 0 20px 2%;text-align:left}.account-box .orderSummary .row{float:none;width:100%;margin:auto;border-top:solid 1px #eee;padding:20px 0;overflow:hidden}.account-box .orderSummary .row a{color:#333}.account-box .orderSummary .row:nth-of-type(1){border:0}.account-box .orderSummary .row .img{float:left;width:30%;height:auto;text-align:center}.account-box .orderSummary .row .img img{width:80%;height:auto;border:solid 4px #fff}.account-box .orderSummary .row .infoWrapper .rowInner{float:left;width:100%;margin:10px 1% 0 0}.account-box .orderSummary .row .infoWrapper .rowInner.total{margin:0}.account-box .orderSummary .row .infoWrapper,.account-box .orderSummary .row .infoWrapper .titleWrapper{float:left;width:70%;margin:0}.account-box .orderSummary .row .infoWrapper .titleWrapper .title{float:left;width:100%;text-align:left;font-size:14px;line-height:20px;letter-spacing:.4px;color:#404040;margin:0 0 4px}.account-box .orderSummary .row .infoWrapper .titleWrapper .pno{float:left;width:100%;margin:4px 0 0;padding:0;color:#666;font-size:12px;line-height:16px}.account-box .orderSummary .row .infoWrapper .titleWrapper .pno span{font-weight:700;color:#666}.account-box .orderSummary .row .itemBreakdown{float:left;width:100%;font-size:12px;color:#666;line-height:16px;padding:0;text-align:left}.account-box .orderSummary .row .persWrapper{float:left;width:100%;margin:0;overflow:hidden}.account-box .orderSummary .row .persWrapper h2{margin:0 0 4px;padding:10px 0 10px 10px;font-size:14px;font-weight:600;border:0;letter-spacing:.4px;background:#e5ded2;color:#404040}.account-box .orderSummary .row .persWrapper .itemBreakdown{padding:0 0 10px;color:#666}.account-box .orderSummary .row .priceWrapper{float:right;width:106px;padding:0 10px 0 0}.account-box .orderSummary .row .priceWrapper .itemQty{float:left;width:100%;font-size:12px;color:#404040;font-weight:600;text-align:right;margin:0 0 20px}.account-box .orderSummary .row .price,.account-box .orderSummary .row .priceExclVat{float:left;width:100%;text-align:right;font-size:16px;font-weight:600;color:#404040;padding:0 0 20px}.account-box .orderSummary .row .price span,.account-box .orderSummary .row .priceExclVat span{font-size:13px;color:#666;font-weight:300}.account-box .orderSummary .row .priceExclVat{padding:0 0 14px}.account-box .orderSummary .row .priceExclVat .vat,.account-box .orderSummary .row .priceIncVat .vat{font-weight:400;font-size:12px;color:#666}.account-box .orderSummary .row .priceIncVat{float:left;width:100%;text-align:right;font-size:16px;color:#666}.account-box .orderSummary .row .totalTitle{float:left;width:50%;font-size:14px;color:#000;text-align:left;padding:0 0 0 1%}.account-box .orderSummary .row .total{float:right;width:50%;font-size:14px;color:#000;text-align:right;padding:0}.account-box .orderSummary .row.mainTotal{background:#ddd;font-size:16px}.account-box .orderSummary .row.mainTotal.vat,.datepicker td.day.active,.datepicker td.day.active:hover{background:#404040;color:#e5ded2}.account-box .orderSummary .row.mainTotal .totalTitle{color:#000;font-weight:700;font-size:16px}.account-box .orderSummary .row.mainTotal .total{color:#000;font-weight:700;font-size:16px;padding:0 6px}.account-box .orderSummary .generalComments{float:left;width:100%;color:#666;font-size:12px;line-height:16px;padding:0 0 0 10px}.account-box .orderSummary .generalComments span{font-weight:700}.account-box .checkbox{cursor:pointer;background:#e5ded2;color:#404040}.account-box textarea{resize:none;height:160px}.best-sellers-wrapper,.fav-tray-wrapper{float:left;width:24%;margin:0 .5% 20px;cursor:pointer;position:relative}.best-sellers-wrapper,.best-sellers-wrapper .img-wrapper img{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.best-sellers-wrapper{background:#987779;padding:0 0 20px;border:solid 2px #987779}.best-sellers-wrapper .img-wrapper{float:left;width:100%;background:#fff;text-align:center;overflow:hidden}.best-sellers-wrapper .img-wrapper img{width:90%;z-index:99;height:auto}.best-sellers-wrapper .code,.best-sellers-wrapper .title{float:left;width:96%;margin:10px 2% 0;font-size:14px;color:#fff;line-height:20px;height:30px}.best-sellers-wrapper .code span,.best-sellers-wrapper .title span{color:#e5ded2;font-weight:600}.best-sellers-wrapper .remove{position:absolute;top:0;right:0;background:#e5ded2;font-size:18px;color:#404040;padding:6px;z-index:99}.best-sellers-wrapper .remove span,.fav-tray-wrapper .remove span{font-size:30px}.best-sellers-wrapper:hover{background:#404040;border-color:#404040}.best-sellers-wrapper:hover img{transform:scale(1.1)}.best-sellers-wrapper:hover .text{background:#e5ded2;color:#404040}.best-sellers-wrapper.gold{background:#e5ded2;border:solid 2px #e5ded2}.best-sellers-wrapper.gold .code,.best-sellers-wrapper.gold .code span,.best-sellers-wrapper.gold .title,.best-sellers-wrapper.gold .title span{color:#404040}.best-sellers-wrapper.gold:hover{background:#404040;border-color:#404040}.best-sellers-wrapper.gold:hover .code,.best-sellers-wrapper.gold:hover .code span,.best-sellers-wrapper.gold:hover .title,.best-sellers-wrapper.gold:hover .title span{color:#e5ded2}.fav-tray-wrapper{background:#f8e2e4;padding:70px 0 0;border:solid 2px #d69090}.fav-tray-wrapper .remove{position:absolute;top:0;right:0;background:#d69090;font-size:18px;color:#fff;padding:6px;z-index:99}.fav-tray-wrapper .fav-icon{position:absolute;top:4px;left:4px;color:#fff}.fav-tray-wrapper .fav-icon span{font-size:50px}.fav-tray-wrapper .info-wrapper{padding:0 0 0 10px;height:150px}.fav-tray-wrapper .info-wrapper .name{font-size:14px;color:#404040;font-weight:600;padding:0 0 10px}.fav-tray-wrapper .info-wrapper .name.text{font-weight:300}.fav-tray-wrapper .info-wrapper .name.mod{font-style:italic;font-weight:400}.fav-tray-wrapper .main-button{padding:16px 0;margin:2px 0 0;box-shadow:0 0 0}.fav-tray-wrapper:hover{background:#d69090;border-color:#404040}.fav-tray-wrapper:hover .remove{background:#f8e2e4;color:#404040}.fav-tray-wrapper:hover .fav-icon{color:#f8e2e4}.fav-tray-wrapper:hover .info-wrapper .name{color:#fff}.fav-tray-wrapper:hover .main-button,.fav-tray-wrapper:hover .main-button:hover{background:#f8e2e4;color:#404040}.fav-top-info .text{font-size:14px;color:#666;line-height:24px;text-align:left;letter-spacing:.4px;border:solid 1px #ddd;border-top:none;padding:10px}.fav-top-info .text span{color:#404040;font-weight:600}.fav-top-info .text.mod{font-style:italic;font-size:13px;border:0}.fav-top-info .text.top{border-top:solid 1px #ddd}.fav-top-info .text.right{border-left:none}.fav-top-info .text.top-right{border-top:solid 1px #ddd;border-left:none}.fav-top-info .main-button{float:left;width:160px;padding:20px 0;margin:0}.fav-item-wrapper,.fav-item-wrapper .img-wrapper img,.fav-tray-wrapper{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.fav-item-wrapper{padding:0;margin-bottom:20px;cursor:pointer;border:solid 2px #f8e2e4;position:relative}.fav-item-wrapper .remove{position:absolute;top:0;right:0;background:#d69090;font-size:18px;color:#fff;padding:6px;z-index:99}.fav-item-wrapper .remove span{font-size:30px}.fav-item-wrapper .img-wrapper{float:left;width:100%;background:#fff;text-align:center;overflow:hidden}.fav-item-wrapper .img-wrapper img{width:80%;height:auto;z-index:99}.fav-item-wrapper .title{font-size:14px;line-height:20px;height:34px;color:#404040;font-weight:600;text-align:center;text-transform:uppercase;padding:0 4.5%}.fav-item-wrapper .code,.fav-item-wrapper .text{font-weight:600;font-size:14px;line-height:20px;color:#666;text-align:center}.fav-item-wrapper .text{font-weight:300;line-height:22px;color:#404040;height:136px}.fav-item-wrapper .price{font-weight:600;font-size:18px;color:#404040;text-align:center;margin:0 0 4px}.fav-item-wrapper .pattern-wrapper{height:50px}.fav-item-wrapper .pattern-wrapper .pattern{font-weight:400;font-size:14px;line-height:22px;color:#404040;text-align:center;background:#eee}.fav-item-wrapper .pattern-wrapper .pattern span{color:#d69090;font-weight:600}.fav-item-wrapper .main-button{margin:4px 0 0;box-shadow:0 0 0}.fav-item-wrapper:hover{border-color:#d69090}.fav-item-wrapper:hover img{transform:scale(1.1)}.datepicker{background:#eee}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev{background:#404040;color:#e5ded2;border-radius:0;padding:4px 0}.datepicker td.day,.datepicker th{font-size:14px;width:32px;padding:10px 0}.datepicker td.day{padding:4px 0}@media only screen and (max-width:1200px){.account-box .delivery-box{float:left;width:49.2%;padding:1%;margin:10px .4% 0}.account-box .delivery-box.default{margin:10px .4% 0}}@media only screen and (max-width:1100px){.best-sellers-wrapper{width:32.2%;margin:0 .5% 20px}.fav-tray-wrapper{width:32.3%;margin:0 .5% 20px}}@media only screen and (max-width:768px){.account-home-row{margin:0}.account-home-box{float:left;width:100%;padding:20px 0;margin:0 1% 30px}.account-box .search-box{position:relative}.account-box .search-box input{width:100%}.account-box .search-box .icon{right:0}.account-box .orders-count{text-align:center}.best-sellers-wrapper,.fav-tray-wrapper{width:49%;margin:0 .5% 20px}}@media only screen and (max-width:600px){.account-box .delivery-box{float:left;width:100%;padding:2%;margin:10px 0 0}.account-box .delivery-box.default{margin:10px 0 0}.account-box .orderSummary,.account-box .orderSummary .row .infoWrapper,.account-box .orderSummary .row .rowInner{width:100%}.account-box .orderSummary .row .rowInner .titleWrapper{width:100%;text-align:center;margin:0}.account-box .orderSummary .row .priceWrapper .itemQty,.account-box .orderSummary .row .priceWrapper .price,.account-box .orderSummary .row .priceWrapper .priceExclVat,.account-box .orderSummary .row .rowInner .titleWrapper .itemBreakdown,.account-box .orderSummary .row .rowInner .titleWrapper .persWrapper,.account-box .orderSummary .row .rowInner .titleWrapper .title{text-align:center}.account-box .orderSummary .row .rowInner .titleWrapper .persWrapper h2{text-align:center;padding:10px 0}.account-box .orderSummary .row .img,.account-box .orderSummary .row .priceWrapper{width:100%;text-align:center}.account-box .orderSummary .row .img img{width:90%;height:auto}.account-box .tabs-wrapper .tab{float:left;background:#fff;padding:20px 0;text-align:center;width:50%}.fav-top-info .text.right{border-left:solid 1px #ddd}.fav-top-info .text.top-right{border-left:solid 1px #ddd;border-top:none}}@media only screen and (max-width:500px){.best-sellers-wrapper,.fav-tray-wrapper{width:99%;margin:0 .5% 20px}}@media only screen and (max-width:400px){.account-box .company-logo{width:100%;height:auto}}